@fusion.dev/helix 0.182.1 → 0.182.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (350) hide show
  1. package/custom-elements.json +7890 -5778
  2. package/dist/accordion/item/accordion-item.css.js +1 -4
  3. package/dist/accordion/item/accordion-item.js +1 -6
  4. package/dist/accordion/root/accordion-root.css.js +1 -2
  5. package/dist/accordion/root/accordion-root.js +1 -6
  6. package/dist/announcement/root/announcement-root.css.js +1 -25
  7. package/dist/announcement/root/announcement-root.js +1 -6
  8. package/dist/app-header/root/app-header-root.css.js +1 -9
  9. package/dist/app-header/root/app-header-root.js +1 -6
  10. package/dist/area-chart/root/area-chart-root.css.js +1 -8
  11. package/dist/area-chart/root/area-chart-root.js +1 -6
  12. package/dist/aura/root/aura-root.css.js +1 -10
  13. package/dist/aura/root/aura-root.js +1 -6
  14. package/dist/avatar/group/avatar-group.css.js +1 -15
  15. package/dist/avatar/group/avatar-group.js +1 -6
  16. package/dist/avatar/root/avatar-root.css.js +1 -1
  17. package/dist/avatar/root/avatar-root.js +1 -6
  18. package/dist/badge/root/badge-root.css.js +1 -21
  19. package/dist/badge/root/badge-root.js +1 -6
  20. package/dist/bar-chart/root/bar-chart-root.css.js +1 -19
  21. package/dist/bar-chart/root/bar-chart-root.js +1 -6
  22. package/dist/blockquote/root/blockquote-root.css.js +1 -2
  23. package/dist/blockquote/root/blockquote-root.js +1 -6
  24. package/dist/breadcrumbs/breadcrumb/breadcrumb.css.js +1 -25
  25. package/dist/breadcrumbs/breadcrumb/breadcrumb.js +1 -6
  26. package/dist/breadcrumbs/root/breadcrumbs-root.css.js +1 -7
  27. package/dist/breadcrumbs/root/breadcrumbs-root.js +1 -6
  28. package/dist/button/root/button-root.css.js +1 -46
  29. package/dist/button/root/button-root.js +1 -6
  30. package/dist/button-group/root/button-group-root.css.js +1 -11
  31. package/dist/button-group/root/button-group-root.js +1 -6
  32. package/dist/callout/root/callout-root.css.js +1 -10
  33. package/dist/callout/root/callout-root.js +1 -6
  34. package/dist/canvas/edge/canvas-edge.js +1 -6
  35. package/dist/canvas/node/canvas-node.css.js +1 -12
  36. package/dist/canvas/node/canvas-node.js +1 -6
  37. package/dist/canvas/root/canvas-root.css.js +1 -15
  38. package/dist/canvas/root/canvas-root.js +1 -6
  39. package/dist/card/root/card-root.css.js +1 -8
  40. package/dist/card/root/card-root.js +1 -6
  41. package/dist/carousel/root/carousel-root.css.js +1 -42
  42. package/dist/carousel/root/carousel-root.js +1 -6
  43. package/dist/chat/composer/chat-composer.css.js +1 -5
  44. package/dist/chat/composer/chat-composer.js +1 -6
  45. package/dist/chat/message/chat-message.css.js +1 -11
  46. package/dist/chat/message/chat-message.js +1 -6
  47. package/dist/chat/root/chat-root.css.js +1 -13
  48. package/dist/chat/root/chat-root.js +1 -6
  49. package/dist/chat/typing.css.js +1 -24
  50. package/dist/checkbox/root/checkbox-root.css.js +1 -16
  51. package/dist/checkbox/root/checkbox-root.js +1 -6
  52. package/dist/checkbox-group/root/checkbox-group-root.css.js +1 -1
  53. package/dist/checkbox-group/root/checkbox-group-root.js +1 -6
  54. package/dist/code/root/code-root.css.js +1 -7
  55. package/dist/code/root/code-root.js +1 -6
  56. package/dist/code-block/root/code-block-root.css.js +1 -62
  57. package/dist/code-block/root/code-block-root.js +1 -6
  58. package/dist/color-input/root/color-input-root.css.js +1 -13
  59. package/dist/color-input/root/color-input-root.js +1 -6
  60. package/dist/color-picker/root/color-picker-root.css.js +1 -75
  61. package/dist/color-picker/root/color-picker-root.js +1 -6
  62. package/dist/combobox/root/combobox-root.css.js +1 -11
  63. package/dist/combobox/root/combobox-root.js +1 -6
  64. package/dist/command/root/command-root.css.js +1 -3
  65. package/dist/command/root/command-root.js +1 -6
  66. package/dist/copy-button/root/copy-button-root.css.js +1 -5
  67. package/dist/copy-button/root/copy-button-root.js +1 -6
  68. package/dist/data-table/root/data-table-root.css.js +1 -52
  69. package/dist/data-table/root/data-table-root.js +1 -6
  70. package/dist/date-input/root/date-input-root.css.js +1 -19
  71. package/dist/date-input/root/date-input-root.js +1 -6
  72. package/dist/date-picker/root/date-picker-root.css.js +1 -37
  73. package/dist/date-picker/root/date-picker-root.js +1 -6
  74. package/dist/description-list/item/description-list-item.css.js +1 -1
  75. package/dist/description-list/item/description-list-item.js +1 -6
  76. package/dist/description-list/root/description-list-root.css.js +1 -2
  77. package/dist/description-list/root/description-list-root.js +1 -6
  78. package/dist/dialog/root/dialog-root.css.js +1 -15
  79. package/dist/dialog/root/dialog-root.js +1 -6
  80. package/dist/divider/root/divider-root.css.js +1 -9
  81. package/dist/divider/root/divider-root.js +1 -6
  82. package/dist/donut-chart/root/donut-chart-root.css.js +1 -20
  83. package/dist/donut-chart/root/donut-chart-root.js +1 -6
  84. package/dist/drawer/root/drawer-root.css.js +1 -22
  85. package/dist/drawer/root/drawer-root.js +1 -6
  86. package/dist/drilldown/item/drilldown-item.css.js +1 -6
  87. package/dist/drilldown/item/drilldown-item.js +1 -6
  88. package/dist/drilldown/root/drilldown-root.css.js +1 -8
  89. package/dist/drilldown/root/drilldown-root.js +1 -6
  90. package/dist/empty/root/empty-root.css.js +1 -2
  91. package/dist/empty/root/empty-root.js +1 -6
  92. package/dist/file-input/root/file-input-root.css.js +1 -9
  93. package/dist/file-input/root/file-input-root.js +1 -6
  94. package/dist/filter-input/chip/filter-chip.css.js +1 -2
  95. package/dist/filter-input/chip/filter-chip.js +1 -6
  96. package/dist/filter-input/field/filter-field.css.js +1 -1
  97. package/dist/filter-input/field/filter-field.js +1 -6
  98. package/dist/filter-input/menu/filter-menu.css.js +1 -1
  99. package/dist/filter-input/menu/filter-menu.js +1 -6
  100. package/dist/filter-input/operator/filter-operator.css.js +1 -1
  101. package/dist/filter-input/operator/filter-operator.js +1 -6
  102. package/dist/filter-input/root/filter-input-root.css.js +1 -8
  103. package/dist/filter-input/root/filter-input-root.js +1 -6
  104. package/dist/flex/root/flex-root.css.js +1 -6
  105. package/dist/flex/root/flex-root.js +1 -6
  106. package/dist/format-date/root/format-date-root.css.js +1 -1
  107. package/dist/format-date/root/format-date-root.js +1 -6
  108. package/dist/graph/root/graph-root.css.js +1 -23
  109. package/dist/graph/root/graph-root.js +1 -6
  110. package/dist/grid/root/grid-root.css.js +1 -1
  111. package/dist/grid/root/grid-root.js +1 -6
  112. package/dist/heatmap/root/heatmap-root.css.js +1 -22
  113. package/dist/heatmap/root/heatmap-root.js +1 -6
  114. package/dist/icon/root/icon-root.css.js +1 -8
  115. package/dist/icon/root/icon-root.js +1 -6
  116. package/dist/icon-button/root/icon-button-root.css.js +1 -97
  117. package/dist/icon-button/root/icon-button-root.js +1 -6
  118. package/dist/image/root/image-root.css.js +1 -7
  119. package/dist/image/root/image-root.js +1 -6
  120. package/dist/input/root/input-root.css.js +1 -7
  121. package/dist/input/root/input-root.js +1 -6
  122. package/dist/kbd/root/kbd-root.css.js +1 -3
  123. package/dist/kbd/root/kbd-root.js +1 -6
  124. package/dist/legend/root/legend-root.css.js +1 -15
  125. package/dist/legend/root/legend-root.js +1 -6
  126. package/dist/lightbox/item/lightbox-item.css.js +1 -1
  127. package/dist/lightbox/item/lightbox-item.js +1 -6
  128. package/dist/lightbox/root/lightbox-root.css.js +1 -50
  129. package/dist/lightbox/root/lightbox-root.js +1 -6
  130. package/dist/line-chart/root/line-chart-root.css.js +1 -7
  131. package/dist/line-chart/root/line-chart-root.js +1 -6
  132. package/dist/list/item/list-item.css.js +1 -4
  133. package/dist/list/item/list-item.js +1 -6
  134. package/dist/list/root/list-root.css.js +1 -5
  135. package/dist/list/root/list-root.js +1 -6
  136. package/dist/listbox/reorder/listbox-drag-preview.css.js +1 -2
  137. package/dist/listbox/reorder/listbox-reorder.css.js +1 -3
  138. package/dist/listbox/root/listbox-root.css.js +1 -7
  139. package/dist/listbox/root/listbox-root.js +1 -6
  140. package/dist/loader/root/loader-root.css.js +1 -5
  141. package/dist/loader/root/loader-root.js +1 -6
  142. package/dist/map/area/map-area.css.js +1 -1
  143. package/dist/map/area/map-area.js +1 -6
  144. package/dist/map/buildings/map-buildings.css.js +1 -1
  145. package/dist/map/buildings/map-buildings.js +1 -6
  146. package/dist/map/contours/map-contours.css.js +1 -4
  147. package/dist/map/contours/map-contours.js +1 -6
  148. package/dist/map/landcover/map-landcover.css.js +1 -1
  149. package/dist/map/landcover/map-landcover.js +1 -6
  150. package/dist/map/marker/map-marker.css.js +1 -31
  151. package/dist/map/marker/map-marker.js +1 -6
  152. package/dist/map/points/map-points.css.js +1 -1
  153. package/dist/map/points/map-points.js +1 -6
  154. package/dist/map/position/map-position.css.js +1 -21
  155. package/dist/map/position/map-position.js +1 -6
  156. package/dist/map/raster/map-raster.css.js +1 -1
  157. package/dist/map/raster/map-raster.js +1 -6
  158. package/dist/map/root/map-root.css.js +1 -23
  159. package/dist/map/root/map-root.js +1 -6
  160. package/dist/map/route/map-route.css.js +1 -1
  161. package/dist/map/route/map-route.js +1 -6
  162. package/dist/map/terrain/map-terrain.css.js +1 -7
  163. package/dist/map/terrain/map-terrain.js +1 -6
  164. package/dist/megamenu/root/megamenu-root.css.js +1 -21
  165. package/dist/megamenu/root/megamenu-root.js +1 -6
  166. package/dist/menu/item/menu-item.css.js +1 -17
  167. package/dist/menu/item/menu-item.js +1 -6
  168. package/dist/menu/root/menu-root.css.js +1 -1
  169. package/dist/menu/root/menu-root.js +1 -6
  170. package/dist/menu/section/menu-section.css.js +1 -1
  171. package/dist/menu/section/menu-section.js +1 -6
  172. package/dist/meter/root/meter-root.css.js +1 -30
  173. package/dist/meter/root/meter-root.js +1 -6
  174. package/dist/navigation/root/navigation-root.css.js +1 -10
  175. package/dist/navigation/root/navigation-root.js +1 -6
  176. package/dist/notifications/group/notification-group.css.js +1 -1
  177. package/dist/notifications/group/notification-group.js +1 -6
  178. package/dist/notifications/notification/notification.css.js +1 -30
  179. package/dist/notifications/notification/notification.js +1 -6
  180. package/dist/notifications/root/notifications-root.css.js +1 -9
  181. package/dist/notifications/root/notifications-root.js +1 -6
  182. package/dist/number-input/root/number-input-root.css.js +1 -13
  183. package/dist/number-input/root/number-input-root.js +1 -6
  184. package/dist/object-inspector/root/object-inspector-root.css.js +1 -23
  185. package/dist/object-inspector/root/object-inspector-root.js +1 -6
  186. package/dist/option/group/option-group.css.js +1 -1
  187. package/dist/option/group/option-group.js +1 -6
  188. package/dist/option/root/option-root.css.js +1 -9
  189. package/dist/option/root/option-root.js +1 -6
  190. package/dist/option/separator/option-separator.css.js +1 -2
  191. package/dist/option/separator/option-separator.js +1 -6
  192. package/dist/orb/root/orb-root.css.js +1 -1
  193. package/dist/orb/root/orb-root.js +1 -6
  194. package/dist/outline/root/outline-root.css.js +1 -41
  195. package/dist/outline/root/outline-root.js +1 -6
  196. package/dist/pagination/root/pagination-root.css.js +1 -36
  197. package/dist/pagination/root/pagination-root.js +1 -6
  198. package/dist/pagination/size/pagination-size.css.js +1 -1
  199. package/dist/pagination/size/pagination-size.js +1 -6
  200. package/dist/pagination/summary/pagination-summary.css.js +1 -1
  201. package/dist/pagination/summary/pagination-summary.js +1 -6
  202. package/dist/pin-input/root/pin-input-root.css.js +1 -2
  203. package/dist/pin-input/root/pin-input-root.js +1 -6
  204. package/dist/popover/root/popover-root.css.js +1 -10
  205. package/dist/popover/root/popover-root.js +1 -6
  206. package/dist/progress/root/progress-root.css.js +1 -25
  207. package/dist/progress/root/progress-root.js +1 -6
  208. package/dist/qr-code/root/qr-code-root.css.js +1 -1
  209. package/dist/qr-code/root/qr-code-root.js +1 -6
  210. package/dist/quote/root/quote-root.css.js +1 -1
  211. package/dist/quote/root/quote-root.js +1 -6
  212. package/dist/radio/group/radio-group.css.js +1 -1
  213. package/dist/radio/group/radio-group.js +1 -6
  214. package/dist/radio/root/radio-root.css.js +1 -9
  215. package/dist/radio/root/radio-root.js +1 -6
  216. package/dist/rating/root/rating-root.css.js +1 -13
  217. package/dist/rating/root/rating-root.js +1 -6
  218. package/dist/sandbox/preview/sandbox-preview.css.js +1 -4
  219. package/dist/sandbox/preview/sandbox-preview.js +1 -6
  220. package/dist/sandbox/root/sandbox-root.css.js +1 -3
  221. package/dist/sandbox/root/sandbox-root.js +1 -6
  222. package/dist/sandbox/source/sandbox-source.css.js +1 -4
  223. package/dist/sandbox/source/sandbox-source.js +1 -6
  224. package/dist/sandbox/status-bar/sandbox-status-bar.css.js +1 -1
  225. package/dist/sandbox/status-bar/sandbox-status-bar.js +1 -6
  226. package/dist/sandbox/terminal/sandbox-terminal.css.js +1 -5
  227. package/dist/sandbox/terminal/sandbox-terminal.js +1 -6
  228. package/dist/sandbox/toolbar/sandbox-toolbar.css.js +1 -1
  229. package/dist/sandbox/toolbar/sandbox-toolbar.js +1 -6
  230. package/dist/scatter-chart/root/scatter-chart-root.css.js +1 -16
  231. package/dist/scatter-chart/root/scatter-chart-root.js +1 -6
  232. package/dist/scroll-area/root/scroll-area-root.css.js +1 -37
  233. package/dist/scroll-area/root/scroll-area-root.js +1 -6
  234. package/dist/select/root/select-root.css.js +1 -8
  235. package/dist/select/root/select-root.js +1 -6
  236. package/dist/shared/chart/series.css.js +1 -1
  237. package/dist/shared/chart/status.css.js +1 -2
  238. package/dist/shared/chart/terminus.css.js +1 -1
  239. package/dist/shared/chart/tooltip.css.js +1 -1
  240. package/dist/shared/collection/state.css.js +1 -2
  241. package/dist/shared/field/field-frame.css.js +1 -5
  242. package/dist/shared/field/field-inline.css.js +1 -2
  243. package/dist/shared/field/field-segments.css.js +1 -1
  244. package/dist/shared/field/field-stacked.css.js +1 -1
  245. package/dist/shared/field/field.css.js +1 -3
  246. package/dist/shared/floating/entrance.css.js +1 -7
  247. package/dist/shared/floating/panel.css.js +1 -2
  248. package/dist/shared/glyph/glyph.css.js +1 -1
  249. package/dist/shared/live/live.css.js +1 -1
  250. package/dist/shared/mixin-control-surface/mixin-control-surface.js +1 -6
  251. package/dist/shared/tags/tags.css.js +1 -1
  252. package/dist/shared/viewport/viewport.css.js +1 -20
  253. package/dist/skeleton/root/skeleton-root.css.js +1 -23
  254. package/dist/skeleton/root/skeleton-root.js +1 -6
  255. package/dist/skip-link/root/skip-link-root.css.js +1 -2
  256. package/dist/skip-link/root/skip-link-root.js +1 -6
  257. package/dist/slider/root/slider-root.css.js +1 -83
  258. package/dist/slider/root/slider-root.js +1 -6
  259. package/dist/sparkline/root/sparkline-root.css.js +1 -16
  260. package/dist/sparkline/root/sparkline-root.js +1 -6
  261. package/dist/speed-dial/group/speed-dial-group.css.js +1 -1
  262. package/dist/speed-dial/group/speed-dial-group.js +1 -6
  263. package/dist/speed-dial/item/speed-dial-item.css.js +1 -7
  264. package/dist/speed-dial/item/speed-dial-item.js +1 -6
  265. package/dist/speed-dial/root/speed-dial-root.css.js +1 -5
  266. package/dist/speed-dial/root/speed-dial-root.js +1 -6
  267. package/dist/splitter/root/splitter-root.css.js +1 -29
  268. package/dist/splitter/root/splitter-root.js +1 -6
  269. package/dist/stat/group/stat-group.css.js +1 -1
  270. package/dist/stat/group/stat-group.js +1 -6
  271. package/dist/stat/root/stat-root.css.js +1 -3
  272. package/dist/stat/root/stat-root.js +1 -6
  273. package/dist/steps/root/steps-root.css.js +1 -33
  274. package/dist/steps/root/steps-root.js +1 -6
  275. package/dist/steps/step/step.css.js +1 -7
  276. package/dist/steps/step/step.js +1 -6
  277. package/dist/strands/root/strands-root.css.js +1 -7
  278. package/dist/strands/root/strands-root.js +1 -6
  279. package/dist/strands/stop/strands-stop.css.js +1 -1
  280. package/dist/strands/stop/strands-stop.js +1 -6
  281. package/dist/switch/root/switch-root.css.js +1 -3
  282. package/dist/switch/root/switch-root.js +1 -6
  283. package/dist/table/cell/table-cell.css.js +1 -1
  284. package/dist/table/cell/table-cell.js +1 -6
  285. package/dist/table/column/table-column.css.js +1 -10
  286. package/dist/table/column/table-column.js +1 -6
  287. package/dist/table/root/table-root.css.js +1 -10
  288. package/dist/table/root/table-root.js +1 -6
  289. package/dist/table/row/table-row.css.js +1 -24
  290. package/dist/table/row/table-row.js +1 -6
  291. package/dist/tabs/panel/tab-panel.css.js +1 -4
  292. package/dist/tabs/panel/tab-panel.js +1 -6
  293. package/dist/tabs/root/tabs-root.css.js +1 -22
  294. package/dist/tabs/root/tabs-root.js +1 -6
  295. package/dist/tabs/tab/tab.css.js +1 -12
  296. package/dist/tabs/tab/tab.js +1 -6
  297. package/dist/tag/group/tag-group.css.js +1 -1
  298. package/dist/tag/group/tag-group.js +1 -6
  299. package/dist/tag/root/tag-root.css.js +1 -1
  300. package/dist/tag/root/tag-root.js +1 -6
  301. package/dist/text/root/text-root.css.js +1 -30
  302. package/dist/text/root/text-root.js +1 -6
  303. package/dist/textarea/root/textarea-root.css.js +1 -4
  304. package/dist/textarea/root/textarea-root.js +1 -6
  305. package/dist/time-input/root/time-input-root.css.js +1 -18
  306. package/dist/time-input/root/time-input-root.js +1 -6
  307. package/dist/time-picker/root/time-picker-root.css.js +1 -22
  308. package/dist/time-picker/root/time-picker-root.js +1 -6
  309. package/dist/timeline/group/timeline-group.css.js +1 -1
  310. package/dist/timeline/group/timeline-group.js +1 -6
  311. package/dist/timeline/item/timeline-item.css.js +1 -11
  312. package/dist/timeline/item/timeline-item.js +1 -6
  313. package/dist/timeline/root/timeline-root.css.js +1 -1
  314. package/dist/timeline/root/timeline-root.js +1 -6
  315. package/dist/toast/item/toast-item.css.js +1 -25
  316. package/dist/toast/item/toast-item.js +1 -6
  317. package/dist/toast/root/toast-root.css.js +1 -1
  318. package/dist/toast/root/toast-root.js +1 -6
  319. package/dist/toggle/group/toggle-group.css.js +1 -13
  320. package/dist/toggle/group/toggle-group.js +1 -6
  321. package/dist/toggle/root/toggle-root.css.js +1 -1
  322. package/dist/toggle/root/toggle-root.js +1 -6
  323. package/dist/toolbar/root/toolbar-root.css.js +1 -1
  324. package/dist/toolbar/root/toolbar-root.js +1 -6
  325. package/dist/tooltip/root/tooltip-root.css.js +1 -8
  326. package/dist/tooltip/root/tooltip-root.js +1 -6
  327. package/dist/tour/root/tour-root.css.js +1 -5
  328. package/dist/tour/root/tour-root.js +1 -6
  329. package/dist/tour/stop/tour-stop.css.js +1 -2
  330. package/dist/tour/stop/tour-stop.js +1 -6
  331. package/dist/tree/item/tree-item.css.js +1 -26
  332. package/dist/tree/item/tree-item.js +1 -6
  333. package/dist/tree/root/tree-root.css.js +1 -2
  334. package/dist/tree/root/tree-root.js +1 -6
  335. package/dist/trend/root/trend-root.css.js +1 -5
  336. package/dist/trend/root/trend-root.js +1 -6
  337. package/dist/video/root/video-root.css.js +1 -28
  338. package/dist/video/root/video-root.js +1 -6
  339. package/dist/video-playlist/item/video-playlist-item.css.js +1 -15
  340. package/dist/video-playlist/item/video-playlist-item.js +1 -6
  341. package/dist/video-playlist/menu/video-playlist-menu.css.js +1 -1
  342. package/dist/video-playlist/menu/video-playlist-menu.js +1 -6
  343. package/dist/video-playlist/root/video-playlist-root.css.js +1 -1
  344. package/dist/video-playlist/root/video-playlist-root.js +1 -6
  345. package/dist/virtual-list/reorder/virtual-list-reorder.css.js +1 -11
  346. package/dist/virtual-list/root/virtual-list-root.css.js +1 -10
  347. package/dist/virtual-list/root/virtual-list-root.js +1 -6
  348. package/lint.json +1 -1
  349. package/package.json +7 -6
  350. package/types/jsx.d.ts +210 -202
