@vielzeug/refine 1.1.3 → 1.3.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 (768) hide show
  1. package/dist/accordion-item.cjs +4 -4
  2. package/dist/accordion-item.cjs.map +1 -1
  3. package/dist/accordion-item.js +41 -41
  4. package/dist/accordion-item.js.map +1 -1
  5. package/dist/accordion.cjs +1 -1
  6. package/dist/accordion.cjs.map +1 -1
  7. package/dist/accordion.js +21 -21
  8. package/dist/accordion.js.map +1 -1
  9. package/dist/alert.cjs +5 -5
  10. package/dist/alert.cjs.map +1 -1
  11. package/dist/alert.js +21 -21
  12. package/dist/alert.js.map +1 -1
  13. package/dist/async.cjs +10 -10
  14. package/dist/async.cjs.map +1 -1
  15. package/dist/async.js +27 -27
  16. package/dist/async.js.map +1 -1
  17. package/dist/avatar.cjs +2 -2
  18. package/dist/avatar.cjs.map +1 -1
  19. package/dist/avatar.js +30 -30
  20. package/dist/avatar.js.map +1 -1
  21. package/dist/badge.cjs +1 -1
  22. package/dist/badge.cjs.map +1 -1
  23. package/dist/badge.js +1 -1
  24. package/dist/box.cjs +1 -1
  25. package/dist/box.cjs.map +1 -1
  26. package/dist/box.js +1 -1
  27. package/dist/breadcrumb.cjs +2 -2
  28. package/dist/breadcrumb.cjs.map +1 -1
  29. package/dist/breadcrumb.js +20 -20
  30. package/dist/breadcrumb.js.map +1 -1
  31. package/dist/button-group.cjs +1 -1
  32. package/dist/button-group.cjs.map +1 -1
  33. package/dist/button-group.js +7 -7
  34. package/dist/button-group.js.map +1 -1
  35. package/dist/button.cjs +6 -6
  36. package/dist/button.cjs.map +1 -1
  37. package/dist/button.js +44 -42
  38. package/dist/button.js.map +1 -1
  39. package/dist/calendar.cjs +28 -28
  40. package/dist/calendar.cjs.map +1 -1
  41. package/dist/calendar.js +93 -91
  42. package/dist/calendar.js.map +1 -1
  43. package/dist/card.cjs +6 -6
  44. package/dist/card.cjs.map +1 -1
  45. package/dist/card.js +35 -34
  46. package/dist/card.js.map +1 -1
  47. package/dist/carousel.cjs +19 -19
  48. package/dist/carousel.cjs.map +1 -1
  49. package/dist/carousel.js +111 -111
  50. package/dist/carousel.js.map +1 -1
  51. package/dist/chat-message.cjs +47 -0
  52. package/dist/chat-message.cjs.map +1 -0
  53. package/dist/chat-message.js +121 -0
  54. package/dist/chat-message.js.map +1 -0
  55. package/dist/checkbox-group.cjs +9 -9
  56. package/dist/checkbox-group.cjs.map +1 -1
  57. package/dist/checkbox-group.js +54 -52
  58. package/dist/checkbox-group.js.map +1 -1
  59. package/dist/checkbox.cjs +4 -4
  60. package/dist/checkbox.cjs.map +1 -1
  61. package/dist/checkbox.js +39 -37
  62. package/dist/checkbox.js.map +1 -1
  63. package/dist/chip.cjs +14 -14
  64. package/dist/chip.cjs.map +1 -1
  65. package/dist/chip.js +43 -43
  66. package/dist/chip.js.map +1 -1
  67. package/dist/code-window.cjs +1 -1
  68. package/dist/code-window.cjs.map +1 -1
  69. package/dist/code-window.js +1 -1
  70. package/dist/combobox.cjs +25 -25
  71. package/dist/combobox.cjs.map +1 -1
  72. package/dist/combobox.js +181 -179
  73. package/dist/combobox.js.map +1 -1
  74. package/dist/command-palette.cjs +62 -0
  75. package/dist/command-palette.cjs.map +1 -0
  76. package/dist/command-palette.js +179 -0
  77. package/dist/command-palette.js.map +1 -0
  78. package/dist/content/avatar/{avatar-group.css?inline.cjs → avatar-group.css.cjs} +1 -1
  79. package/dist/content/avatar/avatar-group.css.cjs.map +1 -0
  80. package/dist/content/avatar/{avatar-group.css?inline.js → avatar-group.css.js} +1 -1
  81. package/dist/content/avatar/avatar-group.css.js.map +1 -0
  82. package/dist/content/avatar/{avatar.css?inline.cjs → avatar.css.cjs} +1 -1
  83. package/dist/content/avatar/avatar.css.cjs.map +1 -0
  84. package/dist/content/avatar/{avatar.css?inline.js → avatar.css.js} +1 -1
  85. package/dist/content/avatar/avatar.css.js.map +1 -0
  86. package/dist/content/breadcrumb/{breadcrumb-item.css?inline.cjs → breadcrumb-item.css.cjs} +1 -1
  87. package/dist/content/breadcrumb/breadcrumb-item.css.cjs.map +1 -0
  88. package/dist/content/breadcrumb/{breadcrumb-item.css?inline.js → breadcrumb-item.css.js} +1 -1
  89. package/dist/content/breadcrumb/breadcrumb-item.css.js.map +1 -0
  90. package/dist/content/breadcrumb/{breadcrumb.css?inline.cjs → breadcrumb.css.cjs} +1 -1
  91. package/dist/content/breadcrumb/breadcrumb.css.cjs.map +1 -0
  92. package/dist/content/breadcrumb/{breadcrumb.css?inline.js → breadcrumb.css.js} +1 -1
  93. package/dist/content/breadcrumb/breadcrumb.css.js.map +1 -0
  94. package/dist/content/card/{card.css?inline.cjs → card.css.cjs} +1 -1
  95. package/dist/content/card/card.css.cjs.map +1 -0
  96. package/dist/content/card/{card.css?inline.js → card.css.js} +1 -1
  97. package/dist/content/card/card.css.js.map +1 -0
  98. package/dist/content/carousel/carousel-slide.cjs +1 -1
  99. package/dist/content/carousel/carousel-slide.cjs.map +1 -1
  100. package/dist/content/carousel/{carousel-slide.css?inline.cjs → carousel-slide.css.cjs} +1 -1
  101. package/dist/content/carousel/carousel-slide.css.cjs.map +1 -0
  102. package/dist/content/carousel/{carousel-slide.css?inline.js → carousel-slide.css.js} +1 -1
  103. package/dist/content/carousel/carousel-slide.css.js.map +1 -0
  104. package/dist/content/carousel/carousel-slide.js +7 -7
  105. package/dist/content/carousel/carousel-slide.js.map +1 -1
  106. package/dist/content/carousel/{carousel.css?inline.cjs → carousel.css.cjs} +1 -1
  107. package/dist/content/carousel/carousel.css.cjs.map +1 -0
  108. package/dist/content/carousel/{carousel.css?inline.js → carousel.css.js} +1 -1
  109. package/dist/content/carousel/carousel.css.js.map +1 -0
  110. package/dist/content/chat-message/chat-message.css.cjs +2 -0
  111. package/dist/content/chat-message/chat-message.css.cjs.map +1 -0
  112. package/dist/content/chat-message/chat-message.css.js +6 -0
  113. package/dist/content/chat-message/chat-message.css.js.map +1 -0
  114. package/dist/content/chat-message/chat-message.d.ts +87 -0
  115. package/dist/content/chat-message/chat-message.d.ts.map +1 -0
  116. package/dist/content/code-window/{code-window.css?inline.cjs → code-window.css.cjs} +1 -1
  117. package/dist/content/code-window/code-window.css.cjs.map +1 -0
  118. package/dist/content/code-window/{code-window.css?inline.js → code-window.css.js} +1 -1
  119. package/dist/content/code-window/code-window.css.js.map +1 -0
  120. package/dist/content/copy-command/{copy-command.css?inline.cjs → copy-command.css.cjs} +1 -1
  121. package/dist/content/copy-command/copy-command.css.cjs.map +1 -0
  122. package/dist/content/copy-command/{copy-command.css?inline.js → copy-command.css.js} +1 -1
  123. package/dist/content/copy-command/copy-command.css.js.map +1 -0
  124. package/dist/content/icon/{icon.css?inline.cjs → icon.css.cjs} +1 -1
  125. package/dist/content/icon/icon.css.cjs.map +1 -0
  126. package/dist/content/icon/{icon.css?inline.js → icon.css.js} +1 -1
  127. package/dist/content/icon/icon.css.js.map +1 -0
  128. package/dist/content/index.d.ts +2 -0
  129. package/dist/content/index.d.ts.map +1 -1
  130. package/dist/content/pagination/{pagination.css?inline.cjs → pagination.css.cjs} +1 -1
  131. package/dist/content/pagination/pagination.css.cjs.map +1 -0
  132. package/dist/content/pagination/{pagination.css?inline.js → pagination.css.js} +1 -1
  133. package/dist/content/pagination/pagination.css.js.map +1 -0
  134. package/dist/content/separator/{separator.css?inline.cjs → separator.css.cjs} +1 -1
  135. package/dist/content/separator/separator.css.cjs.map +1 -0
  136. package/dist/content/separator/{separator.css?inline.js → separator.css.js} +1 -1
  137. package/dist/content/separator/separator.css.js.map +1 -0
  138. package/dist/content/table/{table.css?inline.cjs → table.css.cjs} +1 -1
  139. package/dist/content/table/table.css.cjs.map +1 -0
  140. package/dist/content/table/{table.css?inline.js → table.css.js} +1 -1
  141. package/dist/content/table/table.css.js.map +1 -0
  142. package/dist/content/text/{text.css?inline.cjs → text.css.cjs} +1 -1
  143. package/dist/content/text/text.css.cjs.map +1 -0
  144. package/dist/content/text/{text.css?inline.js → text.css.js} +1 -1
  145. package/dist/content/text/text.css.js.map +1 -0
  146. package/dist/copy-command.cjs +5 -5
  147. package/dist/copy-command.cjs.map +1 -1
  148. package/dist/copy-command.js +25 -25
  149. package/dist/copy-command.js.map +1 -1
  150. package/dist/custom-elements.json +4716 -3980
  151. package/dist/datagrid.cjs +109 -109
  152. package/dist/datagrid.cjs.map +1 -1
  153. package/dist/datagrid.js +194 -194
  154. package/dist/datagrid.js.map +1 -1
  155. package/dist/date-picker.cjs +40 -40
  156. package/dist/date-picker.cjs.map +1 -1
  157. package/dist/date-picker.js +116 -114
  158. package/dist/date-picker.js.map +1 -1
  159. package/dist/dialog.cjs +5 -5
  160. package/dist/dialog.cjs.map +1 -1
  161. package/dist/dialog.js +28 -28
  162. package/dist/dialog.js.map +1 -1
  163. package/dist/disclosure/accordion/{accordion.css?inline.cjs → accordion.css.cjs} +1 -1
  164. package/dist/disclosure/accordion/accordion.css.cjs.map +1 -0
  165. package/dist/disclosure/accordion/{accordion.css?inline.js → accordion.css.js} +1 -1
  166. package/dist/disclosure/accordion/accordion.css.js.map +1 -0
  167. package/dist/disclosure/accordion-item/{accordion-item.css?inline.cjs → accordion-item.css.cjs} +1 -1
  168. package/dist/disclosure/accordion-item/accordion-item.css.cjs.map +1 -0
  169. package/dist/disclosure/accordion-item/{accordion-item.css?inline.js → accordion-item.css.js} +1 -1
  170. package/dist/disclosure/accordion-item/accordion-item.css.js.map +1 -0
  171. package/dist/disclosure/tab-item/{tab-item.css?inline.cjs → tab-item.css.cjs} +1 -1
  172. package/dist/disclosure/tab-item/tab-item.css.cjs.map +1 -0
  173. package/dist/disclosure/tab-item/{tab-item.css?inline.js → tab-item.css.js} +1 -1
  174. package/dist/disclosure/tab-item/tab-item.css.js.map +1 -0
  175. package/dist/disclosure/tab-panel/{tab-panel.css?inline.cjs → tab-panel.css.cjs} +1 -1
  176. package/dist/disclosure/tab-panel/tab-panel.css.cjs.map +1 -0
  177. package/dist/disclosure/tab-panel/{tab-panel.css?inline.js → tab-panel.css.js} +1 -1
  178. package/dist/disclosure/tab-panel/tab-panel.css.js.map +1 -0
  179. package/dist/disclosure/tabs/{tabs.css?inline.cjs → tabs.css.cjs} +1 -1
  180. package/dist/disclosure/tabs/tabs.css.cjs.map +1 -0
  181. package/dist/disclosure/tabs/{tabs.css?inline.js → tabs.css.js} +1 -1
  182. package/dist/disclosure/tabs/tabs.css.js.map +1 -0
  183. package/dist/drawer.cjs +9 -9
  184. package/dist/drawer.cjs.map +1 -1
  185. package/dist/drawer.js +80 -80
  186. package/dist/drawer.js.map +1 -1
  187. package/dist/feedback/alert/{alert.css?inline.cjs → alert.css.cjs} +1 -1
  188. package/dist/feedback/alert/alert.css.cjs.map +1 -0
  189. package/dist/feedback/alert/{alert.css?inline.js → alert.css.js} +1 -1
  190. package/dist/feedback/alert/alert.css.js.map +1 -0
  191. package/dist/feedback/async/{async.css?inline.cjs → async.css.cjs} +1 -1
  192. package/dist/feedback/async/async.css.cjs.map +1 -0
  193. package/dist/feedback/async/{async.css?inline.js → async.css.js} +1 -1
  194. package/dist/feedback/async/async.css.js.map +1 -0
  195. package/dist/feedback/badge/{badge.css?inline.cjs → badge.css.cjs} +1 -1
  196. package/dist/feedback/badge/badge.css.cjs.map +1 -0
  197. package/dist/feedback/badge/{badge.css?inline.js → badge.css.js} +1 -1
  198. package/dist/feedback/badge/badge.css.js.map +1 -0
  199. package/dist/feedback/chip/{chip.css?inline.cjs → chip.css.cjs} +1 -1
  200. package/dist/feedback/chip/chip.css.cjs.map +1 -0
  201. package/dist/feedback/chip/{chip.css?inline.js → chip.css.js} +1 -1
  202. package/dist/feedback/chip/chip.css.js.map +1 -0
  203. package/dist/feedback/index.d.ts +2 -0
  204. package/dist/feedback/index.d.ts.map +1 -1
  205. package/dist/feedback/password-strength/{password-strength.css?inline.cjs → password-strength.css.cjs} +1 -1
  206. package/dist/feedback/password-strength/password-strength.css.cjs.map +1 -0
  207. package/dist/feedback/password-strength/{password-strength.css?inline.js → password-strength.css.js} +1 -1
  208. package/dist/feedback/password-strength/password-strength.css.js.map +1 -0
  209. package/dist/feedback/progress/{progress.css?inline.cjs → progress.css.cjs} +1 -1
  210. package/dist/feedback/progress/progress.css.cjs.map +1 -0
  211. package/dist/feedback/progress/{progress.css?inline.js → progress.css.js} +1 -1
  212. package/dist/feedback/progress/progress.css.js.map +1 -0
  213. package/dist/feedback/skeleton/{skeleton.css?inline.cjs → skeleton.css.cjs} +1 -1
  214. package/dist/feedback/skeleton/skeleton.css.cjs.map +1 -0
  215. package/dist/feedback/skeleton/{skeleton.css?inline.js → skeleton.css.js} +1 -1
  216. package/dist/feedback/skeleton/skeleton.css.js.map +1 -0
  217. package/dist/feedback/toast/{toast.css?inline.cjs → toast.css.cjs} +1 -1
  218. package/dist/feedback/toast/toast.css.cjs.map +1 -0
  219. package/dist/feedback/toast/{toast.css?inline.js → toast.css.js} +1 -1
  220. package/dist/feedback/toast/toast.css.js.map +1 -0
  221. package/dist/feedback/toast/toast.d.ts.map +1 -1
  222. package/dist/feedback/typing-indicator/typing-indicator.css.cjs +2 -0
  223. package/dist/feedback/typing-indicator/typing-indicator.css.cjs.map +1 -0
  224. package/dist/feedback/typing-indicator/typing-indicator.css.js +6 -0
  225. package/dist/feedback/typing-indicator/typing-indicator.css.js.map +1 -0
  226. package/dist/feedback/typing-indicator/typing-indicator.d.ts +42 -0
  227. package/dist/feedback/typing-indicator/typing-indicator.d.ts.map +1 -0
  228. package/dist/file-input.cjs +56 -34
  229. package/dist/file-input.cjs.map +1 -1
  230. package/dist/file-input.js +143 -104
  231. package/dist/file-input.js.map +1 -1
  232. package/dist/form.cjs +3 -3
  233. package/dist/form.cjs.map +1 -1
  234. package/dist/form.js +28 -25
  235. package/dist/form.js.map +1 -1
  236. package/dist/grid-item.cjs +1 -1
  237. package/dist/grid-item.cjs.map +1 -1
  238. package/dist/grid-item.js +19 -19
  239. package/dist/grid-item.js.map +1 -1
  240. package/dist/grid.cjs +1 -1
  241. package/dist/grid.cjs.map +1 -1
  242. package/dist/grid.js +48 -48
  243. package/dist/grid.js.map +1 -1
  244. package/dist/icon.cjs +1 -1
  245. package/dist/icon.cjs.map +1 -1
  246. package/dist/icon.js +26 -26
  247. package/dist/icon.js.map +1 -1
  248. package/dist/index.cjs +1 -1
  249. package/dist/index.js +52 -49
  250. package/dist/input.cjs +25 -25
  251. package/dist/input.cjs.map +1 -1
  252. package/dist/input.js +75 -73
  253. package/dist/input.js.map +1 -1
  254. package/dist/inputs/button/{button.css?inline.cjs → button.css.cjs} +1 -1
  255. package/dist/inputs/button/button.css.cjs.map +1 -0
  256. package/dist/inputs/button/{button.css?inline.js → button.css.js} +1 -1
  257. package/dist/inputs/button/button.css.js.map +1 -0
  258. package/dist/inputs/button/button.d.ts.map +1 -1
  259. package/dist/inputs/button-group/{button-group.css?inline.cjs → button-group.css.cjs} +1 -1
  260. package/dist/inputs/button-group/button-group.css.cjs.map +1 -0
  261. package/dist/inputs/button-group/{button-group.css?inline.js → button-group.css.js} +1 -1
  262. package/dist/inputs/button-group/button-group.css.js.map +1 -0
  263. package/dist/inputs/calendar/{calendar.css?inline.cjs → calendar.css.cjs} +1 -1
  264. package/dist/inputs/calendar/calendar.css.cjs.map +1 -0
  265. package/dist/inputs/calendar/{calendar.css?inline.js → calendar.css.js} +1 -1
  266. package/dist/inputs/calendar/calendar.css.js.map +1 -0
  267. package/dist/inputs/calendar/calendar.d.ts.map +1 -1
  268. package/dist/inputs/checkbox/{checkbox.css?inline.cjs → checkbox.css.cjs} +1 -1
  269. package/dist/inputs/checkbox/checkbox.css.cjs.map +1 -0
  270. package/dist/inputs/checkbox/{checkbox.css?inline.js → checkbox.css.js} +1 -1
  271. package/dist/inputs/checkbox/checkbox.css.js.map +1 -0
  272. package/dist/inputs/checkbox/checkbox.d.ts.map +1 -1
  273. package/dist/inputs/checkbox-group/{checkbox-group.css?inline.cjs → checkbox-group.css.cjs} +1 -1
  274. package/dist/inputs/checkbox-group/checkbox-group.css.cjs.map +1 -0
  275. package/dist/inputs/checkbox-group/{checkbox-group.css?inline.js → checkbox-group.css.js} +1 -1
  276. package/dist/inputs/checkbox-group/checkbox-group.css.js.map +1 -0
  277. package/dist/inputs/checkbox-group/checkbox-group.d.ts.map +1 -1
  278. package/dist/inputs/combobox/{combobox.css?inline.cjs → combobox.css.cjs} +1 -1
  279. package/dist/inputs/combobox/combobox.css.cjs.map +1 -0
  280. package/dist/inputs/combobox/{combobox.css?inline.js → combobox.css.js} +1 -1
  281. package/dist/inputs/combobox/combobox.css.js.map +1 -0
  282. package/dist/inputs/combobox/combobox.d.ts.map +1 -1
  283. package/dist/inputs/datagrid/{datagrid.css?inline.cjs → datagrid.css.cjs} +1 -1
  284. package/dist/inputs/datagrid/datagrid.css.cjs.map +1 -0
  285. package/dist/inputs/datagrid/{datagrid.css?inline.js → datagrid.css.js} +1 -1
  286. package/dist/inputs/datagrid/datagrid.css.js.map +1 -0
  287. package/dist/inputs/date-picker/{date-picker.css?inline.cjs → date-picker.css.cjs} +1 -1
  288. package/dist/inputs/date-picker/date-picker.css.cjs.map +1 -0
  289. package/dist/inputs/date-picker/{date-picker.css?inline.js → date-picker.css.js} +1 -1
  290. package/dist/inputs/date-picker/date-picker.css.js.map +1 -0
  291. package/dist/inputs/date-picker/date-picker.d.ts.map +1 -1
  292. package/dist/inputs/file-input/{file-input.css?inline.cjs → file-input.css.cjs} +2 -2
  293. package/dist/inputs/file-input/file-input.css.cjs.map +1 -0
  294. package/dist/inputs/file-input/{file-input.css?inline.js → file-input.css.js} +2 -2
  295. package/dist/inputs/file-input/file-input.css.js.map +1 -0
  296. package/dist/inputs/file-input/file-input.d.ts +9 -0
  297. package/dist/inputs/file-input/file-input.d.ts.map +1 -1
  298. package/dist/inputs/form/{form.css?inline.cjs → form.css.cjs} +1 -1
  299. package/dist/inputs/form/form.css.cjs.map +1 -0
  300. package/dist/inputs/form/{form.css?inline.js → form.css.js} +1 -1
  301. package/dist/inputs/form/form.css.js.map +1 -0
  302. package/dist/inputs/input/{input.css?inline.cjs → input.css.cjs} +1 -1
  303. package/dist/inputs/input/input.css.cjs.map +1 -0
  304. package/dist/inputs/input/{input.css?inline.js → input.css.js} +1 -1
  305. package/dist/inputs/input/input.css.js.map +1 -0
  306. package/dist/inputs/input/input.d.ts.map +1 -1
  307. package/dist/inputs/number-input/{number-input.css?inline.cjs → number-input.css.cjs} +1 -1
  308. package/dist/inputs/number-input/number-input.css.cjs.map +1 -0
  309. package/dist/inputs/number-input/{number-input.css?inline.js → number-input.css.js} +1 -1
  310. package/dist/inputs/number-input/number-input.css.js.map +1 -0
  311. package/dist/inputs/otp-input/{otp-input.css?inline.cjs → otp-input.css.cjs} +1 -1
  312. package/dist/inputs/otp-input/otp-input.css.cjs.map +1 -0
  313. package/dist/inputs/otp-input/{otp-input.css?inline.js → otp-input.css.js} +1 -1
  314. package/dist/inputs/otp-input/otp-input.css.js.map +1 -0
  315. package/dist/inputs/otp-input/otp-input.d.ts.map +1 -1
  316. package/dist/inputs/radio/{radio.css?inline.cjs → radio.css.cjs} +1 -1
  317. package/dist/inputs/radio/radio.css.cjs.map +1 -0
  318. package/dist/inputs/radio/{radio.css?inline.js → radio.css.js} +1 -1
  319. package/dist/inputs/radio/radio.css.js.map +1 -0
  320. package/dist/inputs/radio/radio.d.ts.map +1 -1
  321. package/dist/inputs/radio-group/{radio-group.css?inline.cjs → radio-group.css.cjs} +1 -1
  322. package/dist/inputs/radio-group/radio-group.css.cjs.map +1 -0
  323. package/dist/inputs/radio-group/{radio-group.css?inline.js → radio-group.css.js} +1 -1
  324. package/dist/inputs/radio-group/radio-group.css.js.map +1 -0
  325. package/dist/inputs/radio-group/radio-group.d.ts.map +1 -1
  326. package/dist/inputs/rating/{rating.css?inline.cjs → rating.css.cjs} +1 -1
  327. package/dist/inputs/rating/rating.css.cjs.map +1 -0
  328. package/dist/inputs/rating/{rating.css?inline.js → rating.css.js} +1 -1
  329. package/dist/inputs/rating/rating.css.js.map +1 -0
  330. package/dist/inputs/rating/rating.d.ts.map +1 -1
  331. package/dist/inputs/select/{select.css?inline.cjs → select.css.cjs} +1 -1
  332. package/dist/inputs/select/select.css.cjs.map +1 -0
  333. package/dist/inputs/select/{select.css?inline.js → select.css.js} +1 -1
  334. package/dist/inputs/select/select.css.js.map +1 -0
  335. package/dist/inputs/select/select.d.ts.map +1 -1
  336. package/dist/inputs/shared/field-binding.cjs +1 -1
  337. package/dist/inputs/shared/field-binding.cjs.map +1 -1
  338. package/dist/inputs/shared/field-binding.d.ts +1 -2
  339. package/dist/inputs/shared/field-binding.d.ts.map +1 -1
  340. package/dist/inputs/shared/field-binding.js +3 -2
  341. package/dist/inputs/shared/field-binding.js.map +1 -1
  342. package/dist/inputs/shared/form-context.cjs +1 -1
  343. package/dist/inputs/shared/form-context.cjs.map +1 -1
  344. package/dist/inputs/shared/form-context.d.ts +4 -4
  345. package/dist/inputs/shared/form-context.d.ts.map +1 -1
  346. package/dist/inputs/shared/form-context.js +10 -10
  347. package/dist/inputs/shared/form-context.js.map +1 -1
  348. package/dist/inputs/slider/{slider.css?inline.cjs → slider.css.cjs} +1 -1
  349. package/dist/inputs/slider/slider.css.cjs.map +1 -0
  350. package/dist/inputs/slider/{slider.css?inline.js → slider.css.js} +1 -1
  351. package/dist/inputs/slider/slider.css.js.map +1 -0
  352. package/dist/inputs/slider/slider.d.ts.map +1 -1
  353. package/dist/inputs/switch/{switch.css?inline.cjs → switch.css.cjs} +1 -1
  354. package/dist/inputs/switch/switch.css.cjs.map +1 -0
  355. package/dist/inputs/switch/{switch.css?inline.js → switch.css.js} +1 -1
  356. package/dist/inputs/switch/switch.css.js.map +1 -0
  357. package/dist/inputs/switch/switch.d.ts.map +1 -1
  358. package/dist/inputs/textarea/{textarea.css?inline.cjs → textarea.css.cjs} +1 -1
  359. package/dist/inputs/textarea/textarea.css.cjs.map +1 -0
  360. package/dist/inputs/textarea/{textarea.css?inline.js → textarea.css.js} +1 -1
  361. package/dist/inputs/textarea/textarea.css.js.map +1 -0
  362. package/dist/inputs/textarea/textarea.d.ts.map +1 -1
  363. package/dist/inputs/time-picker/{time-picker.css?inline.cjs → time-picker.css.cjs} +1 -1
  364. package/dist/inputs/time-picker/time-picker.css.cjs.map +1 -0
  365. package/dist/inputs/time-picker/{time-picker.css?inline.js → time-picker.css.js} +1 -1
  366. package/dist/inputs/time-picker/time-picker.css.js.map +1 -0
  367. package/dist/inputs/time-picker/time-picker.d.ts.map +1 -1
  368. package/dist/keymap/dist/_dev.cjs +2 -0
  369. package/dist/keymap/dist/_dev.cjs.map +1 -0
  370. package/dist/keymap/dist/_dev.js +4 -0
  371. package/dist/keymap/dist/_dev.js.map +1 -0
  372. package/dist/keymap/dist/format.cjs +1 -0
  373. package/dist/keymap/dist/format.js +1 -0
  374. package/dist/keymap/dist/index.cjs +1 -0
  375. package/dist/keymap/dist/index.js +4 -0
  376. package/dist/keymap/dist/keymap.cjs +2 -0
  377. package/dist/keymap/dist/keymap.cjs.map +1 -0
  378. package/dist/keymap/dist/keymap.js +221 -0
  379. package/dist/keymap/dist/keymap.js.map +1 -0
  380. package/dist/keymap/dist/layer.cjs +1 -0
  381. package/dist/keymap/dist/layer.js +1 -0
  382. package/dist/layout/box/{box.css?inline.cjs → box.css.cjs} +1 -1
  383. package/dist/layout/box/box.css.cjs.map +1 -0
  384. package/dist/layout/box/{box.css?inline.js → box.css.js} +1 -1
  385. package/dist/layout/box/box.css.js.map +1 -0
  386. package/dist/layout/grid/{grid.css?inline.cjs → grid.css.cjs} +1 -1
  387. package/dist/layout/grid/grid.css.cjs.map +1 -0
  388. package/dist/layout/grid/{grid.css?inline.js → grid.css.js} +1 -1
  389. package/dist/layout/grid/grid.css.js.map +1 -0
  390. package/dist/layout/grid-item/{grid-item.css?inline.cjs → grid-item.css.cjs} +1 -1
  391. package/dist/layout/grid-item/grid-item.css.cjs.map +1 -0
  392. package/dist/layout/grid-item/{grid-item.css?inline.js → grid-item.css.js} +1 -1
  393. package/dist/layout/grid-item/grid-item.css.js.map +1 -0
  394. package/dist/layout/navbar/{navbar.css?inline.cjs → navbar.css.cjs} +1 -1
  395. package/dist/layout/navbar/navbar.css.cjs.map +1 -0
  396. package/dist/layout/navbar/{navbar.css?inline.js → navbar.css.js} +1 -1
  397. package/dist/layout/navbar/navbar.css.js.map +1 -0
  398. package/dist/layout/navbar/navbar.d.ts.map +1 -1
  399. package/dist/layout/sidebar/{sidebar-group.css?inline.cjs → sidebar-group.css.cjs} +1 -1
  400. package/dist/layout/sidebar/sidebar-group.css.cjs.map +1 -0
  401. package/dist/layout/sidebar/{sidebar-group.css?inline.js → sidebar-group.css.js} +1 -1
  402. package/dist/layout/sidebar/sidebar-group.css.js.map +1 -0
  403. package/dist/layout/sidebar/{sidebar-item.css?inline.cjs → sidebar-item.css.cjs} +1 -1
  404. package/dist/layout/sidebar/sidebar-item.css.cjs.map +1 -0
  405. package/dist/layout/sidebar/{sidebar-item.css?inline.js → sidebar-item.css.js} +1 -1
  406. package/dist/layout/sidebar/sidebar-item.css.js.map +1 -0
  407. package/dist/layout/sidebar/{sidebar.css?inline.cjs → sidebar.css.cjs} +1 -1
  408. package/dist/layout/sidebar/sidebar.css.cjs.map +1 -0
  409. package/dist/layout/sidebar/{sidebar.css?inline.js → sidebar.css.js} +1 -1
  410. package/dist/layout/sidebar/sidebar.css.js.map +1 -0
  411. package/dist/layout/sidebar/sidebar.d.ts.map +1 -1
  412. package/dist/menu.cjs +5 -5
  413. package/dist/menu.cjs.map +1 -1
  414. package/dist/menu.js +85 -85
  415. package/dist/menu.js.map +1 -1
  416. package/dist/navbar.cjs +15 -15
  417. package/dist/navbar.cjs.map +1 -1
  418. package/dist/navbar.js +127 -127
  419. package/dist/navbar.js.map +1 -1
  420. package/dist/number-input.cjs +11 -11
  421. package/dist/number-input.cjs.map +1 -1
  422. package/dist/number-input.js +69 -69
  423. package/dist/number-input.js.map +1 -1
  424. package/dist/ore/dist/_dev.cjs.map +1 -1
  425. package/dist/ore/dist/_dev.js.map +1 -1
  426. package/dist/ore/dist/base-element.cjs +1 -1
  427. package/dist/ore/dist/base-element.cjs.map +1 -1
  428. package/dist/ore/dist/base-element.js +37 -35
  429. package/dist/ore/dist/base-element.js.map +1 -1
  430. package/dist/ore/dist/context.cjs +1 -1
  431. package/dist/ore/dist/context.cjs.map +1 -1
  432. package/dist/ore/dist/context.js +6 -33
  433. package/dist/ore/dist/context.js.map +1 -1
  434. package/dist/ore/dist/define.cjs.map +1 -1
  435. package/dist/ore/dist/define.js.map +1 -1
  436. package/dist/ore/dist/directives/raw.cjs +1 -1
  437. package/dist/ore/dist/directives/raw.cjs.map +1 -1
  438. package/dist/ore/dist/directives/raw.js +20 -17
  439. package/dist/ore/dist/directives/raw.js.map +1 -1
  440. package/dist/ore/dist/directives/when.cjs +1 -1
  441. package/dist/ore/dist/directives/when.cjs.map +1 -1
  442. package/dist/ore/dist/directives/when.js +29 -24
  443. package/dist/ore/dist/directives/when.js.map +1 -1
  444. package/dist/ore/dist/errors.cjs +2 -2
  445. package/dist/ore/dist/errors.cjs.map +1 -1
  446. package/dist/ore/dist/errors.js +12 -3
  447. package/dist/ore/dist/errors.js.map +1 -1
  448. package/dist/ore/dist/forms/context.cjs +2 -0
  449. package/dist/ore/dist/forms/context.cjs.map +1 -0
  450. package/dist/ore/dist/forms/context.js +6 -0
  451. package/dist/ore/dist/forms/context.js.map +1 -0
  452. package/dist/ore/dist/forms/field.cjs +2 -0
  453. package/dist/ore/dist/forms/field.cjs.map +1 -0
  454. package/dist/ore/dist/forms/field.js +35 -0
  455. package/dist/ore/dist/forms/field.js.map +1 -0
  456. package/dist/ore/dist/forms.cjs +1 -0
  457. package/dist/ore/dist/forms.js +3 -0
  458. package/dist/ore/dist/props.cjs +1 -1
  459. package/dist/ore/dist/props.cjs.map +1 -1
  460. package/dist/ore/dist/props.js +29 -27
  461. package/dist/ore/dist/props.js.map +1 -1
  462. package/dist/ore/dist/runtime.cjs +1 -1
  463. package/dist/ore/dist/runtime.cjs.map +1 -1
  464. package/dist/ore/dist/runtime.js +13 -23
  465. package/dist/ore/dist/runtime.js.map +1 -1
  466. package/dist/ore/dist/testing/render-hook.cjs +1 -1
  467. package/dist/ore/dist/testing/render-hook.js +0 -1
  468. package/dist/ore/dist/utils/dom.cjs +1 -1
  469. package/dist/ore/dist/utils/dom.cjs.map +1 -1
  470. package/dist/ore/dist/utils/dom.js +2 -6
  471. package/dist/ore/dist/utils/dom.js.map +1 -1
  472. package/dist/otp-input.cjs +9 -9
  473. package/dist/otp-input.cjs.map +1 -1
  474. package/dist/otp-input.js +70 -68
  475. package/dist/otp-input.js.map +1 -1
  476. package/dist/overlay/command-palette/command-palette-items.cjs +2 -0
  477. package/dist/overlay/command-palette/command-palette-items.cjs.map +1 -0
  478. package/dist/overlay/command-palette/command-palette-items.d.ts +22 -0
  479. package/dist/overlay/command-palette/command-palette-items.d.ts.map +1 -0
  480. package/dist/overlay/command-palette/command-palette-items.js +55 -0
  481. package/dist/overlay/command-palette/command-palette-items.js.map +1 -0
  482. package/dist/overlay/command-palette/command-palette.css.cjs +2 -0
  483. package/dist/overlay/command-palette/command-palette.css.cjs.map +1 -0
  484. package/dist/overlay/command-palette/command-palette.css.js +6 -0
  485. package/dist/overlay/command-palette/command-palette.css.js.map +1 -0
  486. package/dist/overlay/command-palette/command-palette.d.ts +72 -0
  487. package/dist/overlay/command-palette/command-palette.d.ts.map +1 -0
  488. package/dist/overlay/command-palette/command-palette.types.d.ts +76 -0
  489. package/dist/overlay/command-palette/command-palette.types.d.ts.map +1 -0
  490. package/dist/overlay/dialog/{dialog.css?inline.cjs → dialog.css.cjs} +1 -1
  491. package/dist/overlay/dialog/dialog.css.cjs.map +1 -0
  492. package/dist/overlay/dialog/{dialog.css?inline.js → dialog.css.js} +1 -1
  493. package/dist/overlay/dialog/dialog.css.js.map +1 -0
  494. package/dist/overlay/drawer/{drawer.css?inline.cjs → drawer.css.cjs} +1 -1
  495. package/dist/overlay/drawer/drawer.css.cjs.map +1 -0
  496. package/dist/overlay/drawer/{drawer.css?inline.js → drawer.css.js} +1 -1
  497. package/dist/overlay/drawer/drawer.css.js.map +1 -0
  498. package/dist/overlay/drawer/drawer.d.ts.map +1 -1
  499. package/dist/overlay/index.d.ts +2 -0
  500. package/dist/overlay/index.d.ts.map +1 -1
  501. package/dist/overlay/menu/{menu-item.css?inline.cjs → menu-item.css.cjs} +1 -1
  502. package/dist/overlay/menu/menu-item.css.cjs.map +1 -0
  503. package/dist/overlay/menu/{menu-item.css?inline.js → menu-item.css.js} +1 -1
  504. package/dist/overlay/menu/menu-item.css.js.map +1 -0
  505. package/dist/overlay/menu/{menu-separator.css?inline.cjs → menu-separator.css.cjs} +1 -1
  506. package/dist/overlay/menu/menu-separator.css.cjs.map +1 -0
  507. package/dist/overlay/menu/{menu-separator.css?inline.js → menu-separator.css.js} +1 -1
  508. package/dist/overlay/menu/menu-separator.css.js.map +1 -0
  509. package/dist/overlay/menu/{menu.css?inline.cjs → menu.css.cjs} +1 -1
  510. package/dist/overlay/menu/menu.css.cjs.map +1 -0
  511. package/dist/overlay/menu/{menu.css?inline.js → menu.css.js} +1 -1
  512. package/dist/overlay/menu/menu.css.js.map +1 -0
  513. package/dist/overlay/menu/menu.d.ts.map +1 -1
  514. package/dist/overlay/popover/{popover.css?inline.cjs → popover.css.cjs} +1 -1
  515. package/dist/overlay/popover/popover.css.cjs.map +1 -0
  516. package/dist/overlay/popover/{popover.css?inline.js → popover.css.js} +1 -1
  517. package/dist/overlay/popover/popover.css.js.map +1 -0
  518. package/dist/overlay/popover/popover.d.ts.map +1 -1
  519. package/dist/overlay/tooltip/{tooltip.css?inline.cjs → tooltip.css.cjs} +1 -1
  520. package/dist/overlay/tooltip/tooltip.css.cjs.map +1 -0
  521. package/dist/overlay/tooltip/{tooltip.css?inline.js → tooltip.css.js} +1 -1
  522. package/dist/overlay/tooltip/tooltip.css.js.map +1 -0
  523. package/dist/pagination.cjs +12 -12
  524. package/dist/pagination.cjs.map +1 -1
  525. package/dist/pagination.js +39 -38
  526. package/dist/pagination.js.map +1 -1
  527. package/dist/password-strength.cjs +8 -8
  528. package/dist/password-strength.cjs.map +1 -1
  529. package/dist/password-strength.js +34 -34
  530. package/dist/password-strength.js.map +1 -1
  531. package/dist/popover.cjs +4 -4
  532. package/dist/popover.cjs.map +1 -1
  533. package/dist/popover.js +30 -30
  534. package/dist/popover.js.map +1 -1
  535. package/dist/progress.cjs +1 -1
  536. package/dist/progress.cjs.map +1 -1
  537. package/dist/progress.js +30 -30
  538. package/dist/progress.js.map +1 -1
  539. package/dist/radio-group.cjs +11 -11
  540. package/dist/radio-group.cjs.map +1 -1
  541. package/dist/radio-group.js +67 -63
  542. package/dist/radio-group.js.map +1 -1
  543. package/dist/radio.cjs +4 -4
  544. package/dist/radio.cjs.map +1 -1
  545. package/dist/radio.js +69 -67
  546. package/dist/radio.js.map +1 -1
  547. package/dist/rating.cjs +4 -4
  548. package/dist/rating.cjs.map +1 -1
  549. package/dist/rating.js +57 -55
  550. package/dist/rating.js.map +1 -1
  551. package/dist/refine.cjs +753 -620
  552. package/dist/refine.cjs.map +1 -1
  553. package/dist/refine.iife.js +742 -609
  554. package/dist/refine.iife.js.map +1 -1
  555. package/dist/refine.js +777 -644
  556. package/dist/refine.js.map +1 -1
  557. package/dist/select.cjs +37 -37
  558. package/dist/select.cjs.map +1 -1
  559. package/dist/select.js +130 -128
  560. package/dist/select.js.map +1 -1
  561. package/dist/separator.cjs +1 -1
  562. package/dist/separator.cjs.map +1 -1
  563. package/dist/separator.js +1 -1
  564. package/dist/sidebar.cjs +22 -22
  565. package/dist/sidebar.cjs.map +1 -1
  566. package/dist/sidebar.js +135 -135
  567. package/dist/sidebar.js.map +1 -1
  568. package/dist/skeleton.cjs +2 -2
  569. package/dist/skeleton.cjs.map +1 -1
  570. package/dist/skeleton.js +28 -28
  571. package/dist/skeleton.js.map +1 -1
  572. package/dist/slider.cjs +13 -13
  573. package/dist/slider.cjs.map +1 -1
  574. package/dist/slider.js +142 -140
  575. package/dist/slider.js.map +1 -1
  576. package/dist/switch.cjs +4 -4
  577. package/dist/switch.cjs.map +1 -1
  578. package/dist/switch.js +35 -33
  579. package/dist/switch.js.map +1 -1
  580. package/dist/tab-item.cjs +5 -5
  581. package/dist/tab-item.cjs.map +1 -1
  582. package/dist/tab-item.js +25 -25
  583. package/dist/tab-item.js.map +1 -1
  584. package/dist/tab-panel.cjs +6 -6
  585. package/dist/tab-panel.cjs.map +1 -1
  586. package/dist/tab-panel.js +24 -24
  587. package/dist/tab-panel.js.map +1 -1
  588. package/dist/table.cjs +1 -1
  589. package/dist/table.cjs.map +1 -1
  590. package/dist/table.js +36 -35
  591. package/dist/table.js.map +1 -1
  592. package/dist/tabs.cjs +3 -3
  593. package/dist/tabs.cjs.map +1 -1
  594. package/dist/tabs.js +61 -61
  595. package/dist/tabs.js.map +1 -1
  596. package/dist/text.cjs +1 -1
  597. package/dist/text.cjs.map +1 -1
  598. package/dist/text.js +16 -16
  599. package/dist/text.js.map +1 -1
  600. package/dist/textarea.cjs +15 -15
  601. package/dist/textarea.cjs.map +1 -1
  602. package/dist/textarea.js +67 -65
  603. package/dist/textarea.js.map +1 -1
  604. package/dist/time-picker.cjs +31 -31
  605. package/dist/time-picker.cjs.map +1 -1
  606. package/dist/time-picker.js +115 -113
  607. package/dist/time-picker.js.map +1 -1
  608. package/dist/toast.cjs +14 -14
  609. package/dist/toast.cjs.map +1 -1
  610. package/dist/toast.js +85 -85
  611. package/dist/toast.js.map +1 -1
  612. package/dist/tooltip.cjs +5 -5
  613. package/dist/tooltip.cjs.map +1 -1
  614. package/dist/tooltip.js +55 -55
  615. package/dist/tooltip.js.map +1 -1
  616. package/dist/typing-indicator.cjs +8 -0
  617. package/dist/typing-indicator.cjs.map +1 -0
  618. package/dist/typing-indicator.js +49 -0
  619. package/dist/typing-indicator.js.map +1 -0
  620. package/package.json +21 -2
  621. package/dist/content/avatar/avatar-group.css?inline.cjs.map +0 -1
  622. package/dist/content/avatar/avatar-group.css?inline.js.map +0 -1
  623. package/dist/content/avatar/avatar.css?inline.cjs.map +0 -1
  624. package/dist/content/avatar/avatar.css?inline.js.map +0 -1
  625. package/dist/content/breadcrumb/breadcrumb-item.css?inline.cjs.map +0 -1
  626. package/dist/content/breadcrumb/breadcrumb-item.css?inline.js.map +0 -1
  627. package/dist/content/breadcrumb/breadcrumb.css?inline.cjs.map +0 -1
  628. package/dist/content/breadcrumb/breadcrumb.css?inline.js.map +0 -1
  629. package/dist/content/card/card.css?inline.cjs.map +0 -1
  630. package/dist/content/card/card.css?inline.js.map +0 -1
  631. package/dist/content/carousel/carousel-slide.css?inline.cjs.map +0 -1
  632. package/dist/content/carousel/carousel-slide.css?inline.js.map +0 -1
  633. package/dist/content/carousel/carousel.css?inline.cjs.map +0 -1
  634. package/dist/content/carousel/carousel.css?inline.js.map +0 -1
  635. package/dist/content/code-window/code-window.css?inline.cjs.map +0 -1
  636. package/dist/content/code-window/code-window.css?inline.js.map +0 -1
  637. package/dist/content/copy-command/copy-command.css?inline.cjs.map +0 -1
  638. package/dist/content/copy-command/copy-command.css?inline.js.map +0 -1
  639. package/dist/content/icon/icon.css?inline.cjs.map +0 -1
  640. package/dist/content/icon/icon.css?inline.js.map +0 -1
  641. package/dist/content/pagination/pagination.css?inline.cjs.map +0 -1
  642. package/dist/content/pagination/pagination.css?inline.js.map +0 -1
  643. package/dist/content/separator/separator.css?inline.cjs.map +0 -1
  644. package/dist/content/separator/separator.css?inline.js.map +0 -1
  645. package/dist/content/table/table.css?inline.cjs.map +0 -1
  646. package/dist/content/table/table.css?inline.js.map +0 -1
  647. package/dist/content/text/text.css?inline.cjs.map +0 -1
  648. package/dist/content/text/text.css?inline.js.map +0 -1
  649. package/dist/disclosure/accordion/accordion.css?inline.cjs.map +0 -1
  650. package/dist/disclosure/accordion/accordion.css?inline.js.map +0 -1
  651. package/dist/disclosure/accordion-item/accordion-item.css?inline.cjs.map +0 -1
  652. package/dist/disclosure/accordion-item/accordion-item.css?inline.js.map +0 -1
  653. package/dist/disclosure/tab-item/tab-item.css?inline.cjs.map +0 -1
  654. package/dist/disclosure/tab-item/tab-item.css?inline.js.map +0 -1
  655. package/dist/disclosure/tab-panel/tab-panel.css?inline.cjs.map +0 -1
  656. package/dist/disclosure/tab-panel/tab-panel.css?inline.js.map +0 -1
  657. package/dist/disclosure/tabs/tabs.css?inline.cjs.map +0 -1
  658. package/dist/disclosure/tabs/tabs.css?inline.js.map +0 -1
  659. package/dist/feedback/alert/alert.css?inline.cjs.map +0 -1
  660. package/dist/feedback/alert/alert.css?inline.js.map +0 -1
  661. package/dist/feedback/async/async.css?inline.cjs.map +0 -1
  662. package/dist/feedback/async/async.css?inline.js.map +0 -1
  663. package/dist/feedback/badge/badge.css?inline.cjs.map +0 -1
  664. package/dist/feedback/badge/badge.css?inline.js.map +0 -1
  665. package/dist/feedback/chip/chip.css?inline.cjs.map +0 -1
  666. package/dist/feedback/chip/chip.css?inline.js.map +0 -1
  667. package/dist/feedback/password-strength/password-strength.css?inline.cjs.map +0 -1
  668. package/dist/feedback/password-strength/password-strength.css?inline.js.map +0 -1
  669. package/dist/feedback/progress/progress.css?inline.cjs.map +0 -1
  670. package/dist/feedback/progress/progress.css?inline.js.map +0 -1
  671. package/dist/feedback/skeleton/skeleton.css?inline.cjs.map +0 -1
  672. package/dist/feedback/skeleton/skeleton.css?inline.js.map +0 -1
  673. package/dist/feedback/toast/toast.css?inline.cjs.map +0 -1
  674. package/dist/feedback/toast/toast.css?inline.js.map +0 -1
  675. package/dist/inputs/button/button.css?inline.cjs.map +0 -1
  676. package/dist/inputs/button/button.css?inline.js.map +0 -1
  677. package/dist/inputs/button-group/button-group.css?inline.cjs.map +0 -1
  678. package/dist/inputs/button-group/button-group.css?inline.js.map +0 -1
  679. package/dist/inputs/calendar/calendar.css?inline.cjs.map +0 -1
  680. package/dist/inputs/calendar/calendar.css?inline.js.map +0 -1
  681. package/dist/inputs/checkbox/checkbox.css?inline.cjs.map +0 -1
  682. package/dist/inputs/checkbox/checkbox.css?inline.js.map +0 -1
  683. package/dist/inputs/checkbox-group/checkbox-group.css?inline.cjs.map +0 -1
  684. package/dist/inputs/checkbox-group/checkbox-group.css?inline.js.map +0 -1
  685. package/dist/inputs/combobox/combobox.css?inline.cjs.map +0 -1
  686. package/dist/inputs/combobox/combobox.css?inline.js.map +0 -1
  687. package/dist/inputs/datagrid/datagrid.css?inline.cjs.map +0 -1
  688. package/dist/inputs/datagrid/datagrid.css?inline.js.map +0 -1
  689. package/dist/inputs/date-picker/date-picker.css?inline.cjs.map +0 -1
  690. package/dist/inputs/date-picker/date-picker.css?inline.js.map +0 -1
  691. package/dist/inputs/file-input/file-input.css?inline.cjs.map +0 -1
  692. package/dist/inputs/file-input/file-input.css?inline.js.map +0 -1
  693. package/dist/inputs/form/form.css?inline.cjs.map +0 -1
  694. package/dist/inputs/form/form.css?inline.js.map +0 -1
  695. package/dist/inputs/input/input.css?inline.cjs.map +0 -1
  696. package/dist/inputs/input/input.css?inline.js.map +0 -1
  697. package/dist/inputs/number-input/number-input.css?inline.cjs.map +0 -1
  698. package/dist/inputs/number-input/number-input.css?inline.js.map +0 -1
  699. package/dist/inputs/otp-input/otp-input.css?inline.cjs.map +0 -1
  700. package/dist/inputs/otp-input/otp-input.css?inline.js.map +0 -1
  701. package/dist/inputs/radio/radio.css?inline.cjs.map +0 -1
  702. package/dist/inputs/radio/radio.css?inline.js.map +0 -1
  703. package/dist/inputs/radio-group/radio-group.css?inline.cjs.map +0 -1
  704. package/dist/inputs/radio-group/radio-group.css?inline.js.map +0 -1
  705. package/dist/inputs/rating/rating.css?inline.cjs.map +0 -1
  706. package/dist/inputs/rating/rating.css?inline.js.map +0 -1
  707. package/dist/inputs/select/select.css?inline.cjs.map +0 -1
  708. package/dist/inputs/select/select.css?inline.js.map +0 -1
  709. package/dist/inputs/slider/slider.css?inline.cjs.map +0 -1
  710. package/dist/inputs/slider/slider.css?inline.js.map +0 -1
  711. package/dist/inputs/switch/switch.css?inline.cjs.map +0 -1
  712. package/dist/inputs/switch/switch.css?inline.js.map +0 -1
  713. package/dist/inputs/textarea/textarea.css?inline.cjs.map +0 -1
  714. package/dist/inputs/textarea/textarea.css?inline.js.map +0 -1
  715. package/dist/inputs/time-picker/time-picker.css?inline.cjs.map +0 -1
  716. package/dist/inputs/time-picker/time-picker.css?inline.js.map +0 -1
  717. package/dist/layout/box/box.css?inline.cjs.map +0 -1
  718. package/dist/layout/box/box.css?inline.js.map +0 -1
  719. package/dist/layout/grid/grid.css?inline.cjs.map +0 -1
  720. package/dist/layout/grid/grid.css?inline.js.map +0 -1
  721. package/dist/layout/grid-item/grid-item.css?inline.cjs.map +0 -1
  722. package/dist/layout/grid-item/grid-item.css?inline.js.map +0 -1
  723. package/dist/layout/navbar/navbar.css?inline.cjs.map +0 -1
  724. package/dist/layout/navbar/navbar.css?inline.js.map +0 -1
  725. package/dist/layout/sidebar/sidebar-group.css?inline.cjs.map +0 -1
  726. package/dist/layout/sidebar/sidebar-group.css?inline.js.map +0 -1
  727. package/dist/layout/sidebar/sidebar-item.css?inline.cjs.map +0 -1
  728. package/dist/layout/sidebar/sidebar-item.css?inline.js.map +0 -1
  729. package/dist/layout/sidebar/sidebar.css?inline.cjs.map +0 -1
  730. package/dist/layout/sidebar/sidebar.css?inline.js.map +0 -1
  731. package/dist/ore/dist/aria.cjs +0 -2
  732. package/dist/ore/dist/aria.cjs.map +0 -1
  733. package/dist/ore/dist/aria.js +0 -37
  734. package/dist/ore/dist/aria.js.map +0 -1
  735. package/dist/ore/dist/context-bag.cjs +0 -2
  736. package/dist/ore/dist/context-bag.cjs.map +0 -1
  737. package/dist/ore/dist/context-bag.js +0 -28
  738. package/dist/ore/dist/context-bag.js.map +0 -1
  739. package/dist/ore/dist/host-bind.cjs +0 -2
  740. package/dist/ore/dist/host-bind.cjs.map +0 -1
  741. package/dist/ore/dist/host-bind.js +0 -60
  742. package/dist/ore/dist/host-bind.js.map +0 -1
  743. package/dist/ore/dist/slots.cjs +0 -2
  744. package/dist/ore/dist/slots.cjs.map +0 -1
  745. package/dist/ore/dist/slots.js +0 -61
  746. package/dist/ore/dist/slots.js.map +0 -1
  747. package/dist/ore/dist/utils/aria.cjs +0 -2
  748. package/dist/ore/dist/utils/aria.cjs.map +0 -1
  749. package/dist/ore/dist/utils/aria.js +0 -6
  750. package/dist/ore/dist/utils/aria.js.map +0 -1
  751. package/dist/ore/dist/utils/emit.cjs +0 -2
  752. package/dist/ore/dist/utils/emit.cjs.map +0 -1
  753. package/dist/ore/dist/utils/emit.js +0 -16
  754. package/dist/ore/dist/utils/emit.js.map +0 -1
  755. package/dist/overlay/dialog/dialog.css?inline.cjs.map +0 -1
  756. package/dist/overlay/dialog/dialog.css?inline.js.map +0 -1
  757. package/dist/overlay/drawer/drawer.css?inline.cjs.map +0 -1
  758. package/dist/overlay/drawer/drawer.css?inline.js.map +0 -1
  759. package/dist/overlay/menu/menu-item.css?inline.cjs.map +0 -1
  760. package/dist/overlay/menu/menu-item.css?inline.js.map +0 -1
  761. package/dist/overlay/menu/menu-separator.css?inline.cjs.map +0 -1
  762. package/dist/overlay/menu/menu-separator.css?inline.js.map +0 -1
  763. package/dist/overlay/menu/menu.css?inline.cjs.map +0 -1
  764. package/dist/overlay/menu/menu.css?inline.js.map +0 -1
  765. package/dist/overlay/popover/popover.css?inline.cjs.map +0 -1
  766. package/dist/overlay/popover/popover.css?inline.js.map +0 -1
  767. package/dist/overlay/tooltip/tooltip.css?inline.cjs.map +0 -1
  768. package/dist/overlay/tooltip/tooltip.css?inline.js.map +0 -1
