@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,10 +1,2 @@
1
1
  import { createSheet } from '@fusion.dev/helix-core';
2
- export const styles = createSheet(`:host {--helix-size-checkbox: var(--helix-size-checkbox-sm);--helix-size-checkbox-loose: calc(var(--helix-size-checkbox) * 1.2);--helix-size-checkbox-tight: calc(var(--helix-size-checkbox) * 0.8);--helix-size-control: var(--helix-size-control-sm);--helix-size-control-loose: calc(var(--helix-size-control) * 1.2);--helix-size-control-tight: calc(var(--helix-size-control) * 0.8);--helix-size-icon: var(--helix-size-icon-sm);--helix-size-icon-loose: calc(var(--helix-size-icon) * 1.2);--helix-size-icon-tight: calc(var(--helix-size-icon) * 0.8);--helix-size-tag: var(--helix-size-tag-sm);--helix-size-avatar: var(--helix-size-avatar-sm);display: grid;grid-template-rows: auto minmax(0, 1fr) auto;max-block-size: var(--notifications-max-block-size, none);}:host(:state(media)) {--notifications-media-column: calc(var(--helix-size-avatar) + var(--helix-space-sm));}[part="header"] {align-items: center;border-block-end: var(--helix-border-thin) solid
3
- var(--notifications-rule, var(--helix-color-border));display: flex;gap: var(--helix-space-sm);justify-content: space-between;padding-block: var(--helix-space-sm);padding-inline: var(--notifications-padding-inline, var(--helix-space-lg));}[part="header"][data-empty],
4
- [part="footer"][data-empty] {display: none;}[part="list"] {overflow-y: auto;}:host([separation="filled"]) [part="header"],
5
- :host([separation="outlined"]) [part="header"] {border-block-end: none;}:host([separation="filled"]) [part="list"],
6
- :host([separation="outlined"]) [part="list"] {padding-block-start: var(--notifications-item-gap, var(--helix-space-xs));}[part="footer"] {border-block-start: var(--helix-border-thin) solid
7
- var(--notifications-rule, var(--helix-color-border));padding-block: var(--helix-space-sm);padding-inline: var(--notifications-padding-inline, var(--helix-space-lg));}::slotted(helix-notification:last-of-type) {--notifications-rule: transparent;}[part="mark-all"] {background: none;border: 0;border-radius: var(--helix-radii-sm);color: var(--helix-color-foreground-muted);cursor: pointer;font-family: var(--helix-font-sans);font-size: var(--helix-text-sm);padding-block: var(--helix-space-2xs);padding-inline: var(--helix-space-2xs);transition: color var(--helix-duration-fast) var(--helix-easing-standard);}[part="mark-all"]:hover {color: var(--helix-color-foreground);}[part="more"] {background: none;border: 0;border-block-start: var(--helix-border-thin) solid var(--helix-color-border);color: var(--helix-color-foreground-muted);cursor: pointer;font-family: var(--helix-font-sans);font-size: var(--helix-text-sm);inline-size: 100%;padding-block: var(--helix-space-sm);transition: color var(--helix-duration-fast) var(--helix-easing-standard);}[part="more"]:hover {color: var(--helix-color-foreground);}[part="more"][aria-disabled="true"],
8
- [part="more"][aria-disabled="true"]:hover {color: var(--helix-color-foreground-subtle);cursor: default;}[part="more"]:focus-visible {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: calc(var(--helix-size-focus-offset) * -1);}[part="mark-all"]:focus-visible {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: var(--helix-size-focus-offset);}[part="empty"],
9
- [part="loading"] {--_collection-inset-block: var(--helix-space-lg);--_collection-inset-inline: var(--helix-space-md);}[part="error"] {color: var(--notifications-error-color, var(--helix-color-danger));font-family: var(--helix-font-sans);font-size: var(--helix-text-sm);margin: var(--helix-space-none);padding-block: var(--helix-space-lg);padding-inline: var(--helix-space-md);text-align: center;}@media print {:host {max-block-size: none;}[part="list"] {overflow-y: visible;}[part="mark-all"],
10
- [part="more"] {display: none;}}`);
2
+ export const styles = createSheet(`:host {--helix-size-checkbox: var(--helix-size-checkbox-sm);--helix-size-checkbox-loose: calc(var(--helix-size-checkbox) * 1.2);--helix-size-checkbox-tight: calc(var(--helix-size-checkbox) * 0.8);--helix-size-control: var(--helix-size-control-sm);--helix-size-control-loose: calc(var(--helix-size-control) * 1.2);--helix-size-control-tight: calc(var(--helix-size-control) * 0.8);--helix-size-icon: var(--helix-size-icon-sm);--helix-size-icon-loose: calc(var(--helix-size-icon) * 1.2);--helix-size-icon-tight: calc(var(--helix-size-icon) * 0.8);--helix-size-tag: var(--helix-size-tag-sm);--helix-size-avatar: var(--helix-size-avatar-sm);display: grid;grid-template-rows: auto minmax(0, 1fr) auto;max-block-size: var(--notifications-max-block-size, none)}:host(:state(media)) {--notifications-media-column: calc(var(--helix-size-avatar) + var(--helix-space-sm))}[part="header"] {align-items: center;border-block-end: var(--helix-border-thin) solid var(--notifications-rule, var(--helix-color-border));display: flex;gap: var(--helix-space-sm);justify-content: space-between;padding-block: var(--helix-space-sm);padding-inline: var(--notifications-padding-inline, var(--helix-space-lg))}[part="header"][data-empty], [part="footer"][data-empty] {display: none}[part="list"] {overflow-y: auto}:host([separation="filled"]) [part="header"], :host([separation="outlined"]) [part="header"] {border-block-end: none}:host([separation="filled"]) [part="list"], :host([separation="outlined"]) [part="list"] {padding-block-start: var(--notifications-item-gap, var(--helix-space-xs))}[part="footer"] {border-block-start: var(--helix-border-thin) solid var(--notifications-rule, var(--helix-color-border));padding-block: var(--helix-space-sm);padding-inline: var(--notifications-padding-inline, var(--helix-space-lg))}::slotted(helix-notification:last-of-type) {--notifications-rule: transparent}[part="mark-all"] {background: none;border: 0;border-radius: var(--helix-radii-sm);color: var(--helix-color-foreground-muted);cursor: pointer;font-family: var(--helix-font-sans);font-size: var(--helix-text-sm);padding-block: var(--helix-space-2xs);padding-inline: var(--helix-space-2xs);transition: color var(--helix-duration-fast) var(--helix-easing-standard)}[part="mark-all"]:hover {color: var(--helix-color-foreground)}[part="more"] {background: none;border: 0;border-block-start: var(--helix-border-thin) solid var(--helix-color-border);color: var(--helix-color-foreground-muted);cursor: pointer;font-family: var(--helix-font-sans);font-size: var(--helix-text-sm);inline-size: 100%;padding-block: var(--helix-space-sm);transition: color var(--helix-duration-fast) var(--helix-easing-standard)}[part="more"]:hover {color: var(--helix-color-foreground)}[part="more"][aria-disabled="true"], [part="more"][aria-disabled="true"]:hover {color: var(--helix-color-foreground-subtle);cursor: default}[part="more"]:focus-visible {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: calc(var(--helix-size-focus-offset) * -1)}[part="mark-all"]:focus-visible {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: var(--helix-size-focus-offset)}[part="empty"], [part="loading"] {--_collection-inset-block: var(--helix-space-lg);--_collection-inset-inline: var(--helix-space-md)}[part="error"] {color: var(--notifications-error-color, var(--helix-color-danger));font-family: var(--helix-font-sans);font-size: var(--helix-text-sm);margin: var(--helix-space-none);padding-block: var(--helix-space-lg);padding-inline: var(--helix-space-md);text-align: center}@media print {:host {max-block-size: none}[part="list"] {overflow-y: visible}[part="mark-all"], [part="more"] {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 { HelixHeadlessNotifications } from '@fusion.dev/helix-headless/notifications';
9
4
  import { property } from 'lit/decorators.js';
@@ -1,14 +1,2 @@
1
1
  import { createSheet } from '@fusion.dev/helix-core';
2
- export const styles = createSheet(`[part="field"] {align-items: center;background-color: var(--number-input-background-color, var(--helix-color-well));block-size: var(--number-input-size, var(--helix-size-control));border: var(--helix-border-thin) solid var(--number-input-border-color, var(--helix-color-border));border-radius: var(--number-input-radius, var(--helix-radii-sm));box-sizing: border-box;display: flex;overflow: hidden;transition: border-color var(--helix-duration-fast) var(--helix-easing-standard);}:host(:disabled) [part="field"] {cursor: not-allowed;opacity: 0.5;}:host([readonly]) [part="field"] {background-color: transparent;}[part="control"] {font-variant-numeric: tabular-nums;padding-inline: var(--number-input-padding-inline, var(--helix-space-xs));text-align: center;}slot[name="start"]::slotted(*),
3
- slot[name="end"]::slotted(*) {color: var(--helix-color-foreground-subtle);flex: 0 0 auto;}slot[name="start"]::slotted(*) {padding-inline-start: var(--helix-space-xs);}slot[name="end"]::slotted(*) {padding-inline-end: var(--helix-space-xs);}[part="decrement"],
4
- [part="increment"] {all: unset;align-items: center;align-self: stretch;background-color: var(--number-input-stepper-background-color, transparent);box-sizing: border-box;color: var(--number-input-stepper-color, var(--helix-color-foreground-muted));cursor: pointer;display: flex;flex: none;inline-size: var(--number-input-stepper-size, var(--helix-size-control));justify-content: center;transition:
5
- background-color var(--helix-duration-fast) var(--helix-easing-standard),
6
- color var(--helix-duration-fast) var(--helix-easing-standard);}[part="decrement"] {border-inline-end: var(--helix-border-thin) solid
7
- var(--number-input-stepper-border-color, var(--helix-color-border));}[part="increment"] {border-inline-start: var(--helix-border-thin) solid
8
- var(--number-input-stepper-border-color, var(--helix-color-border));}[part="decrement"]:hover:not(:disabled),
9
- [part="increment"]:hover:not(:disabled) {background-color: var(--number-input-stepper-background-color-hover, var(--helix-color-surface));color: var(--number-input-stepper-color-hover, var(--helix-color-foreground));}[part="decrement"]:disabled,
10
- [part="increment"]:disabled {cursor: default;opacity: 0.4;}[part="decrement"] svg,
11
- [part="increment"] svg,
12
- slot[name="decrement-icon"]::slotted(*),
13
- slot[name="increment-icon"]::slotted(*) {block-size: var(--number-input-stepper-icon-size, var(--helix-size-icon-tight));inline-size: var(--number-input-stepper-icon-size, var(--helix-size-icon-tight));}:host([scrub]) [part="label"] {cursor: ew-resize;touch-action: none;user-select: none;}:host([scrub]:disabled) [part="label"],
14
- :host([scrub][readonly]) [part="label"] {cursor: default;}@media print {:host {print-color-adjust: exact;}}`);
2
+ export const styles = createSheet(`[part="field"] {align-items: center;background-color: var(--number-input-background-color, var(--helix-color-well));block-size: var(--number-input-size, var(--helix-size-control));border: var(--helix-border-thin) solid var(--number-input-border-color, var(--helix-color-border));border-radius: var(--number-input-radius, var(--helix-radii-sm));box-sizing: border-box;display: flex;overflow: hidden;transition: border-color var(--helix-duration-fast) var(--helix-easing-standard)}:host(:disabled) [part="field"] {cursor: not-allowed;opacity: 0.5}:host([readonly]) [part="field"] {background-color: transparent}[part="control"] {font-variant-numeric: tabular-nums;padding-inline: var(--number-input-padding-inline, var(--helix-space-xs));text-align: center}slot[name="start"]::slotted(*), slot[name="end"]::slotted(*) {color: var(--helix-color-foreground-subtle);flex: 0 0 auto}slot[name="start"]::slotted(*) {padding-inline-start: var(--helix-space-xs)}slot[name="end"]::slotted(*) {padding-inline-end: var(--helix-space-xs)}[part="decrement"], [part="increment"] {all: unset;align-items: center;align-self: stretch;background-color: var(--number-input-stepper-background-color, transparent);box-sizing: border-box;color: var(--number-input-stepper-color, var(--helix-color-foreground-muted));cursor: pointer;display: flex;flex: none;inline-size: var(--number-input-stepper-size, var(--helix-size-control));justify-content: center;transition: background-color var(--helix-duration-fast) var(--helix-easing-standard), color var(--helix-duration-fast) var(--helix-easing-standard)}[part="decrement"] {border-inline-end: var(--helix-border-thin) solid var(--number-input-stepper-border-color, var(--helix-color-border))}[part="increment"] {border-inline-start: var(--helix-border-thin) solid var(--number-input-stepper-border-color, var(--helix-color-border))}[part="decrement"]:hover:not(:disabled), [part="increment"]:hover:not(:disabled) {background-color: var(--number-input-stepper-background-color-hover, var(--helix-color-surface));color: var(--number-input-stepper-color-hover, var(--helix-color-foreground))}[part="decrement"]:disabled, [part="increment"]:disabled {cursor: default;opacity: 0.4}[part="decrement"] svg, [part="increment"] svg, slot[name="decrement-icon"]::slotted(*), slot[name="increment-icon"]::slotted(*) {block-size: var(--number-input-stepper-icon-size, var(--helix-size-icon-tight));inline-size: var(--number-input-stepper-icon-size, var(--helix-size-icon-tight))}:host([scrub]) [part="label"] {cursor: ew-resize;touch-action: none;user-select: none}:host([scrub]:disabled) [part="label"], :host([scrub][readonly]) [part="label"] {cursor: default}@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 { HelixHeadlessNumberInput } from '@fusion.dev/helix-headless/number-input';
9
4
  import { styles as fieldStyles } from '../../shared/field/field.css.js';
@@ -1,24 +1,2 @@
1
1
  import { createSheet } from '@fusion.dev/helix-core';
2
- export const styles = createSheet(`:host {display: flex;flex-direction: column;font-size: var(--helix-text-sm);}[part="header"] {align-items: center;background-color: var(
3
- --object-inspector-header-background-color,
4
- var(--helix-color-surface-raised)
5
- );border: var(--helix-border-thin) solid
6
- var(--object-inspector-border-color, var(--helix-color-border));border-block-end: none;border-start-end-radius: var(--object-inspector-radius, var(--helix-radii-lg));border-start-start-radius: var(--object-inspector-radius, var(--helix-radii-lg));display: flex;padding-block: var(--helix-space-xs);padding-inline: var(--helix-space-md);}[part="label"] {color: var(--helix-color-foreground-muted);font-family: var(--helix-font-sans);font-size: var(--helix-text-xs);font-weight: var(--helix-weight-medium);}[part="frame"] {position: relative;}[part="tree"] {background-color: var(--object-inspector-background-color, var(--helix-color-background));border: var(--helix-border-thin) solid
7
- var(--object-inspector-border-color, var(--helix-color-border));border-radius: var(--object-inspector-radius, var(--helix-radii-lg));font-family: var(--helix-font-mono);line-height: var(--helix-leading-normal);padding-block: var(--helix-space-xs);}[part="search-field"] {appearance: none;background-color: var(--object-inspector-background-color, var(--helix-color-background));border: var(--helix-border-thin) solid
8
- var(--object-inspector-border-color, var(--helix-color-border));border-block-end: none;border-start-end-radius: var(--object-inspector-radius, var(--helix-radii-lg));border-start-start-radius: var(--object-inspector-radius, var(--helix-radii-lg));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));inline-size: 100%;margin: 0;padding-block: var(--helix-space-xs);padding-inline: var(--helix-space-md);}[part="search-field"]:focus-visible {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: calc(var(--helix-size-focus-offset) * -1);}[part="header"] + [part="search-field"],
9
- :is([part="header"], [part="search-field"]) ~ [part="frame"] [part="tree"] {border-start-end-radius: var(--helix-radii-none);border-start-start-radius: var(--helix-radii-none);}:host([windowed]) [part="tree"] {block-size: var(--object-inspector-block-size, 24em);overflow-y: auto;overscroll-behavior: contain;}[part~="row"] {cursor: default;overflow: hidden;padding-inline-end: var(--helix-space-2xl);padding-inline-start: calc(
10
- var(--object-inspector-level) *
11
- var(--helix-space-lg) +
12
- var(--helix-space-sm) +
13
- 1em +
14
- var(--helix-space-2xs)
15
- );text-overflow: ellipsis;white-space: nowrap;}[part="empty"] {color: var(--helix-color-foreground-muted);font-family: var(--helix-font-sans);padding-inline: calc(var(--helix-space-sm) + 1em + var(--helix-space-2xs));}[part~="row"][aria-expanded] {cursor: pointer;padding-inline-start: calc(
16
- var(--object-inspector-level) *
17
- var(--helix-space-lg) +
18
- var(--helix-space-sm)
19
- );}[part="tree"]:focus-within [part~="row-active"] {background-color: var(--helix-color-surface-sunken);}[part~="row"]:focus-visible {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: calc(var(--helix-size-focus-offset) * -1);}[part~="row-match"] {background-color: var(
20
- --object-inspector-match-background-color,
21
- var(--helix-color-accent-subtle)
22
- );}[part="toggle"] {block-size: 1em;color: var(--helix-color-foreground-muted);inline-size: 1em;margin-inline-end: var(--helix-space-2xs);vertical-align: -0.125em;}[part="key"] {color: var(--helix-color-syntax-name);}[part~="row-match"] [part="key"] {color: var(--helix-color-foreground);}[part="string"] {color: var(--helix-color-syntax-string);}[part="number"] {color: var(--helix-color-syntax-constant);}[part="boolean"],
23
- [part="null"] {color: var(--helix-color-syntax-keyword);}[part="summary"],
24
- [part="count"] {color: var(--helix-color-foreground-muted);}[part="count"] {font-family: var(--helix-font-sans);font-size: var(--helix-text-xs);margin-inline-start: var(--helix-space-xs);}[part="copy"] {inset-block-start: var(--helix-space-2xs);inset-inline-end: var(--helix-space-2xs);position: absolute;}@media print {[part="tree"] {block-size: auto;overflow: visible;}[part="copy"] {display: none;}}`);
2
+ export const styles = createSheet(`:host {display: flex;flex-direction: column;font-size: var(--helix-text-sm)}[part="header"] {align-items: center;background-color: var(--object-inspector-header-background-color, var(--helix-color-surface-raised));border: var(--helix-border-thin) solid var(--object-inspector-border-color, var(--helix-color-border));border-block-end: none;border-start-end-radius: var(--object-inspector-radius, var(--helix-radii-lg));border-start-start-radius: var(--object-inspector-radius, var(--helix-radii-lg));display: flex;padding-block: var(--helix-space-xs);padding-inline: var(--helix-space-md)}[part="label"] {color: var(--helix-color-foreground-muted);font-family: var(--helix-font-sans);font-size: var(--helix-text-xs);font-weight: var(--helix-weight-medium)}[part="frame"] {position: relative}[part="tree"] {background-color: var(--object-inspector-background-color, var(--helix-color-background));border: var(--helix-border-thin) solid var(--object-inspector-border-color, var(--helix-color-border));border-radius: var(--object-inspector-radius, var(--helix-radii-lg));font-family: var(--helix-font-mono);line-height: var(--helix-leading-normal);padding-block: var(--helix-space-xs)}[part="search-field"] {appearance: none;background-color: var(--object-inspector-background-color, var(--helix-color-background));border: var(--helix-border-thin) solid var(--object-inspector-border-color, var(--helix-color-border));border-block-end: none;border-start-end-radius: var(--object-inspector-radius, var(--helix-radii-lg));border-start-start-radius: var(--object-inspector-radius, var(--helix-radii-lg));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));inline-size: 100%;margin: 0;padding-block: var(--helix-space-xs);padding-inline: var(--helix-space-md)}[part="search-field"]:focus-visible {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: calc(var(--helix-size-focus-offset) * -1)}[part="header"] + [part="search-field"], :is([part="header"], [part="search-field"]) ~ [part="frame"] [part="tree"] {border-start-end-radius: var(--helix-radii-none);border-start-start-radius: var(--helix-radii-none)}:host([windowed]) [part="tree"] {block-size: var(--object-inspector-block-size, 24em);overflow-y: auto;overscroll-behavior: contain}[part~="row"] {cursor: default;overflow: hidden;padding-inline-end: var(--helix-space-2xl);padding-inline-start: calc(var(--object-inspector-level) * var(--helix-space-lg) + var(--helix-space-sm) + 1em + var(--helix-space-2xs));text-overflow: ellipsis;white-space: nowrap}[part="empty"] {color: var(--helix-color-foreground-muted);font-family: var(--helix-font-sans);padding-inline: calc(var(--helix-space-sm) + 1em + var(--helix-space-2xs))}[part~="row"][aria-expanded] {cursor: pointer;padding-inline-start: calc(var(--object-inspector-level) * var(--helix-space-lg) + var(--helix-space-sm))}[part="tree"]:focus-within [part~="row-active"] {background-color: var(--helix-color-surface-sunken)}[part~="row"]:focus-visible {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: calc(var(--helix-size-focus-offset) * -1)}[part~="row-match"] {background-color: var(--object-inspector-match-background-color, var(--helix-color-accent-subtle))}[part="toggle"] {block-size: 1em;color: var(--helix-color-foreground-muted);inline-size: 1em;margin-inline-end: var(--helix-space-2xs);vertical-align: -0.125em}[part="key"] {color: var(--helix-color-syntax-name)}[part~="row-match"] [part="key"] {color: var(--helix-color-foreground)}[part="string"] {color: var(--helix-color-syntax-string)}[part="number"] {color: var(--helix-color-syntax-constant)}[part="boolean"], [part="null"] {color: var(--helix-color-syntax-keyword)}[part="summary"], [part="count"] {color: var(--helix-color-foreground-muted)}[part="count"] {font-family: var(--helix-font-sans);font-size: var(--helix-text-xs);margin-inline-start: var(--helix-space-xs)}[part="copy"] {inset-block-start: var(--helix-space-2xs);inset-inline-end: var(--helix-space-2xs);position: absolute}@media print {[part="tree"] {block-size: auto;overflow: visible}[part="copy"] {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 { HelixHeadlessObjectInspector } from '@fusion.dev/helix-headless/object-inspector';
9
4
  import { styles as liveStyles } from '../../shared/live/live.css.js';
@@ -1,2 +1,2 @@
1
1
  import { createSheet } from '@fusion.dev/helix-core';
2
- export const styles = createSheet(`:host {display: block;}:host(:not(:first-of-type)) {margin-block-start: var(--helix-space-xs);}:host([hidden]) {display: none;}[part="label"] {color: var(--helix-color-foreground-subtle);display: block;font-family: var(--helix-font-sans);font-size: var(--helix-text-xs);font-weight: var(--helix-weight-medium);padding-block: var(--helix-space-2xs);padding-inline: var(--option-padding, var(--helix-space-xs));}`);
2
+ export const styles = createSheet(`:host {display: block}:host(:not(:first-of-type)) {margin-block-start: var(--helix-space-xs)}:host([hidden]) {display: none}[part="label"] {color: var(--helix-color-foreground-subtle);display: block;font-family: var(--helix-font-sans);font-size: var(--helix-text-xs);font-weight: var(--helix-weight-medium);padding-block: var(--helix-space-2xs);padding-inline: var(--option-padding, var(--helix-space-xs))}`);
@@ -1,9 +1,4 @@
1
- var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
2
- var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
3
- if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
4
- else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
5
- return c > 3 && r && Object.defineProperty(target, key, r), r;
6
- };
1
+ import { __decorate } from "tslib";
7
2
  import { customElement } from '@fusion.dev/helix-core';
8
3
  import { HelixHeadlessOptionGroup } from '@fusion.dev/helix-headless/option';
9
4
  import { styles } from './option-group.css.js';
@@ -1,10 +1,2 @@
1
1
  import { createSheet } from '@fusion.dev/helix-core';
2
- export const styles = createSheet(`:host {--_option-check: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M104 192a8 8 0 0 1-5.7-2.3l-56-56a8 8 0 0 1 11.4-11.4L104 172.7 210.3 66.3a8 8 0 0 1 11.4 11.4l-112 112A8 8 0 0 1 104 192Z'/%3E%3C/svg%3E");display: block;}:host([hidden]) {display: none;}[part~="item"] {align-items: center;border-radius: var(--option-radius, var(--helix-radii-sm));color: var(--helix-color-foreground);cursor: pointer;display: flex;font-family: var(--helix-font-sans);font-size: var(--helix-text-sm);gap: var(--helix-space-xs);min-block-size: var(--helix-size-control-tight);box-sizing: border-box;padding-block: var(--option-block-padding, var(--helix-space-2xs));padding-inline: var(--option-padding, var(--helix-space-xs));user-select: none;}[part="text"] {display: flex;flex: 1 1 auto;flex-direction: column;min-inline-size: 0;}[part="description"],
3
- slot[name="description"]::slotted(*) {color: var(--helix-color-foreground-muted);font-size: var(--helix-text-xs);line-height: var(--helix-leading-tight);overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}[part="label"] {min-inline-size: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}slot[name="indicator"]::slotted(*) {display: none;}:host(:state(selected)) slot[name="indicator"]::slotted(*) {block-size: var(--helix-size-icon-tight);display: block;flex: 0 0 auto;inline-size: var(--helix-size-icon-tight);margin-inline-start: auto;}:host(:state(selected)) [part~="item"]::after {content: "";background-color: currentColor;block-size: var(--helix-size-icon-tight);flex: 0 0 auto;inline-size: var(--helix-size-icon-tight);margin-inline-start: auto;mask-image: var(--_option-check);mask-position: center;mask-repeat: no-repeat;mask-size: contain;}:host(:state(has-indicator)) [part~="item"]::after {content: none;}:host(:state(active)) [part~="item"],
4
- :host(:not([disabled])) [part~="item"]:hover {background-color: var(
5
- --option-active-color,
6
- light-dark(
7
- color-mix(in oklab, var(--helix-color-foreground) 8%, transparent),
8
- color-mix(in oklab, var(--helix-color-foreground) 12%, transparent)
9
- )
10
- );}:host([disabled]) [part~="item"] {cursor: default;opacity: 0.5;}@media print {:host {print-color-adjust: exact;}}`);
2
+ export const styles = createSheet(`:host {--_option-check: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M104 192a8 8 0 0 1-5.7-2.3l-56-56a8 8 0 0 1 11.4-11.4L104 172.7 210.3 66.3a8 8 0 0 1 11.4 11.4l-112 112A8 8 0 0 1 104 192Z'/%3E%3C/svg%3E");display: block}:host([hidden]) {display: none}[part~="item"] {align-items: center;border-radius: var(--option-radius, var(--helix-radii-sm));color: var(--helix-color-foreground);cursor: pointer;display: flex;font-family: var(--helix-font-sans);font-size: var(--helix-text-sm);gap: var(--helix-space-xs);min-block-size: var(--helix-size-control-tight);box-sizing: border-box;padding-block: var(--option-block-padding, var(--helix-space-2xs));padding-inline: var(--option-padding, var(--helix-space-xs));user-select: none}[part="text"] {display: flex;flex: 1 1 auto;flex-direction: column;min-inline-size: 0}[part="description"], slot[name="description"]::slotted(*) {color: var(--helix-color-foreground-muted);font-size: var(--helix-text-xs);line-height: var(--helix-leading-tight);overflow: hidden;text-overflow: ellipsis;white-space: nowrap}[part="label"] {min-inline-size: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}slot[name="indicator"]::slotted(*) {display: none}:host(:state(selected)) slot[name="indicator"]::slotted(*) {block-size: var(--helix-size-icon-tight);display: block;flex: 0 0 auto;inline-size: var(--helix-size-icon-tight);margin-inline-start: auto}:host(:state(selected)) [part~="item"]::after {content: "";background-color: currentColor;block-size: var(--helix-size-icon-tight);flex: 0 0 auto;inline-size: var(--helix-size-icon-tight);margin-inline-start: auto;mask-image: var(--_option-check);mask-position: center;mask-repeat: no-repeat;mask-size: contain}:host(:state(has-indicator)) [part~="item"]::after {content: none}:host(:state(active)) [part~="item"], :host(:not([disabled])) [part~="item"]:hover {background-color: var(--option-active-color, light-dark(color-mix(in oklab, var(--helix-color-foreground) 8%, transparent), color-mix(in oklab, var(--helix-color-foreground) 12%, transparent)))}:host([disabled]) [part~="item"] {cursor: default;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 { HelixHeadlessOption } from '@fusion.dev/helix-headless/option/root';
9
4
  import { styles } from './option-root.css.js';
@@ -1,3 +1,2 @@
1
1
  import { createSheet } from '@fusion.dev/helix-core';
2
- export const styles = createSheet(`:host {border-block-start: var(--option-separator-thickness, var(--helix-border-thin)) solid
3
- var(--option-separator-color, var(--helix-color-border));display: block;margin-block: var(--option-separator-space, var(--helix-space-2xs));}:host([hidden]) {display: none;}`);
2
+ export const styles = createSheet(`:host {border-block-start: var(--option-separator-thickness, var(--helix-border-thin)) solid var(--option-separator-color, var(--helix-color-border));display: block;margin-block: var(--option-separator-space, var(--helix-space-2xs))}:host([hidden]) {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 { HelixHeadlessOptionSeparator } from '@fusion.dev/helix-headless/option';
9
4
  import { styles } from './option-separator.css.js';
@@ -1,2 +1,2 @@
1
1
  import { createSheet } from '@fusion.dev/helix-core';
2
- export const styles = createSheet(`:host {--_orb-size: calc(var(--helix-size-loader-lg) * 1.5);--_orb-color: var(--orb-color, currentColor);--_orb-ground: var(--orb-ground, var(--helix-color-background));block-size: var(--orb-size, var(--_orb-size));display: inline-block;flex-shrink: 0;inline-size: var(--orb-size, var(--_orb-size));position: relative;vertical-align: middle;}::slotted(*) {block-size: 100%;inline-size: 100%;inset: 0;position: absolute;}:host([size="sm"]) {--_orb-size: var(--helix-size-loader-md);}:host([size="lg"]) {--_orb-size: calc(var(--helix-size-loader-lg) * 2);}[part="canvas"] {animation-iteration-count: var(--orb-speed, 1);block-size: 100%;color: var(--_orb-color);display: block;inline-size: 100%;text-decoration-color: var(--_orb-ground);}[part="canvas"][hidden] {display: none;}@media print {:host {display: none;}}`);
2
+ export const styles = createSheet(`:host {--_orb-size: calc(var(--helix-size-loader-lg) * 1.5);--_orb-color: var(--orb-color, currentColor);--_orb-ground: var(--orb-ground, var(--helix-color-background));block-size: var(--orb-size, var(--_orb-size));display: inline-block;flex-shrink: 0;inline-size: var(--orb-size, var(--_orb-size));position: relative;vertical-align: middle}::slotted(*) {block-size: 100%;inline-size: 100%;inset: 0;position: absolute}:host([size="sm"]) {--_orb-size: var(--helix-size-loader-md)}:host([size="lg"]) {--_orb-size: calc(var(--helix-size-loader-lg) * 2)}[part="canvas"] {animation-iteration-count: var(--orb-speed, 1);block-size: 100%;color: var(--_orb-color);display: block;inline-size: 100%;text-decoration-color: var(--_orb-ground)}[part="canvas"][hidden] {display: 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, HelixElement, hostAria, PaintGateController, readColorAlpha, slotFilled, words, wordsConverter, } from '@fusion.dev/helix-core';
8
3
  import { html, nothing } from 'lit';
9
4
  import { property } from 'lit/decorators.js';
@@ -1,42 +1,2 @@
1
1
  import { createSheet } from '@fusion.dev/helix-core';
2
- export const styles = createSheet(`:host {--outline-rail: var(--helix-space-2xs);display: block;}[part="nav"] {background-image: linear-gradient(
3
- var(--outline-rule-color, var(--helix-color-border)),
4
- var(--outline-rule-color, var(--helix-color-border))
5
- );background-position: calc((var(--outline-rail) - var(--helix-border-thin)) / 2) 0;background-repeat: repeat-y;background-size: var(--helix-border-thin) 100%;display: flex;flex-direction: column;position: relative;}[part="indicator"] {--_mark-width: var(--helix-border-thin);background-color: var(--outline-indicator-color, var(--helix-color-primary));block-size: var(--indicator-block-size, 0);border-radius: var(--helix-radii-full);inline-size: var(--_mark-width);inset-block-start: 0;inset-inline-start: calc((var(--outline-rail) - var(--_mark-width)) / 2);opacity: 0;position: absolute;translate: 0 var(--indicator-y, 0);transition:
6
- translate var(--helix-duration-normal) var(--helix-easing-spring),
7
- block-size var(--helix-duration-slow) var(--helix-easing-decelerate),
8
- inline-size var(--helix-duration-normal) var(--helix-easing-standard),
9
- inset-inline-start var(--helix-duration-normal) var(--helix-easing-standard),
10
- opacity var(--helix-duration-fast) var(--helix-easing-standard);}[part="indicator"][data-placed] {opacity: 1;}:host(:hover) [part="indicator"]:not([data-moving]) {--_mark-width: var(--helix-border-thick);}[part="indicator"][data-moving] {--_mark-width: var(--outline-rail);transition:
11
- translate var(--helix-duration-normal) var(--helix-easing-spring),
12
- block-size var(--helix-duration-slow) var(--helix-easing-decelerate),
13
- inline-size var(--helix-duration-fast) var(--helix-easing-decelerate),
14
- inset-inline-start var(--helix-duration-fast) var(--helix-easing-decelerate),
15
- opacity var(--helix-duration-fast) var(--helix-easing-standard);}::slotted(a) {border-radius: var(--outline-link-radius, var(--helix-radii-sm));color: var(--outline-link-color, var(--helix-color-foreground-muted));font-size: var(--outline-link-font-size, var(--helix-text-xs));font-weight: var(--helix-weight-medium);line-height: var(--helix-leading-normal);margin-inline-start: var(--outline-rail, var(--helix-border-thick));padding-block: var(--outline-link-padding-block, var(--helix-space-2xs));padding-inline: var(--outline-link-padding-inline, var(--helix-space-sm));text-decoration: none;transition:
16
- background-color var(--helix-duration-fast) var(--helix-easing-standard),
17
- color var(--helix-duration-fast) var(--helix-easing-standard);}::slotted(a):hover {background-color: var(
18
- --outline-link-hover-background-color,
19
- color-mix(in oklab, var(--helix-color-foreground) 5%, transparent)
20
- );color: var(--outline-link-hover-color, var(--helix-color-foreground));text-decoration: none;}::slotted(a[aria-current]) {color: var(--outline-link-current-color, var(--helix-color-foreground));font-weight: var(--outline-link-current-weight, var(--helix-weight-semibold));}::slotted(a[data-level="2"]) {padding-inline-start: calc(
21
- var(--outline-link-padding-inline, var(--helix-space-sm)) +
22
- var(--outline-indent, var(--helix-space-sm))
23
- );}::slotted(a[data-level="3"]) {padding-inline-start: calc(
24
- var(--outline-link-padding-inline, var(--helix-space-sm)) +
25
- 2 *
26
- var(--outline-indent, var(--helix-space-sm))
27
- );}::slotted(a[data-level="4"]) {padding-inline-start: calc(
28
- var(--outline-link-padding-inline, var(--helix-space-sm)) +
29
- 3 *
30
- var(--outline-indent, var(--helix-space-sm))
31
- );}::slotted(a[data-level="5"]) {padding-inline-start: calc(
32
- var(--outline-link-padding-inline, var(--helix-space-sm)) +
33
- 4 *
34
- var(--outline-indent, var(--helix-space-sm))
35
- );}::slotted(a[data-level="6"]) {padding-inline-start: calc(
36
- var(--outline-link-padding-inline, var(--helix-space-sm)) +
37
- 5 *
38
- var(--outline-indent, var(--helix-space-sm))
39
- );}::slotted([slot="heading"]) {color: var(--outline-heading-color, var(--helix-color-foreground));font-size: var(--helix-text-xs);font-weight: var(--helix-weight-semibold);line-height: var(--helix-leading-normal);margin-block: 0 var(--helix-space-xs);margin-inline: 0;padding-inline-start: calc(
40
- var(--outline-rail) +
41
- var(--outline-link-padding-inline, var(--helix-space-sm))
42
- );}@media print {:host {print-color-adjust: economy;}}`);
2
+ export const styles = createSheet(`:host {--outline-rail: var(--helix-space-2xs);display: block}[part="nav"] {background-image: linear-gradient(var(--outline-rule-color, var(--helix-color-border)), var(--outline-rule-color, var(--helix-color-border)));background-position: calc((var(--outline-rail) - var(--helix-border-thin)) / 2) 0;background-repeat: repeat-y;background-size: var(--helix-border-thin) 100%;display: flex;flex-direction: column;position: relative}[part="indicator"] {--_mark-width: var(--helix-border-thin);background-color: var(--outline-indicator-color, var(--helix-color-primary));block-size: var(--indicator-block-size, 0);border-radius: var(--helix-radii-full);inline-size: var(--_mark-width);inset-block-start: 0;inset-inline-start: calc((var(--outline-rail) - var(--_mark-width)) / 2);opacity: 0;position: absolute;translate: 0 var(--indicator-y, 0);transition: translate var(--helix-duration-normal) var(--helix-easing-spring), block-size var(--helix-duration-slow) var(--helix-easing-decelerate), inline-size var(--helix-duration-normal) var(--helix-easing-standard), inset-inline-start var(--helix-duration-normal) var(--helix-easing-standard), opacity var(--helix-duration-fast) var(--helix-easing-standard)}[part="indicator"][data-placed] {opacity: 1}:host(:hover) [part="indicator"]:not([data-moving]) {--_mark-width: var(--helix-border-thick)}[part="indicator"][data-moving] {--_mark-width: var(--outline-rail);transition: translate var(--helix-duration-normal) var(--helix-easing-spring), block-size var(--helix-duration-slow) var(--helix-easing-decelerate), inline-size var(--helix-duration-fast) var(--helix-easing-decelerate), inset-inline-start var(--helix-duration-fast) var(--helix-easing-decelerate), opacity var(--helix-duration-fast) var(--helix-easing-standard)}::slotted(a) {border-radius: var(--outline-link-radius, var(--helix-radii-sm));color: var(--outline-link-color, var(--helix-color-foreground-muted));font-size: var(--outline-link-font-size, var(--helix-text-xs));font-weight: var(--helix-weight-medium);line-height: var(--helix-leading-normal);margin-inline-start: var(--outline-rail, var(--helix-border-thick));padding-block: var(--outline-link-padding-block, var(--helix-space-2xs));padding-inline: var(--outline-link-padding-inline, var(--helix-space-sm));text-decoration: none;transition: background-color var(--helix-duration-fast) var(--helix-easing-standard), color var(--helix-duration-fast) var(--helix-easing-standard)}::slotted(a):hover {background-color: var(--outline-link-hover-background-color, color-mix(in oklab, var(--helix-color-foreground) 5%, transparent));color: var(--outline-link-hover-color, var(--helix-color-foreground));text-decoration: none}::slotted(a[aria-current]) {color: var(--outline-link-current-color, var(--helix-color-foreground));font-weight: var(--outline-link-current-weight, var(--helix-weight-semibold))}::slotted(a[data-level="2"]) {padding-inline-start: calc(var(--outline-link-padding-inline, var(--helix-space-sm)) + var(--outline-indent, var(--helix-space-sm)))}::slotted(a[data-level="3"]) {padding-inline-start: calc(var(--outline-link-padding-inline, var(--helix-space-sm)) + 2 * var(--outline-indent, var(--helix-space-sm)))}::slotted(a[data-level="4"]) {padding-inline-start: calc(var(--outline-link-padding-inline, var(--helix-space-sm)) + 3 * var(--outline-indent, var(--helix-space-sm)))}::slotted(a[data-level="5"]) {padding-inline-start: calc(var(--outline-link-padding-inline, var(--helix-space-sm)) + 4 * var(--outline-indent, var(--helix-space-sm)))}::slotted(a[data-level="6"]) {padding-inline-start: calc(var(--outline-link-padding-inline, var(--helix-space-sm)) + 5 * var(--outline-indent, var(--helix-space-sm)))}::slotted([slot="heading"]) {color: var(--outline-heading-color, var(--helix-color-foreground));font-size: var(--helix-text-xs);font-weight: var(--helix-weight-semibold);line-height: var(--helix-leading-normal);margin-block: 0 var(--helix-space-xs);margin-inline: 0;padding-inline-start: calc(var(--outline-rail) + var(--outline-link-padding-inline, var(--helix-space-sm)))}@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 { HelixHeadlessOutline } from '@fusion.dev/helix-headless/outline';
9
4
  import { styles } from './outline-root.css.js';
@@ -1,37 +1,2 @@
1
1
  import { createSheet } from '@fusion.dev/helix-core';
2
- export const styles = createSheet(`:host {align-items: center;display: flex;flex-wrap: wrap;font-size: var(--pagination-font-size, var(--helix-text-sm));gap: var(--pagination-gap, var(--helix-space-2xs));}[part="list"] {align-items: center;display: flex;flex-wrap: wrap;gap: var(--pagination-gap, var(--helix-space-2xs));list-style: none;margin: var(--helix-space-none);padding: var(--helix-space-none);}[part="item"] {display: inline-flex;}[part="first"],
3
- [part="gap"],
4
- [part="last"],
5
- [part~="page"],
6
- [part="previous"],
7
- [part="next"] {align-items: center;appearance: none;background-color: transparent;block-size: var(--pagination-size, var(--helix-size-control-tight));border: var(--helix-border-thin) solid transparent;border-radius: var(--pagination-radius, var(--helix-radii-sm));color: var(--pagination-foreground-color, var(--helix-color-foreground-muted));cursor: pointer;display: inline-flex;font: inherit;font-variant-numeric: tabular-nums;font-weight: var(--pagination-font-weight, var(--helix-weight-medium));justify-content: center;min-inline-size: var(--pagination-size, var(--helix-size-control-tight));padding-inline: var(--pagination-padding, var(--helix-space-2xs));text-decoration: none;transition:
8
- background-color var(--helix-duration-fast) var(--helix-easing-standard),
9
- color var(--helix-duration-fast) var(--helix-easing-standard);}[part="first"]:hover,
10
- [part="gap"]:hover,
11
- [part="last"]:hover,
12
- [part~="page"]:hover,
13
- [part="previous"]:hover,
14
- [part="next"]:hover {background-color: var(--pagination-hover-color, var(--helix-color-surface-sunken));color: var(--pagination-hover-foreground-color, var(--helix-color-foreground));}[part="first"]:focus-visible,
15
- [part="gap"]:focus-visible,
16
- [part="last"]:focus-visible,
17
- [part~="page"]:focus-visible,
18
- [part="previous"]:focus-visible,
19
- [part="next"]:focus-visible {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: var(--helix-size-focus-offset);}[part~="page"][aria-current="page"],
20
- [part~="page"][aria-current="page"]:hover {background-color: var(--pagination-current-color, var(--helix-color-surface-raised));border-color: var(--pagination-current-border-color, var(--helix-color-border));color: var(--pagination-current-foreground-color, var(--helix-color-foreground));font-weight: var(--pagination-current-font-weight, var(--helix-weight-semibold));}[part="first"]:disabled,
21
- [part="last"]:disabled,
22
- [part="previous"]:disabled,
23
- [part="next"]:disabled,
24
- [part="first"][aria-disabled="true"],
25
- [part="last"][aria-disabled="true"],
26
- [part="previous"][aria-disabled="true"],
27
- [part="next"][aria-disabled="true"] {color: var(--pagination-disabled-foreground-color, var(--helix-color-foreground-subtle));cursor: default;opacity: var(--pagination-disabled-opacity, 0.5);pointer-events: none;}[part="first"] svg,
28
- [part="last"] svg,
29
- [part="previous"] svg,
30
- [part="next"] svg,
31
- ::slotted([slot="first-icon"]),
32
- ::slotted([slot="last-icon"]),
33
- ::slotted([slot="previous-icon"]),
34
- ::slotted([slot="next-icon"]) {block-size: var(--pagination-icon-size, var(--helix-size-icon-tight));inline-size: var(--pagination-icon-size, var(--helix-size-icon-tight));}:host(:dir(rtl)) ::slotted([slot="first-icon"]),
35
- :host(:dir(rtl)) ::slotted([slot="last-icon"]),
36
- :host(:dir(rtl)) ::slotted([slot="previous-icon"]),
37
- :host(:dir(rtl)) ::slotted([slot="next-icon"]) {scale: -1 1;}[part="gap"] {color: var(--pagination-ellipsis-foreground-color, var(--helix-color-foreground-subtle));user-select: none;}:host(:state(empty)) {display: none;}[part="status"] {color: var(--pagination-status-foreground-color, var(--helix-color-foreground-muted));font-variant-numeric: tabular-nums;font-weight: var(--pagination-font-weight, var(--helix-weight-medium));padding-inline: var(--helix-space-xs);}@media print {:host {display: none;}}`);
2
+ export const styles = createSheet(`:host {align-items: center;display: flex;flex-wrap: wrap;font-size: var(--pagination-font-size, var(--helix-text-sm));gap: var(--pagination-gap, var(--helix-space-2xs))}[part="list"] {align-items: center;display: flex;flex-wrap: wrap;gap: var(--pagination-gap, var(--helix-space-2xs));list-style: none;margin: var(--helix-space-none);padding: var(--helix-space-none)}[part="item"] {display: inline-flex}[part="first"], [part="gap"], [part="last"], [part~="page"], [part="previous"], [part="next"] {align-items: center;appearance: none;background-color: transparent;block-size: var(--pagination-size, var(--helix-size-control-tight));border: var(--helix-border-thin) solid transparent;border-radius: var(--pagination-radius, var(--helix-radii-sm));color: var(--pagination-foreground-color, var(--helix-color-foreground-muted));cursor: pointer;display: inline-flex;font: inherit;font-variant-numeric: tabular-nums;font-weight: var(--pagination-font-weight, var(--helix-weight-medium));justify-content: center;min-inline-size: var(--pagination-size, var(--helix-size-control-tight));padding-inline: var(--pagination-padding, var(--helix-space-2xs));text-decoration: none;transition: background-color var(--helix-duration-fast) var(--helix-easing-standard), color var(--helix-duration-fast) var(--helix-easing-standard)}[part="first"]:hover, [part="gap"]:hover, [part="last"]:hover, [part~="page"]:hover, [part="previous"]:hover, [part="next"]:hover {background-color: var(--pagination-hover-color, var(--helix-color-surface-sunken));color: var(--pagination-hover-foreground-color, var(--helix-color-foreground))}[part="first"]:focus-visible, [part="gap"]:focus-visible, [part="last"]:focus-visible, [part~="page"]:focus-visible, [part="previous"]:focus-visible, [part="next"]:focus-visible {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: var(--helix-size-focus-offset)}[part~="page"][aria-current="page"], [part~="page"][aria-current="page"]:hover {background-color: var(--pagination-current-color, var(--helix-color-surface-raised));border-color: var(--pagination-current-border-color, var(--helix-color-border));color: var(--pagination-current-foreground-color, var(--helix-color-foreground));font-weight: var(--pagination-current-font-weight, var(--helix-weight-semibold))}[part="first"]:disabled, [part="last"]:disabled, [part="previous"]:disabled, [part="next"]:disabled, [part="first"][aria-disabled="true"], [part="last"][aria-disabled="true"], [part="previous"][aria-disabled="true"], [part="next"][aria-disabled="true"] {color: var(--pagination-disabled-foreground-color, var(--helix-color-foreground-subtle));cursor: default;opacity: var(--pagination-disabled-opacity, 0.5);pointer-events: none}[part="first"] svg, [part="last"] svg, [part="previous"] svg, [part="next"] svg, ::slotted([slot="first-icon"]), ::slotted([slot="last-icon"]), ::slotted([slot="previous-icon"]), ::slotted([slot="next-icon"]) {block-size: var(--pagination-icon-size, var(--helix-size-icon-tight));inline-size: var(--pagination-icon-size, var(--helix-size-icon-tight))}:host(:dir(rtl)) ::slotted([slot="first-icon"]), :host(:dir(rtl)) ::slotted([slot="last-icon"]), :host(:dir(rtl)) ::slotted([slot="previous-icon"]), :host(:dir(rtl)) ::slotted([slot="next-icon"]) {scale: -1 1}[part="gap"] {color: var(--pagination-ellipsis-foreground-color, var(--helix-color-foreground-subtle));user-select: none}:host(:state(empty)) {display: none}[part="status"] {color: var(--pagination-status-foreground-color, var(--helix-color-foreground-muted));font-variant-numeric: tabular-nums;font-weight: var(--pagination-font-weight, var(--helix-weight-medium));padding-inline: var(--helix-space-xs)}@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 { HelixHeadlessPagination } from '@fusion.dev/helix-headless/pagination';
9
4
  import { styles as liveStyles } from '../../shared/live/live.css.js';
@@ -1,2 +1,2 @@
1
1
  import { createSheet } from '@fusion.dev/helix-core';
2
- export const styles = createSheet(`:host {display: inline-flex;}:host(:state(empty)) {display: none;}[part="control"] {align-items: center;flex-direction: row;gap: var(--pagination-size-gap, var(--helix-space-xs));}[part="control"]::part(label) {padding-block-end: var(--helix-space-none);white-space: nowrap;}[part="control"]::part(trigger) {block-size: var(--pagination-size, var(--helix-size-control-tight));}`);
2
+ export const styles = createSheet(`:host {display: inline-flex}:host(:state(empty)) {display: none}[part="control"] {align-items: center;flex-direction: row;gap: var(--pagination-size-gap, var(--helix-space-xs))}[part="control"]::part(label) {padding-block-end: var(--helix-space-none);white-space: nowrap}[part="control"]::part(trigger) {block-size: var(--pagination-size, var(--helix-size-control-tight))}`);
@@ -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 { HelixHeadlessPaginationSize } from '@fusion.dev/helix-headless/pagination';
9
4
  import '../../option/index.js';
@@ -1,2 +1,2 @@
1
1
  import { createSheet } from '@fusion.dev/helix-core';
2
- export const styles = createSheet(`:host {color: var(--pagination-summary-foreground-color, var(--helix-color-foreground-subtle));display: inline-block;font-family: var(--helix-font-sans);font-size: var(--pagination-font-size, var(--helix-text-sm));font-variant-numeric: tabular-nums;}`);
2
+ export const styles = createSheet(`:host {color: var(--pagination-summary-foreground-color, var(--helix-color-foreground-subtle));display: inline-block;font-family: var(--helix-font-sans);font-size: var(--pagination-font-size, var(--helix-text-sm));font-variant-numeric: tabular-nums}`);
@@ -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 { HelixHeadlessPaginationSummary } from '@fusion.dev/helix-headless/pagination';
9
4
  import { styles } from './pagination-summary.css.js';
@@ -1,3 +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="field"] {align-self: start;display: flex;gap: var(--pin-input-gap, var(--helix-space-xs));}[part~="cell"] {all: unset;align-items: center;background-color: var(--pin-input-cell-background-color, var(--helix-color-well));block-size: var(--pin-input-cell-size, var(--helix-size-control));border: var(--helix-border-thin) solid
3
- var(--pin-input-cell-border-color, var(--helix-color-border));border-radius: var(--pin-input-cell-radius, var(--helix-radii-sm));box-sizing: border-box;color: var(--pin-input-cell-color, var(--helix-color-foreground));cursor: text;display: flex;font-family: var(--helix-font-sans);font-size: var(--pin-input-cell-font-size, var(--helix-text-lg));font-variant-numeric: tabular-nums;font-weight: var(--helix-weight-medium);inline-size: var(--pin-input-cell-size, var(--helix-size-control));justify-content: center;text-align: center;transition: border-color var(--helix-duration-fast) var(--helix-easing-standard);}:host(:not(:disabled)) [part~="cell"]:hover {border-color: var(--helix-color-foreground-muted);}[part~="cell-active"] {border-color: var(--pin-input-cell-border-color-focus, var(--helix-color-primary));outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: 0;}:host(:state(invalid)) [part~="cell"] {border-color: var(--helix-color-danger);}:host(:disabled) [part~="cell"] {cursor: not-allowed;opacity: 0.5;}:host([readonly]) [part~="cell"] {background-color: transparent;}:host([mask]) [part~="cell"] {font-size: var(--helix-text-xl);}[part="separator"] {align-self: center;color: var(--pin-input-separator-color, var(--helix-color-foreground-muted));font-size: var(--helix-text-lg);}[part="placeholder"] {color: var(--pin-input-placeholder-color, var(--helix-color-foreground-subtle));}[part="caret"] {background-color: var(--pin-input-caret-color, currentcolor);block-size: 1em;inline-size: var(--helix-border-thin);}@media print {:host {print-color-adjust: exact;}}`);
2
+ export const styles = createSheet(`:host {display: flex;flex-direction: column;gap: var(--helix-space-2xs)}[part="field"] {align-self: start;display: flex;gap: var(--pin-input-gap, var(--helix-space-xs))}[part~="cell"] {all: unset;align-items: center;background-color: var(--pin-input-cell-background-color, var(--helix-color-well));block-size: var(--pin-input-cell-size, var(--helix-size-control));border: var(--helix-border-thin) solid var(--pin-input-cell-border-color, var(--helix-color-border));border-radius: var(--pin-input-cell-radius, var(--helix-radii-sm));box-sizing: border-box;color: var(--pin-input-cell-color, var(--helix-color-foreground));cursor: text;display: flex;font-family: var(--helix-font-sans);font-size: var(--pin-input-cell-font-size, var(--helix-text-lg));font-variant-numeric: tabular-nums;font-weight: var(--helix-weight-medium);inline-size: var(--pin-input-cell-size, var(--helix-size-control));justify-content: center;text-align: center;transition: border-color var(--helix-duration-fast) var(--helix-easing-standard)}:host(:not(:disabled)) [part~="cell"]:hover {border-color: var(--helix-color-foreground-muted)}[part~="cell-active"] {border-color: var(--pin-input-cell-border-color-focus, var(--helix-color-primary));outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: 0}:host(:state(invalid)) [part~="cell"] {border-color: var(--helix-color-danger)}:host(:disabled) [part~="cell"] {cursor: not-allowed;opacity: 0.5}:host([readonly]) [part~="cell"] {background-color: transparent}:host([mask]) [part~="cell"] {font-size: var(--helix-text-xl)}[part="separator"] {align-self: center;color: var(--pin-input-separator-color, var(--helix-color-foreground-muted));font-size: var(--helix-text-lg)}[part="placeholder"] {color: var(--pin-input-placeholder-color, var(--helix-color-foreground-subtle))}[part="caret"] {background-color: var(--pin-input-caret-color, currentcolor);block-size: 1em;inline-size: var(--helix-border-thin)}@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 { HelixHeadlessPinInput } from '@fusion.dev/helix-headless/pin-input';
9
4
  import { styles as fieldStyles } from '../../shared/field/field.css.js';
@@ -1,11 +1,2 @@
1
1
  import { createSheet } from '@fusion.dev/helix-core';
2
- export const styles = createSheet(`:host {display: contents;}[part="popover"] {overflow: visible;background-color: var(--helix-color-surface-overlay);border: var(--popover-border-width, var(--helix-border-floating)) solid
3
- var(--popover-border-color, var(--helix-color-border));--_popover-edge: var(--popover-border-width, var(--helix-border-floating)) solid
4
- var(--popover-border-color, var(--helix-color-border));border-radius: var(--helix-radii-sm);box-shadow: var(--popover-shadow, var(--helix-shadow-floating));box-sizing: border-box;color: var(--helix-color-foreground);inset: auto;margin: var(--helix-space-none);max-inline-size: calc(100vw - var(--helix-space-lg));padding: var(--helix-space-none);inline-size: var(--popover-inline-size, max-content);}[part="popover"]:not(:popover-open) {display: none;}[part="popover"] {--_travel: calc(var(--helix-space-2xs) * -1);--_popover-from: 0.96;opacity: 0;transform: translateY(var(--_travel));scale: var(--_popover-from);transition:
5
- opacity var(--helix-duration-fast) var(--helix-easing-standard),
6
- scale var(--helix-duration-fast) var(--helix-easing-emphasized),
7
- transform var(--helix-duration-fast) var(--helix-easing-emphasized),
8
- display var(--helix-duration-fast) allow-discrete,
9
- overlay var(--helix-duration-fast) allow-discrete;}[part="popover"][data-placement^="top"] {--_travel: var(--helix-space-2xs);}[part="popover"][data-placed] {opacity: 1;scale: 1;transform: none;}[part="popover"][data-placement^="top"] {transform-origin: var(--floating-arrow-x, 50%) 100%;}[part="popover"][data-placement^="bottom"] {transform-origin: var(--floating-arrow-x, 50%) 0;}[part="popover"][data-placement^="left"] {transform-origin: 100% var(--floating-arrow-y, 50%);}[part="popover"][data-placement^="right"] {transform-origin: 0 var(--floating-arrow-y, 50%);}@media (prefers-reduced-motion: reduce) {[part="popover"],
10
- [part="popover"][data-placed] {scale: 1;transform: none;transition: none;}}[part="content"] {max-block-size: var(--popover-max-block-size, var(--floating-available-block-size, none));overflow: auto;padding: var(--popover-padding, var(--helix-space-md));}:host([separation="plain"]) [part="content"] {padding: var(--popover-padding, var(--helix-space-none));}[part="popover"]:focus,
11
- [part="popover"]:focus-visible {outline: none;}[part~="arrow"] {background-color: var(--helix-color-surface-overlay);block-size: var(--popover-arrow-size, 0.5rem);inline-size: var(--popover-arrow-size, 0.5rem);position: absolute;rotate: 45deg;}[part="popover"][data-placement^="bottom"] [part~="arrow"] {border-left: var(--_popover-edge);border-top: var(--_popover-edge);}[part="popover"][data-placement^="top"] [part~="arrow"] {border-bottom: var(--_popover-edge);border-right: var(--_popover-edge);}[part="popover"][data-placement^="right"] [part~="arrow"] {border-bottom: var(--_popover-edge);border-left: var(--_popover-edge);}[part="popover"][data-placement^="left"] [part~="arrow"] {border-right: var(--_popover-edge);border-top: var(--_popover-edge);}@media print {:host {display: none;}}`);
2
+ export const styles = createSheet(`:host {display: contents}[part="popover"] {overflow: visible;background-color: var(--helix-color-surface-overlay);border: var(--popover-border-width, var(--helix-border-floating)) solid var(--popover-border-color, var(--helix-color-border));--_popover-edge: var(--popover-border-width, var(--helix-border-floating)) solid var(--popover-border-color, var(--helix-color-border));border-radius: var(--helix-radii-sm);box-shadow: var(--popover-shadow, var(--helix-shadow-floating));box-sizing: border-box;color: var(--helix-color-foreground);inset: auto;margin: var(--helix-space-none);max-inline-size: calc(100vw - var(--helix-space-lg));padding: var(--helix-space-none);inline-size: var(--popover-inline-size, max-content)}[part="popover"]:not(:popover-open) {display: none}[part="popover"] {--_travel: calc(var(--helix-space-2xs) * -1);--_popover-from: 0.96;opacity: 0;transform: translateY(var(--_travel));scale: var(--_popover-from);transition: opacity var(--helix-duration-fast) var(--helix-easing-standard), scale var(--helix-duration-fast) var(--helix-easing-emphasized), transform var(--helix-duration-fast) var(--helix-easing-emphasized), display var(--helix-duration-fast) allow-discrete, overlay var(--helix-duration-fast) allow-discrete}[part="popover"][data-placement^="top"] {--_travel: var(--helix-space-2xs)}[part="popover"][data-placed] {opacity: 1;scale: 1;transform: none}[part="popover"][data-placement^="top"] {transform-origin: var(--floating-arrow-x, 50%) 100%}[part="popover"][data-placement^="bottom"] {transform-origin: var(--floating-arrow-x, 50%) 0}[part="popover"][data-placement^="left"] {transform-origin: 100% var(--floating-arrow-y, 50%)}[part="popover"][data-placement^="right"] {transform-origin: 0 var(--floating-arrow-y, 50%)}@media (prefers-reduced-motion: reduce) {[part="popover"], [part="popover"][data-placed] {scale: 1;transform: none;transition: none}}[part="content"] {max-block-size: var(--popover-max-block-size, var(--floating-available-block-size, none));overflow: auto;padding: var(--popover-padding, var(--helix-space-md))}:host([separation="plain"]) [part="content"] {padding: var(--popover-padding, var(--helix-space-none))}[part="popover"]:focus, [part="popover"]:focus-visible {outline: none}[part~="arrow"] {background-color: var(--helix-color-surface-overlay);block-size: var(--popover-arrow-size, 0.5rem);inline-size: var(--popover-arrow-size, 0.5rem);position: absolute;rotate: 45deg}[part="popover"][data-placement^="bottom"] [part~="arrow"] {border-left: var(--_popover-edge);border-top: var(--_popover-edge)}[part="popover"][data-placement^="top"] [part~="arrow"] {border-bottom: var(--_popover-edge);border-right: var(--_popover-edge)}[part="popover"][data-placement^="right"] [part~="arrow"] {border-bottom: var(--_popover-edge);border-left: var(--_popover-edge)}[part="popover"][data-placement^="left"] [part~="arrow"] {border-right: var(--_popover-edge);border-top: var(--_popover-edge)}@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 { HelixHeadlessPopover } from '@fusion.dev/helix-headless/popover';
9
4
  import { property } from 'lit/decorators.js';
@@ -1,26 +1,2 @@
1
1
  import { createSheet } from '@fusion.dev/helix-core';
2
- export const styles = createSheet(`:host {display: block;}:host([show-value]) {align-items: center;column-gap: var(--progress-value-gap, var(--helix-space-sm));display: grid;grid-template-columns: 1fr auto;row-gap: var(--progress-label-gap, var(--helix-space-2xs));}slot[name="label"]::slotted(*) {color: var(--progress-label-color, var(--helix-color-foreground));display: block;font-size: var(--progress-label-size, var(--helix-text-sm));grid-column: 1 / -1;margin-block-end: var(--progress-label-gap, var(--helix-space-2xs));}:host([show-value]) slot[name="label"]::slotted(*) {margin-block-end: 0;}:host([shape="ring"]) slot[name="label"]::slotted(*) {grid-column: 1;margin-block: 0;}[part="value"] {color: var(--progress-value-color, var(--helix-color-foreground-muted));font-family: var(--helix-font-sans);font-size: var(--progress-value-size, var(--helix-text-xs));font-variant-numeric: tabular-nums;min-inline-size: 3ch;text-align: end;}[part="live"] {block-size: 1px;clip-path: inset(50%);inline-size: 1px;margin: var(--helix-space-none);overflow: hidden;position: absolute;white-space: nowrap;}[part="track"] {background-color: var(--progress-track-color, var(--helix-color-surface-sunken));min-block-size: var(--progress-size, var(--helix-size-progress));border-radius: var(--progress-radius, var(--helix-radii-full));inline-size: 100%;overflow: hidden;}[part="indicator"] {background-color: var(--progress-color, var(--helix-color-primary));block-size: 100%;border-radius: inherit;inline-size: 100%;scale: var(--progress-fraction, 0) 1;transform-origin: left center;transition: scale var(--progress-transition-duration, var(--helix-duration-normal))
3
- var(--helix-easing-decelerate);}:host(:dir(rtl)) [part="indicator"] {transform-origin: right center;}:host([indeterminate]) {--_progress-crawl: 19.2s;--_progress-cycle: calc(var(--helix-duration-slow) * 5);}:host([indeterminate]) [part="indicator"] {animation: helix-progress-indeterminate var(--_progress-cycle) linear infinite;transition: none;}:host([indeterminate]) [part="indicator"] {--_progress-way: 1;}:host([indeterminate]:dir(rtl)) [part="indicator"] {--_progress-way: -1;}@keyframes helix-progress-indeterminate {0% {scale: 0.18 1;translate: calc(-18% * var(--_progress-way, 1));}35% {scale: 0.5 1;translate: calc(12% * var(--_progress-way, 1));}65% {scale: 0.5 1;translate: calc(52% * var(--_progress-way, 1));}100% {scale: 0.18 1;translate: calc(100% * var(--_progress-way, 1));}}@media (prefers-reduced-motion: reduce) {:host([indeterminate]) [part="indicator"] {animation: none;background-image: repeating-linear-gradient(
4
- -45deg,
5
- var(--helix-color-background) 0 var(--helix-space-xs),
6
- transparent var(--helix-space-xs) calc(var(--helix-space-xs) * 2)
7
- );scale: 1 1;translate: 0;}}[part="track"] {display: grid;}[part="track"] > * {grid-area: 1 / 1;}[part="content"] {--_progress-over: var(--progress-content-fill-color, var(--helix-color-foreground-on-primary));--_progress-under: var(--progress-content-color, var(--helix-color-foreground));--_progress-split: calc(var(--progress-fraction, 0) * 100%);-webkit-background-clip: text;background-clip: text;background-image: linear-gradient(
8
- to right,
9
- var(--_progress-over) var(--_progress-split),
10
- var(--_progress-under) var(--_progress-split)
11
- );color: transparent;font-family: var(--helix-font-sans);font-size: var(--progress-content-size, var(--helix-text-xs));font-variant-numeric: tabular-nums;line-height: var(--helix-leading-tight);padding-inline: var(--helix-space-xs);position: relative;white-space: nowrap;}:host(:dir(rtl)) [part="content"] {background-image: linear-gradient(
12
- to left,
13
- var(--_progress-over) var(--_progress-split),
14
- var(--_progress-under) var(--_progress-split)
15
- );}:host([indeterminate]) [part="content"],
16
- :host([emphasis="subtle"]) [part="content"] {--_progress-over: var(--_progress-under);}:host([shape="ring"]) {display: inline-grid;place-items: center;row-gap: var(--progress-label-gap, var(--helix-space-2xs));}:host([shape="ring"]) [part="track"] {--_ring-stroke: var(--progress-ring-width, var(--helix-size-progress));background-color: transparent;block-size: var(--progress-ring-size, 4rem);grid-area: 1 / 1;inline-size: var(--progress-ring-size, 4rem);rotate: -90deg;}:host([shape="ring"]) [part="groove"],
17
- :host([shape="ring"]) [part="indicator"] {cx: 50%;cy: 50%;fill: none;r: calc(50% - var(--_ring-stroke) / 2);stroke-width: var(--_ring-stroke);}:host([shape="ring"]) [part="groove"] {stroke: var(--progress-track-color, var(--helix-color-surface-sunken));}:host([shape="ring"]) [part="indicator"] {scale: none;stroke: var(--progress-color, var(--helix-color-primary));stroke-dasharray: calc(var(--progress-fraction) * 100) 100;stroke-linecap: round;transition: stroke-dasharray var(--progress-transition-duration, var(--helix-duration-normal))
18
- var(--helix-easing-decelerate);}:host([shape="ring"][show-value]) {gap: var(--helix-space-none);grid-template-columns: auto;}:host([shape="ring"]) [part="value"] {grid-area: 1 / 1;min-inline-size: 0;text-align: center;}:host([shape="ring"]) [part="content"] {background-image: none;color: var(--progress-content-color, var(--helix-color-foreground));grid-area: 1 / 1;padding-inline: var(--helix-space-none);text-align: center;}:host([shape="ring"][indeterminate]) [part="track"] {animation: helix-progress-ring var(--_progress-cycle) linear infinite;}:host([shape="ring"][indeterminate]) [part="indicator"] {animation: helix-progress-ring-sweep calc(var(--_progress-cycle) * 0.7) ease-in-out infinite;transition: none;}@keyframes helix-progress-ring {from {rotate: -90deg;}to {rotate: 270deg;}}@keyframes helix-progress-ring-sweep {0% {stroke-dasharray: 10 100;stroke-dashoffset: 0;}50% {stroke-dasharray: 70 100;stroke-dashoffset: -25;}100% {stroke-dasharray: 10 100;stroke-dashoffset: -100;}}@media (prefers-reduced-motion: reduce) {:host([shape="ring"]) [part="indicator"] {transition: none;}:host([shape="ring"][indeterminate]) [part="track"] {animation-duration: var(--_progress-crawl);}:host([shape="ring"][indeterminate]) [part="indicator"] {animation: none;stroke-dasharray: 25 100;}}@media (forced-colors: active) {[part="track"] {outline: var(--helix-border-thin) solid CanvasText;}[part="indicator"] {background-color: Highlight;forced-color-adjust: none;}:host([shape="ring"]) [part="track"] {outline: none;}:host([shape="ring"]) [part="indicator"] {stroke: Highlight;}:host([shape="ring"]) [part="groove"] {stroke: CanvasText;}[part="content"] {--_progress-over: HighlightText;--_progress-under: CanvasText;forced-color-adjust: none;}:host([shape="ring"]) [part="content"] {color: CanvasText;}}@media print {:host {print-color-adjust: exact;}}:host([emphasis="subtle"]) [part="indicator"] {background-color: color-mix(
19
- in oklab,
20
- var(--progress-color, var(--helix-color-primary)) 30%,
21
- var(--progress-track-color, var(--helix-color-surface-sunken))
22
- );}:host([emphasis="subtle"][shape="ring"]) [part="indicator"] {stroke: color-mix(
23
- in oklab,
24
- var(--progress-color, var(--helix-color-primary)) 30%,
25
- var(--progress-track-color, var(--helix-color-surface-sunken))
26
- );}`);
2
+ export const styles = createSheet(`:host {display: block}:host([show-value]) {align-items: center;column-gap: var(--progress-value-gap, var(--helix-space-sm));display: grid;grid-template-columns: 1fr auto;row-gap: var(--progress-label-gap, var(--helix-space-2xs))}slot[name="label"]::slotted(*) {color: var(--progress-label-color, var(--helix-color-foreground));display: block;font-size: var(--progress-label-size, var(--helix-text-sm));grid-column: 1 / -1;margin-block-end: var(--progress-label-gap, var(--helix-space-2xs))}:host([show-value]) slot[name="label"]::slotted(*) {margin-block-end: 0}:host([shape="ring"]) slot[name="label"]::slotted(*) {grid-column: 1;margin-block: 0}[part="value"] {color: var(--progress-value-color, var(--helix-color-foreground-muted));font-family: var(--helix-font-sans);font-size: var(--progress-value-size, var(--helix-text-xs));font-variant-numeric: tabular-nums;min-inline-size: 3ch;text-align: end}[part="live"] {block-size: 1px;clip-path: inset(50%);inline-size: 1px;margin: var(--helix-space-none);overflow: hidden;position: absolute;white-space: nowrap}[part="track"] {background-color: var(--progress-track-color, var(--helix-color-surface-sunken));min-block-size: var(--progress-size, var(--helix-size-progress));border-radius: var(--progress-radius, var(--helix-radii-full));inline-size: 100%;overflow: hidden}[part="indicator"] {background-color: var(--progress-color, var(--helix-color-primary));block-size: 100%;border-radius: inherit;inline-size: 100%;scale: var(--progress-fraction, 0) 1;transform-origin: left center;transition: scale var(--progress-transition-duration, var(--helix-duration-normal)) var(--helix-easing-decelerate)}:host(:dir(rtl)) [part="indicator"] {transform-origin: right center}:host([indeterminate]) {--_progress-crawl: 19.2s;--_progress-cycle: calc(var(--helix-duration-slow) * 5)}:host([indeterminate]) [part="indicator"] {animation: helix-progress-indeterminate var(--_progress-cycle) linear infinite;transition: none}:host([indeterminate]) [part="indicator"] {--_progress-way: 1}:host([indeterminate]:dir(rtl)) [part="indicator"] {--_progress-way: -1}@keyframes helix-progress-indeterminate {0% {scale: 0.18 1;translate: calc(-18% * var(--_progress-way, 1))}35% {scale: 0.5 1;translate: calc(12% * var(--_progress-way, 1))}65% {scale: 0.5 1;translate: calc(52% * var(--_progress-way, 1))}100% {scale: 0.18 1;translate: calc(100% * var(--_progress-way, 1))}}@media (prefers-reduced-motion: reduce) {:host([indeterminate]) [part="indicator"] {animation: none;background-image: repeating-linear-gradient(-45deg, var(--helix-color-background) 0 var(--helix-space-xs), transparent var(--helix-space-xs) calc(var(--helix-space-xs) * 2));scale: 1 1;translate: 0}}[part="track"] {display: grid}[part="track"] > * {grid-area: 1 / 1}[part="content"] {--_progress-over: var(--progress-content-fill-color, var(--helix-color-foreground-on-primary));--_progress-under: var(--progress-content-color, var(--helix-color-foreground));--_progress-split: calc(var(--progress-fraction, 0) * 100%);-webkit-background-clip: text;background-clip: text;background-image: linear-gradient(to right, var(--_progress-over) var(--_progress-split), var(--_progress-under) var(--_progress-split));color: transparent;font-family: var(--helix-font-sans);font-size: var(--progress-content-size, var(--helix-text-xs));font-variant-numeric: tabular-nums;line-height: var(--helix-leading-tight);padding-inline: var(--helix-space-xs);position: relative;white-space: nowrap}:host(:dir(rtl)) [part="content"] {background-image: linear-gradient(to left, var(--_progress-over) var(--_progress-split), var(--_progress-under) var(--_progress-split))}:host([indeterminate]) [part="content"], :host([emphasis="subtle"]) [part="content"] {--_progress-over: var(--_progress-under)}:host([shape="ring"]) {display: inline-grid;place-items: center;row-gap: var(--progress-label-gap, var(--helix-space-2xs))}:host([shape="ring"]) [part="track"] {--_ring-stroke: var(--progress-ring-width, var(--helix-size-progress));background-color: transparent;block-size: var(--progress-ring-size, 4rem);grid-area: 1 / 1;inline-size: var(--progress-ring-size, 4rem);rotate: -90deg}:host([shape="ring"]) [part="groove"], :host([shape="ring"]) [part="indicator"] {cx: 50%;cy: 50%;fill: none;r: calc(50% - var(--_ring-stroke) / 2);stroke-width: var(--_ring-stroke)}:host([shape="ring"]) [part="groove"] {stroke: var(--progress-track-color, var(--helix-color-surface-sunken))}:host([shape="ring"]) [part="indicator"] {scale: none;stroke: var(--progress-color, var(--helix-color-primary));stroke-dasharray: calc(var(--progress-fraction) * 100) 100;stroke-linecap: round;transition: stroke-dasharray var(--progress-transition-duration, var(--helix-duration-normal)) var(--helix-easing-decelerate)}:host([shape="ring"][show-value]) {gap: var(--helix-space-none);grid-template-columns: auto}:host([shape="ring"]) [part="value"] {grid-area: 1 / 1;min-inline-size: 0;text-align: center}:host([shape="ring"]) [part="content"] {background-image: none;color: var(--progress-content-color, var(--helix-color-foreground));grid-area: 1 / 1;padding-inline: var(--helix-space-none);text-align: center}:host([shape="ring"][indeterminate]) [part="track"] {animation: helix-progress-ring var(--_progress-cycle) linear infinite}:host([shape="ring"][indeterminate]) [part="indicator"] {animation: helix-progress-ring-sweep calc(var(--_progress-cycle) * 0.7) ease-in-out infinite;transition: none}@keyframes helix-progress-ring {from {rotate: -90deg}to {rotate: 270deg}}@keyframes helix-progress-ring-sweep {0% {stroke-dasharray: 10 100;stroke-dashoffset: 0}50% {stroke-dasharray: 70 100;stroke-dashoffset: -25}100% {stroke-dasharray: 10 100;stroke-dashoffset: -100}}@media (prefers-reduced-motion: reduce) {:host([shape="ring"]) [part="indicator"] {transition: none}:host([shape="ring"][indeterminate]) [part="track"] {animation-duration: var(--_progress-crawl)}:host([shape="ring"][indeterminate]) [part="indicator"] {animation: none;stroke-dasharray: 25 100}}@media (forced-colors: active) {[part="track"] {outline: var(--helix-border-thin) solid CanvasText}[part="indicator"] {background-color: Highlight;forced-color-adjust: none}:host([shape="ring"]) [part="track"] {outline: none}:host([shape="ring"]) [part="indicator"] {stroke: Highlight}:host([shape="ring"]) [part="groove"] {stroke: CanvasText}[part="content"] {--_progress-over: HighlightText;--_progress-under: CanvasText;forced-color-adjust: none}:host([shape="ring"]) [part="content"] {color: CanvasText}}@media print {:host {print-color-adjust: exact}}:host([emphasis="subtle"]) [part="indicator"] {background-color: color-mix(in oklab, var(--progress-color, var(--helix-color-primary)) 30%, var(--progress-track-color, var(--helix-color-surface-sunken)))}:host([emphasis="subtle"][shape="ring"]) [part="indicator"] {stroke: color-mix(in oklab, var(--progress-color, var(--helix-color-primary)) 30%, var(--progress-track-color, var(--helix-color-surface-sunken)))}`);
@@ -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 { HelixHeadlessProgress } from '@fusion.dev/helix-headless/progress';
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 {--_qr-size: var(--qr-code-size, 12rem);background-color: var(--qr-code-background-color, var(--helix-color-foreground-media));block-size: var(--_qr-size);border-radius: var(--qr-code-radius, var(--helix-radii-sm));color: var(--qr-code-color, var(--helix-color-surface-media));display: block;inline-size: var(--_qr-size);position: relative;}[part="code"] {block-size: 100%;display: block;inline-size: 100%;}[part="fallback"] {align-items: center;block-size: 100%;box-sizing: border-box;display: flex;justify-content: center;overflow-wrap: anywhere;padding: var(--qr-code-fallback-padding, var(--helix-space-md));text-align: center;}[part="finders"] {fill: var(--qr-code-finder-color, currentColor);}[part="logo"] {align-items: center;background-color: var(--qr-code-background-color, var(--helix-color-foreground-media));border-radius: var(--qr-code-logo-radius, var(--helix-radii-sm));box-sizing: border-box;display: flex;inset-block-start: 50%;inset-inline-start: 50%;justify-content: center;max-block-size: var(--qr-code-logo-size, 27%);max-inline-size: var(--qr-code-logo-size, 27%);min-block-size: var(--qr-code-logo-size, 27%);min-inline-size: var(--qr-code-logo-size, 27%);padding: var(--qr-code-logo-padding, 6%);position: absolute;translate: -50% -50%;}:host(:dir(rtl)) [part="logo"] {translate: 50% -50%;}[part="logo"] slot::slotted(*) {block-size: 100%;inline-size: 100%;object-fit: contain;}[part="logo"][hidden] {display: none;}@media print {:host {print-color-adjust: economy;}}`);
2
+ export const styles = createSheet(`:host {--_qr-size: var(--qr-code-size, 12rem);background-color: var(--qr-code-background-color, var(--helix-color-foreground-media));block-size: var(--_qr-size);border-radius: var(--qr-code-radius, var(--helix-radii-sm));color: var(--qr-code-color, var(--helix-color-surface-media));display: block;inline-size: var(--_qr-size);position: relative}[part="code"] {block-size: 100%;display: block;inline-size: 100%}[part="fallback"] {align-items: center;block-size: 100%;box-sizing: border-box;display: flex;justify-content: center;overflow-wrap: anywhere;padding: var(--qr-code-fallback-padding, var(--helix-space-md));text-align: center}[part="finders"] {fill: var(--qr-code-finder-color, currentColor)}[part="logo"] {align-items: center;background-color: var(--qr-code-background-color, var(--helix-color-foreground-media));border-radius: var(--qr-code-logo-radius, var(--helix-radii-sm));box-sizing: border-box;display: flex;inset-block-start: 50%;inset-inline-start: 50%;justify-content: center;max-block-size: var(--qr-code-logo-size, 27%);max-inline-size: var(--qr-code-logo-size, 27%);min-block-size: var(--qr-code-logo-size, 27%);min-inline-size: var(--qr-code-logo-size, 27%);padding: var(--qr-code-logo-padding, 6%);position: absolute;translate: -50% -50%}:host(:dir(rtl)) [part="logo"] {translate: 50% -50%}[part="logo"] slot::slotted(*) {block-size: 100%;inline-size: 100%;object-fit: contain}[part="logo"][hidden] {display: none}@media print {:host {print-color-adjust: economy}}`);
@@ -1,9 +1,4 @@
1
- var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
2
- var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
3
- if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
4
- else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
5
- return c > 3 && r && Object.defineProperty(target, key, r), r;
6
- };
1
+ import { __decorate } from "tslib";
7
2
  import { customElement } from '@fusion.dev/helix-core';
8
3
  import { HelixHeadlessQrCode } from '@fusion.dev/helix-headless/qr-code';
9
4
  import { styles } from './qr-code-root.css.js';
@@ -1,2 +1,2 @@
1
1
  import { createSheet } from '@fusion.dev/helix-core';
2
- export const styles = createSheet(`:host {display: inline;font: inherit;}[part="quote"] {color: var(--quote-color, var(--helix-color-foreground-muted));font: inherit;font-family: var(--quote-font-family, inherit);font-style: var(--quote-font-style, italic);font-weight: var(--quote-font-weight, inherit);}:host([no-marks]) [part="quote"]::before {content: no-open-quote;}:host([no-marks]) [part="quote"]::after {content: no-close-quote;}@media print {:host {print-color-adjust: economy;}}`);
2
+ export const styles = createSheet(`:host {display: inline;font: inherit}[part="quote"] {color: var(--quote-color, var(--helix-color-foreground-muted));font: inherit;font-family: var(--quote-font-family, inherit);font-style: var(--quote-font-style, italic);font-weight: var(--quote-font-weight, inherit)}:host([no-marks]) [part="quote"]::before {content: no-open-quote}:host([no-marks]) [part="quote"]::after {content: no-close-quote}@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 { HelixHeadlessQuote } from '@fusion.dev/helix-headless/quote';
9
4
  import { styles } from './quote-root.css.js';