@@ -1,5 +1,2 @@
1
1
  import { createSheet } from '@fusion.dev/helix-core';
2
- export const styles = createSheet(`:host {display: block;}[part="trigger"] {all: unset;box-sizing: border-box;align-items: center;color: var(--accordion-item-color, var(--helix-color-foreground));cursor: pointer;display: flex;font-size: var(--accordion-item-font-size, var(--helix-text-md));font-weight: var(--accordion-item-font-weight, var(--helix-weight-medium));inline-size: 100%;gap: var(--helix-space-xs);min-block-size: var(--helix-size-control);padding: var(--accordion-item-padding, var(--helix-space-sm) var(--helix-space-md));transition: background-color var(--helix-duration-fast) var(--helix-easing-standard);}[part="chevron"] {block-size: 1em;color: var(--accordion-item-chevron-color, var(--helix-color-foreground-subtle));flex: 0 0 auto;inline-size: 1em;transform: scaleY(1);transition: transform var(--helix-duration-fast) var(--helix-easing-standard);}::slotted([slot="chevron"]) {block-size: 1em;color: var(--accordion-item-chevron-color, var(--helix-color-foreground-subtle));flex: 0 0 auto;inline-size: 1em;transition: transform var(--helix-duration-fast) var(--helix-easing-standard);}:host(:not([chevron-placement="start"])) [part="chevron"],
3
- :host(:not([chevron-placement="start"])) ::slotted([slot="chevron"]) {margin-inline-start: auto;}:host(:state(open)) [part="chevron"],
4
- :host(:state(open)) ::slotted([slot="chevron"]) {transform: scaleY(-1);}[part="trigger"]:hover:not(:disabled) {background-color: var(--accordion-item-hover-background-color, transparent);}[part="trigger"]:hover:not(:disabled) [part="chevron"],
5
- [part="trigger"]:hover:not(:disabled) ::slotted([slot="chevron"]) {color: var(--accordion-item-chevron-hover-color, var(--helix-color-foreground));}[part="trigger"]:disabled {cursor: not-allowed;opacity: var(--accordion-item-disabled-opacity, 0.5);}[part="trigger"]:focus-visible {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: calc(var(--helix-size-focus-offset) * -1);}[part="content"] {display: grid;grid-template-rows: 0fr;transition: grid-template-rows var(--helix-duration-normal) var(--helix-easing-standard);}:host(:state(open)) [part="content"] {grid-template-rows: 1fr;}[part="content-inner"] {min-block-size: 0;overflow: hidden;}[part="content-inner"] > slot {color: var(--accordion-item-content-color, var(--helix-color-foreground-muted));display: block;line-height: var(--helix-leading-normal);padding: var(--accordion-item-padding, var(--helix-space-sm) var(--helix-space-md));padding-block-start: 0;}:host([chevron-placement="start"]) [part="content-inner"] > slot {margin-inline-start: calc(var(--helix-text-md) + var(--helix-space-xs));}`);
2
+ export const styles = createSheet(`:host {display: block}[part="trigger"] {all: unset;box-sizing: border-box;align-items: center;color: var(--accordion-item-color, var(--helix-color-foreground));cursor: pointer;display: flex;font-size: var(--accordion-item-font-size, var(--helix-text-md));font-weight: var(--accordion-item-font-weight, var(--helix-weight-medium));inline-size: 100%;gap: var(--helix-space-xs);min-block-size: var(--helix-size-control);padding: var(--accordion-item-padding, var(--helix-space-sm) var(--helix-space-md));transition: background-color var(--helix-duration-fast) var(--helix-easing-standard)}[part="chevron"] {block-size: 1em;color: var(--accordion-item-chevron-color, var(--helix-color-foreground-subtle));flex: 0 0 auto;inline-size: 1em;transform: scaleY(1);transition: transform var(--helix-duration-fast) var(--helix-easing-standard)}::slotted([slot="chevron"]) {block-size: 1em;color: var(--accordion-item-chevron-color, var(--helix-color-foreground-subtle));flex: 0 0 auto;inline-size: 1em;transition: transform var(--helix-duration-fast) var(--helix-easing-standard)}:host(:not([chevron-placement="start"])) [part="chevron"], :host(:not([chevron-placement="start"])) ::slotted([slot="chevron"]) {margin-inline-start: auto}:host(:state(open)) [part="chevron"], :host(:state(open)) ::slotted([slot="chevron"]) {transform: scaleY(-1)}[part="trigger"]:hover:not(:disabled) {background-color: var(--accordion-item-hover-background-color, transparent)}[part="trigger"]:hover:not(:disabled) [part="chevron"], [part="trigger"]:hover:not(:disabled) ::slotted([slot="chevron"]) {color: var(--accordion-item-chevron-hover-color, var(--helix-color-foreground))}[part="trigger"]:disabled {cursor: not-allowed;opacity: var(--accordion-item-disabled-opacity, 0.5)}[part="trigger"]:focus-visible {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: calc(var(--helix-size-focus-offset) * -1)}[part="content"] {display: grid;grid-template-rows: 0fr;transition: grid-template-rows var(--helix-duration-normal) var(--helix-easing-standard)}:host(:state(open)) [part="content"] {grid-template-rows: 1fr}[part="content-inner"] {min-block-size: 0;overflow: hidden}[part="content-inner"] > slot {color: var(--accordion-item-content-color, var(--helix-color-foreground-muted));display: block;line-height: var(--helix-leading-normal);padding: var(--accordion-item-padding, var(--helix-space-sm) var(--helix-space-md));padding-block-start: 0}:host([chevron-placement="start"]) [part="content-inner"] > slot {margin-inline-start: calc(var(--helix-text-md) + var(--helix-space-xs))}`);
@@ -1,9 +1,4 @@
1
- var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
2
- var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
3
- if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
4
- else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
5
- return c > 3 && r && Object.defineProperty(target, key, r), r;
6
- };
1
+ import { __decorate } from "tslib";
7
2
  import { customElement } from '@fusion.dev/helix-core';
8
3
  import { HelixHeadlessAccordionItem } from '@fusion.dev/helix-headless/accordion';
9
4
  import { styles } from './accordion-item.css.js';
@@ -1,3 +1,2 @@
1
1
  import { createSheet } from '@fusion.dev/helix-core';