package/dist/content/avatar/avatar.css.cjs.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"avatar.css.cjs","names":[],"sources":["../../../src/content/avatar/avatar.css?inline"],"sourcesContent":["@layer refine.base {\n :host {\n --_bg: var(--avatar-bg, var(--_theme-backdrop, var(--color-contrast-200)));\n --_color: var(--avatar-color, var(--_theme-base, var(--color-contrast-700)));\n --_radius: var(--avatar-radius, var(--rounded-full));\n --_font-weight: var(--avatar-font-weight, var(--font-semibold));\n --_border: var(--avatar-border, none);\n --_border-color: var(--avatar-border-color, var(--color-canvas));\n --_size: var(--avatar-size, var(--size-10));\n --_font-size: var(--avatar-font-size, var(--text-sm));\n\n position: relative;\n display: inline-flex;\n flex-shrink: 0;\n }\n\n .avatar {\n box-sizing: border-box;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: var(--_size);\n height: var(--_size);\n overflow: hidden;\n font-size: var(--_font-size);\n font-weight: var(--_font-weight);\n line-height: 1;\n color: var(--_color);\n text-transform: uppercase;\n user-select: none;\n background: var(--_bg);\n border: var(--_border);\n border-color: var(--_border-color);\n border-radius: var(--_radius);\n }\n\n img {\n display: block;\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n\n img[hidden] {\n display: none;\n }\n\n .initials {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 100%;\n }\n\n .icon-fallback {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 100%;\n color: var(--_color);\n opacity: 0.6;\n }\n\n .status {\n position: absolute;\n inset-inline-end: 0;\n bottom: 0;\n width: 0.75em;\n height: 0.75em;\n border: 2px solid var(--_border-color, var(--color-canvas));\n border-radius: var(--rounded-full);\n }\n\n .status[data-status='online'] {\n background: var(--color-success);\n }\n\n .status[data-status='offline'] {\n background: var(--color-contrast-400);\n }\n\n .status[data-status='busy'] {\n background: var(--color-error);\n }\n\n .status[data-status='away'] {\n background: var(--color-warning);\n }\n}\n\n/* forcedColorsMixin targets :host; avatar needs the border on .avatar (different geometry),\n so forced-color rules are kept inline and unlayered to match mixin convention. */\n@media (forced-colors: active) {\n .avatar {\n forced-color-adjust: none;\n border: 1px solid ButtonText;\n }\n\n .status {\n background: Highlight;\n border: 2px solid ButtonText;\n }\n}\n"],"mappings":""}
package/dist/content/avatar/{avatar.css?inline.js → avatar.css.js} RENAMED
@@ -3,4 +3,4 @@ var e = "@layer refine.base{:host{--_bg:var(--avatar-bg,var(--_theme-backdrop,va
3
3
  //#endregion
