@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,8 +1,2 @@
1
1
  import { createSheet } from '@fusion.dev/helix-core';
2
- export const styles = createSheet(`:host {--_input-size: var(--input-size, var(--helix-size-control));}[part="field"] {align-items: center;background-color: var(--input-background-color, var(--helix-color-well));block-size: var(--_input-size);border: var(--helix-border-thin) solid var(--input-border-color, var(--helix-color-border));border-radius: var(--input-radius, var(--helix-radii-sm));color: var(--helix-color-foreground-subtle);display: flex;gap: var(--helix-space-2xs);padding-inline: var(--input-padding-inline, var(--helix-space-xs));transition:
3
- border-color var(--helix-duration-fast) var(--helix-easing-standard),
4
- background-color var(--helix-duration-fast) var(--helix-easing-standard);}[part="control"] {block-size: 100%;}[part="control"]::-webkit-search-cancel-button {appearance: none;}slot[name="start"]::slotted(*),
5
- slot[name="end"]::slotted(*) {color: var(--helix-color-foreground-subtle);flex: 0 0 auto;}:host(:disabled) [part="field"] {cursor: not-allowed;opacity: 0.5;}:host([readonly]) [part="field"] {background-color: transparent;}[part="clear"],
6
- [part~="reveal"] {--icon-size: var(--helix-size-icon-tight);all: unset;align-items: center;border-radius: var(--helix-radii-sm);box-sizing: border-box;color: var(--helix-color-foreground-muted);cursor: pointer;display: flex;flex: 0 0 auto;justify-content: center;min-block-size: var(--helix-size-icon-loose);min-inline-size: var(--helix-size-icon-loose);transition: color var(--helix-duration-fast) var(--helix-easing-standard);}[part="clear"]:hover,
7
- [part~="reveal"]:hover {color: var(--helix-color-foreground);}[part="clear"]:focus-visible,
8
- [part~="reveal"]:focus-visible {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: var(--helix-size-focus-offset);}[part~="reveal"][aria-pressed="true"] {color: var(--helix-color-foreground);}@media print {:host {print-color-adjust: exact;}}`);
2
+ export const styles = createSheet(`:host {--_input-size: var(--input-size, var(--helix-size-control))}[part="field"] {align-items: center;background-color: var(--input-background-color, var(--helix-color-well));block-size: var(--_input-size);border: var(--helix-border-thin) solid var(--input-border-color, var(--helix-color-border));border-radius: var(--input-radius, var(--helix-radii-sm));color: var(--helix-color-foreground-subtle);display: flex;gap: var(--helix-space-2xs);padding-inline: var(--input-padding-inline, var(--helix-space-xs));transition: border-color var(--helix-duration-fast) var(--helix-easing-standard), background-color var(--helix-duration-fast) var(--helix-easing-standard)}[part="control"] {block-size: 100%}[part="control"]::-webkit-search-cancel-button {appearance: none}slot[name="start"]::slotted(*), slot[name="end"]::slotted(*) {color: var(--helix-color-foreground-subtle);flex: 0 0 auto}:host(:disabled) [part="field"] {cursor: not-allowed;opacity: 0.5}:host([readonly]) [part="field"] {background-color: transparent}[part="clear"], [part~="reveal"] {--icon-size: var(--helix-size-icon-tight);all: unset;align-items: center;border-radius: var(--helix-radii-sm);box-sizing: border-box;color: var(--helix-color-foreground-muted);cursor: pointer;display: flex;flex: 0 0 auto;justify-content: center;min-block-size: var(--helix-size-icon-loose);min-inline-size: var(--helix-size-icon-loose);transition: color var(--helix-duration-fast) var(--helix-easing-standard)}[part="clear"]:hover, [part~="reveal"]:hover {color: var(--helix-color-foreground)}[part="clear"]:focus-visible, [part~="reveal"]:focus-visible {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: var(--helix-size-focus-offset)}[part~="reveal"][aria-pressed="true"] {color: var(--helix-color-foreground)}@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 { HelixHeadlessInput } from '@fusion.dev/helix-headless/input';
9
4
  import { styles as fieldStyles } from '../../shared/field/field.css.js';
@@ -1,4 +1,2 @@
1
1
  import { createSheet } from '@fusion.dev/helix-core';
2
- export const styles = createSheet(`:host {--_kbd-size: var(--kbd-font-size, 0.85em);--_kbd-height: var(--kbd-block-size, 1.5em);--_kbd-inset: var(--kbd-padding-inline, 0.4em);display: inline-flex;font: inherit;vertical-align: -0.05em;}[part="kbd"] {align-items: center;background-color: var(--kbd-background-color, var(--helix-color-surface-sunken));block-size: var(--_kbd-height);border: var(--helix-border-thin) solid var(--kbd-border-color, var(--helix-color-border));border-radius: var(--kbd-radius, var(--helix-radii-sm));box-shadow: inset 0 -1px 0 0 var(--kbd-border-color, var(--helix-color-border));color: var(--kbd-color, var(--helix-color-foreground-muted));display: inline-flex;font-family: var(--kbd-font-family, var(--helix-font-mono));font-feature-settings:
3
- "liga" 0,
4
- "calt" 0;font-size: var(--_kbd-size);font-variant-ligatures: none;font-weight: var(--kbd-font-weight, var(--helix-weight-medium));justify-content: center;line-height: 1;min-inline-size: var(--_kbd-height);white-space: nowrap;padding-inline: var(--_kbd-inset);padding-block-start: var(--helix-border-thin);}:host([caps]) [part="kbd"] {background-color: transparent;border: 0;box-shadow: none;gap: var(--kbd-gap, var(--helix-space-2xs));min-inline-size: 0;padding: 0;}:host([caps]) [part="key"] {align-items: center;background-color: var(--kbd-background-color, var(--helix-color-surface-sunken));block-size: var(--_kbd-height);border: var(--helix-border-thin) solid var(--kbd-border-color, var(--helix-color-border));border-radius: var(--kbd-radius, var(--helix-radii-sm));box-shadow: inset 0 -1px 0 0 var(--kbd-border-color, var(--helix-color-border));display: inline-flex;justify-content: center;min-inline-size: var(--_kbd-height);padding-block-start: var(--helix-border-thin);padding-inline: var(--_kbd-inset);}[part="separator"] {color: var(--kbd-separator-color, var(--helix-color-foreground-muted));}@media print {:host {box-shadow: none;}}`);
2
+ export const styles = createSheet(`:host {--_kbd-size: var(--kbd-font-size, 0.85em);--_kbd-height: var(--kbd-block-size, 1.5em);--_kbd-inset: var(--kbd-padding-inline, 0.4em);display: inline-flex;font: inherit;vertical-align: -0.05em}[part="kbd"] {align-items: center;background-color: var(--kbd-background-color, var(--helix-color-surface-sunken));block-size: var(--_kbd-height);border: var(--helix-border-thin) solid var(--kbd-border-color, var(--helix-color-border));border-radius: var(--kbd-radius, var(--helix-radii-sm));box-shadow: inset 0 -1px 0 0 var(--kbd-border-color, var(--helix-color-border));color: var(--kbd-color, var(--helix-color-foreground-muted));display: inline-flex;font-family: var(--kbd-font-family, var(--helix-font-mono));font-feature-settings: "liga" 0, "calt" 0;font-size: var(--_kbd-size);font-variant-ligatures: none;font-weight: var(--kbd-font-weight, var(--helix-weight-medium));justify-content: center;line-height: 1;min-inline-size: var(--_kbd-height);white-space: nowrap;padding-inline: var(--_kbd-inset);padding-block-start: var(--helix-border-thin)}:host([caps]) [part="kbd"] {background-color: transparent;border: 0;box-shadow: none;gap: var(--kbd-gap, var(--helix-space-2xs));min-inline-size: 0;padding: 0}:host([caps]) [part="key"] {align-items: center;background-color: var(--kbd-background-color, var(--helix-color-surface-sunken));block-size: var(--_kbd-height);border: var(--helix-border-thin) solid var(--kbd-border-color, var(--helix-color-border));border-radius: var(--kbd-radius, var(--helix-radii-sm));box-shadow: inset 0 -1px 0 0 var(--kbd-border-color, var(--helix-color-border));display: inline-flex;justify-content: center;min-inline-size: var(--_kbd-height);padding-block-start: var(--helix-border-thin);padding-inline: var(--_kbd-inset)}[part="separator"] {color: var(--kbd-separator-color, var(--helix-color-foreground-muted))}@media print {:host {box-shadow: 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 { HelixHeadlessKbd } from '@fusion.dev/helix-headless/kbd';
9
4
  import { styles } from './kbd-root.css.js';
@@ -1,16 +1,2 @@
1
1
  import { createSheet } from '@fusion.dev/helix-core';
2
- export const styles = createSheet(`:host {display: block;}[part="list"] {display: flex;flex-direction: var(--legend-direction, row);flex-wrap: wrap;gap: var(--legend-gap, var(--helix-space-sm));list-style: none;margin: var(--helix-space-none);padding: var(--helix-space-none);}[part~="entry"] {align-items: center;color: var(--legend-color, var(--helix-color-foreground-muted));display: flex;font-size: var(--legend-font-size, var(--helix-text-sm));gap: var(--legend-entry-gap, var(--helix-space-2xs));line-height: var(--helix-leading-tight);}:host([placement="start"]) [part="list"],
3
- :host([placement="end"]) [part="list"] {flex-direction: column;}:host([placement="end"]) [part~="entry"] {flex-direction: row-reverse;text-align: end;}[part~="entry"]::before {--_legend-shade: color-mix(in oklab, var(--chart-series) 60%, var(--helix-color-background));block-size: var(--legend-swatch-size, var(--helix-space-sm));border-radius: var(--legend-swatch-radius, var(--helix-radii-sm));content: "";flex: 0 0 auto;inline-size: var(--legend-swatch-size, var(--helix-space-sm));}[part~="entry"]::before {background-color: color-mix(
4
- in oklab,
5
- var(--chart-series) calc(var(--_legend-area, 1) * var(--_legend-through, 1) * 100%),
6
- transparent
7
- );}[part~="entry"][data-emphasis="outlined"]::before,
8
- :host([emphasis="outlined"]) [part~="entry"]:not([data-emphasis])::before {background-color: color-mix(
9
- in oklab,
10
- var(--_legend-shade) calc(var(--_legend-through, 1) * 100%),
11
- transparent
12
- );border: var(--legend-swatch-stroke, var(--helix-border-thick)) solid
13
- color-mix(in oklab, var(--chart-series) calc(var(--_legend-through, 1) * 100%), transparent);}[part~="entry"][data-emphasis="subtle"]::before,
14
- :host([emphasis="subtle"]) [part~="entry"]:not([data-emphasis])::before {--_legend-area: 0.2;border: var(--legend-swatch-stroke, var(--helix-border-thick)) solid
15
- color-mix(in oklab, var(--chart-series) calc(var(--_legend-through, 1) * 100%), transparent);}[part~="entry"][data-material="glass"]::before,
16
- :host([material="glass"]) [part~="entry"]:not([data-material])::before {--_legend-through: calc(0.62 * var(--helix-material-opacity));}:host([material="frosted"]) [part~="entry"]:not([data-material])::before {--_legend-through: calc(0.88 * var(--helix-material-opacity));}[part="toggle"] {all: unset;box-sizing: border-box;border-radius: var(--helix-radii-sm);cursor: pointer;}[part="toggle"]:focus-visible {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: var(--helix-size-focus-offset);}@media (hover: hover) {[part="toggle"]:hover {color: var(--helix-color-foreground);}}[part~="entry-hidden"] {opacity: var(--legend-hidden-opacity, 0.56);}[part~="entry-hidden"]::before {background-color: transparent;border: var(--legend-swatch-stroke, var(--helix-border-thick)) solid var(--chart-series);}@media print {:host {print-color-adjust: economy;}}@media (forced-colors: active) {[part~="entry"]::before {forced-color-adjust: none;outline: var(--helix-border-thin) solid CanvasText;outline-offset: calc(var(--helix-border-thin) * -1);}}`);
2
+ export const styles = createSheet(`:host {display: block}[part="list"] {display: flex;flex-direction: var(--legend-direction, row);flex-wrap: wrap;gap: var(--legend-gap, var(--helix-space-sm));list-style: none;margin: var(--helix-space-none);padding: var(--helix-space-none)}[part~="entry"] {align-items: center;color: var(--legend-color, var(--helix-color-foreground-muted));display: flex;font-size: var(--legend-font-size, var(--helix-text-sm));gap: var(--legend-entry-gap, var(--helix-space-2xs));line-height: var(--helix-leading-tight)}:host([placement="start"]) [part="list"], :host([placement="end"]) [part="list"] {flex-direction: column}:host([placement="end"]) [part~="entry"] {flex-direction: row-reverse;text-align: end}[part~="entry"]::before {--_legend-shade: color-mix(in oklab, var(--chart-series) 60%, var(--helix-color-background));block-size: var(--legend-swatch-size, var(--helix-space-sm));border-radius: var(--legend-swatch-radius, var(--helix-radii-sm));content: "";flex: 0 0 auto;inline-size: var(--legend-swatch-size, var(--helix-space-sm))}[part~="entry"]::before {background-color: color-mix(in oklab, var(--chart-series) calc(var(--_legend-area, 1) * var(--_legend-through, 1) * 100%), transparent)}[part~="entry"][data-emphasis="outlined"]::before, :host([emphasis="outlined"]) [part~="entry"]:not([data-emphasis])::before {background-color: color-mix(in oklab, var(--_legend-shade) calc(var(--_legend-through, 1) * 100%), transparent);border: var(--legend-swatch-stroke, var(--helix-border-thick)) solid color-mix(in oklab, var(--chart-series) calc(var(--_legend-through, 1) * 100%), transparent)}[part~="entry"][data-emphasis="subtle"]::before, :host([emphasis="subtle"]) [part~="entry"]:not([data-emphasis])::before {--_legend-area: 0.2;border: var(--legend-swatch-stroke, var(--helix-border-thick)) solid color-mix(in oklab, var(--chart-series) calc(var(--_legend-through, 1) * 100%), transparent)}[part~="entry"][data-material="glass"]::before, :host([material="glass"]) [part~="entry"]:not([data-material])::before {--_legend-through: calc(0.62 * var(--helix-material-opacity))}:host([material="frosted"]) [part~="entry"]:not([data-material])::before {--_legend-through: calc(0.88 * var(--helix-material-opacity))}[part="toggle"] {all: unset;box-sizing: border-box;border-radius: var(--helix-radii-sm);cursor: pointer}[part="toggle"]:focus-visible {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: var(--helix-size-focus-offset)}@media (hover: hover) {[part="toggle"]:hover {color: var(--helix-color-foreground)}}[part~="entry-hidden"] {opacity: var(--legend-hidden-opacity, 0.56)}[part~="entry-hidden"]::before {background-color: transparent;border: var(--legend-swatch-stroke, var(--helix-border-thick)) solid var(--chart-series)}@media print {:host {print-color-adjust: economy}}@media (forced-colors: active) {[part~="entry"]::before {forced-color-adjust: none;outline: var(--helix-border-thin) solid CanvasText;outline-offset: calc(var(--helix-border-thin) * -1)}}`);
@@ -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, seriesNames } from '@fusion.dev/helix-core';
8
3
  import { HelixHeadlessLegend } from '@fusion.dev/helix-headless/legend';
9
4
  import { property } from 'lit/decorators.js';
@@ -1,2 +1,2 @@
1
1
  import { createSheet } from '@fusion.dev/helix-core';
2
- export const styles = createSheet(`:host {display: contents;}[part="item"] {align-items: center;block-size: 100%;display: flex;flex-direction: column;gap: var(--lightbox-item-gap, var(--helix-space-sm));inline-size: 100%;justify-content: center;min-block-size: 0;min-inline-size: 0;}[part="item"][hidden] {display: none;}[part="item"] {transform: translate(var(--lightbox-pan-x), var(--lightbox-pan-y)) scale(var(--lightbox-zoom));}[part="item"] ::slotted(*) {max-block-size: 100%;max-inline-size: 100%;object-fit: contain;}[part="item"] ::slotted([slot="description"]) {color: var(--lightbox-item-description-color, var(--helix-color-foreground-subtle));font-size: var(--helix-text-sm);line-height: calc(var(--helix-text-sm) * var(--helix-leading-normal));text-align: center;}`);
2
+ export const styles = createSheet(`:host {display: contents}[part="item"] {align-items: center;block-size: 100%;display: flex;flex-direction: column;gap: var(--lightbox-item-gap, var(--helix-space-sm));inline-size: 100%;justify-content: center;min-block-size: 0;min-inline-size: 0}[part="item"][hidden] {display: none}[part="item"] {transform: translate(var(--lightbox-pan-x), var(--lightbox-pan-y)) scale(var(--lightbox-zoom))}[part="item"] ::slotted(*) {max-block-size: 100%;max-inline-size: 100%;object-fit: contain}[part="item"] ::slotted([slot="description"]) {color: var(--lightbox-item-description-color, var(--helix-color-foreground-subtle));font-size: var(--helix-text-sm);line-height: calc(var(--helix-text-sm) * var(--helix-leading-normal));text-align: 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 { HelixHeadlessLightboxItem } from '@fusion.dev/helix-headless/lightbox';
9
4
  import { styles } from './lightbox-item.css.js';
@@ -1,51 +1,2 @@
1
1
  import { createSheet } from '@fusion.dev/helix-core';
2
- export const styles = createSheet(`:host {color-scheme: dark;display: contents;}[part="dialog"] {background-color: transparent;block-size: 100dvh;border: none;box-sizing: border-box;color: var(--lightbox-foreground, var(--helix-color-foreground));display: grid;gap: var(--lightbox-gap, var(--helix-space-sm));grid-template-rows: auto 1fr auto;inline-size: 100vw;max-block-size: 100dvh;max-inline-size: 100vw;padding: var(--lightbox-padding, var(--helix-space-md));touch-action: pan-y pinch-zoom;}[part="dialog"]:focus-visible {outline: none;}[part="dialog"]:not([open]) {display: none;}:host {--_lightbox-scrim: var(--helix-color-background);}[part="dialog"]::backdrop {background-color: var(--lightbox-scrim, var(--_lightbox-scrim));}[part="header"],
3
- [part="footer"] {display: grid;gap: var(--lightbox-gap, var(--helix-space-sm));}[part="viewport"] {align-items: center;display: flex;justify-content: center;min-block-size: 0;overflow: hidden;}::slotted([slot="header"]),
4
- ::slotted([slot="footer"]) {transition:
5
- opacity var(--helix-duration-fast) var(--helix-easing-standard),
6
- visibility var(--helix-duration-fast) var(--helix-easing-standard);}:host(:state(idle)) ::slotted([slot="header"]),
7
- :host(:state(idle)) ::slotted([slot="footer"]) {opacity: 0;visibility: hidden;}@media (prefers-reduced-motion: reduce) {::slotted([slot="header"]),
8
- ::slotted([slot="footer"]) {transition: none;}}[part="previous"],
9
- [part="next"],
10
- [part="dismiss"],
11
- [part="zoom-in"],
12
- [part="zoom-out"] {all: unset;box-sizing: border-box;align-items: center;background-color: var(--helix-color-surface-overlay);block-size: var(--lightbox-control-size, var(--helix-size-control));border-radius: var(--helix-radii-full);box-shadow: var(--helix-shadow-md);color: var(--lightbox-foreground, var(--helix-color-foreground));cursor: pointer;display: inline-flex;inline-size: var(--lightbox-control-size, var(--helix-size-control));justify-content: center;position: absolute;transition:
13
- opacity var(--helix-duration-fast) var(--helix-easing-standard),
14
- visibility var(--helix-duration-fast) var(--helix-easing-standard);}[part="previous"],
15
- [part="next"] {inset-block-start: 50%;translate: 0 -50%;}[part="previous"] {inset-inline-start: var(--lightbox-padding, var(--helix-space-md));}[part="next"] {inset-inline-end: var(--lightbox-padding, var(--helix-space-md));}[part="dismiss"] {inset-block-start: var(--lightbox-padding, var(--helix-space-md));inset-inline-end: var(--lightbox-padding, var(--helix-space-md));}[part="zoom-in"],
16
- [part="zoom-out"] {inset-block-end: var(--lightbox-padding, var(--helix-space-md));}[part="zoom-in"] {inset-inline-end: var(--lightbox-padding, var(--helix-space-md));}[part="zoom-out"] {inset-inline-end: calc(
17
- var(--lightbox-padding, var(--helix-space-md)) +
18
- var(--lightbox-control-size, var(--helix-size-control)) +
19
- var(--helix-space-xs)
20
- );}[part="previous"] svg,
21
- [part="next"] svg,
22
- [part="dismiss"] svg,
23
- [part="zoom-in"] svg,
24
- [part="zoom-out"] svg {block-size: var(--helix-size-icon);inline-size: var(--helix-size-icon);}[part="previous"] ::slotted(*),
25
- [part="next"] ::slotted(*),
26
- [part="dismiss"] ::slotted(*),
27
- [part="zoom-in"] ::slotted(*),
28
- [part="zoom-out"] ::slotted(*) {--icon-size: var(--helix-size-icon);block-size: var(--helix-size-icon);inline-size: var(--helix-size-icon);}:host(:state(zoomable)) [part="dialog"] {touch-action: none;}:host(:state(zoomable)) [part="viewport"] {cursor: zoom-in;}:host(:state(zoomed)) [part="viewport"] {cursor: grab;}[part="previous"]:hover,
29
- [part="next"]:hover,
30
- [part="dismiss"]:hover,
31
- [part="zoom-in"]:hover,
32
- [part="zoom-out"]:hover {background-color: var(--helix-color-surface-sunken);}[part="previous"]:focus-visible,
33
- [part="next"]:focus-visible,
34
- [part="dismiss"]:focus-visible,
35
- [part="zoom-in"]:focus-visible,
36
- [part="zoom-out"]:focus-visible {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: var(--helix-size-focus-offset);}[part="previous"][aria-disabled="true"],
37
- [part="next"][aria-disabled="true"],
38
- [part="zoom-in"][aria-disabled="true"],
39
- [part="zoom-out"][aria-disabled="true"] {cursor: default;opacity: 0.4;}[part="counter"] {background-color: var(--helix-color-surface-overlay);border-radius: var(--helix-radii-full);box-shadow: var(--helix-shadow-md);color: var(--lightbox-foreground, var(--helix-color-foreground));font-family: var(--helix-font-sans);font-size: var(--helix-text-sm);font-variant-numeric: tabular-nums;inset-block-start: var(--lightbox-padding, var(--helix-space-md));inset-inline-start: var(--lightbox-padding, var(--helix-space-md));line-height: var(--helix-leading-tight);padding: var(--helix-space-2xs) var(--helix-space-sm);position: absolute;transition:
40
- opacity var(--helix-duration-fast) var(--helix-easing-standard),
41
- visibility var(--helix-duration-fast) var(--helix-easing-standard);}:host(:state(idle)) [part="counter"],
42
- :host(:state(idle)) [part="previous"],
43
- :host(:state(idle)) [part="next"],
44
- :host(:state(idle)) [part="dismiss"],
45
- :host(:state(idle)) [part="zoom-in"],
46
- :host(:state(idle)) [part="zoom-out"] {opacity: 0;visibility: hidden;}@media (prefers-reduced-motion: reduce) {[part="counter"],
47
- [part="previous"],
48
- [part="next"],
49
- [part="dismiss"],
50
- [part="zoom-in"],
51
- [part="zoom-out"] {transition: none;}}@media print {:host {display: none;}}`);
2
+ export const styles = createSheet(`:host {color-scheme: dark;display: contents}[part="dialog"] {background-color: transparent;block-size: 100dvh;border: none;box-sizing: border-box;color: var(--lightbox-foreground, var(--helix-color-foreground));display: grid;gap: var(--lightbox-gap, var(--helix-space-sm));grid-template-rows: auto 1fr auto;inline-size: 100vw;max-block-size: 100dvh;max-inline-size: 100vw;padding: var(--lightbox-padding, var(--helix-space-md));touch-action: pan-y pinch-zoom}[part="dialog"]:focus-visible {outline: none}[part="dialog"]:not([open]) {display: none}:host {--_lightbox-scrim: var(--helix-color-background)}[part="dialog"]::backdrop {background-color: var(--lightbox-scrim, var(--_lightbox-scrim))}[part="header"], [part="footer"] {display: grid;gap: var(--lightbox-gap, var(--helix-space-sm))}[part="viewport"] {align-items: center;display: flex;justify-content: center;min-block-size: 0;overflow: hidden}::slotted([slot="header"]), ::slotted([slot="footer"]) {transition: opacity var(--helix-duration-fast) var(--helix-easing-standard), visibility var(--helix-duration-fast) var(--helix-easing-standard)}:host(:state(idle)) ::slotted([slot="header"]), :host(:state(idle)) ::slotted([slot="footer"]) {opacity: 0;visibility: hidden}@media (prefers-reduced-motion: reduce) {::slotted([slot="header"]), ::slotted([slot="footer"]) {transition: none}}[part="previous"], [part="next"], [part="dismiss"], [part="zoom-in"], [part="zoom-out"] {all: unset;box-sizing: border-box;align-items: center;background-color: var(--helix-color-surface-overlay);block-size: var(--lightbox-control-size, var(--helix-size-control));border-radius: var(--helix-radii-full);box-shadow: var(--helix-shadow-md);color: var(--lightbox-foreground, var(--helix-color-foreground));cursor: pointer;display: inline-flex;inline-size: var(--lightbox-control-size, var(--helix-size-control));justify-content: center;position: absolute;transition: opacity var(--helix-duration-fast) var(--helix-easing-standard), visibility var(--helix-duration-fast) var(--helix-easing-standard)}[part="previous"], [part="next"] {inset-block-start: 50%;translate: 0 -50%}[part="previous"] {inset-inline-start: var(--lightbox-padding, var(--helix-space-md))}[part="next"] {inset-inline-end: var(--lightbox-padding, var(--helix-space-md))}[part="dismiss"] {inset-block-start: var(--lightbox-padding, var(--helix-space-md));inset-inline-end: var(--lightbox-padding, var(--helix-space-md))}[part="zoom-in"], [part="zoom-out"] {inset-block-end: var(--lightbox-padding, var(--helix-space-md))}[part="zoom-in"] {inset-inline-end: var(--lightbox-padding, var(--helix-space-md))}[part="zoom-out"] {inset-inline-end: calc(var(--lightbox-padding, var(--helix-space-md)) + var(--lightbox-control-size, var(--helix-size-control)) + var(--helix-space-xs))}[part="previous"] svg, [part="next"] svg, [part="dismiss"] svg, [part="zoom-in"] svg, [part="zoom-out"] svg {block-size: var(--helix-size-icon);inline-size: var(--helix-size-icon)}[part="previous"] ::slotted(*), [part="next"] ::slotted(*), [part="dismiss"] ::slotted(*), [part="zoom-in"] ::slotted(*), [part="zoom-out"] ::slotted(*) {--icon-size: var(--helix-size-icon);block-size: var(--helix-size-icon);inline-size: var(--helix-size-icon)}:host(:state(zoomable)) [part="dialog"] {touch-action: none}:host(:state(zoomable)) [part="viewport"] {cursor: zoom-in}:host(:state(zoomed)) [part="viewport"] {cursor: grab}[part="previous"]:hover, [part="next"]:hover, [part="dismiss"]:hover, [part="zoom-in"]:hover, [part="zoom-out"]:hover {background-color: var(--helix-color-surface-sunken)}[part="previous"]:focus-visible, [part="next"]:focus-visible, [part="dismiss"]:focus-visible, [part="zoom-in"]:focus-visible, [part="zoom-out"]:focus-visible {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: var(--helix-size-focus-offset)}[part="previous"][aria-disabled="true"], [part="next"][aria-disabled="true"], [part="zoom-in"][aria-disabled="true"], [part="zoom-out"][aria-disabled="true"] {cursor: default;opacity: 0.4}[part="counter"] {background-color: var(--helix-color-surface-overlay);border-radius: var(--helix-radii-full);box-shadow: var(--helix-shadow-md);color: var(--lightbox-foreground, var(--helix-color-foreground));font-family: var(--helix-font-sans);font-size: var(--helix-text-sm);font-variant-numeric: tabular-nums;inset-block-start: var(--lightbox-padding, var(--helix-space-md));inset-inline-start: var(--lightbox-padding, var(--helix-space-md));line-height: var(--helix-leading-tight);padding: var(--helix-space-2xs) var(--helix-space-sm);position: absolute;transition: opacity var(--helix-duration-fast) var(--helix-easing-standard), visibility var(--helix-duration-fast) var(--helix-easing-standard)}:host(:state(idle)) [part="counter"], :host(:state(idle)) [part="previous"], :host(:state(idle)) [part="next"], :host(:state(idle)) [part="dismiss"], :host(:state(idle)) [part="zoom-in"], :host(:state(idle)) [part="zoom-out"] {opacity: 0;visibility: hidden}@media (prefers-reduced-motion: reduce) {[part="counter"], [part="previous"], [part="next"], [part="dismiss"], [part="zoom-in"], [part="zoom-out"] {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 { HelixHeadlessLightbox } from '@fusion.dev/helix-headless/lightbox';
9
4
  import { styles as liveStyles } from '../../shared/live/live.css.js';
@@ -1,8 +1,2 @@
1
1
  import { createSheet } from '@fusion.dev/helix-core';
2
- export const styles = createSheet(`:host {display: grid;position: relative;gap: var(--line-chart-gap, var(--helix-space-2xs));}[part="plot"] {position: relative;block-size: var(--line-chart-block-size, 12em);}[part="plot"] svg {block-size: 100%;inline-size: 100%;overflow: visible;}[part~="line"] {stroke-linecap: round;stroke-linejoin: round;stroke-width: var(--line-chart-width, var(--_chart-stroke));vector-effect: non-scaling-stroke;}[part="area"] {opacity: calc(var(--line-chart-area-opacity, 0.16) * var(--helix-material-opacity));stroke: none;}[part="baseline"] {stroke: var(--helix-color-border);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(--line-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"],
3
- :host([value-axis]) [part="labels"] {grid-column: 2;}[part~="line"] {stroke: var(--chart-series);}[part="terminus"] {color: var(--chart-series);}[part~="marker"] {background-color: var(--chart-series);block-size: var(--line-chart-marker-size, 6px);border-radius: var(--helix-radii-full);box-shadow: 0 0 0 var(--helix-border-thin)
4
- var(--line-chart-marker-ring-color, var(--helix-color-background));inline-size: var(--line-chart-marker-size, 6px);pointer-events: none;position: absolute;translate: -50% -50%;}:host(:dir(rtl)) [part~="marker"] {translate: 50% -50%;}:host([terminus="ring"]) [part="svg"] {mask-composite: intersect;mask-image: var(--_line-chart-holes);}[part="area"] {fill: var(--chart-series);}[part="guide"] {stroke: var(--helix-color-foreground-muted);stroke-dasharray: 3 3;stroke-width: var(--helix-border-thin);vector-effect: non-scaling-stroke;}[part~="line"] {stroke-dasharray: 1000;transition:
5
- d var(--helix-duration-normal) var(--helix-easing-decelerate),
6
- stroke-dashoffset var(--helix-duration-slow) var(--helix-easing-decelerate);}@starting-style {[part~="line"] {stroke-dashoffset: 1000;}}[part~="line-dashed"] {stroke-dasharray: var(--line-chart-dash, 6 4);}@starting-style {[part~="line-dashed"] {stroke-dashoffset: 0;}}[part="area"] {transition:
7
- d var(--helix-duration-normal) var(--helix-easing-decelerate),
8
- opacity var(--helix-duration-slow) var(--helix-easing-decelerate);}@starting-style {[part="area"] {opacity: 0;}}[part="plot"] {cursor: crosshair;}[part="gridline"] {stroke: var(--line-chart-gridline-color, var(--helix-color-border));stroke-width: var(--helix-border-thin);vector-effect: non-scaling-stroke;}[part="band"] {fill: var(--line-chart-band-color, var(--helix-color-surface-sunken));}@media print {:host {print-color-adjust: exact;}}@media (forced-colors: active) {[part~="marker"] {forced-color-adjust: none;}}:host([emphasis="subtle"]) [part~="line"] {stroke: color-mix(in oklab, var(--chart-series) 45%, var(--helix-color-background));}:host([emphasis="subtle"]) [part="area"] {fill: color-mix(in oklab, var(--chart-series) 45%, var(--helix-color-background));}:host([emphasis="outlined"]) {--line-chart-area-opacity: 0.08;}:host([emphasis="solid"]) {--line-chart-area-opacity: 1;}:host([material="glass"]) [part~="line"] {stroke-opacity: calc(0.62 * var(--helix-material-opacity));}:host([material="frosted"]) [part~="line"] {stroke-opacity: calc(0.88 * var(--helix-material-opacity));}[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(--line-chart-gap, var(--helix-space-2xs))}[part="plot"] {position: relative;block-size: var(--line-chart-block-size, 12em)}[part="plot"] svg {block-size: 100%;inline-size: 100%;overflow: visible}[part~="line"] {stroke-linecap: round;stroke-linejoin: round;stroke-width: var(--line-chart-width, var(--_chart-stroke));vector-effect: non-scaling-stroke}[part="area"] {opacity: calc(var(--line-chart-area-opacity, 0.16) * var(--helix-material-opacity));stroke: none}[part="baseline"] {stroke: var(--helix-color-border);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(--line-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~="line"] {stroke: var(--chart-series)}[part="terminus"] {color: var(--chart-series)}[part~="marker"] {background-color: var(--chart-series);block-size: var(--line-chart-marker-size, 6px);border-radius: var(--helix-radii-full);box-shadow: 0 0 0 var(--helix-border-thin) var(--line-chart-marker-ring-color, var(--helix-color-background));inline-size: var(--line-chart-marker-size, 6px);pointer-events: none;position: absolute;translate: -50% -50%}:host(:dir(rtl)) [part~="marker"] {translate: 50% -50%}:host([terminus="ring"]) [part="svg"] {mask-composite: intersect;mask-image: var(--_line-chart-holes)}[part="area"] {fill: var(--chart-series)}[part="guide"] {stroke: var(--helix-color-foreground-muted);stroke-dasharray: 3 3;stroke-width: var(--helix-border-thin);vector-effect: non-scaling-stroke}[part~="line"] {stroke-dasharray: 1000;transition: d var(--helix-duration-normal) var(--helix-easing-decelerate), stroke-dashoffset var(--helix-duration-slow) var(--helix-easing-decelerate)}@starting-style {[part~="line"] {stroke-dashoffset: 1000}}[part~="line-dashed"] {stroke-dasharray: var(--line-chart-dash, 6 4)}@starting-style {[part~="line-dashed"] {stroke-dashoffset: 0}}[part="area"] {transition: d var(--helix-duration-normal) var(--helix-easing-decelerate), opacity var(--helix-duration-slow) var(--helix-easing-decelerate)}@starting-style {[part="area"] {opacity: 0}}[part="plot"] {cursor: crosshair}[part="gridline"] {stroke: var(--line-chart-gridline-color, var(--helix-color-border));stroke-width: var(--helix-border-thin);vector-effect: non-scaling-stroke}[part="band"] {fill: var(--line-chart-band-color, var(--helix-color-surface-sunken))}@media print {:host {print-color-adjust: exact}}@media (forced-colors: active) {[part~="marker"] {forced-color-adjust: none}}:host([emphasis="subtle"]) [part~="line"] {stroke: color-mix(in oklab, var(--chart-series) 45%, var(--helix-color-background))}:host([emphasis="subtle"]) [part="area"] {fill: color-mix(in oklab, var(--chart-series) 45%, var(--helix-color-background))}:host([emphasis="outlined"]) {--line-chart-area-opacity: 0.08}:host([emphasis="solid"]) {--line-chart-area-opacity: 1}:host([material="glass"]) [part~="line"] {stroke-opacity: calc(0.62 * var(--helix-material-opacity))}:host([material="frosted"]) [part~="line"] {stroke-opacity: calc(0.88 * var(--helix-material-opacity))}[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 } from '@fusion.dev/helix-core';
8
3
  import { HelixHeadlessLineChart } from '@fusion.dev/helix-headless/line-chart';
9
4
  import { property } from 'lit/decorators.js';
@@ -1,5 +1,2 @@
1
1
  import { createSheet } from '@fusion.dev/helix-core';
2
- export const styles = createSheet(`:host {display: block;}[part~="row"] {align-items: center;display: grid;grid-template-columns: auto auto 1fr auto auto;padding: var(--list-item-padding, var(--helix-space-sm) var(--helix-space-md));}[part="rail"] {align-self: start;color: var(--helix-color-foreground-muted);display: var(--list-item-rail-display, none);font-family: var(--helix-font-mono);font-size: var(--helix-text-xs);grid-column: 1;grid-row: 1;letter-spacing: var(--helix-tracking-wide);line-height: calc(var(--helix-text-sm) * var(--helix-leading-normal));inline-size: var(--list-rail-inline-size, var(--helix-space-3xl));}[part="rail"]::before {content: var(--list-item-rail-content, "");}slot[name="start"]::slotted(*) {color: var(--helix-color-foreground-muted);grid-column: 2;margin-inline-end: var(--helix-space-sm);grid-row: 1 / span 2;}slot:not([name]) {color: var(--helix-color-foreground);display: block;font-size: var(--helix-text-sm);font-weight: var(--list-item-term-weight, var(--helix-weight-regular));grid-column: 3;grid-row: 1;}slot[name="description"] {color: var(--helix-color-foreground-muted);display: block;font-size: var(--helix-text-xs);grid-column: 3;grid-row: 2;}slot:not([name])::slotted(*),
3
- slot[name="description"]::slotted(*) {margin: var(--helix-space-none);}slot[name="end"]::slotted(*) {grid-column: 4;grid-row: 1 / span 2;}[part="link"] {align-items: center;color: inherit;display: grid;grid-column: 1 / 4;grid-row: 1 / span 2;grid-template-columns: subgrid;grid-template-rows: subgrid;text-decoration: none;}[part~="row-current"] {background-color: var(--list-item-current-background-color, var(--helix-color-well));border-radius: var(--helix-radii-sm);}[part~="row"]:focus-visible {border-radius: var(--helix-radii-sm);outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: calc(var(--helix-size-focus-offset) * -1);}:host(:state(selected)) [part~="row"] {background-color: var(--list-item-selected-background-color, var(--helix-color-primary-subtle));border-radius: var(--helix-radii-sm);}[part="grip"] {all: unset;align-items: center;border-radius: var(--helix-radii-sm);box-sizing: border-box;color: var(--list-item-grip-color, var(--helix-color-foreground-muted));cursor: grab;display: inline-flex;grid-column: 5;grid-row: 1 / span 2;margin-inline-start: var(--helix-space-sm);touch-action: none;}[part="grip"]:active {cursor: grabbing;}[part="grip"]:focus-visible {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: var(--helix-size-focus-offset);}[part="grip-mark"] {block-size: 1em;inline-size: 1em;}:host(:state(dragging)) [part~="row"] {opacity: var(--list-item-dragging-opacity, 0.5);}:host(:state(drop-before)) [part~="row"] {box-shadow: inset 0 var(--list-item-drop-indicator-size, var(--helix-border-thick)) 0 0
4
- var(--list-item-drop-indicator-color, var(--helix-color-primary));}:host(:state(drop-after)) [part~="row"] {box-shadow: inset 0 calc(var(--list-item-drop-indicator-size, var(--helix-border-thick)) * -1) 0 0
5
- var(--list-item-drop-indicator-color, var(--helix-color-primary));}:host([disabled]) {opacity: var(--list-item-disabled-opacity, 0.5);}`);
2
+ export const styles = createSheet(`:host {display: block}[part~="row"] {align-items: center;display: grid;grid-template-columns: auto auto 1fr auto auto;padding: var(--list-item-padding, var(--helix-space-sm) var(--helix-space-md))}[part="rail"] {align-self: start;color: var(--helix-color-foreground-muted);display: var(--list-item-rail-display, none);font-family: var(--helix-font-mono);font-size: var(--helix-text-xs);grid-column: 1;grid-row: 1;letter-spacing: var(--helix-tracking-wide);line-height: calc(var(--helix-text-sm) * var(--helix-leading-normal));inline-size: var(--list-rail-inline-size, var(--helix-space-3xl))}[part="rail"]::before {content: var(--list-item-rail-content, "")}slot[name="start"]::slotted(*) {color: var(--helix-color-foreground-muted);grid-column: 2;margin-inline-end: var(--helix-space-sm);grid-row: 1 / span 2}slot:not([name]) {color: var(--helix-color-foreground);display: block;font-size: var(--helix-text-sm);font-weight: var(--list-item-term-weight, var(--helix-weight-regular));grid-column: 3;grid-row: 1}slot[name="description"] {color: var(--helix-color-foreground-muted);display: block;font-size: var(--helix-text-xs);grid-column: 3;grid-row: 2}slot:not([name])::slotted(*), slot[name="description"]::slotted(*) {margin: var(--helix-space-none)}slot[name="end"]::slotted(*) {grid-column: 4;grid-row: 1 / span 2}[part="link"] {align-items: center;color: inherit;display: grid;grid-column: 1 / 4;grid-row: 1 / span 2;grid-template-columns: subgrid;grid-template-rows: subgrid;text-decoration: none}[part~="row-current"] {background-color: var(--list-item-current-background-color, var(--helix-color-well));border-radius: var(--helix-radii-sm)}[part~="row"]:focus-visible {border-radius: var(--helix-radii-sm);outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: calc(var(--helix-size-focus-offset) * -1)}:host(:state(selected)) [part~="row"] {background-color: var(--list-item-selected-background-color, var(--helix-color-primary-subtle));border-radius: var(--helix-radii-sm)}[part="grip"] {all: unset;align-items: center;border-radius: var(--helix-radii-sm);box-sizing: border-box;color: var(--list-item-grip-color, var(--helix-color-foreground-muted));cursor: grab;display: inline-flex;grid-column: 5;grid-row: 1 / span 2;margin-inline-start: var(--helix-space-sm);touch-action: none}[part="grip"]:active {cursor: grabbing}[part="grip"]:focus-visible {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: var(--helix-size-focus-offset)}[part="grip-mark"] {block-size: 1em;inline-size: 1em}:host(:state(dragging)) [part~="row"] {opacity: var(--list-item-dragging-opacity, 0.5)}:host(:state(drop-before)) [part~="row"] {box-shadow: inset 0 var(--list-item-drop-indicator-size, var(--helix-border-thick)) 0 0 var(--list-item-drop-indicator-color, var(--helix-color-primary))}:host(:state(drop-after)) [part~="row"] {box-shadow: inset 0 calc(var(--list-item-drop-indicator-size, var(--helix-border-thick)) * -1) 0 0 var(--list-item-drop-indicator-color, var(--helix-color-primary))}:host([disabled]) {opacity: var(--list-item-disabled-opacity, 0.5)}`);
@@ -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 { HelixHeadlessListItem } from '@fusion.dev/helix-headless/list';
9
4
  import { html } from 'lit';
@@ -1,6 +1,2 @@
1
1
  import { createSheet } from '@fusion.dev/helix-core';
2
- export const styles = createSheet(`:host {display: flex;flex-direction: column;gap: var(--list-gap, var(--helix-space-none));}:host([divided]) ::slotted(*:not(:first-child)) {border-block-start: var(--helix-border-thin) solid var(--helix-color-border);}:host([kind="ordered"]),
3
- :host([kind="unordered"]) {contain: style;padding-inline-start: var(--list-marker-gutter, var(--helix-space-md));}:host([kind="ordered"]) ::slotted(*),
4
- :host([kind="unordered"]) ::slotted(*) {display: list-item;list-style-position: outside;}:host([kind="ordered"]) ::slotted(*) {list-style-type: decimal;}:host([kind="ordered"][type="a"]) ::slotted(*) {list-style-type: lower-alpha;}:host([kind="ordered"][type="A"]) ::slotted(*) {list-style-type: upper-alpha;}:host([kind="ordered"][type="i"]) ::slotted(*) {list-style-type: lower-roman;}:host([kind="ordered"][type="I"]) ::slotted(*) {list-style-type: upper-roman;}:host([kind="unordered"]) ::slotted(*) {list-style-type: disc;}:host([kind="ordered"]) ::slotted(*) {counter-increment: list-item var(--list-step, 1);}:host([kind="ordered"]) ::slotted(:first-child) {counter-set: list-item var(--list-first);}:host([marker="rail"]) {counter-reset: list-rail;padding-inline-start: var(--helix-space-none);}:host([marker="rail"]) ::slotted(*) {--list-item-rail-content: counter(list-rail, var(--list-rail-style, decimal-leading-zero));--list-item-rail-display: block;counter-increment: list-rail var(--list-step, 1);}:host([marker="rail"]) ::slotted(:first-child) {counter-set: list-rail var(--list-first);}:host([kind="ordered"][marker="rail"]) ::slotted(*),
5
- :host([kind="unordered"][marker="rail"]) ::slotted(*) {display: block;list-style: none;}:host([kind="description"]) ::slotted(*) {--list-item-term-weight: var(--helix-weight-semibold);}[part="empty"] {color: var(--list-empty-color, var(--helix-color-foreground-muted));font-size: var(--helix-text-sm);padding: var(--list-empty-padding, var(--helix-space-md));text-align: center;}[part="empty"][hidden] {display: none;}[part="loading"] {color: var(--list-loading-color, var(--helix-color-foreground-muted));font-size: var(--helix-text-sm);padding: var(--list-loading-padding, var(--helix-space-sm));text-align: center;}[part="drag-preview"] {background-color: var(--list-drag-preview-background-color, var(--helix-color-surface-raised));border: var(--list-drag-preview-border-width, var(--helix-border-floating)) solid
6
- var(--list-drag-preview-border-color, var(--helix-color-border));border-radius: var(--list-drag-preview-radius, var(--helix-radii-sm));box-shadow: var(--list-drag-preview-shadow, var(--helix-shadow-floating));opacity: var(--list-drag-preview-opacity, 0.9);}@media print {:host {print-color-adjust: economy;}}`);
2
+ export const styles = createSheet(`:host {display: flex;flex-direction: column;gap: var(--list-gap, var(--helix-space-none))}:host([divided]) ::slotted(*:not(:first-child)) {border-block-start: var(--helix-border-thin) solid var(--helix-color-border)}:host([kind="ordered"]), :host([kind="unordered"]) {contain: style;padding-inline-start: var(--list-marker-gutter, var(--helix-space-md))}:host([kind="ordered"]) ::slotted(*), :host([kind="unordered"]) ::slotted(*) {display: list-item;list-style-position: outside}:host([kind="ordered"]) ::slotted(*) {list-style-type: decimal}:host([kind="ordered"][type="a"]) ::slotted(*) {list-style-type: lower-alpha}:host([kind="ordered"][type="A"]) ::slotted(*) {list-style-type: upper-alpha}:host([kind="ordered"][type="i"]) ::slotted(*) {list-style-type: lower-roman}:host([kind="ordered"][type="I"]) ::slotted(*) {list-style-type: upper-roman}:host([kind="unordered"]) ::slotted(*) {list-style-type: disc}:host([kind="ordered"]) ::slotted(*) {counter-increment: list-item var(--list-step, 1)}:host([kind="ordered"]) ::slotted(:first-child) {counter-set: list-item var(--list-first)}:host([marker="rail"]) {counter-reset: list-rail;padding-inline-start: var(--helix-space-none)}:host([marker="rail"]) ::slotted(*) {--list-item-rail-content: counter(list-rail, var(--list-rail-style, decimal-leading-zero));--list-item-rail-display: block;counter-increment: list-rail var(--list-step, 1)}:host([marker="rail"]) ::slotted(:first-child) {counter-set: list-rail var(--list-first)}:host([kind="ordered"][marker="rail"]) ::slotted(*), :host([kind="unordered"][marker="rail"]) ::slotted(*) {display: block;list-style: none}:host([kind="description"]) ::slotted(*) {--list-item-term-weight: var(--helix-weight-semibold)}[part="empty"] {color: var(--list-empty-color, var(--helix-color-foreground-muted));font-size: var(--helix-text-sm);padding: var(--list-empty-padding, var(--helix-space-md));text-align: center}[part="empty"][hidden] {display: none}[part="loading"] {color: var(--list-loading-color, var(--helix-color-foreground-muted));font-size: var(--helix-text-sm);padding: var(--list-loading-padding, var(--helix-space-sm));text-align: center}[part="drag-preview"] {background-color: var(--list-drag-preview-background-color, var(--helix-color-surface-raised));border: var(--list-drag-preview-border-width, var(--helix-border-floating)) solid var(--list-drag-preview-border-color, var(--helix-color-border));border-radius: var(--list-drag-preview-radius, var(--helix-radii-sm));box-shadow: var(--list-drag-preview-shadow, var(--helix-shadow-floating));opacity: var(--list-drag-preview-opacity, 0.9)}@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 { HelixHeadlessList } from '@fusion.dev/helix-headless/list';
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(`[popover] {background-color: var(--listbox-drag-preview-background-color, var(--helix-color-surface-raised));border: var(--listbox-drag-preview-border-width, var(--helix-border-floating)) solid
3
- var(--listbox-drag-preview-border-color, var(--helix-color-border));border-radius: var(--listbox-drag-preview-radius, var(--helix-radii-sm));box-shadow: var(--listbox-drag-preview-shadow, var(--helix-shadow-floating));opacity: var(--listbox-drag-preview-opacity, 0.9);}`);
2
+ export const styles = createSheet(`[popover] {background-color: var(--listbox-drag-preview-background-color, var(--helix-color-surface-raised));border: var(--listbox-drag-preview-border-width, var(--helix-border-floating)) solid var(--listbox-drag-preview-border-color, var(--helix-color-border));border-radius: var(--listbox-drag-preview-radius, var(--helix-radii-sm));box-shadow: var(--listbox-drag-preview-shadow, var(--helix-shadow-floating));opacity: var(--listbox-drag-preview-opacity, 0.9)}`);
@@ -1,4 +1,2 @@
1
1
  import { createSheet } from '@fusion.dev/helix-core';
2
- export const styles = createSheet(`* {cursor: grab;}:host(:state(dragging)) {opacity: var(--listbox-dragging-opacity, 0.5);}:host(:state(drop-before)),
3
- :host(:state(drop-after)) {position: relative;}:host(:state(drop-before))::before,
4
- :host(:state(drop-after))::before {background-color: var(--listbox-drop-indicator-color, var(--helix-color-primary));block-size: var(--listbox-drop-indicator-size, var(--helix-border-thick));content: "";inset-inline: 0;pointer-events: none;position: absolute;z-index: 1;}:host(:state(drop-before))::before {inset-block-start: 0;}:host(:state(drop-after))::before {inset-block-end: 0;}`);
2
+ export const styles = createSheet(`* {cursor: grab}:host(:state(dragging)) {opacity: var(--listbox-dragging-opacity, 0.5)}:host(:state(drop-before)), :host(:state(drop-after)) {position: relative}:host(:state(drop-before))::before, :host(:state(drop-after))::before {background-color: var(--listbox-drop-indicator-color, var(--helix-color-primary));block-size: var(--listbox-drop-indicator-size, var(--helix-border-thick));content: "";inset-inline: 0;pointer-events: none;position: absolute;z-index: 1}:host(:state(drop-before))::before {inset-block-start: 0}:host(:state(drop-after))::before {inset-block-end: 0}`);
@@ -1,8 +1,2 @@
1
1
  import { createSheet } from '@fusion.dev/helix-core';
2
- export const styles = createSheet(`:host {display: flex;flex-direction: column;gap: var(--helix-space-2xs);}[part="items"] {--option-radius: var(--helix-radii-none);background-color: var(--listbox-background-color, var(--helix-color-surface));border: var(--listbox-border, var(--helix-border-thin) solid var(--helix-color-border));border-radius: var(--helix-radii-sm);display: flex;flex-direction: column;gap: var(--helix-space-none);max-block-size: var(--listbox-max-block-size, 14rem);overflow-y: auto;padding-block: var(--helix-space-2xs);padding-inline: var(--helix-space-none);}:host([layout="grid"]) [part="items"] {display: grid;grid-template-columns: repeat(
3
- auto-fill,
4
- minmax(min(var(--listbox-column-min-inline-size, 8rem), 100%), 1fr)
5
- );}[part="items"]:focus-visible {border-color: var(--helix-color-primary);outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: 0;}:host(:state(invalid)) [part="items"],
6
- :host(:state(invalid)) [part="items"]:focus-visible {border-color: var(--helix-color-danger);outline-color: var(--helix-color-danger);}:host(:disabled) {opacity: 0.5;}:host(:disabled) [part="items"] {cursor: not-allowed;}[part="empty"],
7
- [part="loading"] {--_collection-inset-block: var(--helix-space-xs);--_collection-inset-inline: var(--helix-space-xs);}[part="error"] {color: var(--listbox-error-color, var(--helix-color-danger));font-family: var(--helix-font-sans);font-size: var(--helix-text-sm);margin: var(--helix-space-none);padding: var(--helix-space-xs);text-align: center;}[part="filter-icon"] {align-items: center;color: var(--helix-color-foreground-subtle);display: inline-flex;flex: 0 0 auto;}[part="filter-icon"] svg,
8
- slot[name="filter-icon"]::slotted(*) {--icon-size: var(--helix-size-icon-tight);block-size: var(--helix-size-icon-tight);inline-size: var(--helix-size-icon-tight);}[part="search"] {align-items: center;border-block-end: var(--helix-border-thin) solid var(--helix-color-border);display: flex;gap: var(--helix-space-2xs);padding: var(--helix-space-2xs);padding-inline-start: var(--helix-space-xs);}[part="search-field"] {appearance: none;flex: 1 1 auto;min-inline-size: 0;background-color: transparent;block-size: var(--helix-size-control-tight);border: none;box-sizing: border-box;color: var(--helix-color-foreground);font-family: var(--helix-font-sans);font-size: max(var(--helix-text-field-min), var(--helix-text-sm));font-weight: var(--helix-weight-medium);inline-size: 100%;padding-inline: var(--helix-space-xs);}[part="search-field"]:focus-visible {outline: none;}:host([loading]) [part="items"] {opacity: 0.5;}@media print {:host {print-color-adjust: exact;}}`);
2
+ export const styles = createSheet(`:host {display: flex;flex-direction: column;gap: var(--helix-space-2xs)}[part="items"] {--option-radius: var(--helix-radii-none);background-color: var(--listbox-background-color, var(--helix-color-surface));border: var(--listbox-border, var(--helix-border-thin) solid var(--helix-color-border));border-radius: var(--helix-radii-sm);display: flex;flex-direction: column;gap: var(--helix-space-none);max-block-size: var(--listbox-max-block-size, 14rem);overflow-y: auto;padding-block: var(--helix-space-2xs);padding-inline: var(--helix-space-none)}:host([layout="grid"]) [part="items"] {display: grid;grid-template-columns: repeat(auto-fill, minmax(min(var(--listbox-column-min-inline-size, 8rem), 100%), 1fr))}[part="items"]:focus-visible {border-color: var(--helix-color-primary);outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: 0}:host(:state(invalid)) [part="items"], :host(:state(invalid)) [part="items"]:focus-visible {border-color: var(--helix-color-danger);outline-color: var(--helix-color-danger)}:host(:disabled) {opacity: 0.5}:host(:disabled) [part="items"] {cursor: not-allowed}[part="empty"], [part="loading"] {--_collection-inset-block: var(--helix-space-xs);--_collection-inset-inline: var(--helix-space-xs)}[part="error"] {color: var(--listbox-error-color, var(--helix-color-danger));font-family: var(--helix-font-sans);font-size: var(--helix-text-sm);margin: var(--helix-space-none);padding: var(--helix-space-xs);text-align: center}[part="filter-icon"] {align-items: center;color: var(--helix-color-foreground-subtle);display: inline-flex;flex: 0 0 auto}[part="filter-icon"] svg, slot[name="filter-icon"]::slotted(*) {--icon-size: var(--helix-size-icon-tight);block-size: var(--helix-size-icon-tight);inline-size: var(--helix-size-icon-tight)}[part="search"] {align-items: center;border-block-end: var(--helix-border-thin) solid var(--helix-color-border);display: flex;gap: var(--helix-space-2xs);padding: var(--helix-space-2xs);padding-inline-start: var(--helix-space-xs)}[part="search-field"] {appearance: none;flex: 1 1 auto;min-inline-size: 0;background-color: transparent;block-size: var(--helix-size-control-tight);border: none;box-sizing: border-box;color: var(--helix-color-foreground);font-family: var(--helix-font-sans);font-size: max(var(--helix-text-field-min), var(--helix-text-sm));font-weight: var(--helix-weight-medium);inline-size: 100%;padding-inline: var(--helix-space-xs)}[part="search-field"]:focus-visible {outline: none}:host([loading]) [part="items"] {opacity: 0.5}@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 { HelixHeadlessListbox } from '@fusion.dev/helix-headless/listbox';
9
4
  import { styles as collectionStateStyles } from '../../shared/collection/state.css.js';
@@ -1,6 +1,2 @@
1
1
  import { createSheet } from '@fusion.dev/helix-core';
2
- export const styles = createSheet(`:host {--_loader-size: var(--helix-size-loader-md);--_loader-breathe: 2.4s;--_loader-crawl: 4s;--_loader-stroke: 2;--_loader-turn: 0.8s;color: inherit;display: inline-grid;flex-shrink: 0;place-items: center;vertical-align: middle;}:host([size="sm"]) {--_loader-size: var(--helix-size-loader-sm);}:host([size="lg"]) {--_loader-size: var(--helix-size-loader-lg);}[part="content"] {grid-area: 1 / 1;}[part="svg"] {animation: helix-loader-turn var(--loader-duration, var(--_loader-turn)) linear infinite;grid-area: 1 / 1;block-size: var(--loader-size, var(--_loader-size));inline-size: var(--loader-size, var(--_loader-size));}[part="track"] {animation: helix-loader-breathe var(--_loader-breathe) ease-in-out infinite;opacity: 0.18;stroke: var(--loader-track-color, currentColor);stroke-width: var(--loader-track-width, var(--_loader-stroke));}[part="mark"] {animation: helix-loader-breathe-mark var(--_loader-breathe) ease-in-out infinite;}@keyframes helix-loader-breathe {0%,
3
- 100% {opacity: 0.12;}50% {opacity: 0.24;}}@keyframes helix-loader-breathe-mark {0%,
4
- 100% {opacity: 0.45;scale: 0.82;}50% {opacity: 1;scale: 1;}}[part="indicator"] {stroke: var(--loader-color, currentColor);stroke-dasharray: 50, 100;stroke-linecap: round;stroke-width: var(--loader-track-width, var(--_loader-stroke));}@keyframes helix-loader-turn {to {transform: rotate(1turn);}}@media (prefers-reduced-motion: reduce) {[part="track"],
5
- [part="mark"] {animation: none;}}@media (prefers-reduced-motion: reduce) {[part="svg"] {animation-duration: var(--_loader-crawl);}}[part="mark"] {--_mark-size: calc(var(--loader-size, var(--_loader-size)) * 0.4);--icon-size: var(--_mark-size);align-items: center;block-size: var(--_mark-size);display: flex;grid-area: 1 / 1;inline-size: var(--_mark-size);justify-content: center;}[part="mark"] ::slotted(*) {block-size: 100%;inline-size: 100%;}:host([variant="pulse"]) [part="indicator"] {display: none;}:host([variant="pulse"]) [part="svg"] {animation: none;}:host([variant="pulse"]) {--_loader-size: calc(var(--helix-size-loader-lg) * 2);}:host([variant="pulse"][size="sm"]) {--_loader-size: var(--helix-size-loader-lg);}:host([variant="pulse"][size="lg"]) {--_loader-size: calc(var(--helix-size-loader-lg) * 3);}:host([variant="pulse"]) [part="track"] {display: none;}:host([variant="pulse"]) [part="mark"] {animation-name: helix-loader-pulse-mark;}@keyframes helix-loader-pulse-mark {0%,
6
- 100% {opacity: 0.35;}50% {opacity: 1;}}@media (prefers-reduced-motion: reduce) {:host([variant="pulse"]) [part="mark"] {animation: none;opacity: 1;}}[part="svg"][hidden] {display: inline;visibility: hidden;}[part="mark"][hidden] {display: flex;visibility: hidden;}@media print {:host {display: none;}}`);
2
+ export const styles = createSheet(`:host {--_loader-size: var(--helix-size-loader-md);--_loader-breathe: 2.4s;--_loader-crawl: 4s;--_loader-stroke: 2;--_loader-turn: 0.8s;color: inherit;display: inline-grid;flex-shrink: 0;place-items: center;vertical-align: middle}:host([size="sm"]) {--_loader-size: var(--helix-size-loader-sm)}:host([size="lg"]) {--_loader-size: var(--helix-size-loader-lg)}[part="content"] {grid-area: 1 / 1}[part="svg"] {animation: helix-loader-turn var(--loader-duration, var(--_loader-turn)) linear infinite;grid-area: 1 / 1;block-size: var(--loader-size, var(--_loader-size));inline-size: var(--loader-size, var(--_loader-size))}[part="track"] {animation: helix-loader-breathe var(--_loader-breathe) ease-in-out infinite;opacity: 0.18;stroke: var(--loader-track-color, currentColor);stroke-width: var(--loader-track-width, var(--_loader-stroke))}[part="mark"] {animation: helix-loader-breathe-mark var(--_loader-breathe) ease-in-out infinite}@keyframes helix-loader-breathe {0%, 100% {opacity: 0.12}50% {opacity: 0.24}}@keyframes helix-loader-breathe-mark {0%, 100% {opacity: 0.45;scale: 0.82}50% {opacity: 1;scale: 1}}[part="indicator"] {stroke: var(--loader-color, currentColor);stroke-dasharray: 50, 100;stroke-linecap: round;stroke-width: var(--loader-track-width, var(--_loader-stroke))}@keyframes helix-loader-turn {to {transform: rotate(1turn)}}@media (prefers-reduced-motion: reduce) {[part="track"], [part="mark"] {animation: none}}@media (prefers-reduced-motion: reduce) {[part="svg"] {animation-duration: var(--_loader-crawl)}}[part="mark"] {--_mark-size: calc(var(--loader-size, var(--_loader-size)) * 0.4);--icon-size: var(--_mark-size);align-items: center;block-size: var(--_mark-size);display: flex;grid-area: 1 / 1;inline-size: var(--_mark-size);justify-content: center}[part="mark"] ::slotted(*) {block-size: 100%;inline-size: 100%}:host([variant="pulse"]) [part="indicator"] {display: none}:host([variant="pulse"]) [part="svg"] {animation: none}:host([variant="pulse"]) {--_loader-size: calc(var(--helix-size-loader-lg) * 2)}:host([variant="pulse"][size="sm"]) {--_loader-size: var(--helix-size-loader-lg)}:host([variant="pulse"][size="lg"]) {--_loader-size: calc(var(--helix-size-loader-lg) * 3)}:host([variant="pulse"]) [part="track"] {display: none}:host([variant="pulse"]) [part="mark"] {animation-name: helix-loader-pulse-mark}@keyframes helix-loader-pulse-mark {0%, 100% {opacity: 0.35}50% {opacity: 1}}@media (prefers-reduced-motion: reduce) {:host([variant="pulse"]) [part="mark"] {animation: none;opacity: 1}}[part="svg"][hidden] {display: inline;visibility: hidden}[part="mark"][hidden] {display: flex;visibility: hidden}@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 { HelixHeadlessLoader } from '@fusion.dev/helix-headless/loader';
9
4
  import { property } from 'lit/decorators.js';
@@ -1,2 +1,2 @@
1
1
  import { createSheet } from '@fusion.dev/helix-core';
2
- export const styles = createSheet(`:host {color: var(--map-area-color, var(--helix-color-primary));display: none;}:host([tone="accent"]) {color: var(--helix-color-accent);}:host([tone="danger"]) {color: var(--helix-color-danger);}:host([tone="info"]) {color: var(--helix-color-info);}:host([tone="neutral"]) {color: var(--helix-color-foreground-muted);}:host([tone="success"]) {color: var(--helix-color-success);}:host([tone="warning"]) {color: var(--helix-color-warning);}`);
2
+ export const styles = createSheet(`:host {color: var(--map-area-color, var(--helix-color-primary));display: none}:host([tone="accent"]) {color: var(--helix-color-accent)}:host([tone="danger"]) {color: var(--helix-color-danger)}:host([tone="info"]) {color: var(--helix-color-info)}:host([tone="neutral"]) {color: var(--helix-color-foreground-muted)}:host([tone="success"]) {color: var(--helix-color-success)}:host([tone="warning"]) {color: var(--helix-color-warning)}`);
@@ -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 { HelixHeadlessMapArea } from '@fusion.dev/helix-headless/map';
9
4
  import { property } from 'lit/decorators.js';
@@ -1,2 +1,2 @@
1
1
  import { createSheet } from '@fusion.dev/helix-core';
2
- export const styles = createSheet(`:host {color: var(--map-buildings-color, var(--helix-color-surface-raised));display: none;}:host([tone="accent"]) {color: var(--helix-color-accent);}:host([tone="danger"]) {color: var(--helix-color-danger);}:host([tone="info"]) {color: var(--helix-color-info);}:host([tone="neutral"]) {color: var(--helix-color-foreground-muted);}:host([tone="primary"]) {color: var(--helix-color-primary);}:host([tone="success"]) {color: var(--helix-color-success);}:host([tone="warning"]) {color: var(--helix-color-warning);}`);
2
+ export const styles = createSheet(`:host {color: var(--map-buildings-color, var(--helix-color-surface-raised));display: none}:host([tone="accent"]) {color: var(--helix-color-accent)}:host([tone="danger"]) {color: var(--helix-color-danger)}:host([tone="info"]) {color: var(--helix-color-info)}:host([tone="neutral"]) {color: var(--helix-color-foreground-muted)}:host([tone="primary"]) {color: var(--helix-color-primary)}:host([tone="success"]) {color: var(--helix-color-success)}:host([tone="warning"]) {color: var(--helix-color-warning)}`);
@@ -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 { HelixHeadlessMapBuildings } from '@fusion.dev/helix-headless/map';
9
4
  import { property } from 'lit/decorators.js';
@@ -1,5 +1,2 @@
1
1
  import { createSheet } from '@fusion.dev/helix-core';
2
- export const styles = createSheet(`:host {color: var(
3
- --map-contours-color,
4
- color-mix(in oklab, oklch(0.55 0.08 60) 55%, var(--helix-color-foreground))
5
- );display: none;}`);
2
+ export const styles = createSheet(`:host {color: var(--map-contours-color, color-mix(in oklab, oklch(0.55 0.08 60) 55%, var(--helix-color-foreground)));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 { HelixHeadlessMapContours } from '@fusion.dev/helix-headless/map';
9
4
  import { styles } from './map-contours.css.js';
@@ -1,2 +1,2 @@
1
1
  import { createSheet } from '@fusion.dev/helix-core';
2
- export const styles = createSheet(`:host {color: var(--map-landcover-ground, var(--helix-color-surface));display: none;}`);
2
+ export const styles = createSheet(`:host {color: var(--map-landcover-ground, var(--helix-color-surface));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 { HelixHeadlessMapLandcover } from '@fusion.dev/helix-headless/map';
9
4
  import { styles } from './map-landcover.css.js';
@@ -1,32 +1,2 @@
1
1
  import { createSheet } from '@fusion.dev/helix-core';
2
- export const styles = createSheet(`:host {--_map-marker-color: var(--map-marker-color, var(--helix-color-primary));--_map-marker-fill: var(--map-marker-color, var(--helix-color-primary-surface));--_map-marker-ink: var(--map-marker-ink, var(--helix-color-foreground-on-primary));--_map-marker-edge: var(--helix-color-surface);--_map-marker-lift: 0px;--_map-marker-shadow: var(--helix-shadow-sm);--_map-marker-size: var(--map-marker-size, 0.875rem);--_map-marker-leg: 0px;--_map-marker-leg-angle: 0rad;--_map-marker-x: 0px;--_map-marker-y: 0px;block-size: 0;display: block;inline-size: 0;inset-block-start: var(--_map-marker-y);left: var(--_map-marker-x);position: absolute;}:host(:hover),
3
- :host(:focus-within) {z-index: calc(var(--helix-layer-raised) + 1);}:host(:not(:state(placed))) {visibility: hidden;}:host(:state(behind)) {opacity: 0;pointer-events: none;}[part="marker"] {align-items: center;cursor: pointer;display: flex;gap: var(--helix-space-xs);left: 0;outline: none;pointer-events: none;position: absolute;top: 0;transform: translate(calc(var(--_map-marker-size) / -2), calc(-50% - var(--_map-marker-lift)));}:host(:dir(rtl)) [part="marker"],
4
- :host(:state(start)) [part="marker"] {transform: translate(
5
- calc(-100% + var(--_map-marker-size) / 2),
6
- calc(-50% - var(--_map-marker-lift))
7
- );}:host(:dir(rtl):state(start)) [part="marker"] {transform: translate(calc(var(--_map-marker-size) / -2), calc(-50% - var(--_map-marker-lift)));}:host(:state(start)) [part="marker"] {flex-direction: row-reverse;}[part="point"] {align-items: center;background: var(--_map-marker-color);block-size: var(--_map-marker-size);border: var(--helix-border-thick) solid var(--_map-marker-edge);border-radius: var(--helix-radii-full);box-shadow: var(--_map-marker-shadow);box-sizing: border-box;color: var(--_map-marker-ink);display: grid;flex: none;font-family: var(--helix-font-sans);font-size: calc(var(--_map-marker-size) * 0.5);font-weight: var(--helix-weight-semibold);inline-size: var(--_map-marker-size);isolation: isolate;justify-items: center;line-height: 1;pointer-events: auto;position: relative;transition: transform var(--helix-duration-fast) var(--helix-easing-standard);}:host(:state(icon)) {--_map-marker-size: var(--map-marker-size, 1.375rem);}:host(:state(icon)) [part="point"] {background: var(--_map-marker-fill);}:host([shape="rounded"]) [part="point"] {border-radius: var(--helix-radii-md);}:host([shape="square"]) [part="point"] {border-radius: var(--helix-radii-none);}:host([shape="diamond"]) [part="point"] {border-radius: var(--helix-radii-none);rotate: 45deg;scale: 0.85;}:host([shape="diamond"]) ::slotted(*) {rotate: -45deg;}:host([shape="ring"]) [part="point"] {background: var(--helix-color-surface);border-color: var(--_map-marker-color);border-width: calc(var(--_map-marker-size) * 0.18);color: var(--_map-marker-color);}:host([shape="pin"]) {--_map-marker-lift: calc(var(--_map-marker-size) * 0.72);--_map-marker-size: var(--map-marker-size, 1.625rem);}:host([shape="pin"]) [part="point"] {background: var(--_map-marker-fill);border: 0;border-radius: var(--helix-radii-full);box-shadow: none;}:host([shape="pin"]) [part="point"]::before {background: var(--_map-marker-fill);border: var(--helix-border-thick) solid var(--_map-marker-edge);border-radius: var(--helix-radii-full) var(--helix-radii-full) var(--helix-radii-full)
8
- var(--helix-radii-none);box-shadow: var(--_map-marker-shadow);box-sizing: border-box;content: "";inset: 0;position: absolute;rotate: -45deg;z-index: var(--helix-layer-beneath);}:host([shape="pin"]) [part="point"]::after {background: var(--_map-marker-fill);block-size: calc(var(--_map-marker-size) * 0.26);border: var(--helix-border-thin) solid var(--_map-marker-edge);border-radius: var(--helix-radii-full);box-sizing: border-box;content: "";inline-size: calc(var(--_map-marker-size) * 0.26);left: 50%;position: absolute;top: calc(50% + var(--_map-marker-lift));translate: -50% -50%;z-index: calc(var(--helix-layer-beneath) - 1);}:host(:state(cluster)) {--_map-marker-lift: 0px;--_map-marker-size: var(--map-marker-cluster-size, 1.75rem);}:host(:state(cluster)) [part="point"] {background: var(--map-marker-cluster-color, var(--helix-color-primary-surface));border: var(--helix-border-thick) solid var(--_map-marker-edge);border-radius: var(--helix-radii-full);box-shadow:
9
- 0 0 0 calc(var(--_map-marker-size) * 0.18)
10
- color-mix(
11
- in oklab,
12
- var(--map-marker-cluster-color, var(--helix-color-primary-surface)) 28%,
13
- transparent
14
- ),
15
- var(--_map-marker-shadow);color: var(--helix-color-foreground-on-primary);font-size: calc(var(--_map-marker-size) * 0.42);font-variant-numeric: tabular-nums;rotate: none;scale: none;}:host(:state(cluster)) [part="point"]::before,
16
- :host(:state(cluster)) [part="point"]::after {content: none;}:host(:state(fanned))::before {--_map-marker-leg-ink: color-mix(
17
- in oklab,
18
- var(--helix-color-foreground) 55%,
19
- var(--helix-color-surface)
20
- );--_map-marker-leg-dot: calc(var(--helix-border-thick) * 1.75);background:
21
- radial-gradient(
22
- circle at calc(100% - var(--_map-marker-leg-dot)) 50%,
23
- var(--_map-marker-leg-ink) var(--_map-marker-leg-dot),
24
- transparent calc(var(--_map-marker-leg-dot) + var(--helix-border-thin))
25
- ),
26
- linear-gradient(var(--_map-marker-leg-ink), var(--_map-marker-leg-ink)) 0 50% / 100%
27
- var(--helix-border-thick) no-repeat;block-size: calc((var(--_map-marker-leg-dot) + var(--helix-border-thin)) * 2);content: "";inline-size: calc(var(--_map-marker-leg) + var(--_map-marker-leg-dot));left: 0;position: absolute;rotate: var(--_map-marker-leg-angle);top: 0;transform-origin: 0 50%;translate: 0 -50%;}:host(:state(clustered)) {display: none;}:host([separation="outlined"]) {--_map-marker-shadow: none;}:host([separation="elevated"]) {--_map-marker-shadow: var(--helix-shadow-md);}:host([separation="filled"]) {--_map-marker-edge: transparent;--_map-marker-shadow: 0 0 0 calc(var(--_map-marker-size) * 0.3)
28
- color-mix(in oklab, var(--_map-marker-color) 22%, transparent);}:host([separation="plain"]) {--_map-marker-edge: transparent;--_map-marker-shadow: none;}[part="label"] {background: var(--helix-color-surface-overlay);border: var(--map-marker-label-border-width, var(--helix-border-floating)) solid
29
- var(--helix-color-border);border-radius: var(--helix-radii-sm);box-shadow: var(--map-marker-label-shadow, var(--helix-shadow-floating));color: var(--helix-color-foreground);font-family: var(--helix-font-sans);font-size: var(--helix-text-sm);font-weight: var(--helix-weight-medium);opacity: 0;padding: var(--helix-space-2xs) var(--helix-space-xs);pointer-events: none;transition: opacity var(--helix-duration-fast) var(--helix-easing-standard);white-space: nowrap;}:host(:state(cluster)) [part="label"] {inline-size: max-content;max-inline-size: 16rem;white-space: normal;}:host([material="glass"]) [part="label"] {backdrop-filter: var(--helix-material-backdrop);background: var(--helix-material-translucent);}:host([material="frosted"]) [part="label"] {backdrop-filter: blur(var(--helix-material-blur-lg));background: var(--helix-material-translucent-strong);}:host([material="transparent"]) [part="label"] {backdrop-filter: none;background: transparent;}:host(:hover) [part="label"],
30
- [part="marker"]:focus-visible [part="label"] {opacity: 1;}:host(:hover) [part="point"],
31
- [part="marker"]:focus-visible [part="point"] {transform: scale(1.25);}[part="marker"]:focus-visible [part="point"] {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: var(--helix-size-focus-offset);}:host([tone="accent"]) {--_map-marker-color: var(--helix-color-accent);--_map-marker-fill: var(--helix-color-accent-surface);--_map-marker-ink: var(--map-marker-ink, var(--helix-color-foreground-on-accent));}:host([tone="danger"]) {--_map-marker-color: var(--helix-color-danger);--_map-marker-fill: var(--helix-color-danger-surface);--_map-marker-ink: var(--map-marker-ink, var(--helix-color-foreground-on-status));}:host([tone="info"]) {--_map-marker-color: var(--helix-color-info);--_map-marker-fill: var(--helix-color-info-surface);--_map-marker-ink: var(--map-marker-ink, var(--helix-color-foreground-on-status));}:host([tone="neutral"]) {--_map-marker-color: var(--helix-color-foreground-muted);--_map-marker-fill: var(--helix-color-foreground-muted);--_map-marker-ink: var(--map-marker-ink, var(--helix-color-surface));}:host([tone="success"]) {--_map-marker-color: var(--helix-color-success);--_map-marker-fill: var(--helix-color-success-surface);--_map-marker-ink: var(--map-marker-ink, var(--helix-color-foreground-on-status));}:host([tone="warning"]) {--_map-marker-color: var(--helix-color-warning);--_map-marker-fill: var(--helix-color-warning-surface);--_map-marker-ink: var(--map-marker-ink, var(--helix-color-foreground-on-status));}:host(:state(passed)) {--_map-marker-color: var(--helix-color-foreground-muted);--_map-marker-fill: var(--helix-color-foreground-muted);--_map-marker-ink: var(--helix-color-surface);--_map-marker-shadow: none;}@media (prefers-reduced-motion: reduce) {[part="label"],
32
- [part="point"] {transition: none;}}@media (forced-colors: active) {[part="point"] {forced-color-adjust: none;}}`);
2
+ export const styles = createSheet(`:host {--_map-marker-color: var(--map-marker-color, var(--helix-color-primary));--_map-marker-fill: var(--map-marker-color, var(--helix-color-primary-surface));--_map-marker-ink: var(--map-marker-ink, var(--helix-color-foreground-on-primary));--_map-marker-edge: var(--helix-color-surface);--_map-marker-lift: 0px;--_map-marker-shadow: var(--helix-shadow-sm);--_map-marker-size: var(--map-marker-size, 0.875rem);--_map-marker-leg: 0px;--_map-marker-leg-angle: 0rad;--_map-marker-x: 0px;--_map-marker-y: 0px;block-size: 0;display: block;inline-size: 0;inset-block-start: var(--_map-marker-y);left: var(--_map-marker-x);position: absolute}:host(:hover), :host(:focus-within) {z-index: calc(var(--helix-layer-raised) + 1)}:host(:not(:state(placed))) {visibility: hidden}:host(:state(behind)) {opacity: 0;pointer-events: none}[part="marker"] {align-items: center;cursor: pointer;display: flex;gap: var(--helix-space-xs);left: 0;outline: none;pointer-events: none;position: absolute;top: 0;transform: translate(calc(var(--_map-marker-size) / -2), calc(-50% - var(--_map-marker-lift)))}:host(:dir(rtl)) [part="marker"], :host(:state(start)) [part="marker"] {transform: translate(calc(-100% + var(--_map-marker-size) / 2), calc(-50% - var(--_map-marker-lift)))}:host(:dir(rtl):state(start)) [part="marker"] {transform: translate(calc(var(--_map-marker-size) / -2), calc(-50% - var(--_map-marker-lift)))}:host(:state(start)) [part="marker"] {flex-direction: row-reverse}[part="point"] {align-items: center;background: var(--_map-marker-color);block-size: var(--_map-marker-size);border: var(--helix-border-thick) solid var(--_map-marker-edge);border-radius: var(--helix-radii-full);box-shadow: var(--_map-marker-shadow);box-sizing: border-box;color: var(--_map-marker-ink);display: grid;flex: none;font-family: var(--helix-font-sans);font-size: calc(var(--_map-marker-size) * 0.5);font-weight: var(--helix-weight-semibold);inline-size: var(--_map-marker-size);isolation: isolate;justify-items: center;line-height: 1;pointer-events: auto;position: relative;transition: transform var(--helix-duration-fast) var(--helix-easing-standard)}:host(:state(icon)) {--_map-marker-size: var(--map-marker-size, 1.375rem)}:host(:state(icon)) [part="point"] {background: var(--_map-marker-fill)}:host([shape="rounded"]) [part="point"] {border-radius: var(--helix-radii-md)}:host([shape="square"]) [part="point"] {border-radius: var(--helix-radii-none)}:host([shape="diamond"]) [part="point"] {border-radius: var(--helix-radii-none);rotate: 45deg;scale: 0.85}:host([shape="diamond"]) ::slotted(*) {rotate: -45deg}:host([shape="ring"]) [part="point"] {background: var(--helix-color-surface);border-color: var(--_map-marker-color);border-width: calc(var(--_map-marker-size) * 0.18);color: var(--_map-marker-color)}:host([shape="pin"]) {--_map-marker-lift: calc(var(--_map-marker-size) * 0.72);--_map-marker-size: var(--map-marker-size, 1.625rem)}:host([shape="pin"]) [part="point"] {background: var(--_map-marker-fill);border: 0;border-radius: var(--helix-radii-full);box-shadow: none}:host([shape="pin"]) [part="point"]::before {background: var(--_map-marker-fill);border: var(--helix-border-thick) solid var(--_map-marker-edge);border-radius: var(--helix-radii-full) var(--helix-radii-full) var(--helix-radii-full) var(--helix-radii-none);box-shadow: var(--_map-marker-shadow);box-sizing: border-box;content: "";inset: 0;position: absolute;rotate: -45deg;z-index: var(--helix-layer-beneath)}:host([shape="pin"]) [part="point"]::after {background: var(--_map-marker-fill);block-size: calc(var(--_map-marker-size) * 0.26);border: var(--helix-border-thin) solid var(--_map-marker-edge);border-radius: var(--helix-radii-full);box-sizing: border-box;content: "";inline-size: calc(var(--_map-marker-size) * 0.26);left: 50%;position: absolute;top: calc(50% + var(--_map-marker-lift));translate: -50% -50%;z-index: calc(var(--helix-layer-beneath) - 1)}:host(:state(cluster)) {--_map-marker-lift: 0px;--_map-marker-size: var(--map-marker-cluster-size, 1.75rem)}:host(:state(cluster)) [part="point"] {background: var(--map-marker-cluster-color, var(--helix-color-primary-surface));border: var(--helix-border-thick) solid var(--_map-marker-edge);border-radius: var(--helix-radii-full);box-shadow: 0 0 0 calc(var(--_map-marker-size) * 0.18) color-mix(in oklab, var(--map-marker-cluster-color, var(--helix-color-primary-surface)) 28%, transparent), var(--_map-marker-shadow);color: var(--helix-color-foreground-on-primary);font-size: calc(var(--_map-marker-size) * 0.42);font-variant-numeric: tabular-nums;rotate: none;scale: none}:host(:state(cluster)) [part="point"]::before, :host(:state(cluster)) [part="point"]::after {content: none}:host(:state(fanned))::before {--_map-marker-leg-ink: color-mix(in oklab, var(--helix-color-foreground) 55%, var(--helix-color-surface));--_map-marker-leg-dot: calc(var(--helix-border-thick) * 1.75);background: radial-gradient(circle at calc(100% - var(--_map-marker-leg-dot)) 50%, var(--_map-marker-leg-ink) var(--_map-marker-leg-dot), transparent calc(var(--_map-marker-leg-dot) + var(--helix-border-thin))), linear-gradient(var(--_map-marker-leg-ink), var(--_map-marker-leg-ink)) 0 50% / 100% var(--helix-border-thick) no-repeat;block-size: calc((var(--_map-marker-leg-dot) + var(--helix-border-thin)) * 2);content: "";inline-size: calc(var(--_map-marker-leg) + var(--_map-marker-leg-dot));left: 0;position: absolute;rotate: var(--_map-marker-leg-angle);top: 0;transform-origin: 0 50%;translate: 0 -50%}:host(:state(clustered)) {display: none}:host([separation="outlined"]) {--_map-marker-shadow: none}:host([separation="elevated"]) {--_map-marker-shadow: var(--helix-shadow-md)}:host([separation="filled"]) {--_map-marker-edge: transparent;--_map-marker-shadow: 0 0 0 calc(var(--_map-marker-size) * 0.3) color-mix(in oklab, var(--_map-marker-color) 22%, transparent)}:host([separation="plain"]) {--_map-marker-edge: transparent;--_map-marker-shadow: none}[part="label"] {background: var(--helix-color-surface-overlay);border: var(--map-marker-label-border-width, var(--helix-border-floating)) solid var(--helix-color-border);border-radius: var(--helix-radii-sm);box-shadow: var(--map-marker-label-shadow, var(--helix-shadow-floating));color: var(--helix-color-foreground);font-family: var(--helix-font-sans);font-size: var(--helix-text-sm);font-weight: var(--helix-weight-medium);opacity: 0;padding: var(--helix-space-2xs) var(--helix-space-xs);pointer-events: none;transition: opacity var(--helix-duration-fast) var(--helix-easing-standard);white-space: nowrap}:host(:state(cluster)) [part="label"] {inline-size: max-content;max-inline-size: 16rem;white-space: normal}:host([material="glass"]) [part="label"] {backdrop-filter: var(--helix-material-backdrop);background: var(--helix-material-translucent)}:host([material="frosted"]) [part="label"] {backdrop-filter: blur(var(--helix-material-blur-lg));background: var(--helix-material-translucent-strong)}:host([material="transparent"]) [part="label"] {backdrop-filter: none;background: transparent}:host(:hover) [part="label"], [part="marker"]:focus-visible [part="label"] {opacity: 1}:host(:hover) [part="point"], [part="marker"]:focus-visible [part="point"] {transform: scale(1.25)}[part="marker"]:focus-visible [part="point"] {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: var(--helix-size-focus-offset)}:host([tone="accent"]) {--_map-marker-color: var(--helix-color-accent);--_map-marker-fill: var(--helix-color-accent-surface);--_map-marker-ink: var(--map-marker-ink, var(--helix-color-foreground-on-accent))}:host([tone="danger"]) {--_map-marker-color: var(--helix-color-danger);--_map-marker-fill: var(--helix-color-danger-surface);--_map-marker-ink: var(--map-marker-ink, var(--helix-color-foreground-on-status))}:host([tone="info"]) {--_map-marker-color: var(--helix-color-info);--_map-marker-fill: var(--helix-color-info-surface);--_map-marker-ink: var(--map-marker-ink, var(--helix-color-foreground-on-status))}:host([tone="neutral"]) {--_map-marker-color: var(--helix-color-foreground-muted);--_map-marker-fill: var(--helix-color-foreground-muted);--_map-marker-ink: var(--map-marker-ink, var(--helix-color-surface))}:host([tone="success"]) {--_map-marker-color: var(--helix-color-success);--_map-marker-fill: var(--helix-color-success-surface);--_map-marker-ink: var(--map-marker-ink, var(--helix-color-foreground-on-status))}:host([tone="warning"]) {--_map-marker-color: var(--helix-color-warning);--_map-marker-fill: var(--helix-color-warning-surface);--_map-marker-ink: var(--map-marker-ink, var(--helix-color-foreground-on-status))}:host(:state(passed)) {--_map-marker-color: var(--helix-color-foreground-muted);--_map-marker-fill: var(--helix-color-foreground-muted);--_map-marker-ink: var(--helix-color-surface);--_map-marker-shadow: none}@media (prefers-reduced-motion: reduce) {[part="label"], [part="point"] {transition: none}}@media (forced-colors: active) {[part="point"] {forced-color-adjust: 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 { HelixHeadlessMapMarker } from '@fusion.dev/helix-headless/map';
9
4
  import { property } from 'lit/decorators.js';
@@ -1,2 +1,2 @@
1
1
  import { createSheet } from '@fusion.dev/helix-core';
2
- export const styles = createSheet(`:host {border-color: var(--map-points-casing-color, var(--helix-color-surface));color: var(--map-points-color, var(--helix-color-primary-surface));block-size: 0;display: block;inline-size: 0;inset-block-start: 0;left: 0;outline-color: var(--map-points-ink, var(--helix-color-foreground-on-primary));pointer-events: none;position: absolute;}[part~="place"] {block-size: var(--helix-size-control-sm);border-radius: var(--helix-radii-full);inline-size: var(--helix-size-control-sm);left: var(--_map-place-x);outline: none;position: absolute;top: var(--_map-place-y);translate: -50% -50%;}[part~="count"] {block-size: var(--helix-size-control-lg);inline-size: var(--helix-size-control-lg);}[part~="place"]:focus-visible {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: var(--helix-size-focus-offset);}[part="label"] {background: var(--helix-color-surface-overlay);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);font-family: var(--helix-font-sans);font-size: var(--helix-text-sm);font-weight: var(--helix-weight-medium);inset-inline-start: calc(100% + var(--helix-space-sm));opacity: 0;padding: var(--helix-space-2xs) var(--helix-space-xs);position: absolute;top: 50%;translate: 0 -50%;white-space: nowrap;}[part~="place"]:focus-visible [part="label"] {opacity: 1;}:host([tone="accent"]) {color: var(--helix-color-accent-surface);outline-color: var(--map-points-ink, var(--helix-color-foreground-on-accent));}:host([tone="danger"]) {color: var(--helix-color-danger-surface);outline-color: var(--map-points-ink, var(--helix-color-foreground-on-status));}:host([tone="info"]) {color: var(--helix-color-info-surface);outline-color: var(--map-points-ink, var(--helix-color-foreground-on-status));}:host([tone="neutral"]) {color: var(--helix-color-foreground-muted);outline-color: var(--map-points-ink, var(--helix-color-surface));}:host([tone="success"]) {color: var(--helix-color-success-surface);outline-color: var(--map-points-ink, var(--helix-color-foreground-on-status));}:host([tone="warning"]) {color: var(--helix-color-warning-surface);outline-color: var(--map-points-ink, var(--helix-color-foreground-on-status));}`);
2
+ export const styles = createSheet(`:host {border-color: var(--map-points-casing-color, var(--helix-color-surface));color: var(--map-points-color, var(--helix-color-primary-surface));block-size: 0;display: block;inline-size: 0;inset-block-start: 0;left: 0;outline-color: var(--map-points-ink, var(--helix-color-foreground-on-primary));pointer-events: none;position: absolute}[part~="place"] {block-size: var(--helix-size-control-sm);border-radius: var(--helix-radii-full);inline-size: var(--helix-size-control-sm);left: var(--_map-place-x);outline: none;position: absolute;top: var(--_map-place-y);translate: -50% -50%}[part~="count"] {block-size: var(--helix-size-control-lg);inline-size: var(--helix-size-control-lg)}[part~="place"]:focus-visible {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: var(--helix-size-focus-offset)}[part="label"] {background: var(--helix-color-surface-overlay);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);font-family: var(--helix-font-sans);font-size: var(--helix-text-sm);font-weight: var(--helix-weight-medium);inset-inline-start: calc(100% + var(--helix-space-sm));opacity: 0;padding: var(--helix-space-2xs) var(--helix-space-xs);position: absolute;top: 50%;translate: 0 -50%;white-space: nowrap}[part~="place"]:focus-visible [part="label"] {opacity: 1}:host([tone="accent"]) {color: var(--helix-color-accent-surface);outline-color: var(--map-points-ink, var(--helix-color-foreground-on-accent))}:host([tone="danger"]) {color: var(--helix-color-danger-surface);outline-color: var(--map-points-ink, var(--helix-color-foreground-on-status))}:host([tone="info"]) {color: var(--helix-color-info-surface);outline-color: var(--map-points-ink, var(--helix-color-foreground-on-status))}:host([tone="neutral"]) {color: var(--helix-color-foreground-muted);outline-color: var(--map-points-ink, var(--helix-color-surface))}:host([tone="success"]) {color: var(--helix-color-success-surface);outline-color: var(--map-points-ink, var(--helix-color-foreground-on-status))}:host([tone="warning"]) {color: var(--helix-color-warning-surface);outline-color: var(--map-points-ink, var(--helix-color-foreground-on-status))}`);