2
- export const styles = createSheet(`:host {display: block;}:host([separation="outlined"]) {display: flex;flex-direction: column;gap: var(--accordion-gap, var(--helix-space-xs));}:host([separation="outlined"]) ::slotted(*) {border: var(--helix-border-thin) solid var(--accordion-border-color, var(--helix-color-border));border-radius: var(--accordion-radius, var(--helix-radii-sm));overflow: hidden;}:host(:not([separation="outlined"])) ::slotted(* + *) {border-block-start: var(--helix-border-thin) solid
3
- var(--accordion-border-color, var(--helix-color-border));}@media print {:host {print-color-adjust: economy;}}`);
2
+ export const styles = createSheet(`:host {display: block}:host([separation="outlined"]) {display: flex;flex-direction: column;gap: var(--accordion-gap, var(--helix-space-xs))}:host([separation="outlined"]) ::slotted(*) {border: var(--helix-border-thin) solid var(--accordion-border-color, var(--helix-color-border));border-radius: var(--accordion-radius, var(--helix-radii-sm));overflow: hidden}:host(:not([separation="outlined"])) ::slotted(* + *) {border-block-start: var(--helix-border-thin) solid var(--accordion-border-color, var(--helix-color-border))}@media print {:host {print-color-adjust: economy}}`);
@@ -1,9 +1,4 @@
1
- var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
2
- var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
3
- if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
4
- else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
5
- return c > 3 && r && Object.defineProperty(target, key, r), r;
6
- };
1
+ import { __decorate } from "tslib";
7
2
  import { customElement } from '@fusion.dev/helix-core';
8
3
  import { HelixHeadlessAccordion } from '@fusion.dev/helix-headless/accordion';
9
4
  import { property } from 'lit/decorators.js';
@@ -1,26 +1,2 @@
1
1
  import { createSheet } from '@fusion.dev/helix-core';
2
- export const styles = createSheet(`:host {--helix-size-icon: var(--helix-size-icon-sm);--helix-size-icon-loose: calc(var(--helix-size-icon) * 1.2);--helix-size-icon-tight: calc(var(--helix-size-icon) * 0.8);--helix-size-control: var(--helix-size-control-sm);--helix-size-control-loose: calc(var(--helix-size-control) * 1.2);--helix-size-control-tight: calc(var(--helix-size-control) * 0.8);--_announcement-color: var(--helix-color-foreground-muted);--_announcement-ground: var(--helix-color-background);--_announcement-tint: var(--announcement-tone-color, var(--_announcement-color));align-items: center;background-color: var(--announcement-background-color, var(--helix-color-surface-sunken));color: var(--announcement-foreground-color, var(--helix-color-foreground));display: flex;font-size: var(--announcement-font-size, var(--helix-text-sm));font-weight: var(--helix-weight-medium);inline-size: 100%;min-block-size: var(
3
- --announcement-block-size,
4
- calc(var(--helix-size-control) + var(--helix-space-xs) * 2)
5
- );padding-block: var(--helix-space-xs);padding-inline: var(--announcement-inset, var(--helix-space-lg));position: relative;}:host([tone="info"]) {--_announcement-color: var(--helix-color-info);}:host([tone="success"]) {--_announcement-color: var(--helix-color-success);}:host([tone="warning"]) {--_announcement-color: var(--helix-color-warning);}:host([tone="danger"]) {--_announcement-color: var(--helix-color-danger);}:host([tone="neutral"]) {background-image: none;}:host([tone="primary"]) {--_announcement-color: var(--helix-color-primary);}:host([tone="accent"]) {--_announcement-color: var(--helix-color-accent);}:host([tone]:not([tone="neutral"])) {background-image: linear-gradient(
6
- to right,
7
- light-dark(
8
- color-mix(in oklab, var(--_announcement-tint) 18%, var(--_announcement-ground)),
9
- color-mix(in oklab, var(--_announcement-tint) 32%, var(--_announcement-ground))
10
- ),
11
- light-dark(
12
- color-mix(in oklab, var(--_announcement-tint) 10%, var(--_announcement-ground)),
13
- color-mix(in oklab, var(--_announcement-tint) 20%, var(--_announcement-ground))
14
- )
15
- );}:host([separation="filled"]) {background-color: var(--announcement-background-color, var(--helix-color-surface-sunken));}:host([separation="elevated"]) {--_announcement-ground: var(--helix-color-surface);background-color: var(--announcement-background-color, var(--helix-color-surface));}:host([separation="outlined"]) {border-block-end: var(--helix-border-thin) solid var(--helix-color-border);}:host([separation="outlined"][tone]:not([tone="neutral"])) {border-block-end-color: color-mix(
16
- in oklab,
17
- var(--_announcement-tint) 40%,
18
- var(--_announcement-ground)
19
- );}[part="content"] {flex: 1 1 auto;min-inline-size: 0;text-align: var(--announcement-text-align, center);}:host([dismissible]) [part="content"] {padding-inline: calc(var(--helix-size-icon) + var(--helix-space-2xs) * 2 + var(--helix-space-xs));}[part="actions"] slot::slotted(*) {margin-inline-start: var(--helix-space-md);}[part="actions"] {align-items: center;display: flex;flex: 0 0 auto;gap: var(--helix-space-xs);}:host([dismissible]) [part="actions"] {margin-inline-end: calc(
20
- var(--helix-size-icon) +
21
- var(--helix-space-2xs) *
22
- 2 +
23
- var(--helix-space-xs)
24
- );}[part="dismiss"] {all: unset;box-sizing: border-box;block-size: calc(var(--helix-size-icon) + var(--helix-space-2xs) * 2);inline-size: calc(var(--helix-size-icon) + var(--helix-space-2xs) * 2);border-radius: var(--helix-radii-sm);color: var(--helix-color-foreground-muted);cursor: pointer;display: inline-flex;flex: 0 0 auto;place-content: center;place-items: center;position: absolute;inset-inline-end: var(--announcement-inset, var(--helix-space-lg));transition:
25
- background-color var(--helix-duration-fast) var(--helix-easing-standard),
26
- color var(--helix-duration-fast) var(--helix-easing-standard);}[part="dismiss"]:hover {background-color: color-mix(in oklab, var(--helix-color-foreground) 8%, transparent);color: var(--helix-color-foreground);}[part="dismiss"] svg {block-size: var(--helix-size-icon);inline-size: var(--helix-size-icon);}[part="dismiss"]:focus-visible {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: var(--helix-size-focus-offset);}[part="actions"][data-empty] {display: none;}:host(:state(waiting)) {display: none;}@media print {:host {background-color: transparent;}}`);
2
+ export const styles = createSheet(`:host {--helix-size-icon: var(--helix-size-icon-sm);--helix-size-icon-loose: calc(var(--helix-size-icon) * 1.2);--helix-size-icon-tight: calc(var(--helix-size-icon) * 0.8);--helix-size-control: var(--helix-size-control-sm);--helix-size-control-loose: calc(var(--helix-size-control) * 1.2);--helix-size-control-tight: calc(var(--helix-size-control) * 0.8);--_announcement-color: var(--helix-color-foreground-muted);--_announcement-ground: var(--helix-color-background);--_announcement-tint: var(--announcement-tone-color, var(--_announcement-color));align-items: center;background-color: var(--announcement-background-color, var(--helix-color-surface-sunken));color: var(--announcement-foreground-color, var(--helix-color-foreground));display: flex;font-size: var(--announcement-font-size, var(--helix-text-sm));font-weight: var(--helix-weight-medium);inline-size: 100%;min-block-size: var(--announcement-block-size, calc(var(--helix-size-control) + var(--helix-space-xs) * 2));padding-block: var(--helix-space-xs);padding-inline: var(--announcement-inset, var(--helix-space-lg));position: relative}:host([tone="info"]) {--_announcement-color: var(--helix-color-info)}:host([tone="success"]) {--_announcement-color: var(--helix-color-success)}:host([tone="warning"]) {--_announcement-color: var(--helix-color-warning)}:host([tone="danger"]) {--_announcement-color: var(--helix-color-danger)}:host([tone="neutral"]) {background-image: none}:host([tone="primary"]) {--_announcement-color: var(--helix-color-primary)}:host([tone="accent"]) {--_announcement-color: var(--helix-color-accent)}:host([tone]:not([tone="neutral"])) {background-image: linear-gradient(to right, light-dark(color-mix(in oklab, var(--_announcement-tint) 18%, var(--_announcement-ground)), color-mix(in oklab, var(--_announcement-tint) 32%, var(--_announcement-ground))), light-dark(color-mix(in oklab, var(--_announcement-tint) 10%, var(--_announcement-ground)), color-mix(in oklab, var(--_announcement-tint) 20%, var(--_announcement-ground))))}:host([separation="filled"]) {background-color: var(--announcement-background-color, var(--helix-color-surface-sunken))}:host([separation="elevated"]) {--_announcement-ground: var(--helix-color-surface);background-color: var(--announcement-background-color, var(--helix-color-surface))}:host([separation="outlined"]) {border-block-end: var(--helix-border-thin) solid var(--helix-color-border)}:host([separation="outlined"][tone]:not([tone="neutral"])) {border-block-end-color: color-mix(in oklab, var(--_announcement-tint) 40%, var(--_announcement-ground))}[part="content"] {flex: 1 1 auto;min-inline-size: 0;text-align: var(--announcement-text-align, center)}:host([dismissible]) [part="content"] {padding-inline: calc(var(--helix-size-icon) + var(--helix-space-2xs) * 2 + var(--helix-space-xs))}[part="actions"] slot::slotted(*) {margin-inline-start: var(--helix-space-md)}[part="actions"] {align-items: center;display: flex;flex: 0 0 auto;gap: var(--helix-space-xs)}:host([dismissible]) [part="actions"] {margin-inline-end: calc(var(--helix-size-icon) + var(--helix-space-2xs) * 2 + var(--helix-space-xs))}[part="dismiss"] {all: unset;box-sizing: border-box;block-size: calc(var(--helix-size-icon) + var(--helix-space-2xs) * 2);inline-size: calc(var(--helix-size-icon) + var(--helix-space-2xs) * 2);border-radius: var(--helix-radii-sm);color: var(--helix-color-foreground-muted);cursor: pointer;display: inline-flex;flex: 0 0 auto;place-content: center;place-items: center;position: absolute;inset-inline-end: var(--announcement-inset, var(--helix-space-lg));transition: background-color var(--helix-duration-fast) var(--helix-easing-standard), color var(--helix-duration-fast) var(--helix-easing-standard)}[part="dismiss"]:hover {background-color: color-mix(in oklab, var(--helix-color-foreground) 8%, transparent);color: var(--helix-color-foreground)}[part="dismiss"] svg {block-size: var(--helix-size-icon);inline-size: var(--helix-size-icon)}[part="dismiss"]:focus-visible {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: var(--helix-size-focus-offset)}[part="actions"][data-empty] {display: none}:host(:state(waiting)) {display: none}@media print {:host {background-color: transparent}}`);
@@ -1,9 +1,4 @@
1
- var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
2
- var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
3
- if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
4
- else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
5
- return c > 3 && r && Object.defineProperty(target, key, r), r;
6
- };
1
+ import { __decorate } from "tslib";
7
2
  import { customElement } from '@fusion.dev/helix-core';
8
3
  import { HelixHeadlessAnnouncement } from '@fusion.dev/helix-headless/announcement';
9
4
  import { property } from 'lit/decorators.js';
@@ -1,10 +1,2 @@
1
1
  import { createSheet } from '@fusion.dev/helix-core';