4
4
  export { e as default };
5
5
 
6
- //# sourceMappingURL=avatar.css?inline.js.map
6
+ //# sourceMappingURL=avatar.css.js.map
package/dist/content/avatar/avatar.css.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"avatar.css.js","names":[],"sources":["../../../src/content/avatar/avatar.css?inline"],"sourcesContent":["@layer refine.base {\n :host {\n --_bg: var(--avatar-bg, var(--_theme-backdrop, var(--color-contrast-200)));\n --_color: var(--avatar-color, var(--_theme-base, var(--color-contrast-700)));\n --_radius: var(--avatar-radius, var(--rounded-full));\n --_font-weight: var(--avatar-font-weight, var(--font-semibold));\n --_border: var(--avatar-border, none);\n --_border-color: var(--avatar-border-color, var(--color-canvas));\n --_size: var(--avatar-size, var(--size-10));\n --_font-size: var(--avatar-font-size, var(--text-sm));\n\n position: relative;\n display: inline-flex;\n flex-shrink: 0;\n }\n\n .avatar {\n box-sizing: border-box;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: var(--_size);\n height: var(--_size);\n overflow: hidden;\n font-size: var(--_font-size);\n font-weight: var(--_font-weight);\n line-height: 1;\n color: var(--_color);\n text-transform: uppercase;\n user-select: none;\n background: var(--_bg);\n border: var(--_border);\n border-color: var(--_border-color);\n border-radius: var(--_radius);\n }\n\n img {\n display: block;\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n\n img[hidden] {\n display: none;\n }\n\n .initials {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 100%;\n }\n\n .icon-fallback {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 100%;\n color: var(--_color);\n opacity: 0.6;\n }\n\n .status {\n position: absolute;\n inset-inline-end: 0;\n bottom: 0;\n width: 0.75em;\n height: 0.75em;\n border: 2px solid var(--_border-color, var(--color-canvas));\n border-radius: var(--rounded-full);\n }\n\n .status[data-status='online'] {\n background: var(--color-success);\n }\n\n .status[data-status='offline'] {\n background: var(--color-contrast-400);\n }\n\n .status[data-status='busy'] {\n background: var(--color-error);\n }\n\n .status[data-status='away'] {\n background: var(--color-warning);\n }\n}\n\n/* forcedColorsMixin targets :host; avatar needs the border on .avatar (different geometry),\n so forced-color rules are kept inline and unlayered to match mixin convention. */\n@media (forced-colors: active) {\n .avatar {\n forced-color-adjust: none;\n border: 1px solid ButtonText;\n }\n\n .status {\n background: Highlight;\n border: 2px solid ButtonText;\n }\n}\n"],"mappings":""}
package/dist/content/breadcrumb/{breadcrumb-item.css?inline.cjs → breadcrumb-item.css.cjs} RENAMED
@@ -1,2 +1,2 @@
1
1
  var e=`@layer refine.base{:host,.item{align-items:center;display:inline-flex}.separator{padding-inline:var(--size-2);font-size:var(--text-sm);font-weight:var(--font-normal);color:var(--color-contrast-400);display:none}:host([data-show-separator]) .separator{display:inline-block}.link{gap:var(--size-1);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-contrast-600);outline-offset:2px;border-radius:var(--rounded-lg);transition:color var(--transition-fast);align-items:center;text-decoration:none;display:inline-flex}.link:hover{color:var(--color-contrast-900);text-decoration:underline}.link:focus-visible{outline:var(--border-2) solid currentcolor;outline-offset:var(--border-2)}:host([active]) .link{font-weight:var(--font-semibold);color:var(--color-contrast-900);pointer-events:none;text-decoration:none}.icon{display:contents}.label{min-width:0;max-width:var(--breadcrumb-item-max-width,20ch);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}}`;exports.default=e;
2
- //# sourceMappingURL=breadcrumb-item.css?inline.cjs.map
2
+ //# sourceMappingURL=breadcrumb-item.css.cjs.map
package/dist/content/breadcrumb/breadcrumb-item.css.cjs.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"breadcrumb-item.css.cjs","names":[],"sources":["../../../src/content/breadcrumb/breadcrumb-item.css?inline"],"sourcesContent":["@layer refine.base {\n :host {\n display: inline-flex;\n align-items: center;\n }\n\n .item {\n display: inline-flex;\n align-items: center;\n }\n\n .separator {\n display: none;\n padding-inline: var(--size-2);\n font-size: var(--text-sm);\n font-weight: var(--font-normal);\n color: var(--color-contrast-400);\n }\n\n :host([data-show-separator]) .separator {\n display: inline-block;\n }\n\n .link {\n display: inline-flex;\n gap: var(--size-1);\n align-items: center;\n font-size: var(--text-sm);\n font-weight: var(--font-medium);\n color: var(--color-contrast-600);\n text-decoration: none;\n outline-offset: 2px;\n border-radius: var(--rounded-lg);\n transition: color var(--transition-fast);\n }\n\n .link:hover {\n color: var(--color-contrast-900);\n text-decoration: underline;\n }\n\n .link:focus-visible {\n outline: var(--border-2) solid currentcolor;\n outline-offset: var(--border-2);\n }\n\n :host([active]) .link {\n font-weight: var(--font-semibold);\n color: var(--color-contrast-900);\n text-decoration: none;\n pointer-events: none;\n }\n\n /* Icon slot */\n .icon {\n display: contents;\n }\n\n .label {\n min-width: 0;\n max-width: var(--breadcrumb-item-max-width, 20ch);\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n}\n"],"mappings":""}
package/dist/content/breadcrumb/{breadcrumb-item.css?inline.js → breadcrumb-item.css.js} RENAMED
@@ -3,4 +3,4 @@ var e = "@layer refine.base{:host,.item{align-items:center;display:inline-flex}.
3
3
  //#endregion
4
4
  export { e as default };
5
5
 
6
- //# sourceMappingURL=breadcrumb-item.css?inline.js.map
6
+ //# sourceMappingURL=breadcrumb-item.css.js.map
package/dist/content/breadcrumb/breadcrumb-item.css.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"breadcrumb-item.css.js","names":[],"sources":["../../../src/content/breadcrumb/breadcrumb-item.css?inline"],"sourcesContent":["@layer refine.base {\n :host {\n display: inline-flex;\n align-items: center;\n }\n\n .item {\n display: inline-flex;\n align-items: center;\n }\n\n .separator {\n display: none;\n padding-inline: var(--size-2);\n font-size: var(--text-sm);\n font-weight: var(--font-normal);\n color: var(--color-contrast-400);\n }\n\n :host([data-show-separator]) .separator {\n display: inline-block;\n }\n\n .link {\n display: inline-flex;\n gap: var(--size-1);\n align-items: center;\n font-size: var(--text-sm);\n font-weight: var(--font-medium);\n color: var(--color-contrast-600);\n text-decoration: none;\n outline-offset: 2px;\n border-radius: var(--rounded-lg);\n transition: color var(--transition-fast);\n }\n\n .link:hover {\n color: var(--color-contrast-900);\n text-decoration: underline;\n }\n\n .link:focus-visible {\n outline: var(--border-2) solid currentcolor;\n outline-offset: var(--border-2);\n }\n\n :host([active]) .link {\n font-weight: var(--font-semibold);\n color: var(--color-contrast-900);\n text-decoration: none;\n pointer-events: none;\n }\n\n /* Icon slot */\n .icon {\n display: contents;\n }\n\n .label {\n min-width: 0;\n max-width: var(--breadcrumb-item-max-width, 20ch);\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n}\n"],"mappings":""}
package/dist/content/breadcrumb/{breadcrumb.css?inline.cjs → breadcrumb.css.cjs} RENAMED
@@ -1,2 +1,2 @@
1
1
  var e=`@layer refine.base{:host,nav{display:block}ol{flex-wrap:wrap;align-items:center;gap:0;margin:0;padding:0;list-style:none;display:flex}}`;exports.default=e;
2
- //# sourceMappingURL=breadcrumb.css?inline.cjs.map
2
+ //# sourceMappingURL=breadcrumb.css.cjs.map
package/dist/content/breadcrumb/breadcrumb.css.cjs.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"breadcrumb.css.cjs","names":[],"sources":["../../../src/content/breadcrumb/breadcrumb.css?inline"],"sourcesContent":["@layer refine.base {\n :host {\n display: block;\n }\n\n nav {\n display: block;\n }\n\n ol {\n display: flex;\n flex-wrap: wrap;\n gap: 0;\n align-items: center;\n padding: 0;\n margin: 0;\n list-style: none;\n }\n}\n"],"mappings":""}
package/dist/content/breadcrumb/{breadcrumb.css?inline.js → breadcrumb.css.js} RENAMED
@@ -3,4 +3,4 @@ var e = "@layer refine.base{:host,nav{display:block}ol{flex-wrap:wrap;align-item
3
3
  //#endregion
4
4
  export { e as default };
5
5
 
6
- //# sourceMappingURL=breadcrumb.css?inline.js.map
6
+ //# sourceMappingURL=breadcrumb.css.js.map
package/dist/content/breadcrumb/breadcrumb.css.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"breadcrumb.css.js","names":[],"sources":["../../../src/content/breadcrumb/breadcrumb.css?inline"],"sourcesContent":["@layer refine.base {\n :host {\n display: block;\n }\n\n nav {\n display: block;\n }\n\n ol {\n display: flex;\n flex-wrap: wrap;\n gap: 0;\n align-items: center;\n padding: 0;\n margin: 0;\n list-style: none;\n }\n}\n"],"mappings":""}
package/dist/content/card/{card.css?inline.cjs → card.css.cjs} RENAMED
@@ -1,2 +1,2 @@
1
1
  var e=`@layer refine.base{:host{--_bg:var(--card-bg,var(--color-canvas));--_color:var(--card-color,var(--color-contrast-900));--_border:var(--card-border,var(--border));--_border-color:var(--card-border-color,var(--color-contrast-300));--_radius:var(--card-radius,var(--rounded-lg));--_padding:var(--card-padding,var(--size-4));--_shadow:var(--card-shadow,var(--shadow-sm));--_hover-shadow:var(--card-hover-shadow,var(--shadow-md));flex-direction:column;display:flex;position:relative}.card{color:var(--_color);background:var(--_bg);border-radius:var(--_radius);-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md));transition:box-shadow var(--transition-normal), transform var(--transition-normal), background var(--transition-normal), border-color var(--transition-normal);flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.card-media{flex-shrink:0;overflow:hidden}.card-media img{object-fit:cover;width:100%;height:auto;display:block}.card-body{flex-direction:column;flex:1;min-height:0;display:flex}.card-header,.card-content,.card-footer{padding:var(--_padding)}.card-header{padding-bottom:calc(var(--_padding) / 2)}.card-footer{padding-top:calc(var(--_padding) / 2)}.card-content{flex:1}.card-actions{gap:var(--size-2);padding:var(--_padding);padding-top:calc(var(--_padding) / 2);flex-wrap:wrap;align-items:center;display:flex}[hidden]{display:none}}@layer refine.variants{:host(:not([variant],[color])){--_shadow:var(--card-shadow,var(--shadow-sm))}:host(:not([variant],[color])) .card{border:var(--_border) solid var(--_border-color);box-shadow:var(--_shadow)}:host(:not([variant])[color]){--_bg:var(--card-bg,var(--_theme-backdrop));--_border-color:var(--card-border-color,var(--_theme-border))}:host(:not([variant])[color]) .card{border:var(--_border) solid var(--_border-color)}:host(:not([variant])[color]:hover){--_bg:var(--card-bg,color-mix(in oklch, var(--_theme-base) 16%, var(--color-contrast-50)));--_border-color:var(--card-border-color,var(--_theme-focus))}:host([variant=solid]){--_bg:var(--card-bg,var(--_theme-base));--_color:var(--card-color,var(--_theme-contrast));--_border-color:var(--card-border-color,var(--_theme-base));--_shadow:var(--card-shadow,var(--shadow-sm))}:host([variant=solid]) .card{border:var(--_border) solid var(--_border-color);box-shadow:var(--_shadow)}:host([variant=flat]){--_bg:var(--card-bg,var(--_theme-backdrop));--_border-color:var(--card-border-color,color-mix(in oklch, var(--_theme-border) 50%, transparent))}:host([variant=flat]) .card{border:var(--_border) solid var(--_border-color)}:host([variant=glass]) .card{text-shadow:var(--text-shadow-xs);border:var(--_border) solid var(--_border-color);box-shadow:var(--card-shadow,var(--shadow-md)), var(--inset-shadow-xs);-webkit-backdrop-filter:blur(var(--blur-lg)) saturate(180%) brightness(1.05);backdrop-filter:blur(var(--blur-lg)) saturate(180%) brightness(1.05)}:host([variant=glass]:hover) .card{box-shadow:var(--card-hover-shadow,var(--shadow-xl)), var(--inset-shadow-sm);-webkit-backdrop-filter:blur(var(--blur-xl)) saturate(200%) brightness(1.1);backdrop-filter:blur(var(--blur-xl)) saturate(200%) brightness(1.1)}:host([variant=glass][interactive]:hover) .card{box-shadow:var(--card-hover-shadow,var(--shadow-2xl)), var(--inset-shadow-sm)}}@layer refine.overrides{.loading-bar{background:linear-gradient(90deg, transparent 0%, var(--_theme-base,var(--color-primary)) 50%, transparent 100%);width:65%;height:3px;display:none;position:absolute;top:0}.loading-bar:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:0}.loading-bar:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:0}:host([loading]) .loading-bar{animation:var(--_motion-animation,loading-bar 1.4s linear infinite);display:block}:host(:dir(rtl)[loading]) .loading-bar{animation-direction:reverse}:host([disabled]){pointer-events:none;opacity:.6}:host([disabled][interactive]) .card{cursor:not-allowed}:host([interactive]:not([disabled]):hover) .card{box-shadow:var(--_hover-shadow);transform:translateY(-2px)scale(1.01)}:host([interactive]) .card{cursor:pointer;will-change:transform}:host([interactive]:not([disabled]):active) .card{box-shadow:var(--_shadow);transition:box-shadow var(--transition-fast), transform .12s var(--ease-spring);transform:translateY(0)scale(.99)}:host([interactive]:focus-visible) .card{outline:var(--border-2) solid var(--_theme-focus,var(--color-primary));outline-offset:var(--border-2)}:host([orientation=horizontal]) .card{flex-direction:row}:host([orientation=horizontal]) .card-media{width:30%;min-width:192px;max-width:320px}:host([orientation=horizontal]) .card-media img{object-fit:cover;width:100%;height:100%}:host([orientation=horizontal]) .card-body{flex:1}}@keyframes loading-bar{0%{transform:translate(-100%)}to{transform:translate(200%)}}`;exports.default=e;
2
- //# sourceMappingURL=card.css?inline.cjs.map
2
+ //# sourceMappingURL=card.css.cjs.map
package/dist/content/card/card.css.cjs.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"card.css.cjs","names":[],"sources":["../../../src/content/card/card.css?inline"],"sourcesContent":["@layer refine.base {\n :host {\n --_bg: var(--card-bg, var(--color-canvas));\n --_color: var(--card-color, var(--color-contrast-900));\n --_border: var(--card-border, var(--border));\n --_border-color: var(--card-border-color, var(--color-contrast-300));\n --_radius: var(--card-radius, var(--rounded-lg));\n --_padding: var(--card-padding, var(--size-4));\n --_shadow: var(--card-shadow, var(--shadow-sm));\n --_hover-shadow: var(--card-hover-shadow, var(--shadow-md));\n\n position: relative;\n display: flex;\n flex-direction: column;\n }\n\n .card {\n position: relative;\n display: flex;\n flex: 1;\n flex-direction: column;\n overflow: hidden;\n color: var(--_color);\n background: var(--_bg);\n border-radius: var(--_radius);\n backdrop-filter: blur(var(--blur-md));\n transition:\n box-shadow var(--transition-normal),\n transform var(--transition-normal),\n background var(--transition-normal),\n border-color var(--transition-normal);\n }\n\n /* ── Card Structure ───────────────────────── */\n\n .card-media {\n flex-shrink: 0;\n overflow: hidden;\n }\n\n .card-media img {\n display: block;\n width: 100%;\n height: auto;\n object-fit: cover;\n }\n\n .card-body {\n display: flex;\n flex: 1;\n flex-direction: column;\n min-height: 0;\n }\n\n .card-header,\n .card-content,\n .card-footer {\n padding: var(--_padding);\n }\n\n .card-header {\n padding-bottom: calc(var(--_padding) / 2);\n }\n\n .card-footer {\n padding-top: calc(var(--_padding) / 2);\n }\n\n .card-content {\n flex: 1;\n }\n\n .card-actions {\n display: flex;\n flex-wrap: wrap;\n gap: var(--size-2);\n align-items: center;\n padding: var(--_padding);\n padding-top: calc(var(--_padding) / 2);\n }\n\n [hidden] {\n display: none;\n }\n}\n\n@layer refine.variants {\n /* Default — bordered card with shadow */\n :host(:not([variant], [color])) {\n --_shadow: var(--card-shadow, var(--shadow-sm));\n }\n\n :host(:not([variant], [color])) .card {\n border: var(--_border) solid var(--_border-color);\n box-shadow: var(--_shadow);\n }\n\n /* Default + color — tinted backdrop */\n :host(:not([variant])[color]) {\n --_bg: var(--card-bg, var(--_theme-backdrop));\n --_border-color: var(--card-border-color, var(--_theme-border));\n }\n\n :host(:not([variant])[color]) .card {\n border: var(--_border) solid var(--_border-color);\n }\n\n :host(:not([variant])[color]:hover) {\n --_bg: var(--card-bg, color-mix(in oklch, var(--_theme-base) 16%, var(--color-contrast-50)));\n --_border-color: var(--card-border-color, var(--_theme-focus));\n }\n\n /* Solid — fully filled with theme color */\n :host([variant='solid']) {\n --_bg: var(--card-bg, var(--_theme-base));\n --_color: var(--card-color, var(--_theme-contrast));\n --_border-color: var(--card-border-color, var(--_theme-base));\n --_shadow: var(--card-shadow, var(--shadow-sm));\n }\n\n :host([variant='solid']) .card {\n border: var(--_border) solid var(--_border-color);\n box-shadow: var(--_shadow);\n }\n\n /* Flat — tinted backdrop, subtle border */\n :host([variant='flat']) {\n --_bg: var(--card-bg, var(--_theme-backdrop));\n --_border-color: var(--card-border-color, color-mix(in oklch, var(--_theme-border) 50%, transparent));\n }\n\n :host([variant='flat']) .card {\n border: var(--_border) solid var(--_border-color);\n }\n\n /* Glass — frosted blur panel */\n :host([variant='glass']) .card {\n text-shadow: var(--text-shadow-xs);\n border: var(--_border) solid var(--_border-color);\n box-shadow: var(--card-shadow, var(--shadow-md)), var(--inset-shadow-xs);\n backdrop-filter: blur(var(--blur-lg)) saturate(180%) brightness(1.05);\n }\n\n :host([variant='glass']:hover) .card {\n box-shadow: var(--card-hover-shadow, var(--shadow-xl)), var(--inset-shadow-sm);\n backdrop-filter: blur(var(--blur-xl)) saturate(200%) brightness(1.1);\n }\n\n :host([variant='glass'][interactive]:hover) .card {\n box-shadow: var(--card-hover-shadow, var(--shadow-2xl)), var(--inset-shadow-sm);\n }\n}\n\n@layer refine.overrides {\n /* ── Loading bar ──────────────────────────── */\n\n /* Bar lives inside .card which already has overflow:hidden,\n so translateX can sweep freely without any overflow. */\n .loading-bar {\n position: absolute;\n inset-inline-start: 0;\n top: 0;\n display: none;\n width: 65%;\n height: 3px;\n background: linear-gradient(90deg, transparent 0%, var(--_theme-base, var(--color-primary)) 50%, transparent 100%);\n }\n\n :host([loading]) .loading-bar {\n display: block;\n animation: var(--_motion-animation, loading-bar 1.4s linear infinite);\n }\n\n /* In RTL the loading bar sweeps right-to-left */\n :host(:dir(rtl)[loading]) .loading-bar {\n animation-direction: reverse;\n }\n\n /* ── Disabled ─────────────────────────────── */\n\n :host([disabled]) {\n pointer-events: none;\n opacity: 0.6;\n }\n\n :host([disabled][interactive]) .card {\n cursor: not-allowed;\n }\n\n /* ── Interactive hover/active ─────────────── */\n\n :host([interactive]:not([disabled]):hover) .card {\n box-shadow: var(--_hover-shadow);\n transform: translateY(-2px) scale(1.01);\n }\n\n :host([interactive]) .card {\n cursor: pointer;\n will-change: transform;\n }\n\n :host([interactive]:not([disabled]):active) .card {\n box-shadow: var(--_shadow);\n transform: translateY(0) scale(0.99);\n transition:\n box-shadow var(--transition-fast),\n transform 120ms var(--ease-spring);\n }\n\n :host([interactive]:focus-visible) .card {\n outline: var(--border-2) solid var(--_theme-focus, var(--color-primary));\n outline-offset: var(--border-2);\n }\n\n /* ── Horizontal orientation ───────────────── */\n\n :host([orientation='horizontal']) .card {\n flex-direction: row;\n }\n\n :host([orientation='horizontal']) .card-media {\n width: 30%;\n min-width: 192px;\n max-width: 320px;\n }\n\n :host([orientation='horizontal']) .card-media img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n\n :host([orientation='horizontal']) .card-body {\n flex: 1;\n }\n}\n\n@keyframes loading-bar {\n 0% {\n transform: translateX(-100%);\n }\n\n 100% {\n transform: translateX(200%);\n }\n}\n"],"mappings":""}
package/dist/content/card/{card.css?inline.js → card.css.js} RENAMED
@@ -3,4 +3,4 @@ var e = "@layer refine.base{:host{--_bg:var(--card-bg,var(--color-canvas));--_co
3
3
  //#endregion
4
4
  export { e as default };
5
5
 
6
- //# sourceMappingURL=card.css?inline.js.map
6
+ //# sourceMappingURL=card.css.js.map
package/dist/content/card/card.css.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"card.css.js","names":[],"sources":["../../../src/content/card/card.css?inline"],"sourcesContent":["@layer refine.base {\n :host {\n --_bg: var(--card-bg, var(--color-canvas));\n --_color: var(--card-color, var(--color-contrast-900));\n --_border: var(--card-border, var(--border));\n --_border-color: var(--card-border-color, var(--color-contrast-300));\n --_radius: var(--card-radius, var(--rounded-lg));\n --_padding: var(--card-padding, var(--size-4));\n --_shadow: var(--card-shadow, var(--shadow-sm));\n --_hover-shadow: var(--card-hover-shadow, var(--shadow-md));\n\n position: relative;\n display: flex;\n flex-direction: column;\n }\n\n .card {\n position: relative;\n display: flex;\n flex: 1;\n flex-direction: column;\n overflow: hidden;\n color: var(--_color);\n background: var(--_bg);\n border-radius: var(--_radius);\n backdrop-filter: blur(var(--blur-md));\n transition:\n box-shadow var(--transition-normal),\n transform var(--transition-normal),\n background var(--transition-normal),\n border-color var(--transition-normal);\n }\n\n /* ── Card Structure ───────────────────────── */\n\n .card-media {\n flex-shrink: 0;\n overflow: hidden;\n }\n\n .card-media img {\n display: block;\n width: 100%;\n height: auto;\n object-fit: cover;\n }\n\n .card-body {\n display: flex;\n flex: 1;\n flex-direction: column;\n min-height: 0;\n }\n\n .card-header,\n .card-content,\n .card-footer {\n padding: var(--_padding);\n }\n\n .card-header {\n padding-bottom: calc(var(--_padding) / 2);\n }\n\n .card-footer {\n padding-top: calc(var(--_padding) / 2);\n }\n\n .card-content {\n flex: 1;\n }\n\n .card-actions {\n display: flex;\n flex-wrap: wrap;\n gap: var(--size-2);\n align-items: center;\n padding: var(--_padding);\n padding-top: calc(var(--_padding) / 2);\n }\n\n [hidden] {\n display: none;\n }\n}\n\n@layer refine.variants {\n /* Default — bordered card with shadow */\n :host(:not([variant], [color])) {\n --_shadow: var(--card-shadow, var(--shadow-sm));\n }\n\n :host(:not([variant], [color])) .card {\n border: var(--_border) solid var(--_border-color);\n box-shadow: var(--_shadow);\n }\n\n /* Default + color — tinted backdrop */\n :host(:not([variant])[color]) {\n --_bg: var(--card-bg, var(--_theme-backdrop));\n --_border-color: var(--card-border-color, var(--_theme-border));\n }\n\n :host(:not([variant])[color]) .card {\n border: var(--_border) solid var(--_border-color);\n }\n\n :host(:not([variant])[color]:hover) {\n --_bg: var(--card-bg, color-mix(in oklch, var(--_theme-base) 16%, var(--color-contrast-50)));\n --_border-color: var(--card-border-color, var(--_theme-focus));\n }\n\n /* Solid — fully filled with theme color */\n :host([variant='solid']) {\n --_bg: var(--card-bg, var(--_theme-base));\n --_color: var(--card-color, var(--_theme-contrast));\n --_border-color: var(--card-border-color, var(--_theme-base));\n --_shadow: var(--card-shadow, var(--shadow-sm));\n }\n\n :host([variant='solid']) .card {\n border: var(--_border) solid var(--_border-color);\n box-shadow: var(--_shadow);\n }\n\n /* Flat — tinted backdrop, subtle border */\n :host([variant='flat']) {\n --_bg: var(--card-bg, var(--_theme-backdrop));\n --_border-color: var(--card-border-color, color-mix(in oklch, var(--_theme-border) 50%, transparent));\n }\n\n :host([variant='flat']) .card {\n border: var(--_border) solid var(--_border-color);\n }\n\n /* Glass — frosted blur panel */\n :host([variant='glass']) .card {\n text-shadow: var(--text-shadow-xs);\n border: var(--_border) solid var(--_border-color);\n box-shadow: var(--card-shadow, var(--shadow-md)), var(--inset-shadow-xs);\n backdrop-filter: blur(var(--blur-lg)) saturate(180%) brightness(1.05);\n }\n\n :host([variant='glass']:hover) .card {\n box-shadow: var(--card-hover-shadow, var(--shadow-xl)), var(--inset-shadow-sm);\n backdrop-filter: blur(var(--blur-xl)) saturate(200%) brightness(1.1);\n }\n\n :host([variant='glass'][interactive]:hover) .card {\n box-shadow: var(--card-hover-shadow, var(--shadow-2xl)), var(--inset-shadow-sm);\n }\n}\n\n@layer refine.overrides {\n /* ── Loading bar ──────────────────────────── */\n\n /* Bar lives inside .card which already has overflow:hidden,\n so translateX can sweep freely without any overflow. */\n .loading-bar {\n position: absolute;\n inset-inline-start: 0;\n top: 0;\n display: none;\n width: 65%;\n height: 3px;\n background: linear-gradient(90deg, transparent 0%, var(--_theme-base, var(--color-primary)) 50%, transparent 100%);\n }\n\n :host([loading]) .loading-bar {\n display: block;\n animation: var(--_motion-animation, loading-bar 1.4s linear infinite);\n }\n\n /* In RTL the loading bar sweeps right-to-left */\n :host(:dir(rtl)[loading]) .loading-bar {\n animation-direction: reverse;\n }\n\n /* ── Disabled ─────────────────────────────── */\n\n :host([disabled]) {\n pointer-events: none;\n opacity: 0.6;\n }\n\n :host([disabled][interactive]) .card {\n cursor: not-allowed;\n }\n\n /* ── Interactive hover/active ─────────────── */\n\n :host([interactive]:not([disabled]):hover) .card {\n box-shadow: var(--_hover-shadow);\n transform: translateY(-2px) scale(1.01);\n }\n\n :host([interactive]) .card {\n cursor: pointer;\n will-change: transform;\n }\n\n :host([interactive]:not([disabled]):active) .card {\n box-shadow: var(--_shadow);\n transform: translateY(0) scale(0.99);\n transition:\n box-shadow var(--transition-fast),\n transform 120ms var(--ease-spring);\n }\n\n :host([interactive]:focus-visible) .card {\n outline: var(--border-2) solid var(--_theme-focus, var(--color-primary));\n outline-offset: var(--border-2);\n }\n\n /* ── Horizontal orientation ───────────────── */\n\n :host([orientation='horizontal']) .card {\n flex-direction: row;\n }\n\n :host([orientation='horizontal']) .card-media {\n width: 30%;\n min-width: 192px;\n max-width: 320px;\n }\n\n :host([orientation='horizontal']) .card-media img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n\n :host([orientation='horizontal']) .card-body {\n flex: 1;\n }\n}\n\n@keyframes loading-bar {\n 0% {\n transform: translateX(-100%);\n }\n\n 100% {\n transform: translateX(200%);\n }\n}\n"],"mappings":""}
package/dist/content/carousel/carousel-slide.cjs CHANGED
@@ -1,2 +1,2 @@
1
- const e=require("./carousel-slide.css?inline.cjs");let t=require("@vielzeug/ore");var n=`ore-carousel-slide`;(0,t.define)(n,{props:{},setup(e,{bind:n}){return n({attr:{"aria-roledescription":()=>`slide`,role:()=>`group`}}),t.html`<slot></slot>`},styles:[e.default]}),exports.CAROUSEL_SLIDE_TAG=n;
1
+ const e=require("./carousel-slide.css.cjs");let t=require("@vielzeug/ore");var n=`ore-carousel-slide`;(0,t.define)(n,{props:{},setup(e){return(0,t.bind)({attr:{"aria-roledescription":()=>`slide`,role:()=>`group`}}),t.html`<slot></slot>`},styles:[e.default]}),exports.CAROUSEL_SLIDE_TAG=n;
2
2
  //# sourceMappingURL=carousel-slide.cjs.map