2
- export const styles = createSheet(`:host {--helix-size-checkbox: var(--helix-size-checkbox-sm);--helix-size-checkbox-loose: calc(var(--helix-size-checkbox) * 1.2);--helix-size-checkbox-tight: calc(var(--helix-size-checkbox) * 0.8);--helix-size-icon: var(--helix-size-icon-sm);--helix-size-icon-loose: calc(var(--helix-size-icon) * 1.2);--helix-size-icon-tight: calc(var(--helix-size-icon) * 0.8);--helix-size-control: var(--helix-size-control-sm);--helix-size-control-loose: calc(var(--helix-size-control) * 1.2);--helix-size-control-tight: calc(var(--helix-size-control) * 0.8);--helix-size-tag: var(--helix-size-tag-sm);background-color: var(--app-header-background-color, var(--helix-color-background));border-block-end: var(--helix-border-thin) solid var(--app-header-border-color, transparent);container-type: inline-size;display: block;inline-size: 100%;transition:
3
- backdrop-filter var(--helix-duration-normal) var(--helix-easing-standard),
4
- background-color var(--helix-duration-normal) var(--helix-easing-standard),
5
- border-color var(--helix-duration-normal) var(--helix-easing-standard);}:host([material="glass"]) {backdrop-filter: var(--app-header-backdrop, var(--helix-material-backdrop));background-color: var(--app-header-background-color, var(--helix-material-translucent));}:host([material="frosted"]) {backdrop-filter: var(--app-header-backdrop, blur(var(--helix-material-blur-lg)));background-color: var(--app-header-background-color, var(--helix-material-translucent-strong));}:host([material="transparent"]) {background-color: var(--app-header-background-color, transparent);}:host([material="transparent"]:state(scrolled)) {backdrop-filter: var(--app-header-backdrop, var(--helix-material-backdrop));background-color: var(--app-header-background-color, var(--helix-material-translucent));}:host([sticky]) {inset-block-start: 0;position: sticky;z-index: var(--helix-layer-sticky);}[part="row"] {align-items: center;block-size: var(--app-header-block-size, var(--helix-size-header));display: grid;gap: var(--helix-space-lg);grid-template-columns: minmax(max-content, 1fr) minmax(0, auto) minmax(max-content, 1fr);margin-inline: auto;max-inline-size: var(--app-header-max-inline-size, 72rem);padding-inline: var(--app-header-padding, var(--helix-space-lg));}[part="start"] {align-items: center;display: flex;min-inline-size: 0;}[part="end"] {align-items: center;display: flex;gap: var(--helix-space-xs);justify-content: flex-end;min-inline-size: 0;}:host([content-align="start"]) [part="row"] {grid-template-columns: auto 1fr auto;}slot[name="start"]::slotted(*) {align-items: center;color: var(--helix-color-foreground);display: flex;flex: 0 0 auto;font-weight: var(--helix-weight-semibold);gap: var(--helix-space-xs);letter-spacing: var(--helix-tracking-tight);}[part="content"] {align-items: center;display: flex;position: relative;gap: var(--helix-space-md);justify-content: safe center;min-inline-size: 0;overflow-x: auto;}:host([content-align="start"]) [part="content"] {justify-content: flex-start;}@container (inline-size < 24rem) {[part="row"] {gap: var(--helix-space-md);padding-inline: var(--app-header-padding, var(--helix-space-md));}}:host([sticky]) {transition:
6
- backdrop-filter var(--helix-duration-normal) var(--helix-easing-standard),
7
- background-color var(--helix-duration-normal) var(--helix-easing-standard),
8
- border-color var(--helix-duration-normal) var(--helix-easing-standard),
9
- translate var(--helix-duration-normal) var(--helix-easing-standard);}:host([sticky]:state(hidden)) {translate: 0 -100%;}:host(:state(folded)) [part="row"] {block-size: auto;grid-template-columns: minmax(0, 1fr) auto;grid-template-rows: var(--app-header-block-size, var(--helix-size-header));row-gap: var(--helix-space-none);}:host(:state(folded)) [part="content"] {align-items: stretch;flex-direction: column;grid-column: 1 / -1;grid-row: 2;justify-content: flex-start;overflow-x: visible;padding-block-end: var(--helix-space-sm);}[part="content"][hidden] {display: none;}[part="toggle"] {all: unset;box-sizing: border-box;align-items: center;block-size: var(--helix-size-control);border-radius: var(--helix-radii-sm);color: var(--helix-color-foreground-muted);cursor: pointer;display: inline-flex;inline-size: var(--helix-size-control);justify-content: center;}[part="start"] > [part="toggle"] {margin-inline-end: var(--helix-space-xs);}[part="toggle"] svg {block-size: var(--helix-size-icon);inline-size: var(--helix-size-icon);}[part="toggle"]:hover,
10
- :host(:state(open)) [part="toggle"] {background-color: color-mix(in oklab, var(--helix-color-foreground) 8%, transparent);color: var(--helix-color-foreground);}[part="toggle"]:focus-visible {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: var(--helix-size-focus-offset);}@media (prefers-reduced-motion: reduce) {:host([sticky]) {transition: none;}}@media print {:host {display: none;}}`);
2
+ export const styles = createSheet(`:host {--helix-size-checkbox: var(--helix-size-checkbox-sm);--helix-size-checkbox-loose: calc(var(--helix-size-checkbox) * 1.2);--helix-size-checkbox-tight: calc(var(--helix-size-checkbox) * 0.8);--helix-size-icon: var(--helix-size-icon-sm);--helix-size-icon-loose: calc(var(--helix-size-icon) * 1.2);--helix-size-icon-tight: calc(var(--helix-size-icon) * 0.8);--helix-size-control: var(--helix-size-control-sm);--helix-size-control-loose: calc(var(--helix-size-control) * 1.2);--helix-size-control-tight: calc(var(--helix-size-control) * 0.8);--helix-size-tag: var(--helix-size-tag-sm);background-color: var(--app-header-background-color, var(--helix-color-background));border-block-end: var(--helix-border-thin) solid var(--app-header-border-color, transparent);container-type: inline-size;display: block;inline-size: 100%;transition: backdrop-filter var(--helix-duration-normal) var(--helix-easing-standard), background-color var(--helix-duration-normal) var(--helix-easing-standard), border-color var(--helix-duration-normal) var(--helix-easing-standard)}:host([material="glass"]) {backdrop-filter: var(--app-header-backdrop, var(--helix-material-backdrop));background-color: var(--app-header-background-color, var(--helix-material-translucent))}:host([material="frosted"]) {backdrop-filter: var(--app-header-backdrop, blur(var(--helix-material-blur-lg)));background-color: var(--app-header-background-color, var(--helix-material-translucent-strong))}:host([material="transparent"]) {background-color: var(--app-header-background-color, transparent)}:host([material="transparent"]:state(scrolled)) {backdrop-filter: var(--app-header-backdrop, var(--helix-material-backdrop));background-color: var(--app-header-background-color, var(--helix-material-translucent))}:host([sticky]) {inset-block-start: 0;position: sticky;z-index: var(--helix-layer-sticky)}[part="row"] {align-items: center;block-size: var(--app-header-block-size, var(--helix-size-header));display: grid;gap: var(--helix-space-lg);grid-template-columns: minmax(max-content, 1fr) minmax(0, auto) minmax(max-content, 1fr);margin-inline: auto;max-inline-size: var(--app-header-max-inline-size, 72rem);padding-inline: var(--app-header-padding, var(--helix-space-lg))}[part="start"] {align-items: center;display: flex;min-inline-size: 0}[part="end"] {align-items: center;display: flex;gap: var(--helix-space-xs);justify-content: flex-end;min-inline-size: 0}:host([content-align="start"]) [part="row"] {grid-template-columns: auto 1fr auto}slot[name="start"]::slotted(*) {align-items: center;color: var(--helix-color-foreground);display: flex;flex: 0 0 auto;font-weight: var(--helix-weight-semibold);gap: var(--helix-space-xs);letter-spacing: var(--helix-tracking-tight)}[part="content"] {align-items: center;display: flex;position: relative;gap: var(--helix-space-md);justify-content: safe center;min-inline-size: 0;overflow-x: auto}:host([content-align="start"]) [part="content"] {justify-content: flex-start}@container (inline-size < 24rem) {[part="row"] {gap: var(--helix-space-md);padding-inline: var(--app-header-padding, var(--helix-space-md))}}:host([sticky]) {transition: backdrop-filter var(--helix-duration-normal) var(--helix-easing-standard), background-color var(--helix-duration-normal) var(--helix-easing-standard), border-color var(--helix-duration-normal) var(--helix-easing-standard), translate var(--helix-duration-normal) var(--helix-easing-standard)}:host([sticky]:state(hidden)) {translate: 0 -100%}:host(:state(folded)) [part="row"] {block-size: auto;grid-template-columns: minmax(0, 1fr) auto;grid-template-rows: var(--app-header-block-size, var(--helix-size-header));row-gap: var(--helix-space-none)}:host(:state(folded)) [part="content"] {align-items: stretch;flex-direction: column;grid-column: 1 / -1;grid-row: 2;justify-content: flex-start;overflow-x: visible;padding-block-end: var(--helix-space-sm)}[part="content"][hidden] {display: none}[part="toggle"] {all: unset;box-sizing: border-box;align-items: center;block-size: var(--helix-size-control);border-radius: var(--helix-radii-sm);color: var(--helix-color-foreground-muted);cursor: pointer;display: inline-flex;inline-size: var(--helix-size-control);justify-content: center}[part="start"] > [part="toggle"] {margin-inline-end: var(--helix-space-xs)}[part="toggle"] svg {block-size: var(--helix-size-icon);inline-size: var(--helix-size-icon)}[part="toggle"]:hover, :host(:state(open)) [part="toggle"] {background-color: color-mix(in oklab, var(--helix-color-foreground) 8%, transparent);color: var(--helix-color-foreground)}[part="toggle"]:focus-visible {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: var(--helix-size-focus-offset)}@media (prefers-reduced-motion: reduce) {:host([sticky]) {transition: none}}@media print {:host {display: none}}`);
@@ -1,9 +1,4 @@
1
- var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
2
- var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
3
- if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
4
- else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
5
- return c > 3 && r && Object.defineProperty(target, key, r), r;
6
- };
1
+ import { __decorate } from "tslib";
7
2
  import { customElement } from '@fusion.dev/helix-core';
8
3
  import { HelixHeadlessAppHeader } from '@fusion.dev/helix-headless/app-header';
9
4
  import { property } from 'lit/decorators.js';
@@ -1,9 +1,2 @@
1
1
  import { createSheet } from '@fusion.dev/helix-core';
2
- export const styles = createSheet(`:host {display: grid;gap: var(--area-chart-gap, var(--helix-space-2xs));position: relative;}[part="plot"] {block-size: var(--area-chart-block-size, 12em);cursor: crosshair;position: relative;}[part="plot"] svg {block-size: 100%;inline-size: 100%;overflow: visible;}[part="area"] {fill: color-mix(
3
- in oklab,
4
- var(--chart-series) var(--area-chart-fill-strength, 55%),
5
- var(--helix-color-background)
6
- );stroke: none;}:host([overlap]) [part="area"] {fill: var(--chart-series);fill-opacity: var(--area-chart-overlap-opacity, 0.3);}[part="line"] {stroke: var(--chart-series);stroke-linejoin: round;stroke-width: var(--area-chart-width, var(--_chart-stroke));vector-effect: non-scaling-stroke;}[part="baseline"] {stroke: var(--helix-color-border);stroke-width: var(--helix-border-thin);vector-effect: non-scaling-stroke;}[part="gridline"] {stroke: var(--area-chart-gridline-color, var(--helix-color-border));stroke-opacity: 0.7;stroke-width: var(--helix-border-thin);vector-effect: non-scaling-stroke;}[part="guide"] {stroke: var(--helix-color-foreground-muted);stroke-dasharray: 3 3;stroke-width: var(--helix-border-thin);vector-effect: non-scaling-stroke;}[part="labels"] {display: grid;grid-auto-columns: 1fr;grid-auto-flow: column;}[part="label"] {color: var(--helix-color-foreground-muted);font-size: var(--helix-text-xs);overflow: hidden;text-align: center;text-overflow: ellipsis;white-space: nowrap;}[part="axis"] {color: var(--helix-color-foreground-subtle);font-size: var(--helix-text-xs);font-variant-numeric: tabular-nums;inline-size: calc(var(--area-chart-axis, 3ch) + 1ch);pointer-events: none;position: relative;}[part="tick"] {inset-inline-end: 0;position: absolute;translate: 0 -50%;white-space: nowrap;}:host([value-axis]) {grid-template-columns: auto 1fr;}:host([value-axis]) [part="axis"] {grid-column: 1;grid-row: 1;}:host([value-axis]) [part="plot"],
7
- :host([value-axis]) [part="labels"] {grid-column: 2;}[part="summary"] {block-size: 1px;clip-path: inset(50%);inline-size: 1px;margin: var(--helix-space-none);overflow: hidden;position: absolute;white-space: nowrap;}[part="area"],
8
- [part="line"] {transition: d var(--helix-duration-normal) var(--helix-easing-decelerate);}@starting-style {[part="area"],
9
- [part="line"] {opacity: 0;}}@media print {:host {print-color-adjust: exact;}}`);
2
+ export const styles = createSheet(`:host {display: grid;gap: var(--area-chart-gap, var(--helix-space-2xs));position: relative}[part="plot"] {block-size: var(--area-chart-block-size, 12em);cursor: crosshair;position: relative}[part="plot"] svg {block-size: 100%;inline-size: 100%;overflow: visible}[part="area"] {fill: color-mix(in oklab, var(--chart-series) var(--area-chart-fill-strength, 55%), var(--helix-color-background));stroke: none}:host([overlap]) [part="area"] {fill: var(--chart-series);fill-opacity: var(--area-chart-overlap-opacity, 0.3)}[part="line"] {stroke: var(--chart-series);stroke-linejoin: round;stroke-width: var(--area-chart-width, var(--_chart-stroke));vector-effect: non-scaling-stroke}[part="baseline"] {stroke: var(--helix-color-border);stroke-width: var(--helix-border-thin);vector-effect: non-scaling-stroke}[part="gridline"] {stroke: var(--area-chart-gridline-color, var(--helix-color-border));stroke-opacity: 0.7;stroke-width: var(--helix-border-thin);vector-effect: non-scaling-stroke}[part="guide"] {stroke: var(--helix-color-foreground-muted);stroke-dasharray: 3 3;stroke-width: var(--helix-border-thin);vector-effect: non-scaling-stroke}[part="labels"] {display: grid;grid-auto-columns: 1fr;grid-auto-flow: column}[part="label"] {color: var(--helix-color-foreground-muted);font-size: var(--helix-text-xs);overflow: hidden;text-align: center;text-overflow: ellipsis;white-space: nowrap}[part="axis"] {color: var(--helix-color-foreground-subtle);font-size: var(--helix-text-xs);font-variant-numeric: tabular-nums;inline-size: calc(var(--area-chart-axis, 3ch) + 1ch);pointer-events: none;position: relative}[part="tick"] {inset-inline-end: 0;position: absolute;translate: 0 -50%;white-space: nowrap}:host([value-axis]) {grid-template-columns: auto 1fr}:host([value-axis]) [part="axis"] {grid-column: 1;grid-row: 1}:host([value-axis]) [part="plot"], :host([value-axis]) [part="labels"] {grid-column: 2}[part="summary"] {block-size: 1px;clip-path: inset(50%);inline-size: 1px;margin: var(--helix-space-none);overflow: hidden;position: absolute;white-space: nowrap}[part="area"], [part="line"] {transition: d var(--helix-duration-normal) var(--helix-easing-decelerate)}@starting-style {[part="area"], [part="line"] {opacity: 0}}@media print {:host {print-color-adjust: exact}}`);
@@ -1,9 +1,4 @@
1
- var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
2
- var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
3
- if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
4
- else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
5
- return c > 3 && r && Object.defineProperty(target, key, r), r;
6
- };
1
+ import { __decorate } from "tslib";
7
2
  import { customElement } from '@fusion.dev/helix-core';
8
3
  import { HelixHeadlessAreaChart } from '@fusion.dev/helix-headless/area-chart';
9
4
  import { styles as seriesStyles } from '../../shared/chart/series.css.js';
@@ -1,11 +1,2 @@
1
1
  import { createSheet } from '@fusion.dev/helix-core';
2
- export const styles = createSheet(`:host {--_aura-glow: var(--aura-glow, var(--helix-color-primary));--_aura-ground: var(--aura-ground, var(--helix-color-background));--_aura-haze: var(--aura-haze, var(--helix-color-primary-subtle));position: relative;display: block;inline-size: 100%;block-size: 100%;background-image: radial-gradient(
3
- 120% 90% at 62% 12%,
4
- color-mix(in oklab, var(--_aura-glow) 38%, var(--_aura-ground)) 0%,
5
- var(--_aura-haze) 38%,
6
- var(--_aura-ground) 78%
7
- );}:host {pointer-events: none;}:host([interactive]) {pointer-events: auto;}[part="canvas"] {display: block;inline-size: 100%;block-size: 100%;caret-color: var(--aura-peak, var(--helix-color-foreground));color: var(--_aura-glow);column-rule-color: var(--aura-peak, var(--helix-color-primary-active));outline-color: var(--_aura-ground);text-decoration-color: var(--_aura-haze);transition-duration: var(--helix-duration-fast);transition-property: caret-color, color, column-rule-color, outline-color, text-decoration-color;}[part="content"] {inset: 0;pointer-events: none;position: absolute;}::slotted(*) {pointer-events: auto;}[part="canvas"][hidden] {display: none;}[part="pause"] {align-items: center;background-color: var(--aura-pause-background-color, var(--helix-color-surface-overlay));block-size: var(--helix-size-control-sm);border: var(--helix-border-floating) solid var(--helix-color-border);border-radius: var(--helix-radii-sm);box-shadow: var(--helix-shadow-floating);color: var(--helix-color-foreground);cursor: pointer;display: inline-flex;inline-size: var(--helix-size-control-sm);inset-block-end: var(--helix-space-sm);inset-inline-end: var(--helix-space-sm);justify-content: center;padding: 0;pointer-events: auto;position: absolute;}[part="pause-mark"] {block-size: var(--helix-size-icon-sm);inline-size: var(--helix-size-icon-sm);}[part="pause"]:hover {background-color: color-mix(
8
- in oklab,
9
- var(--helix-color-foreground) 10%,
10
- var(--aura-pause-background-color, var(--helix-color-surface-overlay))
11
- );}[part="pause"]:focus-visible {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: var(--helix-size-focus-offset);}@media (prefers-reduced-motion: reduce) {[part="pause"] {display: none;}}@media print {:host {display: none;}}`);
2
+ export const styles = createSheet(`:host {--_aura-glow: var(--aura-glow, var(--helix-color-primary));--_aura-ground: var(--aura-ground, var(--helix-color-background));--_aura-haze: var(--aura-haze, var(--helix-color-primary-subtle));position: relative;display: block;inline-size: 100%;block-size: 100%;background-image: radial-gradient(120% 90% at 62% 12%, color-mix(in oklab, var(--_aura-glow) 38%, var(--_aura-ground)) 0%, var(--_aura-haze) 38%, var(--_aura-ground) 78%)}:host {pointer-events: none}:host([interactive]) {pointer-events: auto}[part="canvas"] {display: block;inline-size: 100%;block-size: 100%;caret-color: var(--aura-peak, var(--helix-color-foreground));color: var(--_aura-glow);column-rule-color: var(--aura-peak, var(--helix-color-primary-active));outline-color: var(--_aura-ground);text-decoration-color: var(--_aura-haze);transition-duration: var(--helix-duration-fast);transition-property: caret-color, color, column-rule-color, outline-color, text-decoration-color}[part="content"] {inset: 0;pointer-events: none;position: absolute}::slotted(*) {pointer-events: auto}[part="canvas"][hidden] {display: none}[part="pause"] {align-items: center;background-color: var(--aura-pause-background-color, var(--helix-color-surface-overlay));block-size: var(--helix-size-control-sm);border: var(--helix-border-floating) solid var(--helix-color-border);border-radius: var(--helix-radii-sm);box-shadow: var(--helix-shadow-floating);color: var(--helix-color-foreground);cursor: pointer;display: inline-flex;inline-size: var(--helix-size-control-sm);inset-block-end: var(--helix-space-sm);inset-inline-end: var(--helix-space-sm);justify-content: center;padding: 0;pointer-events: auto;position: absolute}[part="pause-mark"] {block-size: var(--helix-size-icon-sm);inline-size: var(--helix-size-icon-sm)}[part="pause"]:hover {background-color: color-mix(in oklab, var(--helix-color-foreground) 10%, var(--aura-pause-background-color, var(--helix-color-surface-overlay)))}[part="pause"]:focus-visible {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: var(--helix-size-focus-offset)}@media (prefers-reduced-motion: reduce) {[part="pause"] {display: none}}@media print {:host {display: none}}`);
@@ -1,10 +1,5 @@
1
- var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
2
- var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
3
- if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
4
- else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
5
- return c > 3 && r && Object.defineProperty(target, key, r), r;
6
- };
7
1
  var HelixAura_1;