package/dist/content/carousel/carousel-slide.cjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"carousel-slide.cjs","names":[],"sources":["../../../src/content/carousel/carousel-slide.ts"],"sourcesContent":["import { define, html } from '@vielzeug/ore';\n\nimport slideStyles from './carousel-slide.css?inline';\n\nexport const CAROUSEL_SLIDE_TAG = 'ore-carousel-slide' as const;\n\ndefine(CAROUSEL_SLIDE_TAG, {\n props: {},\n setup(_props, { bind }) {\n bind({\n attr: {\n 'aria-roledescription': () => 'slide',\n role: () => 'group',\n },\n });\n\n return html`<slot></slot>`;\n },\n styles: [slideStyles],\n});\n"],"mappings":"kFAIA,IAAa,EAAqB,kCAE3B,EAAoB,CACzB,MAAO,CAAC,EACR,MAAM,EAAQ,CAAE,QAAQ,CAQtB,OAPA,EAAK,CACH,KAAM,CACJ,2BAA8B,QAC9B,SAAY,OACd,CACF,CAAC,EAEM,EAAA,IAAI,eACb,EACA,OAAQ,CAAC,EAAA,OAAW,CACtB,CAAC"}
1
+ {"version":3,"file":"carousel-slide.cjs","names":[],"sources":["../../../src/content/carousel/carousel-slide.ts"],"sourcesContent":["import { define, html, bind } from '@vielzeug/ore';\n\nimport slideStyles from './carousel-slide.css?inline';\n\nexport const CAROUSEL_SLIDE_TAG = 'ore-carousel-slide' as const;\n\ndefine(CAROUSEL_SLIDE_TAG, {\n props: {},\n setup(_props) {\n bind({\n attr: {\n 'aria-roledescription': () => 'slide',\n role: () => 'group',\n },\n });\n\n return html`<slot></slot>`;\n },\n styles: [slideStyles],\n});\n"],"mappings":"2EAIA,IAAa,EAAqB,kCAE3B,EAAoB,CACzB,MAAO,CAAC,EACR,MAAM,EAAQ,CAQZ,OAPA,EAAA,EAAA,KAAA,CAAK,CACH,KAAM,CACJ,2BAA8B,QAC9B,SAAY,OACd,CACF,CAAC,EAEM,EAAA,IAAI,eACb,EACA,OAAQ,CAAC,EAAA,OAAW,CACtB,CAAC"}
package/dist/content/carousel/{carousel-slide.css?inline.cjs → carousel-slide.css.cjs} RENAMED
@@ -1,2 +1,2 @@
1
1
  var e=`:host{pointer-events:none;opacity:0;width:100%;height:100%;transform:var(--_slide-translate-after,translateX(100%));transition:transform var(--carousel-transition-duration,.35s) var(--ease-move), opacity var(--carousel-transition-duration,.35s) var(--ease-move);display:block;position:absolute;inset:0;overflow:hidden}:host([data-before]){transform:var(--_slide-translate-before,translateX(-100%))}:host([data-active]){pointer-events:auto;opacity:1;transform:translate(0)}:host([data-variant=fade]){transition:opacity var(--carousel-transition-duration,.35s) var(--ease-move);transform:none}:host([data-variant=filmstrip]){pointer-events:auto;border-radius:var(--carousel-radius,var(--rounded-xl));opacity:1;transition:flex var(--carousel-transition-duration,.35s) var(--ease-move), opacity var(--carousel-transition-duration,.35s) var(--ease-move);flex-shrink:0;align-self:stretch;position:relative;inset:auto;transform:none}:host([data-variant=filmstrip][data-orientation=horizontal]){flex:0 0 var(--carousel-filmstrip-inactive,var(--size-16));width:auto;min-width:var(--carousel-filmstrip-inactive,var(--size-16));height:100%}:host([data-variant=filmstrip][data-orientation=horizontal][data-active]){flex:1 1 0}:host([data-variant=filmstrip][data-orientation=vertical]){flex:0 0 var(--carousel-filmstrip-inactive,var(--size-10));width:100%;height:auto;min-height:var(--carousel-filmstrip-inactive,var(--size-10))}:host([data-variant=filmstrip][data-orientation=vertical][data-active]){flex:1 1 0}:host([data-variant=gallery]){display:none}:host([data-variant=gallery][data-gallery-visible]){pointer-events:auto;border-radius:var(--carousel-radius,var(--rounded-xl));opacity:.5;transition:flex var(--carousel-transition-duration,.35s) var(--ease-move), opacity var(--carousel-transition-duration,.35s) var(--ease-move);align-self:stretch;display:block;position:relative;inset:auto;overflow:hidden;transform:none}:host([data-variant=gallery][data-gallery-visible][data-active]){opacity:1}:host([data-variant=gallery][data-orientation=horizontal][data-gallery-visible]){flex:0 0 var(--carousel-gallery-thumbnail,var(--size-24));width:auto;min-width:var(--carousel-gallery-thumbnail,var(--size-24));flex-shrink:0;height:100%}:host([data-variant=gallery][data-orientation=horizontal][data-gallery-visible][data-active]){flex:1 1 0}:host([data-variant=gallery][data-orientation=vertical][data-gallery-visible]){flex:1 1 0;width:100%;height:auto}:host([data-variant=gallery][data-orientation=vertical][data-gallery-visible][data-active]){flex:4 1 0}:host([data-variant=marquee]){pointer-events:auto;opacity:1;flex:none;transition:none;position:relative;inset:auto;transform:none}:host([data-variant=marquee][data-orientation=horizontal]){width:auto;height:100%}:host([data-variant=marquee][data-orientation=vertical]){width:100%;height:auto}:host([data-variant=marquee][data-marquee-clone]){pointer-events:none;-webkit-user-select:none;user-select:none}::slotted(*){max-width:100%}`;exports.default=e;
2
- //# sourceMappingURL=carousel-slide.css?inline.cjs.map
2
+ //# sourceMappingURL=carousel-slide.css.cjs.map
package/dist/content/carousel/carousel-slide.css.cjs.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"carousel-slide.css.cjs","names":[],"sources":["../../../src/content/carousel/carousel-slide.css?inline"],"sourcesContent":["/* ── Default: translate in/out ───────────────────────────────────────────── */\n:host {\n position: absolute;\n inset: 0;\n display: block;\n width: 100%;\n height: 100%;\n overflow: hidden;\n pointer-events: none;\n opacity: 0;\n transform: var(--_slide-translate-after, translateX(100%));\n transition:\n transform var(--carousel-transition-duration, 0.35s) var(--ease-move),\n opacity var(--carousel-transition-duration, 0.35s) var(--ease-move);\n}\n\n:host([data-before]) {\n transform: var(--_slide-translate-before, translateX(-100%));\n}\n\n:host([data-active]) {\n pointer-events: auto;\n opacity: 1;\n transform: translate(0, 0);\n}\n\n/* ── Fade variant ────────────────────────────────────────────────────────── */\n:host([data-variant='fade']) {\n transform: none;\n transition: opacity var(--carousel-transition-duration, 0.35s) var(--ease-move);\n}\n\n/* ── Filmstrip variant — shared ──────────────────────────────────────────── */\n:host([data-variant='filmstrip']) {\n position: relative;\n inset: auto;\n flex-shrink: 0;\n align-self: stretch;\n pointer-events: auto;\n border-radius: var(--carousel-radius, var(--rounded-xl));\n opacity: 1;\n transform: none;\n transition:\n flex var(--carousel-transition-duration, 0.35s) var(--ease-move),\n opacity var(--carousel-transition-duration, 0.35s) var(--ease-move);\n}\n\n/* ── Filmstrip variant (horizontal) ──────────────────────────────────────── */\n:host([data-variant='filmstrip'][data-orientation='horizontal']) {\n flex: 0 0 var(--carousel-filmstrip-inactive, var(--size-16));\n width: auto;\n min-width: var(--carousel-filmstrip-inactive, var(--size-16));\n height: 100%;\n}\n\n:host([data-variant='filmstrip'][data-orientation='horizontal'][data-active]) {\n flex: 1 1 0;\n}\n\n/* ── Filmstrip variant (vertical) ────────────────────────────────────────── */\n:host([data-variant='filmstrip'][data-orientation='vertical']) {\n flex: 0 0 var(--carousel-filmstrip-inactive, var(--size-10));\n width: 100%;\n height: auto;\n min-height: var(--carousel-filmstrip-inactive, var(--size-10));\n}\n\n:host([data-variant='filmstrip'][data-orientation='vertical'][data-active]) {\n flex: 1 1 0;\n}\n\n/* ── Gallery variant — shared base ───────────────────────────────────────── */\n:host([data-variant='gallery']) {\n display: none;\n}\n\n:host([data-variant='gallery'][data-gallery-visible]) {\n position: relative;\n inset: auto;\n display: block;\n align-self: stretch;\n overflow: hidden;\n pointer-events: auto;\n border-radius: var(--carousel-radius, var(--rounded-xl));\n opacity: 0.5;\n transform: none;\n transition:\n flex var(--carousel-transition-duration, 0.35s) var(--ease-move),\n opacity var(--carousel-transition-duration, 0.35s) var(--ease-move);\n}\n\n:host([data-variant='gallery'][data-gallery-visible][data-active]) {\n opacity: 1;\n}\n\n/* ── Gallery variant (horizontal) ────────────────────────────────────────── */\n:host([data-variant='gallery'][data-orientation='horizontal'][data-gallery-visible]) {\n flex: 0 0 var(--carousel-gallery-thumbnail, var(--size-24));\n flex-shrink: 0;\n width: auto;\n min-width: var(--carousel-gallery-thumbnail, var(--size-24));\n height: 100%;\n}\n\n:host([data-variant='gallery'][data-orientation='horizontal'][data-gallery-visible][data-active]) {\n flex: 1 1 0;\n}\n\n/* ── Gallery variant (vertical) ──────────────────────────────────────────── */\n:host([data-variant='gallery'][data-orientation='vertical'][data-gallery-visible]) {\n flex: 1 1 0;\n width: 100%;\n height: auto;\n}\n\n:host([data-variant='gallery'][data-orientation='vertical'][data-gallery-visible][data-active]) {\n flex: 4 1 0;\n}\n\n/* ── Marquee variant ─────────────────────────────────────────────────────── */\n:host([data-variant='marquee']) {\n position: relative;\n inset: auto;\n flex: 0 0 auto;\n pointer-events: auto;\n opacity: 1;\n transform: none;\n transition: none;\n}\n\n:host([data-variant='marquee'][data-orientation='horizontal']) {\n width: auto;\n height: 100%;\n}\n\n:host([data-variant='marquee'][data-orientation='vertical']) {\n width: 100%;\n height: auto;\n}\n\n:host([data-variant='marquee'][data-marquee-clone]) {\n pointer-events: none;\n user-select: none;\n}\n\n::slotted(*) {\n max-width: 100%;\n}\n"],"mappings":""}
package/dist/content/carousel/{carousel-slide.css?inline.js → carousel-slide.css.js} RENAMED
@@ -3,4 +3,4 @@ var e = ":host{pointer-events:none;opacity:0;width:100%;height:100%;transform:va
3
3
  //#endregion
4
4
  export { e as default };
5
5
 
6
- //# sourceMappingURL=carousel-slide.css?inline.js.map
6
+ //# sourceMappingURL=carousel-slide.css.js.map
package/dist/content/carousel/carousel-slide.css.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"carousel-slide.css.js","names":[],"sources":["../../../src/content/carousel/carousel-slide.css?inline"],"sourcesContent":["/* ── Default: translate in/out ───────────────────────────────────────────── */\n:host {\n position: absolute;\n inset: 0;\n display: block;\n width: 100%;\n height: 100%;\n overflow: hidden;\n pointer-events: none;\n opacity: 0;\n transform: var(--_slide-translate-after, translateX(100%));\n transition:\n transform var(--carousel-transition-duration, 0.35s) var(--ease-move),\n opacity var(--carousel-transition-duration, 0.35s) var(--ease-move);\n}\n\n:host([data-before]) {\n transform: var(--_slide-translate-before, translateX(-100%));\n}\n\n:host([data-active]) {\n pointer-events: auto;\n opacity: 1;\n transform: translate(0, 0);\n}\n\n/* ── Fade variant ────────────────────────────────────────────────────────── */\n:host([data-variant='fade']) {\n transform: none;\n transition: opacity var(--carousel-transition-duration, 0.35s) var(--ease-move);\n}\n\n/* ── Filmstrip variant — shared ──────────────────────────────────────────── */\n:host([data-variant='filmstrip']) {\n position: relative;\n inset: auto;\n flex-shrink: 0;\n align-self: stretch;\n pointer-events: auto;\n border-radius: var(--carousel-radius, var(--rounded-xl));\n opacity: 1;\n transform: none;\n transition:\n flex var(--carousel-transition-duration, 0.35s) var(--ease-move),\n opacity var(--carousel-transition-duration, 0.35s) var(--ease-move);\n}\n\n/* ── Filmstrip variant (horizontal) ──────────────────────────────────────── */\n:host([data-variant='filmstrip'][data-orientation='horizontal']) {\n flex: 0 0 var(--carousel-filmstrip-inactive, var(--size-16));\n width: auto;\n min-width: var(--carousel-filmstrip-inactive, var(--size-16));\n height: 100%;\n}\n\n:host([data-variant='filmstrip'][data-orientation='horizontal'][data-active]) {\n flex: 1 1 0;\n}\n\n/* ── Filmstrip variant (vertical) ────────────────────────────────────────── */\n:host([data-variant='filmstrip'][data-orientation='vertical']) {\n flex: 0 0 var(--carousel-filmstrip-inactive, var(--size-10));\n width: 100%;\n height: auto;\n min-height: var(--carousel-filmstrip-inactive, var(--size-10));\n}\n\n:host([data-variant='filmstrip'][data-orientation='vertical'][data-active]) {\n flex: 1 1 0;\n}\n\n/* ── Gallery variant — shared base ───────────────────────────────────────── */\n:host([data-variant='gallery']) {\n display: none;\n}\n\n:host([data-variant='gallery'][data-gallery-visible]) {\n position: relative;\n inset: auto;\n display: block;\n align-self: stretch;\n overflow: hidden;\n pointer-events: auto;\n border-radius: var(--carousel-radius, var(--rounded-xl));\n opacity: 0.5;\n transform: none;\n transition:\n flex var(--carousel-transition-duration, 0.35s) var(--ease-move),\n opacity var(--carousel-transition-duration, 0.35s) var(--ease-move);\n}\n\n:host([data-variant='gallery'][data-gallery-visible][data-active]) {\n opacity: 1;\n}\n\n/* ── Gallery variant (horizontal) ────────────────────────────────────────── */\n:host([data-variant='gallery'][data-orientation='horizontal'][data-gallery-visible]) {\n flex: 0 0 var(--carousel-gallery-thumbnail, var(--size-24));\n flex-shrink: 0;\n width: auto;\n min-width: var(--carousel-gallery-thumbnail, var(--size-24));\n height: 100%;\n}\n\n:host([data-variant='gallery'][data-orientation='horizontal'][data-gallery-visible][data-active]) {\n flex: 1 1 0;\n}\n\n/* ── Gallery variant (vertical) ──────────────────────────────────────────── */\n:host([data-variant='gallery'][data-orientation='vertical'][data-gallery-visible]) {\n flex: 1 1 0;\n width: 100%;\n height: auto;\n}\n\n:host([data-variant='gallery'][data-orientation='vertical'][data-gallery-visible][data-active]) {\n flex: 4 1 0;\n}\n\n/* ── Marquee variant ─────────────────────────────────────────────────────── */\n:host([data-variant='marquee']) {\n position: relative;\n inset: auto;\n flex: 0 0 auto;\n pointer-events: auto;\n opacity: 1;\n transform: none;\n transition: none;\n}\n\n:host([data-variant='marquee'][data-orientation='horizontal']) {\n width: auto;\n height: 100%;\n}\n\n:host([data-variant='marquee'][data-orientation='vertical']) {\n width: 100%;\n height: auto;\n}\n\n:host([data-variant='marquee'][data-marquee-clone]) {\n pointer-events: none;\n user-select: none;\n}\n\n::slotted(*) {\n max-width: 100%;\n}\n"],"mappings":""}
package/dist/content/carousel/carousel-slide.js CHANGED
@@ -1,18 +1,18 @@
1
- import e from "./carousel-slide.css?inline.js";
2
- import { define as t, html as n } from "@vielzeug/ore";
1
+ import e from "./carousel-slide.css.js";
2
+ import { bind as t, define as n, html as r } from "@vielzeug/ore";
3
3
  //#region src/content/carousel/carousel-slide.ts
4
- var r = "ore-carousel-slide";
5
- t(r, {
4
+ var i = "ore-carousel-slide";
5
+ n(i, {
6
6
  props: {},
7
- setup(e, { bind: t }) {
7
+ setup(e) {
8
8
  return t({ attr: {
9
9
  "aria-roledescription": () => "slide",
10
10
  role: () => "group"
11
- } }), n`<slot></slot>`;
11
+ } }), r`<slot></slot>`;
12
12
  },
13
13
  styles: [e]
14
14
  });
15
15
  //#endregion
16
- export { r as CAROUSEL_SLIDE_TAG };
16
+ export { i as CAROUSEL_SLIDE_TAG };
17
17
 
18
18
  //# sourceMappingURL=carousel-slide.js.map
package/dist/content/carousel/carousel-slide.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"carousel-slide.js","names":[],"sources":["../../../src/content/carousel/carousel-slide.ts"],"sourcesContent":["import { define, html } from '@vielzeug/ore';\n\nimport slideStyles from './carousel-slide.css?inline';\n\nexport const CAROUSEL_SLIDE_TAG = 'ore-carousel-slide' as const;\n\ndefine(CAROUSEL_SLIDE_TAG, {\n props: {},\n setup(_props, { bind }) {\n bind({\n attr: {\n 'aria-roledescription': () => 'slide',\n role: () => 'group',\n },\n });\n\n return html`<slot></slot>`;\n },\n styles: [slideStyles],\n});\n"],"mappings":";;;AAIA,IAAa,IAAqB;AAElC,EAAO,GAAoB;CACzB,OAAO,CAAC;CACR,MAAM,GAAQ,EAAE,WAAQ;EAQtB,OAPA,EAAK,EACH,MAAM;GACJ,8BAA8B;GAC9B,YAAY;EACd,EACF,CAAC,GAEM,CAAI;CACb;CACA,QAAQ,CAAC,CAAW;AACtB,CAAC"}
1
+ {"version":3,"file":"carousel-slide.js","names":[],"sources":["../../../src/content/carousel/carousel-slide.ts"],"sourcesContent":["import { define, html, bind } from '@vielzeug/ore';\n\nimport slideStyles from './carousel-slide.css?inline';\n\nexport const CAROUSEL_SLIDE_TAG = 'ore-carousel-slide' as const;\n\ndefine(CAROUSEL_SLIDE_TAG, {\n props: {},\n setup(_props) {\n bind({\n attr: {\n 'aria-roledescription': () => 'slide',\n role: () => 'group',\n },\n });\n\n return html`<slot></slot>`;\n },\n styles: [slideStyles],\n});\n"],"mappings":";;;AAIA,IAAa,IAAqB;AAElC,EAAO,GAAoB;CACzB,OAAO,CAAC;CACR,MAAM,GAAQ;EAQZ,OAPA,EAAK,EACH,MAAM;GACJ,8BAA8B;GAC9B,YAAY;EACd,EACF,CAAC,GAEM,CAAI;CACb;CACA,QAAQ,CAAC,CAAW;AACtB,CAAC"}
package/dist/content/carousel/{carousel.css?inline.cjs → carousel.css.cjs} RENAMED
@@ -1,2 +1,2 @@
1
1
  var e=`@layer refine.base{:host{--_bg:var(--carousel-bg,var(--color-canvas));--_radius:var(--carousel-radius,var(--rounded-xl));--_dot-bg:var(--carousel-dot-bg,var(--color-contrast-300));--_dot-active-bg:var(--carousel-dot-active-bg,var(--color-contrast-700));width:100%;min-height:var(--carousel-min-height,240px);touch-action:auto;background:var(--_bg);border-radius:var(--_radius);outline:none;flex-direction:column;display:flex;position:relative;overflow:hidden}.track{flex:auto;width:100%;min-height:0;position:relative}.controls{gap:var(--size-0-5);pointer-events:none;align-items:center;display:flex}.controls:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:auto}.controls:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:auto}:host>.controls{padding:var(--size-1-5) var(--size-2);background:color-mix(in oklch, var(--color-canvas) 55%, transparent);border-radius:var(--rounded-full);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);bottom:var(--size-3);position:absolute}:host>.controls:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--size-3);margin-left:0}:host>.controls:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--size-3);margin-right:0}.nav-btn{pointer-events:auto}:host([variant=gallery]) .track{gap:var(--carousel-gallery-gap,var(--size-2));flex-direction:row;align-items:stretch;display:flex;position:absolute;inset:0;overflow:hidden}:host([variant=gallery][orientation=vertical]) .track{flex-direction:column;align-items:stretch}:host([variant=marquee]){overflow:hidden}:host([variant=marquee]) .track{gap:var(--carousel-marquee-gap,var(--size-4));width:max-content;animation:carousel-marquee var(--_marquee-duration,0s) linear infinite;flex-direction:row;align-items:stretch;display:flex;position:absolute;top:0;bottom:0}:host([variant=marquee]) .track:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:0}:host([variant=marquee]) .track:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:0}:host([variant=marquee][orientation=vertical]) .track{flex-direction:column;align-items:stretch;width:100%;height:max-content;animation-name:carousel-marquee-v;inset:0 0 auto}:host([variant=filmstrip]) .track{gap:var(--carousel-filmstrip-gap,var(--size-2));flex-direction:row;align-items:stretch;display:flex;position:absolute;inset:0;overflow:hidden}:host([variant=filmstrip][orientation=vertical]) .track{flex-direction:column;width:100%}:host([orientation=vertical]){--_slide-translate-before:translateY(-100%);--_slide-translate-after:translateY(100%)}:host([orientation=vertical]) .indicators{top:50%;bottom:auto;inset-inline:var(--size-3) auto;width:auto;height:max-content;padding-block:var(--size-6) var(--size-2);padding-inline:var(--size-1-5);border-radius:var(--rounded-full);flex-direction:column;transform:translate(0)translateY(-50%)}:host([orientation=vertical]) .controls{flex-direction:column;margin-top:auto}:host([orientation=vertical]) .controls:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:0}:host([orientation=vertical]) .controls:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:0}:host([orientation=vertical])>.controls{bottom:var(--size-3);margin-top:0}:host([orientation=vertical])>.controls:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--size-3)}:host([orientation=vertical])>.controls:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--size-3)}:host([orientation=vertical]) .indicator:not(.indicator-active){width:var(--size-2)!important;height:var(--size-2)!important}:host([orientation=vertical]) .indicator-active{height:var(--size-8);width:var(--size-1-5)!important}.indicators{gap:var(--size-1-5);width:max-content;padding:var(--size-1-5) var(--size-2) var(--size-1-5) var(--size-6);pointer-events:none;background:color-mix(in oklch, var(--color-canvas) 55%, transparent);border-radius:var(--rounded-full);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);bottom:var(--size-3);flex-direction:row;align-items:center;display:flex;position:absolute;left:50%;right:50%;transform:translate(-50%)}.indicator{pointer-events:auto;cursor:pointer;transition:opacity var(--transition-fast);background:0 0;border:none;flex-shrink:0;padding:0;display:block}.indicator>ore-progress{pointer-events:none;width:100%;height:100%;display:block}.indicator:not(.indicator-active){border-radius:var(--rounded-full);overflow:hidden;width:var(--size-2)!important;height:var(--size-2)!important}.indicator-active{--progress-track-bg:color-mix(in oklch, var(--_dot-bg) 60%, transparent);width:var(--size-8)!important}.indicator:focus-visible{outline:var(--border) solid currentcolor;outline-offset:2px}.indicator:hover{opacity:.8}.indicator ore-progress::part(fill){transition:width var(--transition-normal)}.indicator-active ore-progress::part(fill){animation-name:var(--carousel-animation-name,none);animation-duration:calc(var(--carousel-timeout,4000) * 1ms);animation-timing-function:var(--ease-linear);animation-fill-mode:forwards}}@media (prefers-reduced-motion:reduce){:host{--carousel-transition-duration:0s}:host([variant=marquee]) .track,:host([variant=marquee][orientation=vertical]) .track{animation:none}}@keyframes carousel-fill{0%{width:0%}to{width:100%}}@keyframes carousel-fill-v{0%{height:0%}to{height:100%}}@keyframes carousel-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes carousel-marquee-v{0%{transform:translateY(0)}to{transform:translateY(-50%)}}`;exports.default=e;
2
- //# sourceMappingURL=carousel.css?inline.cjs.map
2
+ //# sourceMappingURL=carousel.css.cjs.map
package/dist/content/carousel/carousel.css.cjs.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"carousel.css.cjs","names":[],"sources":["../../../src/content/carousel/carousel.css?inline"],"sourcesContent":["@layer refine.base {\n :host {\n --_bg: var(--carousel-bg, var(--color-canvas));\n --_radius: var(--carousel-radius, var(--rounded-xl));\n --_dot-bg: var(--carousel-dot-bg, var(--color-contrast-300));\n --_dot-active-bg: var(--carousel-dot-active-bg, var(--color-contrast-700));\n\n position: relative;\n display: flex;\n flex-direction: column;\n width: 100%;\n min-height: var(--carousel-min-height, 240px);\n overflow: hidden;\n touch-action: auto;\n outline: none;\n background: var(--_bg);\n border-radius: var(--_radius);\n }\n\n /* ── Track ──────────────────────────────────────────────────────── */\n\n .track {\n position: relative;\n flex: 1 1 auto;\n width: 100%;\n min-height: 0;\n }\n\n /* ── Controls (prev / next) ────────────────────────────────────────────── */\n\n /* Controls live inside the bottom nav bar, right-aligned via margin-inline-start: auto. */\n\n .controls {\n display: flex;\n gap: var(--size-0-5);\n align-items: center;\n margin-inline-start: auto;\n pointer-events: none;\n }\n\n /* Controls rendered standalone (no indicators bar) — needs own positioning + backdrop. */\n :host > .controls {\n position: absolute;\n inset-block-end: var(--size-3);\n inset-inline-end: var(--size-3);\n padding: var(--size-1-5) var(--size-2);\n margin-inline-start: 0;\n background: color-mix(in oklch, var(--color-canvas) 55%, transparent);\n border-radius: var(--rounded-full);\n backdrop-filter: blur(6px);\n }\n\n .nav-btn {\n pointer-events: auto;\n }\n\n /* ── Variant-specific track styles ────────────────────────────────────── */\n\n /* Gallery: flex row, fills host, shows active + two thumbnails */\n :host([variant='gallery']) .track {\n position: absolute;\n inset: 0;\n display: flex;\n flex-direction: row;\n gap: var(--carousel-gallery-gap, var(--size-2));\n align-items: stretch;\n overflow: hidden;\n }\n\n :host([variant='gallery'][orientation='vertical']) .track {\n flex-direction: column;\n align-items: stretch;\n }\n\n /* Marquee: anchor top/bottom for definite height; width:max-content for -50% loop.\n Host clips the overflow. */\n :host([variant='marquee']) {\n overflow: hidden;\n }\n\n :host([variant='marquee']) .track {\n position: absolute;\n inset-block: 0;\n inset-inline-start: 0;\n display: flex;\n flex-direction: row;\n gap: var(--carousel-marquee-gap, var(--size-4));\n align-items: stretch;\n width: max-content;\n animation: carousel-marquee var(--_marquee-duration, 0s) linear infinite;\n }\n\n :host([variant='marquee'][orientation='vertical']) .track {\n inset: 0 0 auto;\n flex-direction: column;\n align-items: stretch;\n width: 100%;\n height: max-content;\n animation-name: carousel-marquee-v;\n }\n\n /* Filmstrip: flex row/column with absolute positioning to fill host */\n :host([variant='filmstrip']) .track {\n position: absolute;\n inset: 0;\n display: flex;\n flex-direction: row;\n gap: var(--carousel-filmstrip-gap, var(--size-2));\n align-items: stretch;\n overflow: hidden;\n }\n\n :host([variant='filmstrip'][orientation='vertical']) .track {\n flex-direction: column;\n width: 100%;\n }\n\n /* ── Vertical orientation ──────────────────────────────────────────────── */\n\n :host([orientation='vertical']) {\n --_slide-translate-before: translateY(-100%);\n --_slide-translate-after: translateY(100%);\n }\n\n :host([orientation='vertical']) .indicators {\n inset-block: 50% auto;\n inset-inline: var(--size-3) auto;\n flex-direction: column;\n width: auto;\n height: max-content;\n padding-block: var(--size-6) var(--size-2);\n padding-inline: var(--size-1-5);\n border-radius: var(--rounded-full);\n transform: translateX(0) translateY(-50%);\n }\n\n :host([orientation='vertical']) .controls {\n flex-direction: column;\n margin-block-start: auto;\n margin-inline-start: 0;\n }\n\n :host([orientation='vertical']) > .controls {\n inset-block-end: var(--size-3);\n inset-inline-end: var(--size-3);\n margin-block-start: 0;\n }\n\n :host([orientation='vertical']) .indicator:not(.indicator-active) {\n width: var(--size-2) !important;\n height: var(--size-2) !important;\n }\n\n :host([orientation='vertical']) .indicator-active {\n width: var(--size-1-5) !important;\n height: var(--size-8);\n }\n\n /* animation properties are inherited from .indicator-active ore-progress::part(fill) below */\n\n /* ── Bottom nav bar: indicators + controls ───────────────────────────── */\n\n /* Floats above the bottom edge, shrinks to content width, centered.\n A frosted backdrop keeps it legible over any image. */\n\n .indicators {\n position: absolute;\n inset-block-end: var(--size-3);\n inset-inline: 50%;\n display: flex;\n flex-direction: row;\n gap: var(--size-1-5);\n align-items: center;\n width: max-content;\n padding: var(--size-1-5) var(--size-2) var(--size-1-5) var(--size-6);\n pointer-events: none;\n background: color-mix(in oklch, var(--color-canvas) 55%, transparent);\n border-radius: var(--rounded-full);\n backdrop-filter: blur(6px);\n transform: translateX(-50%);\n }\n\n .indicator {\n display: block;\n flex-shrink: 0;\n padding: 0;\n pointer-events: auto;\n cursor: pointer;\n background: none;\n border: none;\n transition: opacity var(--transition-fast);\n }\n\n .indicator > ore-progress {\n display: block;\n width: 100%;\n height: 100%;\n pointer-events: none;\n }\n\n /* Inactive indicator: small circle */\n .indicator:not(.indicator-active) {\n width: var(--size-2) !important;\n height: var(--size-2) !important;\n overflow: hidden;\n border-radius: var(--rounded-full);\n }\n\n /* Active indicator: wider pill (progress bar) */\n .indicator-active {\n width: var(--size-8) !important;\n\n --progress-track-bg: color-mix(in oklch, var(--_dot-bg) 60%, transparent);\n }\n\n .indicator:focus-visible {\n outline: var(--border) solid currentcolor;\n outline-offset: 2px;\n }\n\n .indicator:hover {\n opacity: 0.8;\n }\n\n .indicator ore-progress::part(fill) {\n transition: width var(--transition-normal);\n }\n\n .indicator-active ore-progress::part(fill) {\n animation-name: var(--carousel-animation-name, none);\n animation-duration: calc(var(--carousel-timeout, 4000) * 1ms);\n animation-timing-function: var(--ease-linear);\n animation-fill-mode: forwards;\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n :host {\n --carousel-transition-duration: 0s;\n }\n\n :host([variant='marquee']) .track,\n :host([variant='marquee'][orientation='vertical']) .track {\n animation: none;\n }\n}\n\n@keyframes carousel-fill {\n from {\n width: 0%;\n }\n\n to {\n width: 100%;\n }\n}\n\n@keyframes carousel-fill-v {\n from {\n height: 0%;\n }\n\n to {\n height: 100%;\n }\n}\n\n@keyframes carousel-marquee {\n from {\n transform: translateX(0);\n }\n\n to {\n transform: translateX(-50%);\n }\n}\n\n@keyframes carousel-marquee-v {\n from {\n transform: translateY(0);\n }\n\n to {\n transform: translateY(-50%);\n }\n}\n"],"mappings":""}
package/dist/content/carousel/{carousel.css?inline.js → carousel.css.js} RENAMED
@@ -3,4 +3,4 @@ var e = "@layer refine.base{:host{--_bg:var(--carousel-bg,var(--color-canvas));-
3
3
  //#endregion
4
4
  export { e as default };
5
5
 