2
+ import { __decorate } from "tslib";
8
3
  import { customElement, drawsInSoftware, HelixAuraFallbackEvent, HelixElement, MAX_FRAME_STEP, PaintGateController, readColor, words, } from '@fusion.dev/helix-core';
9
4
  import { pause, play } from '@fusion.dev/helix-icons';
10
5
  import { html, nothing } from 'lit';
@@ -1,16 +1,2 @@
1
1
  import { createSheet } from '@fusion.dev/helix-core';
2
- export const styles = createSheet(`:host {--_avatar-group-ring: var(--avatar-group-ring-color, var(--helix-color-background));align-items: center;display: flex;}::slotted(*) {box-shadow: 0 0 0 var(--helix-border-thick) var(--_avatar-group-ring);flex: 0 0 auto;}::slotted(*:not(:first-child)) {margin-inline-start: calc(-1 * var(--avatar-group-overlap, var(--helix-space-sm)));}:host([max="1"]) ::slotted(:nth-child(n + 2)),
3
- :host([max="2"]) ::slotted(:nth-child(n + 3)),
4
- :host([max="3"]) ::slotted(:nth-child(n + 4)),
5
- :host([max="4"]) ::slotted(:nth-child(n + 5)),
6
- :host([max="5"]) ::slotted(:nth-child(n + 6)),
7
- :host([max="6"]) ::slotted(:nth-child(n + 7)),
8
- :host([max="7"]) ::slotted(:nth-child(n + 8)),
9
- :host([max="8"]) ::slotted(:nth-child(n + 9)),
10
- :host([max="9"]) ::slotted(:nth-child(n + 10)),
11
- :host([max="10"]) ::slotted(:nth-child(n + 11)),
12
- :host([max="11"]) ::slotted(:nth-child(n + 12)),
13
- :host([max="12"]) ::slotted(:nth-child(n + 13)) {display: none;}[part="overflow"] {align-items: center;margin-inline-start: calc(-1 * var(--avatar-group-overlap, var(--helix-space-sm)));background-color: var(
14
- --avatar-group-overflow-background-color,
15
- var(--helix-color-surface-sunken)
16
- );block-size: var(--avatar-size, var(--helix-size-control-md));border-radius: var(--helix-radii-full);box-shadow: 0 0 0 var(--helix-border-thick) var(--_avatar-group-ring);color: var(--avatar-group-overflow-color, var(--helix-color-foreground-muted));display: inline-flex;flex: 0 0 auto;font-family: var(--helix-font-sans);font-size: var(--avatar-group-overflow-font-size, var(--helix-text-xs));font-weight: var(--helix-weight-medium);inline-size: var(--avatar-size, var(--helix-size-control-md));justify-content: center;}`);
2
+ export const styles = createSheet(`:host {--_avatar-group-ring: var(--avatar-group-ring-color, var(--helix-color-background));align-items: center;display: flex}::slotted(*) {box-shadow: 0 0 0 var(--helix-border-thick) var(--_avatar-group-ring);flex: 0 0 auto}::slotted(*:not(:first-child)) {margin-inline-start: calc(-1 * var(--avatar-group-overlap, var(--helix-space-sm)))}:host([max="1"]) ::slotted(:nth-child(n + 2)), :host([max="2"]) ::slotted(:nth-child(n + 3)), :host([max="3"]) ::slotted(:nth-child(n + 4)), :host([max="4"]) ::slotted(:nth-child(n + 5)), :host([max="5"]) ::slotted(:nth-child(n + 6)), :host([max="6"]) ::slotted(:nth-child(n + 7)), :host([max="7"]) ::slotted(:nth-child(n + 8)), :host([max="8"]) ::slotted(:nth-child(n + 9)), :host([max="9"]) ::slotted(:nth-child(n + 10)), :host([max="10"]) ::slotted(:nth-child(n + 11)), :host([max="11"]) ::slotted(:nth-child(n + 12)), :host([max="12"]) ::slotted(:nth-child(n + 13)) {display: none}[part="overflow"] {align-items: center;margin-inline-start: calc(-1 * var(--avatar-group-overlap, var(--helix-space-sm)));background-color: var(--avatar-group-overflow-background-color, var(--helix-color-surface-sunken));block-size: var(--avatar-size, var(--helix-size-control-md));border-radius: var(--helix-radii-full);box-shadow: 0 0 0 var(--helix-border-thick) var(--_avatar-group-ring);color: var(--avatar-group-overflow-color, var(--helix-color-foreground-muted));display: inline-flex;flex: 0 0 auto;font-family: var(--helix-font-sans);font-size: var(--avatar-group-overflow-font-size, var(--helix-text-xs));font-weight: var(--helix-weight-medium);inline-size: var(--avatar-size, var(--helix-size-control-md));justify-content: center}`);
@@ -1,9 +1,4 @@
1
- var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
2
- var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
3
- if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
4
- else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
5
- return c > 3 && r && Object.defineProperty(target, key, r), r;
6
- };
1
+ import { __decorate } from "tslib";
7
2
  import { customElement } from '@fusion.dev/helix-core';
8
3
  import { HelixHeadlessAvatarGroup } from '@fusion.dev/helix-headless/avatar';
9
4
  import { styles } from './avatar-group.css.js';
@@ -1,2 +1,2 @@
1
1
  import { createSheet } from '@fusion.dev/helix-core';
2
- export const styles = createSheet(`:host {--_avatar-size: var(--avatar-size, var(--helix-size-avatar));align-items: center;background-color: var(--avatar-background-color, var(--helix-color-surface-raised));block-size: var(--_avatar-size);border-radius: var(--helix-radii-full);color: var(--avatar-color, var(--helix-color-foreground));display: inline-flex;flex: 0 0 auto;inline-size: var(--_avatar-size);justify-content: center;overflow: hidden;}:host([size="sm"]) {--_avatar-size: var(--avatar-size, var(--helix-size-avatar-sm));}:host([size="lg"]) {--_avatar-size: var(--avatar-size, var(--helix-size-avatar-lg));}:host([shape="rounded"]) {border-radius: var(--helix-radii-md);}::slotted(*) {block-size: 100%;inline-size: 100%;object-fit: cover;}[part="image"] {block-size: 100%;inline-size: 100%;object-fit: cover;}[part="initials"] {font-size: calc(var(--_avatar-size) * 0.4);font-weight: var(--avatar-font-weight, var(--helix-weight-medium));letter-spacing: var(--helix-tracking-wide);line-height: 1;user-select: none;}@media print {:host {print-color-adjust: economy;}}`);
2
+ export const styles = createSheet(`:host {--_avatar-size: var(--avatar-size, var(--helix-size-avatar));align-items: center;background-color: var(--avatar-background-color, var(--helix-color-surface-raised));block-size: var(--_avatar-size);border-radius: var(--helix-radii-full);color: var(--avatar-color, var(--helix-color-foreground));display: inline-flex;flex: 0 0 auto;inline-size: var(--_avatar-size);justify-content: center;overflow: hidden}:host([size="sm"]) {--_avatar-size: var(--avatar-size, var(--helix-size-avatar-sm))}:host([size="lg"]) {--_avatar-size: var(--avatar-size, var(--helix-size-avatar-lg))}:host([shape="rounded"]) {border-radius: var(--helix-radii-md)}::slotted(*) {block-size: 100%;inline-size: 100%;object-fit: cover}[part="image"] {block-size: 100%;inline-size: 100%;object-fit: cover}[part="initials"] {font-size: calc(var(--_avatar-size) * 0.4);font-weight: var(--avatar-font-weight, var(--helix-weight-medium));letter-spacing: var(--helix-tracking-wide);line-height: 1;user-select: none}@media print {:host {print-color-adjust: economy}}`);
@@ -1,9 +1,4 @@
1
- var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
2
- var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
3
- if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
4
- else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
5
- return c > 3 && r && Object.defineProperty(target, key, r), r;
6
- };
1
+ import { __decorate } from "tslib";
7
2
  import { customElement } from '@fusion.dev/helix-core';
8
3
  import { HelixHeadlessAvatar } from '@fusion.dev/helix-headless/avatar';
9
4
  import { property } from 'lit/decorators.js';
@@ -1,22 +1,2 @@
1
1
  import { createSheet } from '@fusion.dev/helix-core';
2
- export const styles = createSheet(`:host {--_badge-size: var(--helix-size-badge);--_badge-text: var(--helix-text-xs);--_badge-inset: var(--helix-space-2xs);--_badge-dot: var(--helix-space-xs);--_badge-on: var(--helix-color-foreground-on-primary);--_badge-fill: var(--helix-color-primary-surface);display: inline-flex;position: relative;vertical-align: middle;}[part="indicator"] {align-items: center;background-color: var(--badge-background-color, var(--_badge-fill));block-size: var(--_badge-size);border-radius: var(--badge-radius, var(--helix-radii-full));box-shadow: 0 0 0 var(--helix-border-thick) var(--badge-ring-color, var(--helix-color-background));color: var(--badge-color, var(--_badge-on));display: inline-flex;font-size: var(--_badge-text);font-weight: var(--badge-font-weight, var(--helix-weight-semibold));inset-block-start: var(--badge-offset, calc(var(--_badge-size) / 4));inset-inline-end: var(--badge-offset, calc(var(--_badge-size) / 4));justify-content: center;line-height: 1;min-inline-size: var(--_badge-size);padding-inline: var(--_badge-inset);pointer-events: none;position: absolute;translate: 50% -50%;white-space: nowrap;}[part="indicator"][data-dot] {block-size: auto;min-block-size: var(--_badge-dot);min-inline-size: var(--_badge-dot);padding-inline: var(--helix-space-none);}[part="indicator"][data-dot] slot[name="icon"]::slotted(*) {margin: calc(var(--_badge-inset) / 2);}[part="indicator"] {gap: calc(var(--_badge-inset) / 2);}slot[name="icon"]::slotted(*) {--icon-size: var(--badge-icon-size, var(--_badge-text));flex: none;}[part="indicator"][data-single] {padding-inline: var(--helix-space-none);}[part="indicator"] {scale: 1;transition:
3
- opacity var(--helix-duration-fast) var(--helix-easing-standard),
4
- scale var(--helix-duration-normal) var(--helix-easing-emphasized);}[part="indicator"][data-blank] {opacity: 0;scale: 0;transition:
5
- opacity var(--helix-duration-fast) var(--helix-easing-standard),
6
- scale var(--helix-duration-fast) var(--helix-easing-accelerate);}:host([tone="primary"]) {--_badge-fill: var(--helix-color-primary-surface);}:host([tone="accent"]) {--_badge-fill: var(--helix-color-accent-surface);}:host([tone="accent"]) {--_badge-on: var(--helix-color-foreground-on-accent);}:host([tone="danger"]),
7
- :host([tone="info"]),
8
- :host([tone="success"]),
9
- :host([tone="warning"]) {--_badge-on: var(--helix-color-foreground-on-status);}:host([tone="info"]) {--_badge-fill: var(--helix-color-info-surface);}:host([tone="success"]) {--_badge-fill: var(--helix-color-success-surface);}:host([tone="warning"]) {--_badge-fill: var(--helix-color-warning-surface);}:host([tone="danger"]) {--_badge-fill: var(--helix-color-danger-surface);}:host([tone="neutral"]) {--_badge-fill: var(--helix-color-surface-raised);--_badge-on: var(--helix-color-foreground);}:host([placement="top-start"]) [part="indicator"],
10
- :host([placement="bottom-start"]) [part="indicator"] {inset-inline-end: auto;inset-inline-start: var(--badge-offset, calc(var(--_badge-size) / 4));}:host([placement="bottom-end"]) [part="indicator"],
11
- :host([placement="bottom-start"]) [part="indicator"] {inset-block-end: var(--badge-offset, calc(var(--_badge-size) / 4));inset-block-start: auto;}:host([placement="top-start"]) [part="indicator"] {translate: -50% -50%;}:host([placement="bottom-end"]) [part="indicator"] {translate: 50% 50%;}:host([placement="bottom-start"]) [part="indicator"] {translate: -50% 50%;}:host([placement="inline"]) {align-items: center;gap: var(--badge-gap, var(--helix-space-2xs));}:host([placement="inline"]) [part="indicator"] {box-shadow: none;position: static;translate: none;}:host([emphasis="outlined"]) [part="indicator"] {background-color: var(--badge-background-color, var(--helix-color-background));box-shadow:
12
- inset 0 0 0 var(--helix-border-thick) var(--_badge-fill),
13
- 0 0 0 var(--helix-border-thick) var(--badge-ring-color, var(--helix-color-background));color: var(--badge-color, var(--helix-color-foreground));}:host([emphasis="subtle"]) [part="indicator"] {background-color: var(
14
- --badge-background-color,
15
- color-mix(in oklab, var(--_badge-fill) 22%, var(--helix-color-background))
16
- );color: var(--badge-color, var(--helix-color-foreground));}:host([emphasis="outlined"][placement="inline"]) [part="indicator"] {box-shadow: inset 0 0 0 var(--helix-border-thick) var(--_badge-fill);}:host([attention="pulse"]) [part="indicator"]:not([data-blank]) {animation: badge-pulse var(--badge-attention-duration, 1.5s) var(--helix-easing-standard) infinite;}:host([attention="bounce"]) [part="indicator"]:not([data-blank]) {animation: badge-bounce var(--badge-attention-duration, 1s) var(--helix-easing-standard) infinite;}@keyframes badge-pulse {0%,
17
- 100% {transform: scale(1);}50% {transform: scale(1.18);}}@keyframes badge-bounce {0%,
18
- 20%,
19
- 53%,
20
- 100% {transform: translateY(0);}40%,
21
- 43% {transform: translateY(-30%);}70% {transform: translateY(-15%);}90% {transform: translateY(-4%);}}@media (prefers-reduced-motion: reduce) {:host([attention="pulse"]) [part="indicator"]:not([data-blank]),
22
- :host([attention="bounce"]) [part="indicator"]:not([data-blank]) {animation: none;}}@media print {:host {box-shadow: none;}}@media (forced-colors: active) {[part="indicator"] {forced-color-adjust: none;outline: var(--helix-border-thin) solid CanvasText;}}`);
2
+ export const styles = createSheet(`:host {--_badge-size: var(--helix-size-badge);--_badge-text: var(--helix-text-xs);--_badge-inset: var(--helix-space-2xs);--_badge-dot: var(--helix-space-xs);--_badge-on: var(--helix-color-foreground-on-primary);--_badge-fill: var(--helix-color-primary-surface);display: inline-flex;position: relative;vertical-align: middle}[part="indicator"] {align-items: center;background-color: var(--badge-background-color, var(--_badge-fill));block-size: var(--_badge-size);border-radius: var(--badge-radius, var(--helix-radii-full));box-shadow: 0 0 0 var(--helix-border-thick) var(--badge-ring-color, var(--helix-color-background));color: var(--badge-color, var(--_badge-on));display: inline-flex;font-size: var(--_badge-text);font-weight: var(--badge-font-weight, var(--helix-weight-semibold));inset-block-start: var(--badge-offset, calc(var(--_badge-size) / 4));inset-inline-end: var(--badge-offset, calc(var(--_badge-size) / 4));justify-content: center;line-height: 1;min-inline-size: var(--_badge-size);padding-inline: var(--_badge-inset);pointer-events: none;position: absolute;translate: 50% -50%;white-space: nowrap}[part="indicator"][data-dot] {block-size: auto;min-block-size: var(--_badge-dot);min-inline-size: var(--_badge-dot);padding-inline: var(--helix-space-none)}[part="indicator"][data-dot] slot[name="icon"]::slotted(*) {margin: calc(var(--_badge-inset) / 2)}[part="indicator"] {gap: calc(var(--_badge-inset) / 2)}slot[name="icon"]::slotted(*) {--icon-size: var(--badge-icon-size, var(--_badge-text));flex: none}[part="indicator"][data-single] {padding-inline: var(--helix-space-none)}[part="indicator"] {scale: 1;transition: opacity var(--helix-duration-fast) var(--helix-easing-standard), scale var(--helix-duration-normal) var(--helix-easing-emphasized)}[part="indicator"][data-blank] {opacity: 0;scale: 0;transition: opacity var(--helix-duration-fast) var(--helix-easing-standard), scale var(--helix-duration-fast) var(--helix-easing-accelerate)}:host([tone="primary"]) {--_badge-fill: var(--helix-color-primary-surface)}:host([tone="accent"]) {--_badge-fill: var(--helix-color-accent-surface)}:host([tone="accent"]) {--_badge-on: var(--helix-color-foreground-on-accent)}:host([tone="danger"]), :host([tone="info"]), :host([tone="success"]), :host([tone="warning"]) {--_badge-on: var(--helix-color-foreground-on-status)}:host([tone="info"]) {--_badge-fill: var(--helix-color-info-surface)}:host([tone="success"]) {--_badge-fill: var(--helix-color-success-surface)}:host([tone="warning"]) {--_badge-fill: var(--helix-color-warning-surface)}:host([tone="danger"]) {--_badge-fill: var(--helix-color-danger-surface)}:host([tone="neutral"]) {--_badge-fill: var(--helix-color-surface-raised);--_badge-on: var(--helix-color-foreground)}:host([placement="top-start"]) [part="indicator"], :host([placement="bottom-start"]) [part="indicator"] {inset-inline-end: auto;inset-inline-start: var(--badge-offset, calc(var(--_badge-size) / 4))}:host([placement="bottom-end"]) [part="indicator"], :host([placement="bottom-start"]) [part="indicator"] {inset-block-end: var(--badge-offset, calc(var(--_badge-size) / 4));inset-block-start: auto}:host([placement="top-start"]) [part="indicator"] {translate: -50% -50%}:host([placement="bottom-end"]) [part="indicator"] {translate: 50% 50%}:host([placement="bottom-start"]) [part="indicator"] {translate: -50% 50%}:host([placement="inline"]) {align-items: center;gap: var(--badge-gap, var(--helix-space-2xs))}:host([placement="inline"]) [part="indicator"] {box-shadow: none;position: static;translate: none}:host([emphasis="outlined"]) [part="indicator"] {background-color: var(--badge-background-color, var(--helix-color-background));box-shadow: inset 0 0 0 var(--helix-border-thick) var(--_badge-fill), 0 0 0 var(--helix-border-thick) var(--badge-ring-color, var(--helix-color-background));color: var(--badge-color, var(--helix-color-foreground))}:host([emphasis="subtle"]) [part="indicator"] {background-color: var(--badge-background-color, color-mix(in oklab, var(--_badge-fill) 22%, var(--helix-color-background)));color: var(--badge-color, var(--helix-color-foreground))}:host([emphasis="outlined"][placement="inline"]) [part="indicator"] {box-shadow: inset 0 0 0 var(--helix-border-thick) var(--_badge-fill)}:host([attention="pulse"]) [part="indicator"]:not([data-blank]) {animation: badge-pulse var(--badge-attention-duration, 1.5s) var(--helix-easing-standard) infinite}:host([attention="bounce"]) [part="indicator"]:not([data-blank]) {animation: badge-bounce var(--badge-attention-duration, 1s) var(--helix-easing-standard) infinite}@keyframes badge-pulse {0%, 100% {transform: scale(1)}50% {transform: scale(1.18)}}@keyframes badge-bounce {0%, 20%, 53%, 100% {transform: translateY(0)}40%, 43% {transform: translateY(-30%)}70% {transform: translateY(-15%)}90% {transform: translateY(-4%)}}@media (prefers-reduced-motion: reduce) {:host([attention="pulse"]) [part="indicator"]:not([data-blank]), :host([attention="bounce"]) [part="indicator"]:not([data-blank]) {animation: none}}@media print {:host {box-shadow: none}}@media (forced-colors: active) {[part="indicator"] {forced-color-adjust: none;outline: var(--helix-border-thin) solid CanvasText}}`);
@@ -1,9 +1,4 @@
1
- var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
2
- var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
3
- if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
4
- else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
5
- return c > 3 && r && Object.defineProperty(target, key, r), r;
6
- };
1
+ import { __decorate } from "tslib";
7
2
  import { customElement } from '@fusion.dev/helix-core';
8
3
  import { HelixHeadlessBadge } from '@fusion.dev/helix-headless/badge';
9
4
  import { property } from 'lit/decorators.js';
@@ -1,20 +1,2 @@
1
1
  import { createSheet } from '@fusion.dev/helix-core';