6
- //# sourceMappingURL=carousel.css?inline.js.map
6
+ //# sourceMappingURL=carousel.css.js.map
package/dist/content/carousel/carousel.css.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"carousel.css.js","names":[],"sources":["../../../src/content/carousel/carousel.css?inline"],"sourcesContent":["@layer refine.base {\n :host {\n --_bg: var(--carousel-bg, var(--color-canvas));\n --_radius: var(--carousel-radius, var(--rounded-xl));\n --_dot-bg: var(--carousel-dot-bg, var(--color-contrast-300));\n --_dot-active-bg: var(--carousel-dot-active-bg, var(--color-contrast-700));\n\n position: relative;\n display: flex;\n flex-direction: column;\n width: 100%;\n min-height: var(--carousel-min-height, 240px);\n overflow: hidden;\n touch-action: auto;\n outline: none;\n background: var(--_bg);\n border-radius: var(--_radius);\n }\n\n /* ── Track ──────────────────────────────────────────────────────── */\n\n .track {\n position: relative;\n flex: 1 1 auto;\n width: 100%;\n min-height: 0;\n }\n\n /* ── Controls (prev / next) ────────────────────────────────────────────── */\n\n /* Controls live inside the bottom nav bar, right-aligned via margin-inline-start: auto. */\n\n .controls {\n display: flex;\n gap: var(--size-0-5);\n align-items: center;\n margin-inline-start: auto;\n pointer-events: none;\n }\n\n /* Controls rendered standalone (no indicators bar) — needs own positioning + backdrop. */\n :host > .controls {\n position: absolute;\n inset-block-end: var(--size-3);\n inset-inline-end: var(--size-3);\n padding: var(--size-1-5) var(--size-2);\n margin-inline-start: 0;\n background: color-mix(in oklch, var(--color-canvas) 55%, transparent);\n border-radius: var(--rounded-full);\n backdrop-filter: blur(6px);\n }\n\n .nav-btn {\n pointer-events: auto;\n }\n\n /* ── Variant-specific track styles ────────────────────────────────────── */\n\n /* Gallery: flex row, fills host, shows active + two thumbnails */\n :host([variant='gallery']) .track {\n position: absolute;\n inset: 0;\n display: flex;\n flex-direction: row;\n gap: var(--carousel-gallery-gap, var(--size-2));\n align-items: stretch;\n overflow: hidden;\n }\n\n :host([variant='gallery'][orientation='vertical']) .track {\n flex-direction: column;\n align-items: stretch;\n }\n\n /* Marquee: anchor top/bottom for definite height; width:max-content for -50% loop.\n Host clips the overflow. */\n :host([variant='marquee']) {\n overflow: hidden;\n }\n\n :host([variant='marquee']) .track {\n position: absolute;\n inset-block: 0;\n inset-inline-start: 0;\n display: flex;\n flex-direction: row;\n gap: var(--carousel-marquee-gap, var(--size-4));\n align-items: stretch;\n width: max-content;\n animation: carousel-marquee var(--_marquee-duration, 0s) linear infinite;\n }\n\n :host([variant='marquee'][orientation='vertical']) .track {\n inset: 0 0 auto;\n flex-direction: column;\n align-items: stretch;\n width: 100%;\n height: max-content;\n animation-name: carousel-marquee-v;\n }\n\n /* Filmstrip: flex row/column with absolute positioning to fill host */\n :host([variant='filmstrip']) .track {\n position: absolute;\n inset: 0;\n display: flex;\n flex-direction: row;\n gap: var(--carousel-filmstrip-gap, var(--size-2));\n align-items: stretch;\n overflow: hidden;\n }\n\n :host([variant='filmstrip'][orientation='vertical']) .track {\n flex-direction: column;\n width: 100%;\n }\n\n /* ── Vertical orientation ──────────────────────────────────────────────── */\n\n :host([orientation='vertical']) {\n --_slide-translate-before: translateY(-100%);\n --_slide-translate-after: translateY(100%);\n }\n\n :host([orientation='vertical']) .indicators {\n inset-block: 50% auto;\n inset-inline: var(--size-3) auto;\n flex-direction: column;\n width: auto;\n height: max-content;\n padding-block: var(--size-6) var(--size-2);\n padding-inline: var(--size-1-5);\n border-radius: var(--rounded-full);\n transform: translateX(0) translateY(-50%);\n }\n\n :host([orientation='vertical']) .controls {\n flex-direction: column;\n margin-block-start: auto;\n margin-inline-start: 0;\n }\n\n :host([orientation='vertical']) > .controls {\n inset-block-end: var(--size-3);\n inset-inline-end: var(--size-3);\n margin-block-start: 0;\n }\n\n :host([orientation='vertical']) .indicator:not(.indicator-active) {\n width: var(--size-2) !important;\n height: var(--size-2) !important;\n }\n\n :host([orientation='vertical']) .indicator-active {\n width: var(--size-1-5) !important;\n height: var(--size-8);\n }\n\n /* animation properties are inherited from .indicator-active ore-progress::part(fill) below */\n\n /* ── Bottom nav bar: indicators + controls ───────────────────────────── */\n\n /* Floats above the bottom edge, shrinks to content width, centered.\n A frosted backdrop keeps it legible over any image. */\n\n .indicators {\n position: absolute;\n inset-block-end: var(--size-3);\n inset-inline: 50%;\n display: flex;\n flex-direction: row;\n gap: var(--size-1-5);\n align-items: center;\n width: max-content;\n padding: var(--size-1-5) var(--size-2) var(--size-1-5) var(--size-6);\n pointer-events: none;\n background: color-mix(in oklch, var(--color-canvas) 55%, transparent);\n border-radius: var(--rounded-full);\n backdrop-filter: blur(6px);\n transform: translateX(-50%);\n }\n\n .indicator {\n display: block;\n flex-shrink: 0;\n padding: 0;\n pointer-events: auto;\n cursor: pointer;\n background: none;\n border: none;\n transition: opacity var(--transition-fast);\n }\n\n .indicator > ore-progress {\n display: block;\n width: 100%;\n height: 100%;\n pointer-events: none;\n }\n\n /* Inactive indicator: small circle */\n .indicator:not(.indicator-active) {\n width: var(--size-2) !important;\n height: var(--size-2) !important;\n overflow: hidden;\n border-radius: var(--rounded-full);\n }\n\n /* Active indicator: wider pill (progress bar) */\n .indicator-active {\n width: var(--size-8) !important;\n\n --progress-track-bg: color-mix(in oklch, var(--_dot-bg) 60%, transparent);\n }\n\n .indicator:focus-visible {\n outline: var(--border) solid currentcolor;\n outline-offset: 2px;\n }\n\n .indicator:hover {\n opacity: 0.8;\n }\n\n .indicator ore-progress::part(fill) {\n transition: width var(--transition-normal);\n }\n\n .indicator-active ore-progress::part(fill) {\n animation-name: var(--carousel-animation-name, none);\n animation-duration: calc(var(--carousel-timeout, 4000) * 1ms);\n animation-timing-function: var(--ease-linear);\n animation-fill-mode: forwards;\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n :host {\n --carousel-transition-duration: 0s;\n }\n\n :host([variant='marquee']) .track,\n :host([variant='marquee'][orientation='vertical']) .track {\n animation: none;\n }\n}\n\n@keyframes carousel-fill {\n from {\n width: 0%;\n }\n\n to {\n width: 100%;\n }\n}\n\n@keyframes carousel-fill-v {\n from {\n height: 0%;\n }\n\n to {\n height: 100%;\n }\n}\n\n@keyframes carousel-marquee {\n from {\n transform: translateX(0);\n }\n\n to {\n transform: translateX(-50%);\n }\n}\n\n@keyframes carousel-marquee-v {\n from {\n transform: translateY(0);\n }\n\n to {\n transform: translateY(-50%);\n }\n}\n"],"mappings":""}
package/dist/content/chat-message/chat-message.css.cjs ADDED
@@ -0,0 +1,2 @@
1
+ var e=`@layer refine.base{:host{--_bg:var(--chat-message-bg,var(--color-contrast-100));--_color:var(--chat-message-color,var(--color-contrast-900));--_user-bg:var(--chat-message-user-bg,var(--color-primary));--_user-color:var(--chat-message-user-color,var(--color-primary-content));--_radius:var(--chat-message-radius,var(--rounded-lg));--_max-width:var(--chat-message-max-width,36rem);display:block}.row{gap:var(--size-2-5);align-items:flex-start;display:flex}:host([sender=user]) .row{flex-direction:row-reverse}.avatar{flex-shrink:0;display:flex}.avatar[hidden]{display:none}.column{gap:var(--size-1);flex-direction:column;flex:1;align-items:flex-start;min-width:0;display:flex}:host([sender=user]) .column{align-items:flex-end}.name{padding-inline:var(--size-3-5);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-contrast-500)}.name[hidden]{display:none}.bubble{box-sizing:border-box;width:fit-content;max-width:var(--_max-width);padding:var(--size-2-5) var(--size-3-5);color:var(--_color);background:var(--_bg);border-radius:var(--_radius)}:host([sender=user]) .bubble{color:var(--_user-color);background:var(--_user-bg)}.content{font-size:var(--text-sm);line-height:var(--leading-relaxed)}.content-slot{overflow-wrap:anywhere;white-space:pre-wrap}.cursor{vertical-align:text-bottom;width:.5em;height:1em;animation:var(--_motion-animation,chat-message-blink 1s step-end infinite);background:currentColor;display:inline-block}.cursor:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:var(--size-0-5)}.cursor:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:var(--size-0-5)}.cursor[hidden]{display:none}@keyframes chat-message-blink{50%{opacity:0}}.meta{gap:var(--size-1-5);padding-inline:var(--size-3-5);font-size:var(--text-xs);color:var(--color-contrast-400);align-items:center;display:flex}.meta[hidden],.timestamp[hidden]{display:none}.status{align-items:center;display:inline-flex}.status[hidden]{display:none}.status[data-status=sent]{color:var(--color-success)}.status[data-status=error]{color:var(--color-error)}.spinner{border:2px solid var(--color-contrast-300);width:.75em;height:.75em;animation:var(--_motion-animation,chat-message-spin var(--transition-loader) infinite);border-radius:50%;display:inline-block}.spinner:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-right-color:#0000}.spinner:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-left-color:#0000}@keyframes chat-message-spin{to{transform:rotate(360deg)}}.error-text{color:var(--color-error)}.error-text[hidden]{display:none}.retry{font:inherit;font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--_theme-focus,var(--color-primary));text-underline-offset:2px;cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.retry[hidden]{display:none}.retry:focus-visible{outline:var(--border-2) solid var(--color-focus);outline-offset:var(--border-2)}.actions{gap:var(--size-1);padding-inline:var(--size-3-5);display:flex}.actions[hidden]{display:none}}`;exports.default=e;
2
+ //# sourceMappingURL=chat-message.css.cjs.map
package/dist/content/chat-message/chat-message.css.cjs.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"chat-message.css.cjs","names":[],"sources":["../../../src/content/chat-message/chat-message.css?inline"],"sourcesContent":["@layer refine.base {\n :host {\n --_bg: var(--chat-message-bg, var(--color-contrast-100));\n --_color: var(--chat-message-color, var(--color-contrast-900));\n --_user-bg: var(--chat-message-user-bg, var(--color-primary));\n --_user-color: var(--chat-message-user-color, var(--color-primary-content));\n --_radius: var(--chat-message-radius, var(--rounded-lg));\n --_max-width: var(--chat-message-max-width, 36rem);\n\n display: block;\n }\n\n .row {\n display: flex;\n gap: var(--size-2-5);\n align-items: flex-start;\n }\n\n :host([sender='user']) .row {\n flex-direction: row-reverse;\n }\n\n .avatar {\n display: flex;\n flex-shrink: 0;\n }\n\n .avatar[hidden] {\n display: none;\n }\n\n .column {\n display: flex;\n flex: 1;\n flex-direction: column;\n gap: var(--size-1);\n align-items: flex-start;\n min-width: 0;\n }\n\n :host([sender='user']) .column {\n align-items: flex-end;\n }\n\n .name {\n /* Match `.bubble`'s inline padding so the name lines up with the bubble's own text\n instead of the bubble's outer box. */\n padding-inline: var(--size-3-5);\n font-size: var(--text-xs);\n font-weight: var(--font-medium);\n color: var(--color-contrast-500);\n }\n\n .name[hidden] {\n display: none;\n }\n\n /* =====================\n Bubble\n ===================== */\n\n .bubble {\n box-sizing: border-box;\n width: fit-content;\n max-width: var(--_max-width);\n padding: var(--size-2-5) var(--size-3-5);\n color: var(--_color);\n background: var(--_bg);\n border-radius: var(--_radius);\n }\n\n :host([sender='user']) .bubble {\n color: var(--_user-color);\n background: var(--_user-bg);\n }\n\n .content {\n font-size: var(--text-sm);\n line-height: var(--leading-relaxed);\n }\n\n /*\n * `white-space`/`overflow-wrap` live on the slot itself, not `.content` — both are\n * inherited properties, and slotted nodes inherit from their point of use (the `<slot>`)\n * per the CSS Scoping spec, so this still reaches the projected text. Scoping it here\n * (instead of the parent `.content`) keeps `.content`'s own whitespace-only text nodes —\n * the newline + indentation between `<slot>` and the cursor `<span>` in this template —\n * under normal collapsing rules, so they don't render as extra blank lines. Putting\n * `pre-wrap` on `.content` directly did exactly that: real bug, caught by measuring\n * rendered box height in a real browser.\n */\n .content-slot {\n overflow-wrap: anywhere;\n white-space: pre-wrap;\n }\n\n /* =====================\n Streaming cursor\n ===================== */\n\n .cursor {\n display: inline-block;\n width: 0.5em;\n height: 1em;\n margin-inline-start: var(--size-0-5);\n vertical-align: text-bottom;\n background: currentcolor;\n animation: var(--_motion-animation, chat-message-blink 1s step-end infinite);\n }\n\n .cursor[hidden] {\n display: none;\n }\n\n @keyframes chat-message-blink {\n 50% {\n opacity: 0;\n }\n }\n\n /* =====================\n Meta row (timestamp / status / error / retry)\n ===================== */\n\n .meta {\n display: flex;\n gap: var(--size-1-5);\n align-items: center;\n\n /* Match `.bubble`'s inline padding — see `.name` above. */\n padding-inline: var(--size-3-5);\n font-size: var(--text-xs);\n color: var(--color-contrast-400);\n }\n\n .meta[hidden] {\n display: none;\n }\n\n .timestamp[hidden] {\n display: none;\n }\n\n .status {\n display: inline-flex;\n align-items: center;\n }\n\n .status[hidden] {\n display: none;\n }\n\n .status[data-status='sent'] {\n color: var(--color-success);\n }\n\n .status[data-status='error'] {\n color: var(--color-error);\n }\n\n .spinner {\n display: inline-block;\n width: 0.75em;\n height: 0.75em;\n border: 2px solid var(--color-contrast-300);\n border-inline-end-color: transparent;\n border-radius: 50%;\n animation: var(--_motion-animation, chat-message-spin var(--transition-loader) infinite);\n }\n\n @keyframes chat-message-spin {\n to {\n transform: rotate(360deg);\n }\n }\n\n .error-text {\n color: var(--color-error);\n }\n\n .error-text[hidden] {\n display: none;\n }\n\n .retry {\n padding: 0;\n font: inherit;\n font-size: var(--text-xs);\n font-weight: var(--font-medium);\n color: var(--_theme-focus, var(--color-primary));\n text-decoration: underline;\n text-underline-offset: 2px;\n cursor: pointer;\n background: none;\n border: none;\n }\n\n .retry[hidden] {\n display: none;\n }\n\n .retry:focus-visible {\n outline: var(--border-2) solid var(--color-focus);\n outline-offset: var(--border-2);\n }\n\n /* =====================\n Actions\n ===================== */\n\n .actions {\n display: flex;\n gap: var(--size-1);\n\n /* Match `.bubble`'s inline padding — see `.name` above. */\n padding-inline: var(--size-3-5);\n }\n\n .actions[hidden] {\n display: none;\n }\n}\n"],"mappings":""}
package/dist/content/chat-message/chat-message.css.js ADDED
@@ -0,0 +1,6 @@
1
+ //#region src/content/chat-message/chat-message.css?inline
2
+ var e = "@layer refine.base{:host{--_bg:var(--chat-message-bg,var(--color-contrast-100));--_color:var(--chat-message-color,var(--color-contrast-900));--_user-bg:var(--chat-message-user-bg,var(--color-primary));--_user-color:var(--chat-message-user-color,var(--color-primary-content));--_radius:var(--chat-message-radius,var(--rounded-lg));--_max-width:var(--chat-message-max-width,36rem);display:block}.row{gap:var(--size-2-5);align-items:flex-start;display:flex}:host([sender=user]) .row{flex-direction:row-reverse}.avatar{flex-shrink:0;display:flex}.avatar[hidden]{display:none}.column{gap:var(--size-1);flex-direction:column;flex:1;align-items:flex-start;min-width:0;display:flex}:host([sender=user]) .column{align-items:flex-end}.name{padding-inline:var(--size-3-5);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-contrast-500)}.name[hidden]{display:none}.bubble{box-sizing:border-box;width:fit-content;max-width:var(--_max-width);padding:var(--size-2-5) var(--size-3-5);color:var(--_color);background:var(--_bg);border-radius:var(--_radius)}:host([sender=user]) .bubble{color:var(--_user-color);background:var(--_user-bg)}.content{font-size:var(--text-sm);line-height:var(--leading-relaxed)}.content-slot{overflow-wrap:anywhere;white-space:pre-wrap}.cursor{vertical-align:text-bottom;width:.5em;height:1em;animation:var(--_motion-animation,chat-message-blink 1s step-end infinite);background:currentColor;display:inline-block}.cursor:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:var(--size-0-5)}.cursor:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:var(--size-0-5)}.cursor[hidden]{display:none}@keyframes chat-message-blink{50%{opacity:0}}.meta{gap:var(--size-1-5);padding-inline:var(--size-3-5);font-size:var(--text-xs);color:var(--color-contrast-400);align-items:center;display:flex}.meta[hidden],.timestamp[hidden]{display:none}.status{align-items:center;display:inline-flex}.status[hidden]{display:none}.status[data-status=sent]{color:var(--color-success)}.status[data-status=error]{color:var(--color-error)}.spinner{border:2px solid var(--color-contrast-300);width:.75em;height:.75em;animation:var(--_motion-animation,chat-message-spin var(--transition-loader) infinite);border-radius:50%;display:inline-block}.spinner:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-right-color:#0000}.spinner:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-left-color:#0000}@keyframes chat-message-spin{to{transform:rotate(360deg)}}.error-text{color:var(--color-error)}.error-text[hidden]{display:none}.retry{font:inherit;font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--_theme-focus,var(--color-primary));text-underline-offset:2px;cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.retry[hidden]{display:none}.retry:focus-visible{outline:var(--border-2) solid var(--color-focus);outline-offset:var(--border-2)}.actions{gap:var(--size-1);padding-inline:var(--size-3-5);display:flex}.actions[hidden]{display:none}}";
3
+ //#endregion
4
+ export { e as default };
5
+
6
+ //# sourceMappingURL=chat-message.css.js.map
package/dist/content/chat-message/chat-message.css.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"chat-message.css.js","names":[],"sources":["../../../src/content/chat-message/chat-message.css?inline"],"sourcesContent":["@layer refine.base {\n :host {\n --_bg: var(--chat-message-bg, var(--color-contrast-100));\n --_color: var(--chat-message-color, var(--color-contrast-900));\n --_user-bg: var(--chat-message-user-bg, var(--color-primary));\n --_user-color: var(--chat-message-user-color, var(--color-primary-content));\n --_radius: var(--chat-message-radius, var(--rounded-lg));\n --_max-width: var(--chat-message-max-width, 36rem);\n\n display: block;\n }\n\n .row {\n display: flex;\n gap: var(--size-2-5);\n align-items: flex-start;\n }\n\n :host([sender='user']) .row {\n flex-direction: row-reverse;\n }\n\n .avatar {\n display: flex;\n flex-shrink: 0;\n }\n\n .avatar[hidden] {\n display: none;\n }\n\n .column {\n display: flex;\n flex: 1;\n flex-direction: column;\n gap: var(--size-1);\n align-items: flex-start;\n min-width: 0;\n }\n\n :host([sender='user']) .column {\n align-items: flex-end;\n }\n\n .name {\n /* Match `.bubble`'s inline padding so the name lines up with the bubble's own text\n instead of the bubble's outer box. */\n padding-inline: var(--size-3-5);\n font-size: var(--text-xs);\n font-weight: var(--font-medium);\n color: var(--color-contrast-500);\n }\n\n .name[hidden] {\n display: none;\n }\n\n /* =====================\n Bubble\n ===================== */\n\n .bubble {\n box-sizing: border-box;\n width: fit-content;\n max-width: var(--_max-width);\n padding: var(--size-2-5) var(--size-3-5);\n color: var(--_color);\n background: var(--_bg);\n border-radius: var(--_radius);\n }\n\n :host([sender='user']) .bubble {\n color: var(--_user-color);\n background: var(--_user-bg);\n }\n\n .content {\n font-size: var(--text-sm);\n line-height: var(--leading-relaxed);\n }\n\n /*\n * `white-space`/`overflow-wrap` live on the slot itself, not `.content` — both are\n * inherited properties, and slotted nodes inherit from their point of use (the `<slot>`)\n * per the CSS Scoping spec, so this still reaches the projected text. Scoping it here\n * (instead of the parent `.content`) keeps `.content`'s own whitespace-only text nodes —\n * the newline + indentation between `<slot>` and the cursor `<span>` in this template —\n * under normal collapsing rules, so they don't render as extra blank lines. Putting\n * `pre-wrap` on `.content` directly did exactly that: real bug, caught by measuring\n * rendered box height in a real browser.\n */\n .content-slot {\n overflow-wrap: anywhere;\n white-space: pre-wrap;\n }\n\n /* =====================\n Streaming cursor\n ===================== */\n\n .cursor {\n display: inline-block;\n width: 0.5em;\n height: 1em;\n margin-inline-start: var(--size-0-5);\n vertical-align: text-bottom;\n background: currentcolor;\n animation: var(--_motion-animation, chat-message-blink 1s step-end infinite);\n }\n\n .cursor[hidden] {\n display: none;\n }\n\n @keyframes chat-message-blink {\n 50% {\n opacity: 0;\n }\n }\n\n /* =====================\n Meta row (timestamp / status / error / retry)\n ===================== */\n\n .meta {\n display: flex;\n gap: var(--size-1-5);\n align-items: center;\n\n /* Match `.bubble`'s inline padding — see `.name` above. */\n padding-inline: var(--size-3-5);\n font-size: var(--text-xs);\n color: var(--color-contrast-400);\n }\n\n .meta[hidden] {\n display: none;\n }\n\n .timestamp[hidden] {\n display: none;\n }\n\n .status {\n display: inline-flex;\n align-items: center;\n }\n\n .status[hidden] {\n display: none;\n }\n\n .status[data-status='sent'] {\n color: var(--color-success);\n }\n\n .status[data-status='error'] {\n color: var(--color-error);\n }\n\n .spinner {\n display: inline-block;\n width: 0.75em;\n height: 0.75em;\n border: 2px solid var(--color-contrast-300);\n border-inline-end-color: transparent;\n border-radius: 50%;\n animation: var(--_motion-animation, chat-message-spin var(--transition-loader) infinite);\n }\n\n @keyframes chat-message-spin {\n to {\n transform: rotate(360deg);\n }\n }\n\n .error-text {\n color: var(--color-error);\n }\n\n .error-text[hidden] {\n display: none;\n }\n\n .retry {\n padding: 0;\n font: inherit;\n font-size: var(--text-xs);\n font-weight: var(--font-medium);\n color: var(--_theme-focus, var(--color-primary));\n text-decoration: underline;\n text-underline-offset: 2px;\n cursor: pointer;\n background: none;\n border: none;\n }\n\n .retry[hidden] {\n display: none;\n }\n\n .retry:focus-visible {\n outline: var(--border-2) solid var(--color-focus);\n outline-offset: var(--border-2);\n }\n\n /* =====================\n Actions\n ===================== */\n\n .actions {\n display: flex;\n gap: var(--size-1);\n\n /* Match `.bubble`'s inline padding — see `.name` above. */\n padding-inline: var(--size-3-5);\n }\n\n .actions[hidden] {\n display: none;\n }\n}\n"],"mappings":""}
package/dist/content/chat-message/chat-message.d.ts ADDED
@@ -0,0 +1,87 @@
1
+ import '../icon/icon';
2
+ export type ChatMessageSender = 'assistant' | 'system' | 'user';
3
+ export type ChatMessageStatus = 'error' | 'sending' | 'sent';
4
+ /** Events emitted by the chat-message component */
5
+ export type OreChatMessageEvents = {
6
+ /** Fired when the retry action is activated on a `status="error"` message */
7
+ retry: {
8
+ originalEvent?: Event;
9
+ };
10
+ };
11
+ /** Chat message component properties */
12
+ export type OreChatMessageProps = {
13
+ /** Error detail shown beneath the bubble; only visible when `status="error"` */
14
+ error?: string;
15
+ /** Display name shown above the bubble (falls back to a generic label per `sender`) */
16
+ name?: string;
17
+ /** Who sent the message — controls alignment and bubble styling */
18
+ sender?: ChatMessageSender;
19
+ /** Delivery status for outgoing messages — shows an inline indicator and, for `"error"`, a retry action */
20
+ status?: ChatMessageStatus;
21
+ /** Append a blinking cursor after the content, for a message still streaming in */
22
+ streaming?: boolean;
23
+ /** ISO 8601 timestamp; rendered as a localized short time in a semantic `<time>` element */
24
+ timestamp?: string;
25
+ };
26
+ /**
27
+ * A single message bubble for chat/conversation UIs — sender-aware alignment, an optional
28
+ * avatar slot, delivery status (sending/sent/error with retry), and a streaming cursor for
29
+ * assistant messages still generating. Content is provided via the default slot, so any
30
+ * markdown-to-HTML rendering stays the consumer's choice.
31
+ *
32
+ * The default slot's leading/trailing whitespace-only text nodes are trimmed in place once
33
+ * per slot assignment (mount, and again on `slotchange`) — pretty-printed HTML's
34
+ * indentation would otherwise render as blank lines, since the bubble preserves line breaks
35
+ * (`white-space: pre-wrap`) for genuine multi-paragraph replies. This mutates those specific
36
+ * text nodes' `textContent` directly; it never touches nodes appended afterward (e.g. by
37
+ * `el.textContent += token` while streaming), only the ones present at assignment time.
38
+ *
39
+ * @element ore-chat-message
40
+ *
41
+ * @attr {string} sender - Who sent the message: 'user' | 'assistant' | 'system' (default 'assistant')
42
+ * @attr {string} name - Display name shown above the bubble
43
+ * @attr {string} timestamp - ISO 8601 timestamp, rendered as a localized short time
44
+ * @attr {string} status - Delivery status: 'sending' | 'sent' | 'error'
45
+ * @attr {string} error - Error detail shown beneath the bubble when status="error"
46
+ * @attr {boolean} streaming - Append a blinking cursor after the content
47
+ *
48
+ * @fires retry - Fired when the retry action is activated. detail: { originalEvent }
49
+ *
50
+ * @slot - Message content
51
+ * @slot avatar - Avatar element (e.g. `<ore-avatar>`)
52
+ * @slot actions - Action buttons shown beneath the message (copy, regenerate, feedback, …)
53
+ *
54
+ * @cssprop --chat-message-bg - Bubble background color (assistant/system)
55
+ * @cssprop --chat-message-color - Bubble text color (assistant/system)
56
+ * @cssprop --chat-message-user-bg - Bubble background color (user)
57
+ * @cssprop --chat-message-user-color - Bubble text color (user)
58
+ * @cssprop --chat-message-radius - Bubble border radius
59
+ * @cssprop --chat-message-max-width - Maximum bubble width
60
+ *
61
+ * @part row - Root row container (avatar + column)
62
+ * @part avatar - Avatar slot container
63
+ * @part column - Column containing name, bubble, meta, and actions
64
+ * @part name - Sender display name
65
+ * @part bubble - Message bubble container
66
+ * @part content - Content container inside the bubble
67
+ * @part cursor - Blinking streaming cursor
68
+ * @part meta - Row of timestamp, status, and error text below the bubble
69
+ * @part timestamp - Timestamp `<time>` element
70
+ * @part status - Status indicator
71
+ * @part error - Error text
72
+ * @part retry - Retry button (status="error" only)
73
+ * @part actions - Actions slot container
74
+ *
75
+ * @example
76
+ * ```html
77
+ * <ore-chat-message sender="user" timestamp="2024-01-01T12:00:00Z" status="sent">
78
+ * What's the weather like today?
79
+ * </ore-chat-message>
80
+ *
81
+ * <ore-chat-message sender="assistant" name="Assistant" streaming>
82
+ * Let me check that for you
83
+ * </ore-chat-message>
84
+ * ```
85
+ */
86
+ export declare const CHAT_MESSAGE_TAG: "ore-chat-message";
87
+ //# sourceMappingURL=chat-message.d.ts.map
package/dist/content/chat-message/chat-message.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"chat-message.d.ts","sourceRoot":"","sources":["../../../src/content/chat-message/chat-message.ts"],"names":[],"mappings":"AAKA,OAAO,cAAc,CAAC;AAGtB,MAAM,MAAM,iBAAiB,GAAG,WAAW,GAAG,QAAQ,GAAG,MAAM,CAAC;AAChE,MAAM,MAAM,iBAAiB,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;AAQ7D,mDAAmD;AACnD,MAAM,MAAM,oBAAoB,GAAG;IACjC,6EAA6E;IAC7E,KAAK,EAAE;QAAE,aAAa,CAAC,EAAE,KAAK,CAAA;KAAE,CAAC;CAClC,CAAC;AAEF,wCAAwC;AACxC,MAAM,MAAM,mBAAmB,GAAG;IAChC,gFAAgF;IAChF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uFAAuF;IACvF,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,mEAAmE;IACnE,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B,2GAA2G;IAC3G,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B,mFAAmF;IACnF,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,4FAA4F;IAC5F,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2DG;AACH,eAAO,MAAM,gBAAgB,EAAG,kBAA2B,CAAC"}
package/dist/content/code-window/{code-window.css?inline.cjs → code-window.css.cjs} RENAMED
@@ -1,2 +1,2 @@
1
1
  var e=`@layer refine.base{:host{--_bg:var(--code-window-bg,var(--color-canvas));--_header-bg:var(--code-window-header-bg,var(--color-contrast-100));--_border-color:var(--code-window-border-color,var(--color-contrast-300));--_radius:var(--code-window-radius,var(--rounded-lg));--_shadow:var(--code-window-shadow,var(--shadow-sm));--_body-padding:var(--code-window-body-padding,var(--size-5) var(--size-6));display:block}.window{background:var(--_bg);border:var(--border) solid var(--_border-color);border-radius:var(--_radius);box-shadow:var(--_shadow);transition:border-color var(--transition-normal), box-shadow var(--transition-normal);overflow:hidden}.header{gap:var(--size-1-5);padding:var(--size-3) var(--size-5);background:var(--_header-bg);border-bottom:var(--border) solid var(--_border-color);transition:background var(--transition-normal);align-items:center;display:flex;overflow:hidden}.lang{padding:2px var(--size-1-5);font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:var(--font-semibold);color:var(--color-primary);letter-spacing:.03em;background:var(--color-primary-backdrop);border:var(--border) solid #a18fe233;border-radius:var(--rounded-sm);flex-shrink:0}@supports (color:lab(0% 0 0)){.lang{border:var(--border) solid lab(63.6951% 20.4189 -39.9919/.2)}}.filename{text-overflow:ellipsis;min-width:0;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-color-secondary);white-space:nowrap;overflow:hidden}.filename:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:var(--size-2)}.filename:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:var(--size-2)}.dots{gap:var(--size-1-5);flex-shrink:0;align-items:center;display:flex}.dots:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-right:var(--border) solid var(--_border-color);margin-right:var(--size-1-5);padding-right:var(--size-3)}.dots:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-left:var(--border) solid var(--_border-color);margin-left:var(--size-1-5);padding-left:var(--size-3)}.dots span{width:var(--size-3);height:var(--size-3);border-radius:var(--rounded-full);display:block}.dots span:first-child{background:lab(57.6104% 56.6725 33.4484)}.dots span:nth-child(2){background:lab(67.409% 21.2366 110.235)}.dots span:nth-child(3){background:lab(58.0445% -50.6808 43.5643)}.title{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-color-secondary);letter-spacing:.02em}.header-spacer{flex:1}::slotted([slot=header-end]){flex-shrink:0}.body{padding:var(--_body-padding);overflow-x:auto}}`;exports.default=e;