2
- export const styles = createSheet(`:host {display: grid;position: relative;gap: var(--bar-chart-gap, var(--helix-space-2xs));}[part="plot"] {position: relative;block-size: var(--bar-chart-block-size, 12em);}[part="plot"] svg {block-size: 100%;inline-size: 100%;overflow: visible;}[part="baseline"] {stroke: var(--helix-color-border);stroke-width: var(--helix-border-thin);vector-effect: non-scaling-stroke;}[part~="bar"] {--_bar-chart-corners: var(--bar-chart-bar-radius, 2px) var(--bar-chart-bar-radius, 2px) 0 0;--_bar-chart-base: 0 0 calc(var(--bar-chart-bar-stroke, var(--helix-border-thick)) / 2) 0;clip-path: inset(var(--_bar-chart-foot, 0) round var(--_bar-chart-corners));fill: var(--_bar-chart-series);}:host([orientation="horizontal"]) [part~="bar"] {--_bar-chart-corners: 0 var(--bar-chart-bar-radius, 2px) var(--bar-chart-bar-radius, 2px) 0;--_bar-chart-base: 0 0 0 calc(var(--bar-chart-bar-stroke, var(--helix-border-thick)) / 2);}:host([stacked]) [part~="bar"]:not([part~="bar-end"]) {--_bar-chart-corners: 0;}[part~="bar-end-negative"] {--_bar-chart-corners: 0 0 var(--bar-chart-bar-radius, 2px) var(--bar-chart-bar-radius, 2px);}:host([orientation="horizontal"]) [part~="bar-end-negative"] {--_bar-chart-corners: var(--bar-chart-bar-radius, 2px) 0 0 var(--bar-chart-bar-radius, 2px);}[part="labels"] {display: grid;grid-auto-columns: 1fr;grid-auto-flow: column;}[part="label"] {color: var(--helix-color-foreground-muted);font-size: var(--helix-text-xs);overflow: hidden;text-align: center;text-overflow: ellipsis;white-space: nowrap;}:host([orientation="horizontal"]) {grid-template-columns: auto 1fr;}:host([orientation="horizontal"]) [part="labels"] {grid-column: 1;grid-row: 1;}:host([orientation="horizontal"]) [part="plot"] {grid-column: 2;grid-row: 1;}:host([orientation="horizontal"]) [part="labels"] {grid-auto-columns: auto;grid-auto-flow: row;grid-auto-rows: 1fr;align-self: start;block-size: var(--bar-chart-block-size, 12em);}:host([orientation="horizontal"]) [part="label"] {align-self: center;text-align: end;}[part~="bar"],
3
- [part="line"] {--_bar-chart-series: var(--chart-series);}:host {--bar-chart-tone-accent: var(--helix-color-accent);--bar-chart-tone-danger: var(--helix-color-danger);--bar-chart-tone-info: var(--helix-color-info);--bar-chart-tone-muted: var(--helix-color-foreground-subtle);--bar-chart-tone-primary: var(--helix-color-primary);--bar-chart-tone-success: var(--helix-color-success);--bar-chart-tone-warning: var(--helix-color-warning);}[part="plot"]:has([data-active]) [part~="group"]:not([data-active]) {opacity: 0.45;}[part~="group"] {transition: opacity var(--helix-duration-fast) var(--helix-easing-decelerate);}[part~="bar"] {transition:
4
- height var(--helix-duration-normal) var(--helix-easing-decelerate),
5
- width var(--helix-duration-normal) var(--helix-easing-decelerate),
6
- x var(--helix-duration-normal) var(--helix-easing-decelerate),
7
- y var(--helix-duration-normal) var(--helix-easing-decelerate);}@starting-style {:host(:not([orientation="horizontal"])) [part~="bar"] {height: 0;y: 100;}:host([orientation="horizontal"]) [part~="bar"] {width: 0;}}[part="plot"] {cursor: crosshair;}[part="gridline"] {stroke: var(--bar-chart-gridline-color, var(--helix-color-border));stroke-width: var(--helix-border-thin);vector-effect: non-scaling-stroke;}[part="band"] {fill: var(--bar-chart-band-color, var(--helix-color-surface-sunken));}[part="line"] {fill: none;stroke: var(--bar-chart-line-color, var(--_bar-chart-series, var(--helix-color-series-1)));stroke-linecap: round;stroke-linejoin: round;stroke-width: var(--bar-chart-line-width, var(--_chart-stroke));vector-effect: non-scaling-stroke;}:host([secondary]) {grid-template-columns: auto 1fr auto;}:host([secondary]) [part="axis"][data-axis="primary"] {grid-column: 1;grid-row: 1;}:host([secondary]) [part="plot"] {grid-column: 2;grid-row: 1;}[part="axis"][data-axis="secondary"] {--_bar-chart-axis-ink: color-mix(
8
- in oklab,
9
- var(--bar-chart-secondary) 45%,
10
- var(--helix-color-foreground)
11
- );color: var(--_bar-chart-axis-ink, var(--helix-color-foreground-subtle));}:host([secondary]) [part="axis"][data-axis="secondary"] {grid-column: 3;grid-row: 1;}:host([secondary]) [part="labels"] {grid-column: 2;grid-row: 2;}:host([orientation="horizontal"][secondary]) {grid-template-columns: auto 1fr;grid-template-rows: auto 1fr auto;}:host([orientation="horizontal"][secondary]) [part="axis"][data-axis="secondary"] {grid-column: 2;grid-row: 1;}:host([orientation="horizontal"][secondary]) [part="labels"] {grid-column: 1;grid-row: 2;}:host([orientation="horizontal"][secondary]) [part="plot"] {grid-column: 2;grid-row: 2;}:host([orientation="horizontal"][secondary]) [part="axis"][data-axis="primary"] {grid-column: 2;grid-row: 3;}:host([value-axis]:not([secondary]):not([orientation="horizontal"])) {grid-template-columns: auto 1fr;}:host([value-axis]:not([secondary]):not([orientation="horizontal"]))
12
- [part="axis"][data-axis="primary"] {grid-column: 1;grid-row: 1;}:host([value-axis]:not([secondary]):not([orientation="horizontal"])) [part="plot"],
13
- :host([value-axis]:not([secondary]):not([orientation="horizontal"])) [part="labels"] {grid-column: 2;}:host([value-axis][orientation="horizontal"]:not([secondary])) {grid-template-rows: 1fr auto;}:host([value-axis][orientation="horizontal"]:not([secondary])) [part="axis"][data-axis="primary"] {grid-column: 2;grid-row: 2;}[part="axis"] {color: var(--helix-color-foreground-subtle);font-size: var(--helix-text-xs);font-variant-numeric: tabular-nums;pointer-events: none;position: relative;}:host(:not([orientation="horizontal"])) [part="axis"] {inline-size: var(--bar-chart-axis, 3ch);}:host([orientation="horizontal"]) [part="axis"] {block-size: 1lh;}[part="tick"] {position: absolute;}:host(:not([orientation="horizontal"])) [part="tick"] {inset-inline-end: 0;translate: 0 -50%;}:host([orientation="horizontal"]) [part="tick"] {translate: -50% 0;}:host([orientation="horizontal"]:dir(rtl)) [part="tick"] {translate: 50% 0;}:host(:not([orientation="horizontal"])) [part="axis"][data-axis="secondary"] [part="tick"] {inset-inline-end: auto;inset-inline-start: 0;}[part~="bar"] {fill-opacity: calc(var(--_bar-chart-area, 1) * var(--_bar-chart-through, 1));stroke-opacity: var(--_bar-chart-through, 1);}[part~="bar"][data-emphasis="outlined"],
14
- :host([emphasis="outlined"]) [part~="bar"]:not([data-emphasis]) {--_bar-chart-foot: var(--_bar-chart-base);fill: var(--_bar-chart-shade);stroke: var(--_bar-chart-series);stroke-width: var(--bar-chart-bar-stroke, var(--helix-border-thick));vector-effect: non-scaling-stroke;}[part~="bar"][data-emphasis="subtle"],
15
- :host([emphasis="subtle"]) [part~="bar"]:not([data-emphasis]) {--_bar-chart-area: 0.2;--_bar-chart-foot: var(--_bar-chart-base);stroke: var(--_bar-chart-series);stroke-width: var(--bar-chart-bar-stroke, var(--helix-border-thick));vector-effect: non-scaling-stroke;}[part~="bar"] {--_bar-chart-shade: color-mix(
16
- in oklab,
17
- var(--_bar-chart-series) 60%,
18
- var(--helix-color-background)
19
- );}[part~="bar"][data-material="glass"],
20
- :host([material="glass"]) [part~="bar"]:not([data-material]) {--_bar-chart-through: calc(0.62 * var(--helix-material-opacity));}:host([material="frosted"]) [part~="bar"]:not([data-material]) {--_bar-chart-through: calc(0.88 * var(--helix-material-opacity));}:host([wash="gradient"]) [part~="bar"] {fill: var(--chart-bar-wash);}[part="bar-wash-start"] {stop-color: var(--chart-series);stop-opacity: calc(1 * var(--helix-material-opacity));}[part="bar-wash-end"] {stop-color: var(--chart-series);stop-opacity: calc(0.35 * var(--helix-material-opacity));}@media print {:host {print-color-adjust: exact;}}[part="summary"] {block-size: 1px;clip-path: inset(50%);inline-size: 1px;margin: var(--helix-space-none);overflow: hidden;position: absolute;white-space: nowrap;}`);
2
+ export const styles = createSheet(`:host {display: grid;position: relative;gap: var(--bar-chart-gap, var(--helix-space-2xs))}[part="plot"] {position: relative;block-size: var(--bar-chart-block-size, 12em)}[part="plot"] svg {block-size: 100%;inline-size: 100%;overflow: visible}[part="baseline"] {stroke: var(--helix-color-border);stroke-width: var(--helix-border-thin);vector-effect: non-scaling-stroke}[part~="bar"] {--_bar-chart-corners: var(--bar-chart-bar-radius, 2px) var(--bar-chart-bar-radius, 2px) 0 0;--_bar-chart-base: 0 0 calc(var(--bar-chart-bar-stroke, var(--helix-border-thick)) / 2) 0;clip-path: inset(var(--_bar-chart-foot, 0) round var(--_bar-chart-corners));fill: var(--_bar-chart-series)}:host([orientation="horizontal"]) [part~="bar"] {--_bar-chart-corners: 0 var(--bar-chart-bar-radius, 2px) var(--bar-chart-bar-radius, 2px) 0;--_bar-chart-base: 0 0 0 calc(var(--bar-chart-bar-stroke, var(--helix-border-thick)) / 2)}:host([stacked]) [part~="bar"]:not([part~="bar-end"]) {--_bar-chart-corners: 0}[part~="bar-end-negative"] {--_bar-chart-corners: 0 0 var(--bar-chart-bar-radius, 2px) var(--bar-chart-bar-radius, 2px)}:host([orientation="horizontal"]) [part~="bar-end-negative"] {--_bar-chart-corners: var(--bar-chart-bar-radius, 2px) 0 0 var(--bar-chart-bar-radius, 2px)}[part="labels"] {display: grid;grid-auto-columns: 1fr;grid-auto-flow: column}[part="label"] {color: var(--helix-color-foreground-muted);font-size: var(--helix-text-xs);overflow: hidden;text-align: center;text-overflow: ellipsis;white-space: nowrap}:host([orientation="horizontal"]) {grid-template-columns: auto 1fr}:host([orientation="horizontal"]) [part="labels"] {grid-column: 1;grid-row: 1}:host([orientation="horizontal"]) [part="plot"] {grid-column: 2;grid-row: 1}:host([orientation="horizontal"]) [part="labels"] {grid-auto-columns: auto;grid-auto-flow: row;grid-auto-rows: 1fr;align-self: start;block-size: var(--bar-chart-block-size, 12em)}:host([orientation="horizontal"]) [part="label"] {align-self: center;text-align: end}[part~="bar"], [part="line"] {--_bar-chart-series: var(--chart-series)}:host {--bar-chart-tone-accent: var(--helix-color-accent);--bar-chart-tone-danger: var(--helix-color-danger);--bar-chart-tone-info: var(--helix-color-info);--bar-chart-tone-muted: var(--helix-color-foreground-subtle);--bar-chart-tone-primary: var(--helix-color-primary);--bar-chart-tone-success: var(--helix-color-success);--bar-chart-tone-warning: var(--helix-color-warning)}[part="plot"]:has([data-active]) [part~="group"]:not([data-active]) {opacity: 0.45}[part~="group"] {transition: opacity var(--helix-duration-fast) var(--helix-easing-decelerate)}[part~="bar"] {transition: height var(--helix-duration-normal) var(--helix-easing-decelerate), width var(--helix-duration-normal) var(--helix-easing-decelerate), x var(--helix-duration-normal) var(--helix-easing-decelerate), y var(--helix-duration-normal) var(--helix-easing-decelerate)}@starting-style {:host(:not([orientation="horizontal"])) [part~="bar"] {height: 0;y: 100}:host([orientation="horizontal"]) [part~="bar"] {width: 0}}[part="plot"] {cursor: crosshair}[part="gridline"] {stroke: var(--bar-chart-gridline-color, var(--helix-color-border));stroke-width: var(--helix-border-thin);vector-effect: non-scaling-stroke}[part="band"] {fill: var(--bar-chart-band-color, var(--helix-color-surface-sunken))}[part="line"] {fill: none;stroke: var(--bar-chart-line-color, var(--_bar-chart-series, var(--helix-color-series-1)));stroke-linecap: round;stroke-linejoin: round;stroke-width: var(--bar-chart-line-width, var(--_chart-stroke));vector-effect: non-scaling-stroke}:host([secondary]) {grid-template-columns: auto 1fr auto}:host([secondary]) [part="axis"][data-axis="primary"] {grid-column: 1;grid-row: 1}:host([secondary]) [part="plot"] {grid-column: 2;grid-row: 1}[part="axis"][data-axis="secondary"] {--_bar-chart-axis-ink: color-mix(in oklab, var(--bar-chart-secondary) 45%, var(--helix-color-foreground));color: var(--_bar-chart-axis-ink, var(--helix-color-foreground-subtle))}:host([secondary]) [part="axis"][data-axis="secondary"] {grid-column: 3;grid-row: 1}:host([secondary]) [part="labels"] {grid-column: 2;grid-row: 2}:host([orientation="horizontal"][secondary]) {grid-template-columns: auto 1fr;grid-template-rows: auto 1fr auto}:host([orientation="horizontal"][secondary]) [part="axis"][data-axis="secondary"] {grid-column: 2;grid-row: 1}:host([orientation="horizontal"][secondary]) [part="labels"] {grid-column: 1;grid-row: 2}:host([orientation="horizontal"][secondary]) [part="plot"] {grid-column: 2;grid-row: 2}:host([orientation="horizontal"][secondary]) [part="axis"][data-axis="primary"] {grid-column: 2;grid-row: 3}:host([value-axis]:not([secondary]):not([orientation="horizontal"])) {grid-template-columns: auto 1fr}:host([value-axis]:not([secondary]):not([orientation="horizontal"])) [part="axis"][data-axis="primary"] {grid-column: 1;grid-row: 1}:host([value-axis]:not([secondary]):not([orientation="horizontal"])) [part="plot"], :host([value-axis]:not([secondary]):not([orientation="horizontal"])) [part="labels"] {grid-column: 2}:host([value-axis][orientation="horizontal"]:not([secondary])) {grid-template-rows: 1fr auto}:host([value-axis][orientation="horizontal"]:not([secondary])) [part="axis"][data-axis="primary"] {grid-column: 2;grid-row: 2}[part="axis"] {color: var(--helix-color-foreground-subtle);font-size: var(--helix-text-xs);font-variant-numeric: tabular-nums;pointer-events: none;position: relative}:host(:not([orientation="horizontal"])) [part="axis"] {inline-size: var(--bar-chart-axis, 3ch)}:host([orientation="horizontal"]) [part="axis"] {block-size: 1lh}[part="tick"] {position: absolute}:host(:not([orientation="horizontal"])) [part="tick"] {inset-inline-end: 0;translate: 0 -50%}:host([orientation="horizontal"]) [part="tick"] {translate: -50% 0}:host([orientation="horizontal"]:dir(rtl)) [part="tick"] {translate: 50% 0}:host(:not([orientation="horizontal"])) [part="axis"][data-axis="secondary"] [part="tick"] {inset-inline-end: auto;inset-inline-start: 0}[part~="bar"] {fill-opacity: calc(var(--_bar-chart-area, 1) * var(--_bar-chart-through, 1));stroke-opacity: var(--_bar-chart-through, 1)}[part~="bar"][data-emphasis="outlined"], :host([emphasis="outlined"]) [part~="bar"]:not([data-emphasis]) {--_bar-chart-foot: var(--_bar-chart-base);fill: var(--_bar-chart-shade);stroke: var(--_bar-chart-series);stroke-width: var(--bar-chart-bar-stroke, var(--helix-border-thick));vector-effect: non-scaling-stroke}[part~="bar"][data-emphasis="subtle"], :host([emphasis="subtle"]) [part~="bar"]:not([data-emphasis]) {--_bar-chart-area: 0.2;--_bar-chart-foot: var(--_bar-chart-base);stroke: var(--_bar-chart-series);stroke-width: var(--bar-chart-bar-stroke, var(--helix-border-thick));vector-effect: non-scaling-stroke}[part~="bar"] {--_bar-chart-shade: color-mix(in oklab, var(--_bar-chart-series) 60%, var(--helix-color-background))}[part~="bar"][data-material="glass"], :host([material="glass"]) [part~="bar"]:not([data-material]) {--_bar-chart-through: calc(0.62 * var(--helix-material-opacity))}:host([material="frosted"]) [part~="bar"]:not([data-material]) {--_bar-chart-through: calc(0.88 * var(--helix-material-opacity))}:host([wash="gradient"]) [part~="bar"] {fill: var(--chart-bar-wash)}[part="bar-wash-start"] {stop-color: var(--chart-series);stop-opacity: calc(1 * var(--helix-material-opacity))}[part="bar-wash-end"] {stop-color: var(--chart-series);stop-opacity: calc(0.35 * var(--helix-material-opacity))}@media print {:host {print-color-adjust: exact}}[part="summary"] {block-size: 1px;clip-path: inset(50%);inline-size: 1px;margin: var(--helix-space-none);overflow: hidden;position: absolute;white-space: nowrap}`);
@@ -1,9 +1,4 @@
1
- var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
2
- var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
3
- if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
4
- else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
5
- return c > 3 && r && Object.defineProperty(target, key, r), r;
6
- };
1
+ import { __decorate } from "tslib";
7
2
  import { customElement, seriesIndex, seriesNames } from '@fusion.dev/helix-core';
8
3
  import { HelixHeadlessBarChart } from '@fusion.dev/helix-headless/bar-chart';
9
4
  import { property } from 'lit/decorators.js';
@@ -1,3 +1,2 @@
1
1
  import { createSheet } from '@fusion.dev/helix-core';
2
- export const styles = createSheet(`:host {display: block;}[part="figure"] {margin: var(--helix-space-none);}[part="blockquote"] {display: block;margin: var(--helix-space-none);}:host([marks]) [part="blockquote"]::before {color: var(--blockquote-mark-color, var(--helix-color-foreground-subtle));content: open-quote / "";float: inline-start;font-family: var(--blockquote-font-family, var(--helix-font-display));font-size: var(--blockquote-mark-size, var(--helix-text-3xl));line-height: 1;margin-inline-end: var(--helix-space-xs);}:host([marks]) [part="blockquote"]::after {content: no-close-quote;}:host([text-align="start"]) {text-align: start;}:host([text-align="center"]) {text-align: center;}:host([text-align="end"]) {text-align: end;}:host([text-wrap="balance"]) {text-wrap: balance;}:host([text-wrap="pretty"]) {text-wrap: pretty;}:host([marks][text-align="center"]) [part="blockquote"]::before,
3
- :host([marks][text-align="end"]) [part="blockquote"]::before {display: block;float: none;line-height: 0.75;margin-inline-end: var(--helix-space-none);}slot:not([name]) {color: var(--blockquote-color, var(--helix-color-foreground-muted));font-family: var(--blockquote-font-family, var(--helix-font-display));font-size: var(--blockquote-size, var(--helix-text-xl));font-weight: var(--blockquote-font-weight, var(--helix-weight-medium));letter-spacing: var(--blockquote-letter-spacing, var(--helix-tracking-tight));line-height: var(--blockquote-line-height, var(--helix-leading-tight));}slot:not([name])::slotted(*) {margin: var(--helix-space-none);}[part="attribution"] {color: var(--blockquote-attribution-color, var(--helix-color-foreground-muted));font-family: var(--blockquote-attribution-font-family, inherit);font-size: var(--blockquote-attribution-size, var(--helix-text-sm));font-weight: var(--blockquote-attribution-font-weight, inherit);margin-block-start: var(--blockquote-gap, var(--helix-space-sm));}[part="attribution"][data-empty] {display: none;}@media print {:host {print-color-adjust: economy;}}`);
2
+ export const styles = createSheet(`:host {display: block}[part="figure"] {margin: var(--helix-space-none)}[part="blockquote"] {display: block;margin: var(--helix-space-none)}:host([marks]) [part="blockquote"]::before {color: var(--blockquote-mark-color, var(--helix-color-foreground-subtle));content: open-quote / "";float: inline-start;font-family: var(--blockquote-font-family, var(--helix-font-display));font-size: var(--blockquote-mark-size, var(--helix-text-3xl));line-height: 1;margin-inline-end: var(--helix-space-xs)}:host([marks]) [part="blockquote"]::after {content: no-close-quote}:host([text-align="start"]) {text-align: start}:host([text-align="center"]) {text-align: center}:host([text-align="end"]) {text-align: end}:host([text-wrap="balance"]) {text-wrap: balance}:host([text-wrap="pretty"]) {text-wrap: pretty}:host([marks][text-align="center"]) [part="blockquote"]::before, :host([marks][text-align="end"]) [part="blockquote"]::before {display: block;float: none;line-height: 0.75;margin-inline-end: var(--helix-space-none)}slot:not([name]) {color: var(--blockquote-color, var(--helix-color-foreground-muted));font-family: var(--blockquote-font-family, var(--helix-font-display));font-size: var(--blockquote-size, var(--helix-text-xl));font-weight: var(--blockquote-font-weight, var(--helix-weight-medium));letter-spacing: var(--blockquote-letter-spacing, var(--helix-tracking-tight));line-height: var(--blockquote-line-height, var(--helix-leading-tight))}slot:not([name])::slotted(*) {margin: var(--helix-space-none)}[part="attribution"] {color: var(--blockquote-attribution-color, var(--helix-color-foreground-muted));font-family: var(--blockquote-attribution-font-family, inherit);font-size: var(--blockquote-attribution-size, var(--helix-text-sm));font-weight: var(--blockquote-attribution-font-weight, inherit);margin-block-start: var(--blockquote-gap, var(--helix-space-sm))}[part="attribution"][data-empty] {display: none}@media print {:host {print-color-adjust: economy}}`);
@@ -1,9 +1,4 @@
1
- var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
2
- var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
3
- if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
4
- else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
5
- return c > 3 && r && Object.defineProperty(target, key, r), r;
6
- };
1
+ import { __decorate } from "tslib";
7
2
  import { customElement } from '@fusion.dev/helix-core';
8
3
  import { HelixHeadlessBlockquote } from '@fusion.dev/helix-headless/blockquote';
9
4
  import { property } from 'lit/decorators.js';
@@ -1,26 +1,2 @@
1
1
  import { createSheet } from '@fusion.dev/helix-core';
2
- export const styles = createSheet(`:host {--icon-button-size: var(
3
- --breadcrumbs-control-size,
4
- calc(var(--helix-text-control) * var(--helix-leading-normal) + var(--helix-space-2xs) * 2)
5
- );--button-size: var(
6
- --breadcrumbs-control-size,
7
- calc(var(--helix-text-control) * var(--helix-leading-normal) + var(--helix-space-2xs) * 2)
8
- );--button-padding-inline: var(--breadcrumbs-control-padding-inline, var(--helix-space-xs));--button-gap: var(--helix-space-2xs);align-items: center;display: inline-flex;gap: var(--breadcrumbs-gap, var(--helix-space-xs));}[part="separator"] {color: var(--breadcrumbs-separator-color, var(--helix-color-foreground-subtle));display: block;user-select: none;}[part="separator"] svg {block-size: 1em;inline-size: 1em;vertical-align: calc(0.5cap - 0.5em);}:host(:first-child) [part="separator"] {display: none;}::slotted(a) {background-color: transparent;border-radius: var(--breadcrumbs-radius, var(--helix-radii-sm));padding: var(--helix-space-2xs) var(--helix-space-xs);transition: background-color var(--helix-duration-fast) var(--helix-easing-standard);}:host(:first-child) ::slotted(a) {margin-inline-start: calc(var(--helix-space-xs) * -1);}::slotted(a:hover) {background-color: var(
9
- --breadcrumbs-hover-color,
10
- color-mix(in oklab, var(--helix-color-foreground) 8%, transparent)
11
- );}::slotted(a:focus-visible) {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: var(--helix-size-focus-offset);}:host {font-weight: var(--breadcrumbs-font-weight, var(--helix-weight-medium));}:host([current]) {color: var(--breadcrumbs-current-color, var(--helix-color-foreground));}[part="link"] {align-items: center;border-radius: var(--breadcrumbs-radius, var(--helix-radii-sm));color: var(--breadcrumbs-link-color, var(--helix-color-foreground-muted));display: inline-flex;gap: var(--helix-space-xs);padding: var(--helix-space-2xs) var(--helix-space-xs);text-decoration: none;}:host(:first-child) a[part="link"] {margin-inline-start: calc(var(--helix-space-xs) * -1);}:host(:not([href])) [part="link"] {padding-block: var(--helix-space-none);}:host(:not([href]):not([current])) [part="link"] {padding-inline: var(--helix-space-none);}a[part="link"]:hover {background-color: var(
12
- --breadcrumbs-hover-color,
13
- color-mix(in oklab, var(--helix-color-foreground) 8%, transparent)
14
- );color: var(--breadcrumbs-current-color, var(--helix-color-foreground));}a[part="link"]:focus-visible {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: var(--helix-size-focus-offset);}:host([current]) [part="link"] {color: var(--breadcrumbs-current-color, var(--helix-color-foreground));}:host(:state(end)) [part="link"],
15
- :host(:state(end)) ::slotted(a) {border-end-end-radius: var(--helix-radii-none);border-start-end-radius: var(--helix-radii-none);padding-inline-end: var(--helix-space-2xs);}:host(:state(end)) slot[name="end"] {--button-radius: var(--breadcrumbs-radius, var(--helix-radii-sm));--button-radius-start: var(--helix-radii-none);--helix-size-focus-offset: calc(var(--helix-size-focus-ring) * -1);--icon-button-background-color-hover: var(
16
- --breadcrumbs-hover-color,
17
- color-mix(in oklab, var(--helix-color-foreground) 8%, transparent)
18
- );--icon-button-radius: var(--breadcrumbs-radius, var(--helix-radii-sm));--icon-size: 1.15em;align-items: center;display: inline-flex;margin-inline-start: calc(var(--breadcrumbs-gap, var(--helix-space-xs)) * -1);}:host(:state(end)) a[part="link"]:focus-visible,
19
- :host(:state(end)) ::slotted(a:focus-visible) {outline-offset: calc(var(--helix-size-focus-offset) * -1);}:host(:state(end)) [part="link"]:focus-visible,
20
- :host(:state(end)) ::slotted(a:focus-visible),
21
- :host(:state(end)) slot[name="end"]:focus-within {position: relative;z-index: var(--helix-layer-raised);}:host(:state(end)) [part="link"]:hover ~ slot[name="end"] {--icon-button-background-color: var(--_breadcrumbs-split-fill, transparent);}:host(:state(end)) [part="link"]:has(~ slot[name="end"]:hover),
22
- :host(:state(end)) [part="link"]:has(~ slot[name="end"]:hover) ::slotted(a) {background-color: var(--_breadcrumbs-split-fill, transparent);}:host(:state(end)) [part="link"] {position: relative;}:host(:state(end)) [part="link"]::after {background-color: var(--_breadcrumbs-split-rule, transparent);content: "";inline-size: var(--helix-border-thin);inset-block: 20%;inset-inline-end: calc(var(--helix-border-thin) * -1);pointer-events: none;position: absolute;}:host([hidden]),
23
- :host(:state(folded)) {display: none;}[part="fold-separator"] {color: var(--breadcrumbs-separator-color, var(--helix-color-foreground-subtle));display: block;user-select: none;}[part="fold-separator"] svg {block-size: 1em;inline-size: 1em;vertical-align: calc(0.5cap - 0.5em);}[part="expand"] {all: unset;border-radius: var(--breadcrumbs-radius, var(--helix-radii-sm));box-sizing: border-box;color: var(--breadcrumbs-link-color, var(--helix-color-foreground-muted));cursor: pointer;line-height: var(--helix-leading-normal);padding: var(--helix-space-2xs) var(--helix-space-xs);}[part="expand"]:hover {background-color: var(
24
- --breadcrumbs-hover-color,
25
- color-mix(in oklab, var(--helix-color-foreground) 8%, transparent)
26
- );color: var(--breadcrumbs-current-color, var(--helix-color-foreground));}[part="expand"]:focus-visible {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: var(--helix-size-focus-offset);}`);
2
+ export const styles = createSheet(`:host {--icon-button-size: var(--breadcrumbs-control-size, calc(var(--helix-text-control) * var(--helix-leading-normal) + var(--helix-space-2xs) * 2));--button-size: var(--breadcrumbs-control-size, calc(var(--helix-text-control) * var(--helix-leading-normal) + var(--helix-space-2xs) * 2));--button-padding-inline: var(--breadcrumbs-control-padding-inline, var(--helix-space-xs));--button-gap: var(--helix-space-2xs);align-items: center;display: inline-flex;gap: var(--breadcrumbs-gap, var(--helix-space-xs))}[part="separator"] {color: var(--breadcrumbs-separator-color, var(--helix-color-foreground-subtle));display: block;user-select: none}[part="separator"] svg {block-size: 1em;inline-size: 1em;vertical-align: calc(0.5cap - 0.5em)}:host(:first-child) [part="separator"] {display: none}::slotted(a) {background-color: transparent;border-radius: var(--breadcrumbs-radius, var(--helix-radii-sm));padding: var(--helix-space-2xs) var(--helix-space-xs);transition: background-color var(--helix-duration-fast) var(--helix-easing-standard)}:host(:first-child) ::slotted(a) {margin-inline-start: calc(var(--helix-space-xs) * -1)}::slotted(a:hover) {background-color: var(--breadcrumbs-hover-color, color-mix(in oklab, var(--helix-color-foreground) 8%, transparent))}::slotted(a:focus-visible) {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: var(--helix-size-focus-offset)}:host {font-weight: var(--breadcrumbs-font-weight, var(--helix-weight-medium))}:host([current]) {color: var(--breadcrumbs-current-color, var(--helix-color-foreground))}[part="link"] {align-items: center;border-radius: var(--breadcrumbs-radius, var(--helix-radii-sm));color: var(--breadcrumbs-link-color, var(--helix-color-foreground-muted));display: inline-flex;gap: var(--helix-space-xs);padding: var(--helix-space-2xs) var(--helix-space-xs);text-decoration: none}:host(:first-child) a[part="link"] {margin-inline-start: calc(var(--helix-space-xs) * -1)}:host(:not([href])) [part="link"] {padding-block: var(--helix-space-none)}:host(:not([href]):not([current])) [part="link"] {padding-inline: var(--helix-space-none)}a[part="link"]:hover {background-color: var(--breadcrumbs-hover-color, color-mix(in oklab, var(--helix-color-foreground) 8%, transparent));color: var(--breadcrumbs-current-color, var(--helix-color-foreground))}a[part="link"]:focus-visible {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: var(--helix-size-focus-offset)}:host([current]) [part="link"] {color: var(--breadcrumbs-current-color, var(--helix-color-foreground))}:host(:state(end)) [part="link"], :host(:state(end)) ::slotted(a) {border-end-end-radius: var(--helix-radii-none);border-start-end-radius: var(--helix-radii-none);padding-inline-end: var(--helix-space-2xs)}:host(:state(end)) slot[name="end"] {--button-radius: var(--breadcrumbs-radius, var(--helix-radii-sm));--button-radius-start: var(--helix-radii-none);--helix-size-focus-offset: calc(var(--helix-size-focus-ring) * -1);--icon-button-background-color-hover: var(--breadcrumbs-hover-color, color-mix(in oklab, var(--helix-color-foreground) 8%, transparent));--icon-button-radius: var(--breadcrumbs-radius, var(--helix-radii-sm));--icon-size: 1.15em;align-items: center;display: inline-flex;margin-inline-start: calc(var(--breadcrumbs-gap, var(--helix-space-xs)) * -1)}:host(:state(end)) a[part="link"]:focus-visible, :host(:state(end)) ::slotted(a:focus-visible) {outline-offset: calc(var(--helix-size-focus-offset) * -1)}:host(:state(end)) [part="link"]:focus-visible, :host(:state(end)) ::slotted(a:focus-visible), :host(:state(end)) slot[name="end"]:focus-within {position: relative;z-index: var(--helix-layer-raised)}:host(:state(end)) [part="link"]:hover ~ slot[name="end"] {--icon-button-background-color: var(--_breadcrumbs-split-fill, transparent)}:host(:state(end)) [part="link"]:has(~ slot[name="end"]:hover), :host(:state(end)) [part="link"]:has(~ slot[name="end"]:hover) ::slotted(a) {background-color: var(--_breadcrumbs-split-fill, transparent)}:host(:state(end)) [part="link"] {position: relative}:host(:state(end)) [part="link"]::after {background-color: var(--_breadcrumbs-split-rule, transparent);content: "";inline-size: var(--helix-border-thin);inset-block: 20%;inset-inline-end: calc(var(--helix-border-thin) * -1);pointer-events: none;position: absolute}:host([hidden]), :host(:state(folded)) {display: none}[part="fold-separator"] {color: var(--breadcrumbs-separator-color, var(--helix-color-foreground-subtle));display: block;user-select: none}[part="fold-separator"] svg {block-size: 1em;inline-size: 1em;vertical-align: calc(0.5cap - 0.5em)}[part="expand"] {all: unset;border-radius: var(--breadcrumbs-radius, var(--helix-radii-sm));box-sizing: border-box;color: var(--breadcrumbs-link-color, var(--helix-color-foreground-muted));cursor: pointer;line-height: var(--helix-leading-normal);padding: var(--helix-space-2xs) var(--helix-space-xs)}[part="expand"]:hover {background-color: var(--breadcrumbs-hover-color, color-mix(in oklab, var(--helix-color-foreground) 8%, transparent));color: var(--breadcrumbs-current-color, var(--helix-color-foreground))}[part="expand"]:focus-visible {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: var(--helix-size-focus-offset)}`);
@@ -1,9 +1,4 @@
1
- var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
2
- var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
3
- if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
4
- else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
5
- return c > 3 && r && Object.defineProperty(target, key, r), r;
6
- };
1
+ import { __decorate } from "tslib";
7
2
  import { customElement } from '@fusion.dev/helix-core';
8
3
  import { HelixHeadlessBreadcrumb } from '@fusion.dev/helix-headless/breadcrumbs';
9
4
  import { styles } from './breadcrumb.css.js';
@@ -1,8 +1,2 @@
1
1
  import { createSheet } from '@fusion.dev/helix-core';
2
- export const styles = createSheet(`:host {--_breadcrumbs-split-fill: var(
3
- --breadcrumbs-split-fill,
4
- color-mix(in oklab, var(--helix-color-foreground) 4%, transparent)
5
- );--_breadcrumbs-split-rule: transparent;display: block;}:host([separation="outlined"]) {--_breadcrumbs-split-fill: transparent;--_breadcrumbs-split-rule: var(--breadcrumbs-split-divider-color, var(--helix-color-border));}[part="list"] {align-items: center;display: flex;flex-wrap: wrap;font-size: var(--breadcrumbs-font-size, var(--helix-text-sm));gap: var(--breadcrumbs-gap, var(--helix-space-xs));list-style: none;margin: var(--helix-space-none);padding: var(--helix-space-none);}[part="expand"] {all: unset;border-radius: var(--breadcrumbs-radius, var(--helix-radii-sm));box-sizing: border-box;color: var(--breadcrumbs-link-color, var(--helix-color-foreground-muted));cursor: pointer;line-height: var(--helix-leading-normal);padding: var(--helix-space-2xs) var(--helix-space-xs);}[part="expand"]:hover {background-color: var(
6
- --breadcrumbs-hover-color,
7
- color-mix(in oklab, var(--helix-color-foreground) 8%, transparent)
8
- );color: var(--breadcrumbs-current-color, var(--helix-color-foreground));}[part="expand"]:focus-visible {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: var(--helix-size-focus-offset);}@media print {:host {print-color-adjust: economy;}}`);
2
+ export const styles = createSheet(`:host {--_breadcrumbs-split-fill: var(--breadcrumbs-split-fill, color-mix(in oklab, var(--helix-color-foreground) 4%, transparent));--_breadcrumbs-split-rule: transparent;display: block}:host([separation="outlined"]) {--_breadcrumbs-split-fill: transparent;--_breadcrumbs-split-rule: var(--breadcrumbs-split-divider-color, var(--helix-color-border))}[part="list"] {align-items: center;display: flex;flex-wrap: wrap;font-size: var(--breadcrumbs-font-size, var(--helix-text-sm));gap: var(--breadcrumbs-gap, var(--helix-space-xs));list-style: none;margin: var(--helix-space-none);padding: var(--helix-space-none)}[part="expand"] {all: unset;border-radius: var(--breadcrumbs-radius, var(--helix-radii-sm));box-sizing: border-box;color: var(--breadcrumbs-link-color, var(--helix-color-foreground-muted));cursor: pointer;line-height: var(--helix-leading-normal);padding: var(--helix-space-2xs) var(--helix-space-xs)}[part="expand"]:hover {background-color: var(--breadcrumbs-hover-color, color-mix(in oklab, var(--helix-color-foreground) 8%, transparent));color: var(--breadcrumbs-current-color, var(--helix-color-foreground))}[part="expand"]:focus-visible {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: var(--helix-size-focus-offset)}@media print {:host {print-color-adjust: economy}}`);
@@ -1,9 +1,4 @@
1
- var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
2
- var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
3
- if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
4
- else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
5
- return c > 3 && r && Object.defineProperty(target, key, r), r;
6
- };
1
+ import { __decorate } from "tslib";
7
2
  import { customElement } from '@fusion.dev/helix-core';
8
3
  import { HelixHeadlessBreadcrumbs } from '@fusion.dev/helix-headless/breadcrumbs';
9
4
  import { property } from 'lit/decorators.js';