2
- //# sourceMappingURL=code-window.css?inline.cjs.map
2
+ //# sourceMappingURL=code-window.css.cjs.map
package/dist/content/code-window/code-window.css.cjs.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"code-window.css.cjs","names":[],"sources":["../../../src/content/code-window/code-window.css?inline"],"sourcesContent":["@layer refine.base {\n :host {\n --_bg: var(--code-window-bg, var(--color-canvas));\n --_header-bg: var(--code-window-header-bg, var(--color-contrast-100));\n --_border-color: var(--code-window-border-color, var(--color-contrast-300));\n --_radius: var(--code-window-radius, var(--rounded-lg));\n --_shadow: var(--code-window-shadow, var(--shadow-sm));\n --_body-padding: var(--code-window-body-padding, var(--size-5) var(--size-6));\n\n display: block;\n }\n\n .window {\n overflow: hidden;\n background: var(--_bg);\n border: var(--border) solid var(--_border-color);\n border-radius: var(--_radius);\n box-shadow: var(--_shadow);\n transition:\n border-color var(--transition-normal),\n box-shadow var(--transition-normal);\n }\n\n .header {\n display: flex;\n gap: var(--size-1-5);\n align-items: center;\n padding: var(--size-3) var(--size-5);\n overflow: hidden;\n background: var(--_header-bg);\n border-bottom: var(--border) solid var(--_border-color);\n transition: background var(--transition-normal);\n }\n\n /* ── code variant ─────────────────────────────────────────── */\n\n .lang {\n flex-shrink: 0;\n padding: 2px var(--size-1-5);\n font-family: var(--font-mono);\n font-size: var(--text-2xs);\n font-weight: var(--font-semibold);\n color: var(--color-primary);\n letter-spacing: 0.03em;\n background: var(--color-primary-backdrop);\n border: var(--border) solid oklch(70% 0.12 293deg / 20%);\n border-radius: var(--rounded-sm);\n }\n\n .filename {\n min-width: 0;\n margin-inline-start: var(--size-2);\n overflow: hidden;\n text-overflow: ellipsis;\n font-family: var(--font-mono);\n font-size: var(--text-xs);\n color: var(--text-color-secondary);\n white-space: nowrap;\n }\n\n /* ── chat variant ─────────────────────────────────────────── */\n\n .dots {\n display: flex;\n flex-shrink: 0;\n gap: var(--size-1-5);\n align-items: center;\n padding-inline-end: var(--size-3);\n margin-inline-end: var(--size-1-5);\n border-inline-end: var(--border) solid var(--_border-color);\n }\n\n /* Authentic macOS traffic-light palette — muted so they don't fight the content */\n .dots span {\n display: block;\n width: var(--size-3);\n height: var(--size-3);\n border-radius: var(--rounded-full);\n }\n\n .dots span:nth-child(1) {\n background: oklch(65% 0.18 25deg);\n }\n\n .dots span:nth-child(2) {\n background: oklch(72% 0.18 80deg);\n }\n\n .dots span:nth-child(3) {\n background: oklch(62% 0.18 145deg);\n }\n\n .title {\n font-family: var(--font-mono);\n font-size: var(--text-xs);\n color: var(--text-color-secondary);\n letter-spacing: 0.02em;\n }\n\n /* ── header-end spacer ────────────────────────────────────── */\n\n .header-spacer {\n flex: 1;\n }\n\n ::slotted([slot='header-end']) {\n flex-shrink: 0;\n }\n\n /* ── body ─────────────────────────────────────────────────── */\n\n .body {\n padding: var(--_body-padding);\n overflow-x: auto;\n }\n}\n"],"mappings":""}
package/dist/content/code-window/{code-window.css?inline.js → code-window.css.js} RENAMED
@@ -3,4 +3,4 @@ var e = "@layer refine.base{:host{--_bg:var(--code-window-bg,var(--color-canvas)
3
3
  //#endregion
4
4
  export { e as default };
5
5
 
6
- //# sourceMappingURL=code-window.css?inline.js.map
6
+ //# sourceMappingURL=code-window.css.js.map
package/dist/content/code-window/code-window.css.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"code-window.css.js","names":[],"sources":["../../../src/content/code-window/code-window.css?inline"],"sourcesContent":["@layer refine.base {\n :host {\n --_bg: var(--code-window-bg, var(--color-canvas));\n --_header-bg: var(--code-window-header-bg, var(--color-contrast-100));\n --_border-color: var(--code-window-border-color, var(--color-contrast-300));\n --_radius: var(--code-window-radius, var(--rounded-lg));\n --_shadow: var(--code-window-shadow, var(--shadow-sm));\n --_body-padding: var(--code-window-body-padding, var(--size-5) var(--size-6));\n\n display: block;\n }\n\n .window {\n overflow: hidden;\n background: var(--_bg);\n border: var(--border) solid var(--_border-color);\n border-radius: var(--_radius);\n box-shadow: var(--_shadow);\n transition:\n border-color var(--transition-normal),\n box-shadow var(--transition-normal);\n }\n\n .header {\n display: flex;\n gap: var(--size-1-5);\n align-items: center;\n padding: var(--size-3) var(--size-5);\n overflow: hidden;\n background: var(--_header-bg);\n border-bottom: var(--border) solid var(--_border-color);\n transition: background var(--transition-normal);\n }\n\n /* ── code variant ─────────────────────────────────────────── */\n\n .lang {\n flex-shrink: 0;\n padding: 2px var(--size-1-5);\n font-family: var(--font-mono);\n font-size: var(--text-2xs);\n font-weight: var(--font-semibold);\n color: var(--color-primary);\n letter-spacing: 0.03em;\n background: var(--color-primary-backdrop);\n border: var(--border) solid oklch(70% 0.12 293deg / 20%);\n border-radius: var(--rounded-sm);\n }\n\n .filename {\n min-width: 0;\n margin-inline-start: var(--size-2);\n overflow: hidden;\n text-overflow: ellipsis;\n font-family: var(--font-mono);\n font-size: var(--text-xs);\n color: var(--text-color-secondary);\n white-space: nowrap;\n }\n\n /* ── chat variant ─────────────────────────────────────────── */\n\n .dots {\n display: flex;\n flex-shrink: 0;\n gap: var(--size-1-5);\n align-items: center;\n padding-inline-end: var(--size-3);\n margin-inline-end: var(--size-1-5);\n border-inline-end: var(--border) solid var(--_border-color);\n }\n\n /* Authentic macOS traffic-light palette — muted so they don't fight the content */\n .dots span {\n display: block;\n width: var(--size-3);\n height: var(--size-3);\n border-radius: var(--rounded-full);\n }\n\n .dots span:nth-child(1) {\n background: oklch(65% 0.18 25deg);\n }\n\n .dots span:nth-child(2) {\n background: oklch(72% 0.18 80deg);\n }\n\n .dots span:nth-child(3) {\n background: oklch(62% 0.18 145deg);\n }\n\n .title {\n font-family: var(--font-mono);\n font-size: var(--text-xs);\n color: var(--text-color-secondary);\n letter-spacing: 0.02em;\n }\n\n /* ── header-end spacer ────────────────────────────────────── */\n\n .header-spacer {\n flex: 1;\n }\n\n ::slotted([slot='header-end']) {\n flex-shrink: 0;\n }\n\n /* ── body ─────────────────────────────────────────────────── */\n\n .body {\n padding: var(--_body-padding);\n overflow-x: auto;\n }\n}\n"],"mappings":""}
package/dist/content/copy-command/{copy-command.css?inline.cjs → copy-command.css.cjs} RENAMED
@@ -1,2 +1,2 @@
1
1
  var e=`@layer refine.base{:host{--_bg:var(--copy-command-bg,var(--color-contrast-100));--_color:var(--copy-command-color,var(--text-color-body));--_border-color:var(--copy-command-border-color,var(--color-contrast-300));--_radius:var(--copy-command-radius,var(--rounded-md));--_padding:var(--copy-command-padding,var(--size-2) var(--size-3));--_font-size:var(--copy-command-font-size,var(--text-sm));--_icon-color:var(--copy-command-icon-color,var(--text-color-secondary));--_hover-bg:var(--copy-command-hover-bg,var(--color-contrast-200));display:inline-block}:host([hidden]){display:none}:host([rounded=none]){--_radius:var(--rounded-none,0)}:host([rounded=sm]){--_radius:var(--rounded-sm)}:host([rounded=md]){--_radius:var(--rounded-md)}:host([rounded=lg]){--_radius:var(--rounded-lg)}:host([rounded=xl]){--_radius:var(--rounded-xl)}:host([rounded="2xl"]){--_radius:var(--rounded-2xl)}:host([rounded="3xl"]){--_radius:var(--rounded-3xl)}:host([rounded=full]){--_radius:var(--rounded-full)}:host([size=sm]){--_padding:var(--copy-command-padding,var(--size-1) var(--size-2));--_font-size:var(--copy-command-font-size,var(--text-xs))}:host([size=lg]){--_padding:var(--copy-command-padding,var(--size-2-5) var(--size-4));--_font-size:var(--copy-command-font-size,var(--text-base))}:host([variant=bordered]){--_bg:var(--copy-command-bg,transparent);--_border-color:var(--copy-command-border-color,var(--color-contrast-400))}:host([variant=ghost]){--_bg:var(--copy-command-bg,transparent);--_border-color:var(--copy-command-border-color,transparent);--_hover-bg:var(--copy-command-hover-bg,var(--color-contrast-100))}.wrapper{background:var(--_bg);border:var(--border) solid var(--_border-color);border-radius:var(--_radius);transition:border-color var(--transition-normal), background var(--transition-normal);align-items:stretch;display:inline-flex;overflow:hidden}.command{gap:var(--size-2);padding:var(--_padding);font-family:var(--font-mono);font-size:var(--_font-size);color:var(--_color);text-align:start;cursor:pointer;transition:background var(--transition-normal);background:0 0;border:none;flex:1;align-items:center;display:inline-flex}.command:hover{background:var(--_hover-bg)}.command:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px;border-radius:calc(var(--_radius) - 1px)}.command-text{text-overflow:ellipsis;font-family:inherit;font-size:inherit;color:inherit;white-space:nowrap;background:0 0;flex:1;overflow:hidden}.copy-icon{color:var(--_icon-color);transition:color var(--transition-normal);flex-shrink:0;align-items:center;display:inline-flex}.icon-copied{color:var(--color-success,#44a53b)}@supports (color:lab(0% 0 0)){.icon-copied{color:var(--color-success,lab(60.204% -45.248 44.171))}}.icon-failed{color:var(--color-danger,#ed4042)}@supports (color:lab(0% 0 0)){.icon-failed{color:var(--color-danger,lab(54.9593% 66.408 40.8869))}}.suffix{align-items:stretch;display:flex}.suffix:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-left:var(--border) solid var(--_border-color)}.suffix:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-right:var(--border) solid var(--_border-color)}.suffix[hidden]{display:none}::slotted([slot=suffix]){align-items:center;display:flex}}`;exports.default=e;
2
- //# sourceMappingURL=copy-command.css?inline.cjs.map
2
+ //# sourceMappingURL=copy-command.css.cjs.map
package/dist/content/copy-command/copy-command.css.cjs.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"copy-command.css.cjs","names":[],"sources":["../../../src/content/copy-command/copy-command.css?inline"],"sourcesContent":["@layer refine.base {\n :host {\n --_bg: var(--copy-command-bg, var(--color-contrast-100));\n --_color: var(--copy-command-color, var(--text-color-body));\n --_border-color: var(--copy-command-border-color, var(--color-contrast-300));\n --_radius: var(--copy-command-radius, var(--rounded-md));\n --_padding: var(--copy-command-padding, var(--size-2) var(--size-3));\n --_font-size: var(--copy-command-font-size, var(--text-sm));\n --_icon-color: var(--copy-command-icon-color, var(--text-color-secondary));\n --_hover-bg: var(--copy-command-hover-bg, var(--color-contrast-200));\n\n display: inline-block;\n }\n\n :host([hidden]) {\n display: none;\n }\n\n /* ── rounded attribute → CSS variable ───────────────────── */\n\n :host([rounded='none']) {\n --_radius: var(--rounded-none, 0);\n }\n\n :host([rounded='sm']) {\n --_radius: var(--rounded-sm);\n }\n\n :host([rounded='md']) {\n --_radius: var(--rounded-md);\n }\n\n :host([rounded='lg']) {\n --_radius: var(--rounded-lg);\n }\n\n :host([rounded='xl']) {\n --_radius: var(--rounded-xl);\n }\n\n :host([rounded='2xl']) {\n --_radius: var(--rounded-2xl);\n }\n\n :host([rounded='3xl']) {\n --_radius: var(--rounded-3xl);\n }\n\n :host([rounded='full']) {\n --_radius: var(--rounded-full);\n }\n\n /* ── size variants ───────────────────────────────────────── */\n\n :host([size='sm']) {\n --_padding: var(--copy-command-padding, var(--size-1) var(--size-2));\n --_font-size: var(--copy-command-font-size, var(--text-xs));\n }\n\n :host([size='lg']) {\n --_padding: var(--copy-command-padding, var(--size-2-5) var(--size-4));\n --_font-size: var(--copy-command-font-size, var(--text-base));\n }\n\n /* ── visual variants ─────────────────────────────────────── */\n\n :host([variant='bordered']) {\n --_bg: var(--copy-command-bg, transparent);\n --_border-color: var(--copy-command-border-color, var(--color-contrast-400));\n }\n\n :host([variant='ghost']) {\n --_bg: var(--copy-command-bg, transparent);\n --_border-color: var(--copy-command-border-color, transparent);\n --_hover-bg: var(--copy-command-hover-bg, var(--color-contrast-100));\n }\n\n /* ── layout ──────────────────────────────────────────────── */\n\n .wrapper {\n display: inline-flex;\n align-items: stretch;\n overflow: hidden;\n background: var(--_bg);\n border: var(--border) solid var(--_border-color);\n border-radius: var(--_radius);\n transition:\n border-color var(--transition-normal),\n background var(--transition-normal);\n }\n\n /* ── command button ──────────────────────────────────────── */\n\n .command {\n display: inline-flex;\n flex: 1;\n gap: var(--size-2);\n align-items: center;\n padding: var(--_padding);\n font-family: var(--font-mono);\n font-size: var(--_font-size);\n color: var(--_color);\n text-align: start;\n cursor: pointer;\n background: transparent;\n border: none;\n transition: background var(--transition-normal);\n }\n\n .command:hover {\n background: var(--_hover-bg);\n }\n\n .command:focus-visible {\n outline: 2px solid var(--color-primary);\n outline-offset: -2px;\n border-radius: calc(var(--_radius) - 1px);\n }\n\n /* ── command text ────────────────────────────────────────── */\n\n .command-text {\n flex: 1;\n overflow: hidden;\n text-overflow: ellipsis;\n font-family: inherit;\n font-size: inherit;\n color: inherit;\n white-space: nowrap;\n background: transparent;\n }\n\n /* ── copy icon ───────────────────────────────────────────── */\n\n .copy-icon {\n display: inline-flex;\n flex-shrink: 0;\n align-items: center;\n color: var(--_icon-color);\n transition: color var(--transition-normal);\n }\n\n .icon-copied {\n color: var(--color-success, oklch(64% 0.17 142deg));\n }\n\n .icon-failed {\n color: var(--color-danger, oklch(63% 0.21 25deg));\n }\n\n /* ── suffix slot ─────────────────────────────────────────── */\n\n .suffix {\n display: flex;\n align-items: stretch;\n border-inline-start: var(--border) solid var(--_border-color);\n }\n\n .suffix[hidden] {\n display: none;\n }\n\n ::slotted([slot='suffix']) {\n display: flex;\n align-items: center;\n }\n\n /* .sr-only is provided by the shared srOnlyMixin (see styles: [...] in copy-command.ts) */\n}\n"],"mappings":""}
package/dist/content/copy-command/{copy-command.css?inline.js → copy-command.css.js} RENAMED
@@ -3,4 +3,4 @@ var e = "@layer refine.base{:host{--_bg:var(--copy-command-bg,var(--color-contra
3
3
  //#endregion
4
4
  export { e as default };
5
5
 
6
- //# sourceMappingURL=copy-command.css?inline.js.map
6
+ //# sourceMappingURL=copy-command.css.js.map
package/dist/content/copy-command/copy-command.css.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"copy-command.css.js","names":[],"sources":["../../../src/content/copy-command/copy-command.css?inline"],"sourcesContent":["@layer refine.base {\n :host {\n --_bg: var(--copy-command-bg, var(--color-contrast-100));\n --_color: var(--copy-command-color, var(--text-color-body));\n --_border-color: var(--copy-command-border-color, var(--color-contrast-300));\n --_radius: var(--copy-command-radius, var(--rounded-md));\n --_padding: var(--copy-command-padding, var(--size-2) var(--size-3));\n --_font-size: var(--copy-command-font-size, var(--text-sm));\n --_icon-color: var(--copy-command-icon-color, var(--text-color-secondary));\n --_hover-bg: var(--copy-command-hover-bg, var(--color-contrast-200));\n\n display: inline-block;\n }\n\n :host([hidden]) {\n display: none;\n }\n\n /* ── rounded attribute → CSS variable ───────────────────── */\n\n :host([rounded='none']) {\n --_radius: var(--rounded-none, 0);\n }\n\n :host([rounded='sm']) {\n --_radius: var(--rounded-sm);\n }\n\n :host([rounded='md']) {\n --_radius: var(--rounded-md);\n }\n\n :host([rounded='lg']) {\n --_radius: var(--rounded-lg);\n }\n\n :host([rounded='xl']) {\n --_radius: var(--rounded-xl);\n }\n\n :host([rounded='2xl']) {\n --_radius: var(--rounded-2xl);\n }\n\n :host([rounded='3xl']) {\n --_radius: var(--rounded-3xl);\n }\n\n :host([rounded='full']) {\n --_radius: var(--rounded-full);\n }\n\n /* ── size variants ───────────────────────────────────────── */\n\n :host([size='sm']) {\n --_padding: var(--copy-command-padding, var(--size-1) var(--size-2));\n --_font-size: var(--copy-command-font-size, var(--text-xs));\n }\n\n :host([size='lg']) {\n --_padding: var(--copy-command-padding, var(--size-2-5) var(--size-4));\n --_font-size: var(--copy-command-font-size, var(--text-base));\n }\n\n /* ── visual variants ─────────────────────────────────────── */\n\n :host([variant='bordered']) {\n --_bg: var(--copy-command-bg, transparent);\n --_border-color: var(--copy-command-border-color, var(--color-contrast-400));\n }\n\n :host([variant='ghost']) {\n --_bg: var(--copy-command-bg, transparent);\n --_border-color: var(--copy-command-border-color, transparent);\n --_hover-bg: var(--copy-command-hover-bg, var(--color-contrast-100));\n }\n\n /* ── layout ──────────────────────────────────────────────── */\n\n .wrapper {\n display: inline-flex;\n align-items: stretch;\n overflow: hidden;\n background: var(--_bg);\n border: var(--border) solid var(--_border-color);\n border-radius: var(--_radius);\n transition:\n border-color var(--transition-normal),\n background var(--transition-normal);\n }\n\n /* ── command button ──────────────────────────────────────── */\n\n .command {\n display: inline-flex;\n flex: 1;\n gap: var(--size-2);\n align-items: center;\n padding: var(--_padding);\n font-family: var(--font-mono);\n font-size: var(--_font-size);\n color: var(--_color);\n text-align: start;\n cursor: pointer;\n background: transparent;\n border: none;\n transition: background var(--transition-normal);\n }\n\n .command:hover {\n background: var(--_hover-bg);\n }\n\n .command:focus-visible {\n outline: 2px solid var(--color-primary);\n outline-offset: -2px;\n border-radius: calc(var(--_radius) - 1px);\n }\n\n /* ── command text ────────────────────────────────────────── */\n\n .command-text {\n flex: 1;\n overflow: hidden;\n text-overflow: ellipsis;\n font-family: inherit;\n font-size: inherit;\n color: inherit;\n white-space: nowrap;\n background: transparent;\n }\n\n /* ── copy icon ───────────────────────────────────────────── */\n\n .copy-icon {\n display: inline-flex;\n flex-shrink: 0;\n align-items: center;\n color: var(--_icon-color);\n transition: color var(--transition-normal);\n }\n\n .icon-copied {\n color: var(--color-success, oklch(64% 0.17 142deg));\n }\n\n .icon-failed {\n color: var(--color-danger, oklch(63% 0.21 25deg));\n }\n\n /* ── suffix slot ─────────────────────────────────────────── */\n\n .suffix {\n display: flex;\n align-items: stretch;\n border-inline-start: var(--border) solid var(--_border-color);\n }\n\n .suffix[hidden] {\n display: none;\n }\n\n ::slotted([slot='suffix']) {\n display: flex;\n align-items: center;\n }\n\n /* .sr-only is provided by the shared srOnlyMixin (see styles: [...] in copy-command.ts) */\n}\n"],"mappings":""}
package/dist/content/icon/{icon.css?inline.cjs → icon.css.cjs} RENAMED
@@ -1,2 +1,2 @@
1
1
  var e=`@layer refine.base{:host{vertical-align:middle;color:inherit;line-height:0;display:inline-flex}:host([hidden]){display:none}svg{width:100%;height:100%;display:block}}:host{width:var(--ore-icon-size,var(--_size-px));height:var(--ore-icon-size,var(--_size-px))}`;exports.default=e;
2
- //# sourceMappingURL=icon.css?inline.cjs.map
2
+ //# sourceMappingURL=icon.css.cjs.map
package/dist/content/icon/icon.css.cjs.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"icon.css.cjs","names":[],"sources":["../../../src/content/icon/icon.css?inline"],"sourcesContent":["@layer refine.base {\n :host {\n display: inline-flex;\n line-height: 0;\n vertical-align: middle;\n color: inherit;\n }\n\n :host([hidden]) {\n display: none;\n }\n\n svg {\n display: block;\n width: 100%;\n height: 100%;\n }\n}\n\n/* Unlayered: always wins over any @layer rule, including refine.overrides */\n:host {\n width: var(--ore-icon-size, var(--_size-px));\n height: var(--ore-icon-size, var(--_size-px));\n}\n"],"mappings":""}
package/dist/content/icon/{icon.css?inline.js → icon.css.js} RENAMED
@@ -3,4 +3,4 @@ var e = "@layer refine.base{:host{vertical-align:middle;color:inherit;line-heigh
3
3
  //#endregion
4
4
  export { e as default };
5
5
 
6
- //# sourceMappingURL=icon.css?inline.js.map
6
+ //# sourceMappingURL=icon.css.js.map
package/dist/content/icon/icon.css.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"icon.css.js","names":[],"sources":["../../../src/content/icon/icon.css?inline"],"sourcesContent":["@layer refine.base {\n :host {\n display: inline-flex;\n line-height: 0;\n vertical-align: middle;\n color: inherit;\n }\n\n :host([hidden]) {\n display: none;\n }\n\n svg {\n display: block;\n width: 100%;\n height: 100%;\n }\n}\n\n/* Unlayered: always wins over any @layer rule, including refine.overrides */\n:host {\n width: var(--ore-icon-size, var(--_size-px));\n height: var(--ore-icon-size, var(--_size-px));\n}\n"],"mappings":""}
package/dist/content/index.d.ts CHANGED
@@ -10,6 +10,8 @@ export { BREADCRUMB_ITEM_TAG, BREADCRUMB_TAG } from './breadcrumb/breadcrumb';
10
10
  export type { OreBreadcrumbItemProps, OreBreadcrumbProps } from './breadcrumb/breadcrumb';
11
11
  export { CARD_TAG } from './card/card';
12
12
  export type { OreCardEvents, OreCardProps } from './card/card';
13
+ export { CHAT_MESSAGE_TAG } from './chat-message/chat-message';
14
+ export type { ChatMessageSender, ChatMessageStatus, OreChatMessageEvents, OreChatMessageProps, } from './chat-message/chat-message';
13
15
  export { ICON_TAG, registerIcons } from './icon/icon';
14
16
  export type { OreIconProps, IconNode } from './icon/icon';
15
17
  export { PAGINATION_TAG } from './pagination/pagination';