@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,53 +1,2 @@
1
1
  import { createSheet } from '@fusion.dev/helix-core';
2
- export const styles = createSheet(`:host {display: block;}[part="toolbar"],
3
- [part="table"],
4
- [part="footer"] {grid-column: 1 / -1;}[part="table"] {display: grid;grid-template-columns: var(--data-table-columns, var(--data-table-template, minmax(0, 1fr)));inline-size: 100%;overflow-x: auto;}[part="table"] {--_data-table-fade: to right;animation: data-table-edges linear both;animation-timeline: scroll(self inline);mask-image: linear-gradient(
5
- var(--_data-table-fade),
6
- transparent,
7
- #000 var(--_data-table-fade-start, 0rem),
8
- #000 calc(100% - var(--_data-table-fade-end, 0rem)),
9
- transparent
10
- );}:host(:dir(rtl)) [part="table"] {--_data-table-fade: to left;}@keyframes data-table-edges {0% {--_data-table-fade-end: var(--helix-space-xl);--_data-table-fade-start: 0rem;}5%,
11
- 95% {--_data-table-fade-end: var(--helix-space-xl);--_data-table-fade-start: var(--helix-space-xl);}100% {--_data-table-fade-end: 0rem;--_data-table-fade-start: var(--helix-space-xl);}}@media (prefers-reduced-motion: reduce) {[part="table"] {animation: none;}}[part="head"],
12
- [part~="row"] {display: contents;}[part~="cell"] {border-block-end: var(--helix-border-thin) solid
13
- var(--data-table-rule-color, var(--helix-color-border));color: var(--data-table-color, var(--helix-color-foreground));font-family: var(--helix-font-sans);font-size: var(--data-table-text, var(--helix-text-sm));padding-block: var(--data-table-padding-block, var(--helix-space-sm));padding-inline: var(--data-table-padding-inline, var(--helix-space-none) var(--helix-space-md));text-align: var(--data-table-cell-align);}[part~="row"]:last-of-type [part~="cell"] {border-block-end-color: transparent;}::slotted(helix-table-column) {--_table-heading-color: var(--data-table-heading-color);--_table-heading-padding-block: var(--data-table-padding-block);--_table-heading-padding-inline: var(--data-table-padding-inline);--_table-heading-rule-color: var(--data-table-rule-color);--_table-heading-text: var(--data-table-text);}::slotted(helix-table-column[sortable]) {cursor: pointer;}[part~="cell"]:focus-visible,
14
- [part="more-cell"]:focus-visible,
15
- [part~="select"]:focus-visible,
16
- [part="select-all"]:focus-visible,
17
- [part="row-grip"]:focus-visible,
18
- [part="grip-head"]:focus-visible {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: calc(var(--helix-size-focus-offset) * -1);}[part~="select"],
19
- [part="select-all"],
20
- [part="row-grip"],
21
- [part="grip-head"] {align-items: center;border-block-end: var(--helix-border-thin) solid
22
- var(--data-table-rule-color, var(--helix-color-border));display: flex;justify-content: center;padding-block: var(--data-table-padding-block, var(--helix-space-sm));padding-inline: var(--data-table-padding-inline, var(--helix-space-sm));}[part~="row"]:last-of-type [part~="select"],
23
- [part~="row"]:last-of-type [part="row-grip"] {border-block-end-color: transparent;}[part~="row"][aria-selected="true"] > * {background-color: var(
24
- --data-table-selected-background-color,
25
- color-mix(in srgb, var(--helix-color-primary) 10%, var(--helix-color-background))
26
- );}[part="row-grip-button"] {all: unset;align-items: center;border-radius: var(--helix-radii-sm);box-sizing: border-box;color: var(--data-table-grip-color, var(--helix-color-foreground-muted));cursor: grab;display: inline-flex;touch-action: none;}[part="row-grip-button"]:active {cursor: grabbing;}[part="row-grip-button"][aria-disabled="true"] {cursor: default;opacity: var(--data-table-grip-disabled-opacity, 0.4);}[part="row-grip-mark"] {block-size: 1em;inline-size: 1em;}[part~="row"][part~="row-dragging"] > * {opacity: var(--data-table-dragging-opacity, 0.5);}[part~="row"][part~="row-drop-before"] > * {box-shadow: inset 0 var(--data-table-drop-indicator-size, var(--helix-border-thick)) 0 0
27
- var(--data-table-drop-indicator-color, var(--helix-color-primary));}[part~="row"][part~="row-drop-after"] > * {box-shadow: inset 0 calc(var(--data-table-drop-indicator-size, var(--helix-border-thick)) * -1) 0
28
- 0 var(--data-table-drop-indicator-color, var(--helix-color-primary));}[part="toolbar"][data-empty],
29
- [part="footer"][data-empty] {display: none;}[part="toolbar"] {padding-block-end: var(--data-table-toolbar-gap, var(--helix-space-sm));}[part="footer"] {align-items: center;display: flex;flex-wrap: wrap;gap: var(--data-table-footer-item-gap, var(--helix-space-md));padding-block-start: var(--data-table-footer-gap, var(--helix-space-sm));}[part="pagination"] {margin-inline-start: auto;}[part="empty"],
30
- [part="loading"] {grid-column: 1 / -1;}[part="error"] {color: var(--data-table-error-color, var(--helix-color-foreground));font-family: var(--helix-font-sans);font-size: var(--helix-text-sm);grid-column: 1 / -1;margin: var(--helix-space-none);padding-block: var(--helix-space-md);padding-inline: var(--helix-space-sm);text-align: center;}:host([child-field]) [part~="cell-header"] {--_data-table-gutter: calc(
31
- var(--data-table-toggle-size, var(--helix-size-icon-tight)) +
32
- var(--data-table-toggle-gap, var(--helix-space-2xs))
33
- );padding-inline-start: calc(
34
- (var(--data-table-level, 1) - 1) *
35
- var(--data-table-indent, var(--_data-table-gutter))
36
- );}:host([child-field]) [part~="cell-header"]:not(:has([part~="toggle"])) {padding-inline-start: calc(
37
- (var(--data-table-level, 1) - 1) *
38
- var(--data-table-indent, var(--_data-table-gutter)) +
39
- var(--_data-table-gutter)
40
- );}[part~="toggle"] {align-items: center;background: none;block-size: var(--data-table-toggle-size, var(--helix-size-icon-tight));border: none;color: var(--data-table-toggle-color, var(--helix-color-foreground-muted));cursor: pointer;display: inline-flex;inline-size: var(--data-table-toggle-size, var(--helix-size-icon-tight));justify-content: center;margin-inline-end: var(--data-table-toggle-gap, var(--helix-space-2xs));padding: 0;vertical-align: middle;}[part="toggle-mark"] {block-size: 100%;inline-size: 100%;}[part="more"] {display: contents;}[part="more-cell"] {display: flex;grid-column: 1 / -1;padding-block: var(--data-table-padding-block, var(--helix-space-sm));}[part="more-button"] {background: none;border: var(--helix-border-thin) solid
41
- var(--data-table-more-border-color, var(--helix-color-border));border-radius: var(--data-table-more-radius, var(--helix-radii-sm));color: var(--data-table-color, var(--helix-color-foreground));cursor: pointer;font-family: var(--helix-font-sans);font-size: var(--data-table-text, var(--helix-text-sm));padding-block: var(--data-table-more-padding-block, var(--helix-space-2xs));padding-inline: var(--data-table-more-padding-inline, var(--helix-space-sm));}[part="more-button"]:hover {background-color: var(
42
- --data-table-more-hover-background-color,
43
- var(--helix-color-surface-raised)
44
- );}:host([windowed]) [part="table"] {block-size: var(--data-table-block-size, 24em);overflow-y: auto;overscroll-behavior: contain;}:host([windowed]) ::slotted(helix-table-column) {--_table-heading-background-color: var(
45
- --data-table-heading-background-color,
46
- var(--helix-color-background)
47
- );--_table-heading-layer: var(--helix-layer-sticky);--_table-heading-position: sticky;}:host([windowed]) [part="select-all"],
48
- :host([windowed]) [part="grip-head"] {background-color: var(--data-table-heading-background-color, var(--helix-color-background));inset-block-start: 0;position: sticky;z-index: var(--helix-layer-sticky);}[part="before"],
49
- [part="after"] {grid-column: 1 / -1;}:host([loading]) [part="table"] {opacity: 0.5;}[part="drag-preview"] {background-color: var(
50
- --data-table-drag-preview-background-color,
51
- var(--helix-color-surface-raised)
52
- );border: var(--data-table-drag-preview-border-width, var(--helix-border-floating)) solid
53
- var(--data-table-drag-preview-border-color, var(--helix-color-border));border-radius: var(--data-table-drag-preview-radius, var(--helix-radii-sm));box-shadow: var(--data-table-drag-preview-shadow, var(--helix-shadow-floating));opacity: var(--data-table-drag-preview-opacity, 0.9);}@media print {:host {background-color: transparent;}[part="table"] {overflow-x: visible;}:host([windowed]) [part="table"] {block-size: auto;overflow-y: visible;}[part="footer"] {display: none;}}`);
2
+ export const styles = createSheet(`:host {display: block}[part="toolbar"], [part="table"], [part="footer"] {grid-column: 1 / -1}[part="table"] {display: grid;grid-template-columns: var(--data-table-columns, var(--data-table-template, minmax(0, 1fr)));inline-size: 100%;overflow-x: auto}[part="table"] {--_data-table-fade: to right;animation: data-table-edges linear both;animation-timeline: scroll(self inline);mask-image: linear-gradient(var(--_data-table-fade), transparent, #000 var(--_data-table-fade-start, 0rem), #000 calc(100% - var(--_data-table-fade-end, 0rem)), transparent)}:host(:dir(rtl)) [part="table"] {--_data-table-fade: to left}@keyframes data-table-edges {0% {--_data-table-fade-end: var(--helix-space-xl);--_data-table-fade-start: 0rem}5%, 95% {--_data-table-fade-end: var(--helix-space-xl);--_data-table-fade-start: var(--helix-space-xl)}100% {--_data-table-fade-end: 0rem;--_data-table-fade-start: var(--helix-space-xl)}}@media (prefers-reduced-motion: reduce) {[part="table"] {animation: none}}[part="head"], [part~="row"] {display: contents}[part~="cell"] {border-block-end: var(--helix-border-thin) solid var(--data-table-rule-color, var(--helix-color-border));color: var(--data-table-color, var(--helix-color-foreground));font-family: var(--helix-font-sans);font-size: var(--data-table-text, var(--helix-text-sm));padding-block: var(--data-table-padding-block, var(--helix-space-sm));padding-inline: var(--data-table-padding-inline, var(--helix-space-none) var(--helix-space-md));text-align: var(--data-table-cell-align)}[part~="row"]:last-of-type [part~="cell"] {border-block-end-color: transparent}::slotted(helix-table-column) {--_table-heading-color: var(--data-table-heading-color);--_table-heading-padding-block: var(--data-table-padding-block);--_table-heading-padding-inline: var(--data-table-padding-inline);--_table-heading-rule-color: var(--data-table-rule-color);--_table-heading-text: var(--data-table-text)}::slotted(helix-table-column[sortable]) {cursor: pointer}[part~="cell"]:focus-visible, [part="more-cell"]:focus-visible, [part~="select"]:focus-visible, [part="select-all"]:focus-visible, [part="row-grip"]:focus-visible, [part="grip-head"]:focus-visible {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: calc(var(--helix-size-focus-offset) * -1)}[part~="select"], [part="select-all"], [part="row-grip"], [part="grip-head"] {align-items: center;border-block-end: var(--helix-border-thin) solid var(--data-table-rule-color, var(--helix-color-border));display: flex;justify-content: center;padding-block: var(--data-table-padding-block, var(--helix-space-sm));padding-inline: var(--data-table-padding-inline, var(--helix-space-sm))}[part~="row"]:last-of-type [part~="select"], [part~="row"]:last-of-type [part="row-grip"] {border-block-end-color: transparent}[part~="row"][aria-selected="true"] > * {background-color: var(--data-table-selected-background-color, color-mix(in srgb, var(--helix-color-primary) 10%, var(--helix-color-background)))}[part="row-grip-button"] {all: unset;align-items: center;border-radius: var(--helix-radii-sm);box-sizing: border-box;color: var(--data-table-grip-color, var(--helix-color-foreground-muted));cursor: grab;display: inline-flex;touch-action: none}[part="row-grip-button"]:active {cursor: grabbing}[part="row-grip-button"][aria-disabled="true"] {cursor: default;opacity: var(--data-table-grip-disabled-opacity, 0.4)}[part="row-grip-mark"] {block-size: 1em;inline-size: 1em}[part~="row"][part~="row-dragging"] > * {opacity: var(--data-table-dragging-opacity, 0.5)}[part~="row"][part~="row-drop-before"] > * {box-shadow: inset 0 var(--data-table-drop-indicator-size, var(--helix-border-thick)) 0 0 var(--data-table-drop-indicator-color, var(--helix-color-primary))}[part~="row"][part~="row-drop-after"] > * {box-shadow: inset 0 calc(var(--data-table-drop-indicator-size, var(--helix-border-thick)) * -1) 0 0 var(--data-table-drop-indicator-color, var(--helix-color-primary))}[part="toolbar"][data-empty], [part="footer"][data-empty] {display: none}[part="toolbar"] {padding-block-end: var(--data-table-toolbar-gap, var(--helix-space-sm))}[part="footer"] {align-items: center;display: flex;flex-wrap: wrap;gap: var(--data-table-footer-item-gap, var(--helix-space-md));padding-block-start: var(--data-table-footer-gap, var(--helix-space-sm))}[part="pagination"] {margin-inline-start: auto}[part="empty"], [part="loading"] {grid-column: 1 / -1}[part="error"] {color: var(--data-table-error-color, var(--helix-color-foreground));font-family: var(--helix-font-sans);font-size: var(--helix-text-sm);grid-column: 1 / -1;margin: var(--helix-space-none);padding-block: var(--helix-space-md);padding-inline: var(--helix-space-sm);text-align: center}:host([child-field]) [part~="cell-header"] {--_data-table-gutter: calc(var(--data-table-toggle-size, var(--helix-size-icon-tight)) + var(--data-table-toggle-gap, var(--helix-space-2xs)));padding-inline-start: calc((var(--data-table-level, 1) - 1) * var(--data-table-indent, var(--_data-table-gutter)))}:host([child-field]) [part~="cell-header"]:not(:has([part~="toggle"])) {padding-inline-start: calc((var(--data-table-level, 1) - 1) * var(--data-table-indent, var(--_data-table-gutter)) + var(--_data-table-gutter))}[part~="toggle"] {align-items: center;background: none;block-size: var(--data-table-toggle-size, var(--helix-size-icon-tight));border: none;color: var(--data-table-toggle-color, var(--helix-color-foreground-muted));cursor: pointer;display: inline-flex;inline-size: var(--data-table-toggle-size, var(--helix-size-icon-tight));justify-content: center;margin-inline-end: var(--data-table-toggle-gap, var(--helix-space-2xs));padding: 0;vertical-align: middle}[part="toggle-mark"] {block-size: 100%;inline-size: 100%}[part="more"] {display: contents}[part="more-cell"] {display: flex;grid-column: 1 / -1;padding-block: var(--data-table-padding-block, var(--helix-space-sm))}[part="more-button"] {background: none;border: var(--helix-border-thin) solid var(--data-table-more-border-color, var(--helix-color-border));border-radius: var(--data-table-more-radius, var(--helix-radii-sm));color: var(--data-table-color, var(--helix-color-foreground));cursor: pointer;font-family: var(--helix-font-sans);font-size: var(--data-table-text, var(--helix-text-sm));padding-block: var(--data-table-more-padding-block, var(--helix-space-2xs));padding-inline: var(--data-table-more-padding-inline, var(--helix-space-sm))}[part="more-button"]:hover {background-color: var(--data-table-more-hover-background-color, var(--helix-color-surface-raised))}:host([windowed]) [part="table"] {block-size: var(--data-table-block-size, 24em);overflow-y: auto;overscroll-behavior: contain}:host([windowed]) ::slotted(helix-table-column) {--_table-heading-background-color: var(--data-table-heading-background-color, var(--helix-color-background));--_table-heading-layer: var(--helix-layer-sticky);--_table-heading-position: sticky}:host([windowed]) [part="select-all"], :host([windowed]) [part="grip-head"] {background-color: var(--data-table-heading-background-color, var(--helix-color-background));inset-block-start: 0;position: sticky;z-index: var(--helix-layer-sticky)}[part="before"], [part="after"] {grid-column: 1 / -1}:host([loading]) [part="table"] {opacity: 0.5}[part="drag-preview"] {background-color: var(--data-table-drag-preview-background-color, var(--helix-color-surface-raised));border: var(--data-table-drag-preview-border-width, var(--helix-border-floating)) solid var(--data-table-drag-preview-border-color, var(--helix-color-border));border-radius: var(--data-table-drag-preview-radius, var(--helix-radii-sm));box-shadow: var(--data-table-drag-preview-shadow, var(--helix-shadow-floating));opacity: var(--data-table-drag-preview-opacity, 0.9)}@media print {:host {background-color: transparent}[part="table"] {overflow-x: visible}:host([windowed]) [part="table"] {block-size: auto;overflow-y: visible}[part="footer"] {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 { HelixHeadlessDataTable } from '@fusion.dev/helix-headless/data-table';
9
4
  import { styles as collectionStateStyles } from '../../shared/collection/state.css.js';
@@ -1,20 +1,2 @@
1
1
  import { createSheet } from '@fusion.dev/helix-core';
2
- export const styles = createSheet(`[part="field"] {align-items: center;background-color: var(--date-input-background-color, var(--helix-color-well));border: var(--helix-border-thin) solid var(--helix-color-border);border-radius: var(--helix-radii-sm);display: flex;flex-wrap: wrap;gap: var(--helix-space-2xs);min-block-size: var(--helix-size-control);padding-block: var(--helix-space-2xs);padding-inline: var(--helix-space-xs);transition:
3
- background-color var(--helix-duration-fast) var(--helix-easing-standard),
4
- border-color var(--helix-duration-fast) var(--helix-easing-standard);}slot[name="start"]::slotted(*),
5
- slot[name="end"]::slotted(*) {color: var(--helix-color-foreground-subtle);flex: none;}[part="trigger"] {all: unset;block-size: var(--helix-size-icon);box-sizing: border-box;color: var(--helix-color-foreground-muted);cursor: pointer;flex: none;inline-size: var(--helix-size-icon);mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M3 10h18M8 3v4M16 3v4'/%3E%3C/svg%3E");mask-position: center;mask-repeat: no-repeat;mask-size: 100%;background-color: currentColor;transition: color var(--helix-duration-fast) var(--helix-easing-standard);}[part="trigger"]:hover {color: var(--helix-color-foreground);}[part="trigger"]:focus-visible {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: var(--helix-size-focus-offset);}[part="clear"] {--icon-size: var(--helix-size-icon-tight);all: unset;align-items: center;border-radius: var(--helix-radii-sm);box-sizing: border-box;color: var(--helix-color-foreground-muted);cursor: pointer;display: flex;flex: 0 0 auto;justify-content: center;min-block-size: var(--helix-size-icon-loose);min-inline-size: var(--helix-size-icon-loose);transition: color var(--helix-duration-fast) var(--helix-easing-standard);}[part="clear"]:hover {color: var(--helix-color-foreground);}[part="clear"]:focus-visible {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: var(--helix-size-focus-offset);}[part="surface"] {--_floating-border-color: var(--date-input-border-color, var(--helix-color-border));--_floating-border-width: var(--date-input-border-width, var(--helix-border-floating));--_floating-shadow: var(--date-input-shadow, var(--helix-shadow-floating));inline-size: max-content;padding: var(--helix-space-sm);position: absolute;}::slotted([slot="panel-header"]) {display: block;margin-block-end: var(--helix-space-sm);}::slotted([slot="panel-footer"]) {display: block;margin-block-start: var(--helix-space-sm);}:host(:disabled) [part="field"] {color: var(--helix-color-foreground-subtle);}:host(:disabled) [part="control"],
6
- :host(:disabled) [part="trigger"] {cursor: not-allowed;}@media (prefers-reduced-motion: reduce) {[part="clear"],
7
- [part="field"],
8
- [part="trigger"] {transition: none;}}[part="date"] {flex: none;}:host([mode="multiple"]) [part="control"] {flex-basis: 0;min-inline-size: var(--helix-size-icon-loose);}[part="segments"] {--_segment-focus-background-color: var(
9
- --date-input-segment-focus-background-color,
10
- var(--helix-color-primary)
11
- );--_segment-focus-color: var(
12
- --date-input-segment-focus-color,
13
- var(--helix-color-foreground-on-primary)
14
- );--_segment-literal-color: var(
15
- --date-input-segment-literal-color,
16
- var(--helix-color-foreground-muted)
17
- );--_segment-placeholder-color: var(
18
- --date-input-segment-placeholder-color,
19
- var(--helix-color-foreground-subtle)
20
- );}@media print {:host {print-color-adjust: exact;}}`);
2
+ export const styles = createSheet(`[part="field"] {align-items: center;background-color: var(--date-input-background-color, var(--helix-color-well));border: var(--helix-border-thin) solid var(--helix-color-border);border-radius: var(--helix-radii-sm);display: flex;flex-wrap: wrap;gap: var(--helix-space-2xs);min-block-size: var(--helix-size-control);padding-block: var(--helix-space-2xs);padding-inline: var(--helix-space-xs);transition: background-color var(--helix-duration-fast) var(--helix-easing-standard), border-color var(--helix-duration-fast) var(--helix-easing-standard)}slot[name="start"]::slotted(*), slot[name="end"]::slotted(*) {color: var(--helix-color-foreground-subtle);flex: none}[part="trigger"] {all: unset;block-size: var(--helix-size-icon);box-sizing: border-box;color: var(--helix-color-foreground-muted);cursor: pointer;flex: none;inline-size: var(--helix-size-icon);mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M3 10h18M8 3v4M16 3v4'/%3E%3C/svg%3E");mask-position: center;mask-repeat: no-repeat;mask-size: 100%;background-color: currentColor;transition: color var(--helix-duration-fast) var(--helix-easing-standard)}[part="trigger"]:hover {color: var(--helix-color-foreground)}[part="trigger"]:focus-visible {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: var(--helix-size-focus-offset)}[part="clear"] {--icon-size: var(--helix-size-icon-tight);all: unset;align-items: center;border-radius: var(--helix-radii-sm);box-sizing: border-box;color: var(--helix-color-foreground-muted);cursor: pointer;display: flex;flex: 0 0 auto;justify-content: center;min-block-size: var(--helix-size-icon-loose);min-inline-size: var(--helix-size-icon-loose);transition: color var(--helix-duration-fast) var(--helix-easing-standard)}[part="clear"]:hover {color: var(--helix-color-foreground)}[part="clear"]:focus-visible {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: var(--helix-size-focus-offset)}[part="surface"] {--_floating-border-color: var(--date-input-border-color, var(--helix-color-border));--_floating-border-width: var(--date-input-border-width, var(--helix-border-floating));--_floating-shadow: var(--date-input-shadow, var(--helix-shadow-floating));inline-size: max-content;padding: var(--helix-space-sm);position: absolute}::slotted([slot="panel-header"]) {display: block;margin-block-end: var(--helix-space-sm)}::slotted([slot="panel-footer"]) {display: block;margin-block-start: var(--helix-space-sm)}:host(:disabled) [part="field"] {color: var(--helix-color-foreground-subtle)}:host(:disabled) [part="control"], :host(:disabled) [part="trigger"] {cursor: not-allowed}@media (prefers-reduced-motion: reduce) {[part="clear"], [part="field"], [part="trigger"] {transition: none}}[part="date"] {flex: none}:host([mode="multiple"]) [part="control"] {flex-basis: 0;min-inline-size: var(--helix-size-icon-loose)}[part="segments"] {--_segment-focus-background-color: var(--date-input-segment-focus-background-color, var(--helix-color-primary));--_segment-focus-color: var(--date-input-segment-focus-color, var(--helix-color-foreground-on-primary));--_segment-literal-color: var(--date-input-segment-literal-color, var(--helix-color-foreground-muted));--_segment-placeholder-color: var(--date-input-segment-placeholder-color, var(--helix-color-foreground-subtle))}@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 { HelixHeadlessDateInput } from '@fusion.dev/helix-headless/date-input';
9
4
  import '../../date-picker/index.js';
@@ -1,38 +1,2 @@
1
1
  import { createSheet } from '@fusion.dev/helix-core';
2
- export const styles = createSheet(`:host {--_calendar-track: var(--date-picker-track-size, 2.5rem);--_calendar-row: var(--date-picker-row-size, 2.25rem);--_calendar-day: var(--date-picker-day-size, 1.875rem);display: inline-block;}[part="months"] {align-items: start;display: grid;gap: var(--helix-space-md);grid-template-columns: repeat(
3
- var(--date-picker-columns, var(--date-picker-column-count, 1)),
4
- max-content
5
- );justify-content: start;}[part="header"] {align-items: center;display: grid;gap: var(--helix-space-2xs);grid-template-columns: var(--_calendar-day) 1fr var(--_calendar-day);margin-block-end: var(--helix-space-lg);}[part="heading"] {font-size: var(--helix-text-sm);font-weight: var(--helix-weight-medium);grid-column: 2;text-align: center;}[part="previous"] {grid-column: 1;}[part="next"] {grid-column: 3;}[part="previous"],
6
- [part="next"] {all: unset;box-sizing: border-box;align-items: center;block-size: var(--_calendar-day);border-radius: var(--helix-radii-sm);color: var(--helix-color-foreground-muted);cursor: pointer;display: inline-flex;inline-size: var(--_calendar-day);justify-content: center;}[part="previous"]:hover:not(:disabled),
7
- [part="next"]:hover:not(:disabled) {background-color: var(--helix-color-surface-sunken);color: var(--helix-color-foreground);}[part="previous"]:focus-visible,
8
- [part="next"]:focus-visible {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: var(--helix-size-focus-offset);}[part="heading-button"] {all: unset;box-sizing: border-box;border-radius: var(--helix-radii-sm);cursor: pointer;padding-inline: var(--helix-space-2xs);}[part="heading-button"]:hover:not(:disabled) {background-color: var(--helix-color-surface-sunken);}[part="heading-button"]:focus-visible {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: var(--helix-size-focus-offset);}[part="periods"] {display: grid;gap: var(--helix-space-2xs);inline-size: calc(var(--_calendar-track) * 7);}[part="period-row"] {display: grid;gap: var(--helix-space-2xs);grid-template-columns: repeat(3, 1fr);}[part~="period"] {align-items: center;block-size: var(--date-picker-period-size, calc(var(--_calendar-row) * 1.5));border-radius: var(--helix-radii-sm);cursor: pointer;display: inline-flex;font-size: var(--helix-text-sm);justify-content: center;transition: background-color var(--helix-duration-fast) var(--helix-easing-standard);}[part~="period"]:hover:not([aria-disabled]) {background-color: var(--helix-color-surface-sunken);}[part~="period-current"] {box-shadow: inset 0 0 0 var(--helix-border-thin) var(--helix-color-border);}[part~="period-selected"] {background-color: var(--date-picker-selected-color, var(--helix-color-surface-inverse));color: var(--helix-color-foreground-inverse);}[part~="period-selected"]:hover:not([aria-disabled]) {background-color: var(--date-picker-selected-color, var(--helix-color-surface-inverse));}[part~="period-disabled"] {color: var(--helix-color-foreground-subtle);cursor: default;opacity: 0.4;}[part~="period"]:focus-visible {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: var(--helix-size-focus-offset);}[part="previous"]:disabled,
9
- [part="next"]:disabled {cursor: default;opacity: 0.4;}[part="previous"] svg,
10
- [part="next"] svg,
11
- ::slotted([slot="previous-icon"]),
12
- ::slotted([slot="next-icon"]) {block-size: 1em;inline-size: 1em;}[part="week"] {display: grid;grid-template-columns: repeat(7, var(--_calendar-track));}[part="weekday"] {align-items: center;block-size: var(--_calendar-track);color: var(--helix-color-foreground-subtle);display: inline-flex;font-size: var(--helix-text-xs);font-weight: var(--helix-weight-medium);inline-size: var(--_calendar-track);justify-content: center;padding-block-end: calc(var(--_calendar-track) / 2);}[part~="cell"] {align-items: center;block-size: var(--_calendar-row);cursor: pointer;display: inline-flex;inline-size: var(--_calendar-track);justify-content: center;}[part~="day"] {align-items: center;block-size: var(--_calendar-day);border-radius: var(--helix-radii-sm);display: inline-flex;font-size: var(--helix-text-sm);inline-size: var(--_calendar-day);justify-content: center;transition: background-color var(--helix-duration-fast) var(--helix-easing-standard);}[part~="cell"][data-today] [part~="day"] {box-shadow: inset 0 0 0 var(--helix-border-thin) var(--helix-color-border);}[part~="cell"][data-outside] [part~="day"] {color: var(--helix-color-foreground-subtle);}[part~="cell"][data-outside] {cursor: default;}[part~="cell"]:hover:not([aria-disabled], [data-outside]) [part~="day"] {background-color: var(--helix-color-surface-sunken);}[part~="cell"][aria-selected]:is([data-range-start], [data-range-middle], [data-range-end]) {background-color: var(
13
- --date-picker-range-color,
14
- light-dark(
15
- color-mix(in oklab, var(--helix-color-foreground) 10%, transparent),
16
- color-mix(in oklab, var(--helix-color-foreground) 14%, transparent)
17
- )
18
- );}[part~="cell"][data-range-preview]:is([data-range-start], [data-range-middle], [data-range-end]) {background-color: var(
19
- --date-picker-range-preview-color,
20
- light-dark(
21
- color-mix(in oklab, var(--helix-color-foreground) 5%, transparent),
22
- color-mix(in oklab, var(--helix-color-foreground) 8%, transparent)
23
- )
24
- );}[part~="cell"][aria-selected]:not([data-range-start]):not([data-range-middle]):not([data-range-end])
25
- [part~="day"] {box-shadow: 0 0 0 calc((var(--_calendar-row) - var(--_calendar-day)) / 2)
26
- var(
27
- --date-picker-range-color,
28
- light-dark(
29
- color-mix(in oklab, var(--helix-color-foreground) 10%, transparent),
30
- color-mix(in oklab, var(--helix-color-foreground) 14%, transparent)
31
- )
32
- );}[part~="cell"][data-range-start],
33
- [part~="cell"][aria-selected]:not([data-range-middle]):not([data-range-end]) {border-end-start-radius: var(--helix-radii-sm);border-start-start-radius: var(--helix-radii-sm);}[part~="cell"][data-range-end],
34
- [part~="cell"][aria-selected]:not([data-range-middle]):not([data-range-start]) {border-end-end-radius: var(--helix-radii-sm);border-start-end-radius: var(--helix-radii-sm);}[part~="cell"][aria-selected]:not([data-range-middle]) [part~="day"] {background-color: var(--date-picker-selected-color, var(--helix-color-surface-inverse));color: var(--helix-color-foreground-inverse);}[part~="cell"][aria-disabled] {cursor: default;}[part~="day-disabled"] {color: var(--helix-color-foreground-subtle);opacity: 0.4;}[part~="cell"]:focus-visible {outline: none;}[part~="cell"]:focus-visible [part~="day"] {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: var(--helix-size-focus-offset);}:host(:dir(rtl)) ::slotted([slot="previous-icon"]),
35
- :host(:dir(rtl)) ::slotted([slot="next-icon"]) {scale: -1 1;}:host(:disabled) {cursor: not-allowed;opacity: 0.5;}:host([invalid]) [part~="cell"][aria-selected] [part~="day"],
36
- :host(:state(invalid)) [part~="cell"][aria-selected] [part~="day"] {outline: var(--helix-size-focus-ring) solid var(--helix-color-danger);outline-offset: var(--helix-size-focus-offset);}:host([invalid]) [part~="cell"]:focus-visible [part~="day"],
37
- :host(:state(invalid)) [part~="cell"]:focus-visible [part~="day"] {outline-color: var(--helix-color-danger);}:host([invalid]) [part="grid"][data-unset],
38
- :host(:state(invalid)) [part="grid"][data-unset] {border-radius: var(--helix-radii-sm);outline: var(--helix-size-focus-ring) solid var(--helix-color-danger);outline-offset: var(--helix-size-focus-offset);}[part="feedback"] {color: var(--date-picker-feedback-color, var(--helix-color-danger));font-family: var(--helix-font-sans);font-size: var(--helix-text-sm);margin: var(--helix-space-sm) var(--helix-space-none) var(--helix-space-none);}@media print {:host {box-shadow: none;print-color-adjust: exact;}}::slotted([slot="header"]) {display: block;margin-block-end: var(--helix-space-sm);}::slotted([slot="footer"]) {display: block;margin-block-start: var(--helix-space-sm);}`);
2
+ export const styles = createSheet(`:host {--_calendar-track: var(--date-picker-track-size, 2.5rem);--_calendar-row: var(--date-picker-row-size, 2.25rem);--_calendar-day: var(--date-picker-day-size, 1.875rem);display: inline-block}[part="months"] {align-items: start;display: grid;gap: var(--helix-space-md);grid-template-columns: repeat(var(--date-picker-columns, var(--date-picker-column-count, 1)), max-content);justify-content: start}[part="header"] {align-items: center;display: grid;gap: var(--helix-space-2xs);grid-template-columns: var(--_calendar-day) 1fr var(--_calendar-day);margin-block-end: var(--helix-space-lg)}[part="heading"] {font-size: var(--helix-text-sm);font-weight: var(--helix-weight-medium);grid-column: 2;text-align: center}[part="previous"] {grid-column: 1}[part="next"] {grid-column: 3}[part="previous"], [part="next"] {all: unset;box-sizing: border-box;align-items: center;block-size: var(--_calendar-day);border-radius: var(--helix-radii-sm);color: var(--helix-color-foreground-muted);cursor: pointer;display: inline-flex;inline-size: var(--_calendar-day);justify-content: center}[part="previous"]:hover:not(:disabled), [part="next"]:hover:not(:disabled) {background-color: var(--helix-color-surface-sunken);color: var(--helix-color-foreground)}[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="heading-button"] {all: unset;box-sizing: border-box;border-radius: var(--helix-radii-sm);cursor: pointer;padding-inline: var(--helix-space-2xs)}[part="heading-button"]:hover:not(:disabled) {background-color: var(--helix-color-surface-sunken)}[part="heading-button"]:focus-visible {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: var(--helix-size-focus-offset)}[part="periods"] {display: grid;gap: var(--helix-space-2xs);inline-size: calc(var(--_calendar-track) * 7)}[part="period-row"] {display: grid;gap: var(--helix-space-2xs);grid-template-columns: repeat(3, 1fr)}[part~="period"] {align-items: center;block-size: var(--date-picker-period-size, calc(var(--_calendar-row) * 1.5));border-radius: var(--helix-radii-sm);cursor: pointer;display: inline-flex;font-size: var(--helix-text-sm);justify-content: center;transition: background-color var(--helix-duration-fast) var(--helix-easing-standard)}[part~="period"]:hover:not([aria-disabled]) {background-color: var(--helix-color-surface-sunken)}[part~="period-current"] {box-shadow: inset 0 0 0 var(--helix-border-thin) var(--helix-color-border)}[part~="period-selected"] {background-color: var(--date-picker-selected-color, var(--helix-color-surface-inverse));color: var(--helix-color-foreground-inverse)}[part~="period-selected"]:hover:not([aria-disabled]) {background-color: var(--date-picker-selected-color, var(--helix-color-surface-inverse))}[part~="period-disabled"] {color: var(--helix-color-foreground-subtle);cursor: default;opacity: 0.4}[part~="period"]:focus-visible {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: var(--helix-size-focus-offset)}[part="previous"]:disabled, [part="next"]:disabled {cursor: default;opacity: 0.4}[part="previous"] svg, [part="next"] svg, ::slotted([slot="previous-icon"]), ::slotted([slot="next-icon"]) {block-size: 1em;inline-size: 1em}[part="week"] {display: grid;grid-template-columns: repeat(7, var(--_calendar-track))}[part="weekday"] {align-items: center;block-size: var(--_calendar-track);color: var(--helix-color-foreground-subtle);display: inline-flex;font-size: var(--helix-text-xs);font-weight: var(--helix-weight-medium);inline-size: var(--_calendar-track);justify-content: center;padding-block-end: calc(var(--_calendar-track) / 2)}[part~="cell"] {align-items: center;block-size: var(--_calendar-row);cursor: pointer;display: inline-flex;inline-size: var(--_calendar-track);justify-content: center}[part~="day"] {align-items: center;block-size: var(--_calendar-day);border-radius: var(--helix-radii-sm);display: inline-flex;font-size: var(--helix-text-sm);inline-size: var(--_calendar-day);justify-content: center;transition: background-color var(--helix-duration-fast) var(--helix-easing-standard)}[part~="cell"][data-today] [part~="day"] {box-shadow: inset 0 0 0 var(--helix-border-thin) var(--helix-color-border)}[part~="cell"][data-outside] [part~="day"] {color: var(--helix-color-foreground-subtle)}[part~="cell"][data-outside] {cursor: default}[part~="cell"]:hover:not([aria-disabled], [data-outside]) [part~="day"] {background-color: var(--helix-color-surface-sunken)}[part~="cell"][aria-selected]:is([data-range-start], [data-range-middle], [data-range-end]) {background-color: var(--date-picker-range-color, light-dark(color-mix(in oklab, var(--helix-color-foreground) 10%, transparent), color-mix(in oklab, var(--helix-color-foreground) 14%, transparent)))}[part~="cell"][data-range-preview]:is([data-range-start], [data-range-middle], [data-range-end]) {background-color: var(--date-picker-range-preview-color, light-dark(color-mix(in oklab, var(--helix-color-foreground) 5%, transparent), color-mix(in oklab, var(--helix-color-foreground) 8%, transparent)))}[part~="cell"][aria-selected]:not([data-range-start]):not([data-range-middle]):not([data-range-end]) [part~="day"] {box-shadow: 0 0 0 calc((var(--_calendar-row) - var(--_calendar-day)) / 2) var(--date-picker-range-color, light-dark(color-mix(in oklab, var(--helix-color-foreground) 10%, transparent), color-mix(in oklab, var(--helix-color-foreground) 14%, transparent)))}[part~="cell"][data-range-start], [part~="cell"][aria-selected]:not([data-range-middle]):not([data-range-end]) {border-end-start-radius: var(--helix-radii-sm);border-start-start-radius: var(--helix-radii-sm)}[part~="cell"][data-range-end], [part~="cell"][aria-selected]:not([data-range-middle]):not([data-range-start]) {border-end-end-radius: var(--helix-radii-sm);border-start-end-radius: var(--helix-radii-sm)}[part~="cell"][aria-selected]:not([data-range-middle]) [part~="day"] {background-color: var(--date-picker-selected-color, var(--helix-color-surface-inverse));color: var(--helix-color-foreground-inverse)}[part~="cell"][aria-disabled] {cursor: default}[part~="day-disabled"] {color: var(--helix-color-foreground-subtle);opacity: 0.4}[part~="cell"]:focus-visible {outline: none}[part~="cell"]:focus-visible [part~="day"] {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: var(--helix-size-focus-offset)}:host(:dir(rtl)) ::slotted([slot="previous-icon"]), :host(:dir(rtl)) ::slotted([slot="next-icon"]) {scale: -1 1}:host(:disabled) {cursor: not-allowed;opacity: 0.5}:host([invalid]) [part~="cell"][aria-selected] [part~="day"], :host(:state(invalid)) [part~="cell"][aria-selected] [part~="day"] {outline: var(--helix-size-focus-ring) solid var(--helix-color-danger);outline-offset: var(--helix-size-focus-offset)}:host([invalid]) [part~="cell"]:focus-visible [part~="day"], :host(:state(invalid)) [part~="cell"]:focus-visible [part~="day"] {outline-color: var(--helix-color-danger)}:host([invalid]) [part="grid"][data-unset], :host(:state(invalid)) [part="grid"][data-unset] {border-radius: var(--helix-radii-sm);outline: var(--helix-size-focus-ring) solid var(--helix-color-danger);outline-offset: var(--helix-size-focus-offset)}[part="feedback"] {color: var(--date-picker-feedback-color, var(--helix-color-danger));font-family: var(--helix-font-sans);font-size: var(--helix-text-sm);margin: var(--helix-space-sm) var(--helix-space-none) var(--helix-space-none)}@media print {:host {box-shadow: none;print-color-adjust: exact}}::slotted([slot="header"]) {display: block;margin-block-end: var(--helix-space-sm)}::slotted([slot="footer"]) {display: block;margin-block-start: var(--helix-space-sm)}`);
@@ -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 { HelixHeadlessDatePicker } from '@fusion.dev/helix-headless/date-picker';
9
4
  import { styles } from './date-picker-root.css.js';
@@ -1,2 +1,2 @@
1
1
  import { createSheet } from '@fusion.dev/helix-core';
2
- export const styles = createSheet(`:host {align-items: var(--description-list-item-align, baseline);display: grid;grid-column: 1 / -1;grid-template-columns: subgrid;row-gap: var(--description-list-item-gap, var(--helix-space-2xs));}[part="label"] {color: var(--description-list-label-color, var(--helix-color-foreground-muted));font-size: var(--description-list-label-font-size, var(--helix-text-sm));font-weight: var(--description-list-label-weight, var(--helix-weight-medium));margin: 0;}[part="value"] {color: var(--description-list-value-color, var(--helix-color-foreground));font-variant-numeric: var(--_description-list-value-figures, normal);justify-self: var(--_description-list-value-align, stretch);margin: 0;min-inline-size: 0;overflow-wrap: anywhere;text-align: var(--_description-list-value-align, start);}::slotted(dd) {color: var(--description-list-value-color, var(--helix-color-foreground));font-variant-numeric: var(--_description-list-value-figures, normal);grid-column: -2 / -1;justify-self: var(--_description-list-value-align, stretch);margin: 0;min-inline-size: 0;overflow-wrap: anywhere;text-align: var(--_description-list-value-align, start);}::slotted([slot="actions"]) {margin-inline-start: var(--description-list-actions-gap, var(--helix-space-xs));vertical-align: middle;}@media print {:host {break-inside: avoid;}}`);
2
+ export const styles = createSheet(`:host {align-items: var(--description-list-item-align, baseline);display: grid;grid-column: 1 / -1;grid-template-columns: subgrid;row-gap: var(--description-list-item-gap, var(--helix-space-2xs))}[part="label"] {color: var(--description-list-label-color, var(--helix-color-foreground-muted));font-size: var(--description-list-label-font-size, var(--helix-text-sm));font-weight: var(--description-list-label-weight, var(--helix-weight-medium));margin: 0}[part="value"] {color: var(--description-list-value-color, var(--helix-color-foreground));font-variant-numeric: var(--_description-list-value-figures, normal);justify-self: var(--_description-list-value-align, stretch);margin: 0;min-inline-size: 0;overflow-wrap: anywhere;text-align: var(--_description-list-value-align, start)}::slotted(dd) {color: var(--description-list-value-color, var(--helix-color-foreground));font-variant-numeric: var(--_description-list-value-figures, normal);grid-column: -2 / -1;justify-self: var(--_description-list-value-align, stretch);margin: 0;min-inline-size: 0;overflow-wrap: anywhere;text-align: var(--_description-list-value-align, start)}::slotted([slot="actions"]) {margin-inline-start: var(--description-list-actions-gap, var(--helix-space-xs));vertical-align: middle}@media print {:host {break-inside: avoid}}`);
@@ -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 { HelixHeadlessDescriptionListItem } from '@fusion.dev/helix-headless/description-list';
9
4
  import { styles } from './description-list-item.css.js';
@@ -1,3 +1,2 @@
1
1
  import { createSheet } from '@fusion.dev/helix-core';
2
- export const styles = createSheet(`:host {container-type: inline-size;display: block;}[part="list"] {--_description-list-gap: var(--description-list-gap, var(--helix-space-md));display: grid;gap: var(--_description-list-gap);margin: 0;}:host([direction="row"]) [part="list"] {--_description-list-gap: var(--description-list-gap, var(--helix-space-sm));column-gap: var(--description-list-column-gap, var(--helix-space-lg));grid-template-columns: var(--description-list-label-width, max-content) minmax(0, 1fr);row-gap: var(--_description-list-gap);}@container (inline-size < 22rem) {:host([direction="row"]) [part="list"] {--_description-list-gap: var(--description-list-gap, var(--helix-space-md));grid-template-columns: minmax(0, 1fr);row-gap: var(--_description-list-gap);}}:host([width="auto"]) {container-type: normal;inline-size: fit-content;max-inline-size: 100%;}:host([direction="row"][justify="between"]) {--_description-list-value-align: end;--_description-list-value-figures: tabular-nums;}:host([divided]) ::slotted(:not(:first-child)) {border-block-start: var(--description-list-divider-width, var(--helix-border-thin)) solid
3
- var(--description-list-divider-color, var(--helix-color-border));padding-block-start: var(--_description-list-gap);}`);
2
+ export const styles = createSheet(`:host {container-type: inline-size;display: block}[part="list"] {--_description-list-gap: var(--description-list-gap, var(--helix-space-md));display: grid;gap: var(--_description-list-gap);margin: 0}:host([direction="row"]) [part="list"] {--_description-list-gap: var(--description-list-gap, var(--helix-space-sm));column-gap: var(--description-list-column-gap, var(--helix-space-lg));grid-template-columns: var(--description-list-label-width, max-content) minmax(0, 1fr);row-gap: var(--_description-list-gap)}@container (inline-size < 22rem) {:host([direction="row"]) [part="list"] {--_description-list-gap: var(--description-list-gap, var(--helix-space-md));grid-template-columns: minmax(0, 1fr);row-gap: var(--_description-list-gap)}}:host([width="auto"]) {container-type: normal;inline-size: fit-content;max-inline-size: 100%}:host([direction="row"][justify="between"]) {--_description-list-value-align: end;--_description-list-value-figures: tabular-nums}:host([divided]) ::slotted(:not(:first-child)) {border-block-start: var(--description-list-divider-width, var(--helix-border-thin)) solid var(--description-list-divider-color, var(--helix-color-border));padding-block-start: var(--_description-list-gap)}`);
@@ -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 { HelixHeadlessDescriptionList } from '@fusion.dev/helix-headless/description-list';
9
4
  import { property } from 'lit/decorators.js';
@@ -1,16 +1,2 @@
1
1
  import { createSheet } from '@fusion.dev/helix-core';
2
- export const styles = createSheet(`:host {display: contents;}[part="dialog"] {background-color: var(--dialog-background-color, var(--helix-color-surface-overlay));border: var(--dialog-border-width, var(--helix-border-floating)) solid
3
- var(--dialog-border-color, var(--helix-color-border));border-radius: var(--dialog-radius, var(--helix-radii-sm));box-shadow: var(--dialog-shadow, var(--helix-shadow-floating));box-sizing: border-box;color: var(--dialog-color, var(--helix-color-foreground));display: flex;flex-direction: column;gap: var(--helix-space-md);inline-size: min(var(--dialog-inline-size, 28rem), calc(100vw - var(--helix-space-xl)));max-block-size: calc(100dvh - var(--helix-space-xl));overflow-y: auto;padding: var(--dialog-padding, var(--helix-space-lg));}[part="dialog"]:not([open]) {display: none;}:host([size="sm"]) [part="dialog"] {--dialog-inline-size: 22rem;}:host([size="md"]) [part="dialog"] {--dialog-inline-size: 28rem;}:host([size="lg"]) [part="dialog"] {--dialog-inline-size: 44rem;}:host([size="full"]) [part="dialog"] {--dialog-inline-size: 100vw;}[part="dialog"]:focus,
4
- [part="dialog"]:focus-visible {outline: none;}:host {--_dialog-scrim: var(--helix-color-overlay);}[part="dialog"]::backdrop {background-color: var(--dialog-scrim, var(--_dialog-scrim));}::slotted([slot="header"]) {color: var(--helix-color-foreground);font-family: var(--helix-font-sans);font-size: var(--helix-text-xl);font-weight: var(--helix-weight-semibold);letter-spacing: var(--helix-tracking-tight);line-height: var(--helix-leading-tight);margin: var(--helix-space-none);}::slotted([slot="footer"]) {display: flex;gap: var(--helix-space-xs);justify-content: flex-start;}[part="dialog"] {opacity: 0;transition:
5
- opacity var(--helix-duration-normal) var(--helix-easing-standard),
6
- translate var(--helix-duration-normal) var(--helix-easing-decelerate),
7
- display var(--helix-duration-normal) allow-discrete,
8
- overlay var(--helix-duration-normal) allow-discrete;translate: 0 var(--dialog-rise, var(--helix-space-lg));}[part="dialog"][open] {opacity: 1;translate: 0 0;}@starting-style {[part="dialog"][open] {opacity: 0;translate: 0 var(--dialog-rise, var(--helix-space-lg));}}[part="dialog"]::backdrop {opacity: 0;transition:
9
- opacity var(--helix-duration-normal) var(--helix-easing-standard),
10
- display var(--helix-duration-normal) allow-discrete,
11
- overlay var(--helix-duration-normal) allow-discrete;}[part="dialog"][open]::backdrop {opacity: 1;}@starting-style {[part="dialog"][open]::backdrop {opacity: 0;}}@media (width < 30rem) {[part="dialog"] {margin-block-end: var(--helix-space-none);margin-block-start: auto;inline-size: 100vw;max-inline-size: 100vw;max-block-size: calc(100dvh - var(--helix-space-3xl));border-start-start-radius: var(--helix-radii-sm);border-start-end-radius: var(--helix-radii-sm);border-end-start-radius: var(--helix-radii-none);border-end-end-radius: var(--helix-radii-none);translate: 0 100%;}@starting-style {[part="dialog"][open] {translate: 0 100%;}}}[part="dialog"][data-refused] {animation: helix-dialog-refuse var(--helix-duration-normal) var(--helix-easing-emphasized);}@keyframes helix-dialog-refuse {50% {scale: 1.02;}}@media (prefers-reduced-motion: reduce) {[part="dialog"],
12
- [part="dialog"]::backdrop {transition: none;}[part="dialog"][data-refused] {animation: none;}}::slotted([slot="icon"]) {block-size: var(--dialog-icon-size, calc(var(--helix-size-icon-lg) * 2));display: block;inline-size: var(--dialog-icon-size, calc(var(--helix-size-icon-lg) * 2));}:host([text-align="center"]) [part="dialog"] {text-align: center;}:host([text-align="center"]) ::slotted([slot="footer"]) {justify-content: center;}:host([text-align="center"]) ::slotted([slot="icon"]) {margin-inline: auto;}[part="dismiss"] {all: unset;box-sizing: border-box;position: absolute;inset-block-start: calc(
13
- var(--dialog-padding, var(--helix-space-lg)) +
14
- (var(--helix-text-xl) * var(--helix-leading-tight) - var(--helix-size-control-sm)) /
15
- 2
16
- );inset-inline-end: var(--helix-space-md);block-size: var(--helix-size-control-sm);border-radius: var(--helix-radii-sm);color: var(--helix-color-foreground-muted);cursor: pointer;display: inline-flex;inline-size: var(--helix-size-control-sm);place-content: center;place-items: center;transition: color var(--helix-duration-fast) var(--helix-easing-standard);}[part="dismiss"] svg {block-size: var(--helix-size-icon-sm);inline-size: var(--helix-size-icon-sm);}[part="dismiss"]:hover {background-color: color-mix(in oklab, var(--helix-color-foreground) 8%, transparent);color: var(--helix-color-foreground);}[part="dismiss"]:focus-visible {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: var(--helix-size-focus-offset);}:host([dismissible]) ::slotted([slot="header"]) {padding-inline-end: calc(var(--helix-size-control-sm) + var(--helix-space-xs));}@media (prefers-reduced-motion: reduce) {[part="dismiss"] {transition: none;}}@media print {:host {display: none;}}`);
2
+ export const styles = createSheet(`:host {display: contents}[part="dialog"] {background-color: var(--dialog-background-color, var(--helix-color-surface-overlay));border: var(--dialog-border-width, var(--helix-border-floating)) solid var(--dialog-border-color, var(--helix-color-border));border-radius: var(--dialog-radius, var(--helix-radii-sm));box-shadow: var(--dialog-shadow, var(--helix-shadow-floating));box-sizing: border-box;color: var(--dialog-color, var(--helix-color-foreground));display: flex;flex-direction: column;gap: var(--helix-space-md);inline-size: min(var(--dialog-inline-size, 28rem), calc(100vw - var(--helix-space-xl)));max-block-size: calc(100dvh - var(--helix-space-xl));overflow-y: auto;padding: var(--dialog-padding, var(--helix-space-lg))}[part="dialog"]:not([open]) {display: none}:host([size="sm"]) [part="dialog"] {--dialog-inline-size: 22rem}:host([size="md"]) [part="dialog"] {--dialog-inline-size: 28rem}:host([size="lg"]) [part="dialog"] {--dialog-inline-size: 44rem}:host([size="full"]) [part="dialog"] {--dialog-inline-size: 100vw}[part="dialog"]:focus, [part="dialog"]:focus-visible {outline: none}:host {--_dialog-scrim: var(--helix-color-overlay)}[part="dialog"]::backdrop {background-color: var(--dialog-scrim, var(--_dialog-scrim))}::slotted([slot="header"]) {color: var(--helix-color-foreground);font-family: var(--helix-font-sans);font-size: var(--helix-text-xl);font-weight: var(--helix-weight-semibold);letter-spacing: var(--helix-tracking-tight);line-height: var(--helix-leading-tight);margin: var(--helix-space-none)}::slotted([slot="footer"]) {display: flex;gap: var(--helix-space-xs);justify-content: flex-start}[part="dialog"] {opacity: 0;transition: opacity var(--helix-duration-normal) var(--helix-easing-standard), translate var(--helix-duration-normal) var(--helix-easing-decelerate), display var(--helix-duration-normal) allow-discrete, overlay var(--helix-duration-normal) allow-discrete;translate: 0 var(--dialog-rise, var(--helix-space-lg))}[part="dialog"][open] {opacity: 1;translate: 0 0}@starting-style {[part="dialog"][open] {opacity: 0;translate: 0 var(--dialog-rise, var(--helix-space-lg))}}[part="dialog"]::backdrop {opacity: 0;transition: opacity var(--helix-duration-normal) var(--helix-easing-standard), display var(--helix-duration-normal) allow-discrete, overlay var(--helix-duration-normal) allow-discrete}[part="dialog"][open]::backdrop {opacity: 1}@starting-style {[part="dialog"][open]::backdrop {opacity: 0}}@media (width < 30rem) {[part="dialog"] {margin-block-end: var(--helix-space-none);margin-block-start: auto;inline-size: 100vw;max-inline-size: 100vw;max-block-size: calc(100dvh - var(--helix-space-3xl));border-start-start-radius: var(--helix-radii-sm);border-start-end-radius: var(--helix-radii-sm);border-end-start-radius: var(--helix-radii-none);border-end-end-radius: var(--helix-radii-none);translate: 0 100%}@starting-style {[part="dialog"][open] {translate: 0 100%}}}[part="dialog"][data-refused] {animation: helix-dialog-refuse var(--helix-duration-normal) var(--helix-easing-emphasized)}@keyframes helix-dialog-refuse {50% {scale: 1.02}}@media (prefers-reduced-motion: reduce) {[part="dialog"], [part="dialog"]::backdrop {transition: none}[part="dialog"][data-refused] {animation: none}}::slotted([slot="icon"]) {block-size: var(--dialog-icon-size, calc(var(--helix-size-icon-lg) * 2));display: block;inline-size: var(--dialog-icon-size, calc(var(--helix-size-icon-lg) * 2))}:host([text-align="center"]) [part="dialog"] {text-align: center}:host([text-align="center"]) ::slotted([slot="footer"]) {justify-content: center}:host([text-align="center"]) ::slotted([slot="icon"]) {margin-inline: auto}[part="dismiss"] {all: unset;box-sizing: border-box;position: absolute;inset-block-start: calc(var(--dialog-padding, var(--helix-space-lg)) + (var(--helix-text-xl) * var(--helix-leading-tight) - var(--helix-size-control-sm)) / 2);inset-inline-end: var(--helix-space-md);block-size: var(--helix-size-control-sm);border-radius: var(--helix-radii-sm);color: var(--helix-color-foreground-muted);cursor: pointer;display: inline-flex;inline-size: var(--helix-size-control-sm);place-content: center;place-items: center;transition: color var(--helix-duration-fast) var(--helix-easing-standard)}[part="dismiss"] svg {block-size: var(--helix-size-icon-sm);inline-size: var(--helix-size-icon-sm)}[part="dismiss"]:hover {background-color: color-mix(in oklab, var(--helix-color-foreground) 8%, transparent);color: var(--helix-color-foreground)}[part="dismiss"]:focus-visible {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: var(--helix-size-focus-offset)}:host([dismissible]) ::slotted([slot="header"]) {padding-inline-end: calc(var(--helix-size-control-sm) + var(--helix-space-xs))}@media (prefers-reduced-motion: reduce) {[part="dismiss"] {transition: none}}@media print {:host {display: none}}`);
@@ -1,9 +1,4 @@
1
- var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
2
- var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
3
- if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
4
- else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
5
- return c > 3 && r && Object.defineProperty(target, key, r), r;
6
- };
1
+ import { __decorate } from "tslib";
7
2
  import { customElement } from '@fusion.dev/helix-core';
8
3
  import { HelixHeadlessDialog } from '@fusion.dev/helix-headless/dialog';
9
4
  import { property } from 'lit/decorators.js';
@@ -1,10 +1,2 @@
1
1
  import { createSheet } from '@fusion.dev/helix-core';
2
- export const styles = createSheet(`:host {--_divider-thickness: var(--divider-thickness, var(--helix-border-thin));align-items: center;display: flex;}[part="content"] {color: var(--divider-content-color, var(--helix-color-foreground-muted));margin-inline: var(--divider-content-gap, var(--helix-space-sm));display: inline-flex;flex: 0 0 auto;font-family: var(--divider-content-font-family, var(--helix-font-sans));font-size: var(--divider-content-font-size, var(--helix-text-xs));font-weight: var(--divider-content-font-weight, inherit);line-height: var(--helix-leading-tight);}[part="content"] slot::slotted(*),
3
- [part="content"] {white-space: nowrap;}[part="content"][data-empty] {display: none;}:host {padding-inline-end: var(--divider-padding-end, var(--divider-padding, var(--helix-space-none)));padding-inline-start: var(
4
- --divider-padding-start,
5
- var(--divider-padding, var(--helix-space-none))
6
- );}:host(:state(vertical)) {padding-block-end: var(--divider-padding-end, var(--divider-padding, var(--helix-space-none)));padding-block-start: var(
7
- --divider-padding-start,
8
- var(--divider-padding, var(--helix-space-none))
9
- );padding-inline: var(--helix-space-none);}:host(:state(vertical)) {align-self: stretch;display: inline-flex;flex-direction: column;}:host(:state(vertical)) [part="content"] {margin-block: var(--divider-content-gap, var(--helix-space-sm));margin-inline: var(--helix-space-none);}[part="line"] {background-color: var(--divider-color, var(--helix-color-border));}:host(:not(:state(vertical))) [part="line"] {block-size: var(--_divider-thickness);flex: 1 1 0;}:host(:state(vertical)) {block-size: var(--divider-length, auto);}:host(:state(vertical)) [part="line"] {flex: 1 1 0;inline-size: var(--_divider-thickness);min-block-size: 1em;}:host([content-placement="start"]) [part="line"]:has(+ [part="content"]:not([data-empty])),
10
- :host([content-placement="end"]) [part="content"]:not([data-empty]) + [part="line"] {flex: 0 0 var(--divider-content-offset, var(--helix-space-lg));}@media (forced-colors: active) {[part="line"] {background-color: CanvasText;forced-color-adjust: none;}}@media print {:host {print-color-adjust: economy;}}`);
2
+ export const styles = createSheet(`:host {--_divider-thickness: var(--divider-thickness, var(--helix-border-thin));align-items: center;display: flex}[part="content"] {color: var(--divider-content-color, var(--helix-color-foreground-muted));margin-inline: var(--divider-content-gap, var(--helix-space-sm));display: inline-flex;flex: 0 0 auto;font-family: var(--divider-content-font-family, var(--helix-font-sans));font-size: var(--divider-content-font-size, var(--helix-text-xs));font-weight: var(--divider-content-font-weight, inherit);line-height: var(--helix-leading-tight)}[part="content"] slot::slotted(*), [part="content"] {white-space: nowrap}[part="content"][data-empty] {display: none}:host {padding-inline-end: var(--divider-padding-end, var(--divider-padding, var(--helix-space-none)));padding-inline-start: var(--divider-padding-start, var(--divider-padding, var(--helix-space-none)))}:host(:state(vertical)) {padding-block-end: var(--divider-padding-end, var(--divider-padding, var(--helix-space-none)));padding-block-start: var(--divider-padding-start, var(--divider-padding, var(--helix-space-none)));padding-inline: var(--helix-space-none)}:host(:state(vertical)) {align-self: stretch;display: inline-flex;flex-direction: column}:host(:state(vertical)) [part="content"] {margin-block: var(--divider-content-gap, var(--helix-space-sm));margin-inline: var(--helix-space-none)}[part="line"] {background-color: var(--divider-color, var(--helix-color-border))}:host(:not(:state(vertical))) [part="line"] {block-size: var(--_divider-thickness);flex: 1 1 0}:host(:state(vertical)) {block-size: var(--divider-length, auto)}:host(:state(vertical)) [part="line"] {flex: 1 1 0;inline-size: var(--_divider-thickness);min-block-size: 1em}:host([content-placement="start"]) [part="line"]:has(+ [part="content"]:not([data-empty])), :host([content-placement="end"]) [part="content"]:not([data-empty]) + [part="line"] {flex: 0 0 var(--divider-content-offset, var(--helix-space-lg))}@media (forced-colors: active) {[part="line"] {background-color: CanvasText;forced-color-adjust: 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 { HelixHeadlessDivider } from '@fusion.dev/helix-headless/divider';
9
4
  import { property } from 'lit/decorators.js';
@@ -1,21 +1,2 @@
1
1
  import { createSheet } from '@fusion.dev/helix-core';
2
- export const styles = createSheet(`:host {display: grid;position: relative;inline-size: var(--donut-chart-size, 16em);place-items: center;}[part="plot"] {grid-area: 1 / 1;}[part="plot"] {position: relative;inline-size: 100%;}[part="plot"]:not(:has(svg)) {aspect-ratio: 1;}:host([sweep="half"]) [part="plot"]:not(:has(svg)) {aspect-ratio: 2;}[part="plot"] svg {aspect-ratio: 1;display: block;inline-size: 100%;}[part="track"],
3
- [part~="segment"] {transform: rotate(-90deg);transform-box: fill-box;transform-origin: center;}[part="track"] {stroke: var(--donut-chart-track-color, var(--helix-color-surface-sunken));}[part~="segment"] {stroke-linecap: butt;stroke-width: var(--donut-chart-stroke);}[part="center"] slot {--stat-value-size: 24cqi;font-size: 13cqi;}[part="center"] {inset-block-start: 50%;inset-inline-start: 50%;pointer-events: none;position: absolute;translate: -50% -50%;box-sizing: border-box;--_donut-chart-ring: 80;container-type: inline-size;display: grid;inline-size: calc(100% * (var(--_donut-chart-ring) - 2 * var(--donut-chart-stroke, 16)) / 100);place-items: center;text-align: center;}[part~="segment"] {stroke: var(--chart-series);}[part~="segment"][data-active] {stroke-width: calc(var(--donut-chart-stroke) * 1.18);}:host([emphasis="outlined"]) [part~="segment"][data-active] {stroke: var(--chart-series);stroke-width: var(--donut-chart-stroke);}[part~="segment"] {transition:
4
- r var(--helix-duration-normal) var(--helix-easing-decelerate),
5
- stroke var(--helix-duration-fast) var(--helix-easing-decelerate),
6
- stroke-dasharray var(--helix-duration-normal) var(--helix-easing-decelerate),
7
- stroke-dashoffset var(--helix-duration-normal) var(--helix-easing-decelerate),
8
- stroke-width var(--helix-duration-fast) var(--helix-easing-decelerate);}@starting-style {[part~="segment"] {stroke-dasharray: 0 9999;}}[part="track"] {transition: r var(--helix-duration-normal) var(--helix-easing-decelerate);}[part~="segment"] {cursor: crosshair;}:host([sweep="half"]) [part="plot"] svg {aspect-ratio: 100 / calc(40 + var(--donut-chart-stroke, 16) / 2);}:host([sweep="half"]) [part="track"],
9
- :host([sweep="half"]) [part~="segment"] {transform: rotate(180deg);}:host([sweep="half"]) [part="center"] {inset-block-end: 0;inset-block-start: auto;translate: -50% 0;block-size: calc(
10
- 100% *
11
- (40 - var(--donut-chart-stroke, 16)) /
12
- (40 + var(--donut-chart-stroke, 16) / 2)
13
- );}:host([sweep="half"]) [part="center"] slot {--stat-value-size: 12cqi;font-size: 6.5cqi;}:host(:dir(rtl)) [part="center"] {translate: 50% -50%;}:host([sweep="half"]:dir(rtl)) [part="center"] {translate: 50% 0;}@media print {:host {print-color-adjust: exact;}}:host([emphasis="subtle"]) [part~="segment"] {stroke: color-mix(
14
- in oklab,
15
- var(--chart-series) 30%,
16
- var(--donut-chart-track-color, var(--helix-color-surface-sunken))
17
- );}[part="segment-edge"] {fill: none;stroke: none;}:host([emphasis="outlined"]) [part~="segment"] {stroke: color-mix(
18
- in oklab,
19
- var(--chart-series) 55%,
20
- var(--donut-chart-track-color, var(--helix-color-surface-sunken))
21
- );}:host([emphasis="outlined"]) [part="segment-edge"] {stroke: var(--chart-series);stroke-width: var(--donut-chart-edge-stroke, 3);}:host([material="glass"]) [part~="segment"] {stroke-opacity: calc(0.62 * var(--helix-material-opacity));}:host([material="frosted"]) [part~="segment"] {stroke-opacity: calc(0.88 * var(--helix-material-opacity));}[part="summary"] {block-size: 1px;clip-path: inset(50%);inline-size: 1px;margin: var(--helix-space-none);overflow: hidden;position: absolute;white-space: nowrap;}[part="slice-label"] {background-color: var(--donut-chart-slice-label-background-color, var(--helix-color-surface));border-radius: var(--helix-radii-sm);color: var(--donut-chart-slice-label-color, var(--helix-color-foreground));font-family: var(--helix-font-sans);font-size: var(--donut-chart-slice-label-font-size, var(--helix-text-xs));font-variant-numeric: tabular-nums;line-height: 1.4;padding: 0 var(--helix-space-2xs);pointer-events: none;position: absolute;translate: -50% -50%;white-space: nowrap;}:host([sweep="half"]:dir(rtl)) [part="slice-label"] {translate: 50% -50%;}`);
2
+ export const styles = createSheet(`:host {display: grid;position: relative;inline-size: var(--donut-chart-size, 16em);place-items: center}[part="plot"] {grid-area: 1 / 1}[part="plot"] {position: relative;inline-size: 100%}[part="plot"]:not(:has(svg)) {aspect-ratio: 1}:host([sweep="half"]) [part="plot"]:not(:has(svg)) {aspect-ratio: 2}[part="plot"] svg {aspect-ratio: 1;display: block;inline-size: 100%}[part="track"], [part~="segment"] {transform: rotate(-90deg);transform-box: fill-box;transform-origin: center}[part="track"] {stroke: var(--donut-chart-track-color, var(--helix-color-surface-sunken))}[part~="segment"] {stroke-linecap: butt;stroke-width: var(--donut-chart-stroke)}[part="center"] slot {--stat-value-size: 24cqi;font-size: 13cqi}[part="center"] {inset-block-start: 50%;inset-inline-start: 50%;pointer-events: none;position: absolute;translate: -50% -50%;box-sizing: border-box;--_donut-chart-ring: 80;container-type: inline-size;display: grid;inline-size: calc(100% * (var(--_donut-chart-ring) - 2 * var(--donut-chart-stroke, 16)) / 100);place-items: center;text-align: center}[part~="segment"] {stroke: var(--chart-series)}[part~="segment"][data-active] {stroke-width: calc(var(--donut-chart-stroke) * 1.18)}:host([emphasis="outlined"]) [part~="segment"][data-active] {stroke: var(--chart-series);stroke-width: var(--donut-chart-stroke)}[part~="segment"] {transition: r var(--helix-duration-normal) var(--helix-easing-decelerate), stroke var(--helix-duration-fast) var(--helix-easing-decelerate), stroke-dasharray var(--helix-duration-normal) var(--helix-easing-decelerate), stroke-dashoffset var(--helix-duration-normal) var(--helix-easing-decelerate), stroke-width var(--helix-duration-fast) var(--helix-easing-decelerate)}@starting-style {[part~="segment"] {stroke-dasharray: 0 9999}}[part="track"] {transition: r var(--helix-duration-normal) var(--helix-easing-decelerate)}[part~="segment"] {cursor: crosshair}:host([sweep="half"]) [part="plot"] svg {aspect-ratio: 100 / calc(40 + var(--donut-chart-stroke, 16) / 2)}:host([sweep="half"]) [part="track"], :host([sweep="half"]) [part~="segment"] {transform: rotate(180deg)}:host([sweep="half"]) [part="center"] {inset-block-end: 0;inset-block-start: auto;translate: -50% 0;block-size: calc(100% * (40 - var(--donut-chart-stroke, 16)) / (40 + var(--donut-chart-stroke, 16) / 2))}:host([sweep="half"]) [part="center"] slot {--stat-value-size: 12cqi;font-size: 6.5cqi}:host(:dir(rtl)) [part="center"] {translate: 50% -50%}:host([sweep="half"]:dir(rtl)) [part="center"] {translate: 50% 0}@media print {:host {print-color-adjust: exact}}:host([emphasis="subtle"]) [part~="segment"] {stroke: color-mix(in oklab, var(--chart-series) 30%, var(--donut-chart-track-color, var(--helix-color-surface-sunken)))}[part="segment-edge"] {fill: none;stroke: none}:host([emphasis="outlined"]) [part~="segment"] {stroke: color-mix(in oklab, var(--chart-series) 55%, var(--donut-chart-track-color, var(--helix-color-surface-sunken)))}:host([emphasis="outlined"]) [part="segment-edge"] {stroke: var(--chart-series);stroke-width: var(--donut-chart-edge-stroke, 3)}:host([material="glass"]) [part~="segment"] {stroke-opacity: calc(0.62 * var(--helix-material-opacity))}:host([material="frosted"]) [part~="segment"] {stroke-opacity: calc(0.88 * var(--helix-material-opacity))}[part="summary"] {block-size: 1px;clip-path: inset(50%);inline-size: 1px;margin: var(--helix-space-none);overflow: hidden;position: absolute;white-space: nowrap}[part="slice-label"] {background-color: var(--donut-chart-slice-label-background-color, var(--helix-color-surface));border-radius: var(--helix-radii-sm);color: var(--donut-chart-slice-label-color, var(--helix-color-foreground));font-family: var(--helix-font-sans);font-size: var(--donut-chart-slice-label-font-size, var(--helix-text-xs));font-variant-numeric: tabular-nums;line-height: 1.4;padding: 0 var(--helix-space-2xs);pointer-events: none;position: absolute;translate: -50% -50%;white-space: nowrap}:host([sweep="half"]:dir(rtl)) [part="slice-label"] {translate: 50% -50%}`);
@@ -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 { HelixHeadlessDonutChart } from '@fusion.dev/helix-headless/donut-chart';
9
4
  import { property } from 'lit/decorators.js';
@@ -1,23 +1,2 @@
1
1
  import { createSheet } from '@fusion.dev/helix-core';
2
- export const styles = createSheet(`:host {--_drawer-size: var(--drawer-size, 20rem);display: contents;}:host {--_drawer-scrim: var(--helix-color-overlay);}[part="panel"]::backdrop {background-color: var(--drawer-scrim, var(--_drawer-scrim));opacity: 0;transition:
3
- opacity var(--helix-duration-normal) var(--helix-easing-standard),
4
- display var(--helix-duration-normal) allow-discrete,
5
- overlay var(--helix-duration-normal) allow-discrete;}[part="panel"][open]::backdrop {opacity: 1;}@starting-style {[part="panel"][open]::backdrop {opacity: 0;}}[part="panel"] {border-radius: var(--drawer-radius, var(--helix-radii-sm));margin: var(--helix-space-none);border: none;max-inline-size: none;max-block-size: none;inset: auto;inline-size: auto;block-size: auto;background-color: var(--drawer-background-color, var(--helix-color-surface-overlay));padding: var(--drawer-padding, var(--helix-space-lg));padding-block-start: var(
6
- --drawer-padding-block-start,
7
- var(--drawer-padding, var(--helix-space-2xl))
8
- );display: flex;flex-direction: column;outline: none;position: fixed;transform: var(--_drawer-away);transition:
9
- transform var(--helix-duration-normal) var(--helix-easing-decelerate),
10
- display var(--helix-duration-normal) allow-discrete,
11
- overlay var(--helix-duration-normal) allow-discrete;z-index: var(--helix-layer-overlay);}[part="panel"]:not([open]) {display: none;}:host([material="glass"]) [part="panel"] {backdrop-filter: var(--drawer-backdrop, var(--helix-material-backdrop));background-color: var(
12
- --drawer-background-color,
13
- light-dark(var(--helix-material-translucent-strong), var(--helix-material-translucent))
14
- );}:host([material="frosted"]) [part="panel"] {backdrop-filter: var(--drawer-backdrop, blur(var(--helix-material-blur-lg)));background-color: var(--drawer-background-color, var(--helix-material-translucent-strong));}:host(:not([placement])) [part="panel"],
15
- :host([placement="end"]) [part="panel"] {border-start-end-radius: var(--helix-radii-none);border-end-end-radius: var(--helix-radii-none);block-size: 100%;inline-size: min(var(--_drawer-size), 100%);inset-block: 0;inset-inline-end: 0;--_drawer-away: translateX(100%);}:host([placement="start"]) [part="panel"] {border-start-start-radius: var(--helix-radii-none);border-end-start-radius: var(--helix-radii-none);block-size: 100%;inline-size: min(var(--_drawer-size), 100%);inset-block: 0;inset-inline-start: 0;--_drawer-away: translateX(-100%);}:host([placement="bottom"]) [part="panel"] {border-end-start-radius: var(--helix-radii-none);border-end-end-radius: var(--helix-radii-none);block-size: min(var(--_drawer-size), 100%);inset-block-end: 0;inset-inline: 0;--_drawer-away: translateY(100%);}:host([placement="top"]) [part="panel"] {border-start-start-radius: var(--helix-radii-none);border-start-end-radius: var(--helix-radii-none);block-size: min(var(--_drawer-size), 100%);inset-block-start: 0;inset-inline: 0;--_drawer-away: translateY(-100%);}:host(:dir(rtl):not([placement])) [part="panel"],
16
- :host(:dir(rtl)[placement="end"]) [part="panel"] {--_drawer-away: translateX(-100%);}:host(:dir(rtl)[placement="start"]) [part="panel"] {--_drawer-away: translateX(100%);}:host(:state(open)) [part="panel"] {border: var(--drawer-border-width, var(--helix-border-floating)) solid
17
- var(--drawer-border-color, var(--helix-color-border));box-shadow: var(--drawer-shadow, var(--helix-shadow-floating));transform: translate(var(--drawer-swipe-x, 0), var(--drawer-swipe-y, 0));}[part="panel"],
18
- [part="content"] {touch-action: pan-y;}:host([placement="bottom"]) [part="panel"],
19
- :host([placement="top"]) [part="panel"] {touch-action: pan-x;}[part="panel"][data-swiping] {transition: none;user-select: none;}@starting-style {:host(:state(open)) [part="panel"][open] {transform: var(--_drawer-away);}}[part="header"] {flex: 0 0 auto;}::slotted([slot="header"]) {color: var(--helix-color-foreground);display: block;font-family: var(--helix-font-sans);font-size: var(--helix-text-lg);font-weight: var(--helix-weight-semibold);letter-spacing: var(--helix-tracking-tight);line-height: var(--helix-leading-tight);margin: var(--helix-space-none);margin-block-end: var(--helix-space-md);}[part="footer"] {flex: 0 0 auto;}::slotted([slot="footer"]) {display: flex;flex-wrap: wrap;gap: var(--helix-space-xs);margin-block-start: var(--helix-space-md);}[part="content"] {flex: 1 1 auto;min-block-size: 0;margin-inline: calc(var(--helix-size-focus-reach) * -1);overflow-y: auto;padding-inline: var(--helix-size-focus-reach);}[part="dismiss"] {all: unset;box-sizing: border-box;position: absolute;inset-block-start: calc(
20
- var(--drawer-padding-block-start, var(--drawer-padding, var(--helix-space-2xl))) +
21
- (var(--helix-text-lg) * var(--helix-leading-tight) - var(--helix-size-control-sm)) /
22
- 2
23
- );inset-inline-end: var(--helix-space-md);block-size: var(--helix-size-control-sm);border-radius: var(--helix-radii-sm);color: var(--helix-color-foreground-muted);cursor: pointer;display: inline-flex;inline-size: var(--helix-size-control-sm);place-content: center;place-items: center;transition: color var(--helix-duration-fast) var(--helix-easing-standard);}[part="dismiss"] svg {block-size: var(--helix-size-icon-sm);inline-size: var(--helix-size-icon-sm);}[part="dismiss"]:hover {background-color: color-mix(in oklab, var(--helix-color-foreground) 8%, transparent);color: var(--helix-color-foreground);}[part="dismiss"]:focus-visible {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: var(--helix-size-focus-offset);}:host([dismissible]) ::slotted([slot="header"]) {padding-inline-end: calc(var(--helix-size-control-sm) + var(--helix-space-xs));}@media (prefers-reduced-motion: reduce) {[part="dismiss"] {transition: none;}}@media print {:host {display: none;}}`);
2
+ export const styles = createSheet(`:host {--_drawer-size: var(--drawer-size, 20rem);display: contents}:host {--_drawer-scrim: var(--helix-color-overlay)}[part="panel"]::backdrop {background-color: var(--drawer-scrim, var(--_drawer-scrim));opacity: 0;transition: opacity var(--helix-duration-normal) var(--helix-easing-standard), display var(--helix-duration-normal) allow-discrete, overlay var(--helix-duration-normal) allow-discrete}[part="panel"][open]::backdrop {opacity: 1}@starting-style {[part="panel"][open]::backdrop {opacity: 0}}[part="panel"] {border-radius: var(--drawer-radius, var(--helix-radii-sm));margin: var(--helix-space-none);border: none;max-inline-size: none;max-block-size: none;inset: auto;inline-size: auto;block-size: auto;background-color: var(--drawer-background-color, var(--helix-color-surface-overlay));padding: var(--drawer-padding, var(--helix-space-lg));padding-block-start: var(--drawer-padding-block-start, var(--drawer-padding, var(--helix-space-2xl)));display: flex;flex-direction: column;outline: none;position: fixed;transform: var(--_drawer-away);transition: transform var(--helix-duration-normal) var(--helix-easing-decelerate), display var(--helix-duration-normal) allow-discrete, overlay var(--helix-duration-normal) allow-discrete;z-index: var(--helix-layer-overlay)}[part="panel"]:not([open]) {display: none}:host([material="glass"]) [part="panel"] {backdrop-filter: var(--drawer-backdrop, var(--helix-material-backdrop));background-color: var(--drawer-background-color, light-dark(var(--helix-material-translucent-strong), var(--helix-material-translucent)))}:host([material="frosted"]) [part="panel"] {backdrop-filter: var(--drawer-backdrop, blur(var(--helix-material-blur-lg)));background-color: var(--drawer-background-color, var(--helix-material-translucent-strong))}:host(:not([placement])) [part="panel"], :host([placement="end"]) [part="panel"] {border-start-end-radius: var(--helix-radii-none);border-end-end-radius: var(--helix-radii-none);block-size: 100%;inline-size: min(var(--_drawer-size), 100%);inset-block: 0;inset-inline-end: 0;--_drawer-away: translateX(100%)}:host([placement="start"]) [part="panel"] {border-start-start-radius: var(--helix-radii-none);border-end-start-radius: var(--helix-radii-none);block-size: 100%;inline-size: min(var(--_drawer-size), 100%);inset-block: 0;inset-inline-start: 0;--_drawer-away: translateX(-100%)}:host([placement="bottom"]) [part="panel"] {border-end-start-radius: var(--helix-radii-none);border-end-end-radius: var(--helix-radii-none);block-size: min(var(--_drawer-size), 100%);inset-block-end: 0;inset-inline: 0;--_drawer-away: translateY(100%)}:host([placement="top"]) [part="panel"] {border-start-start-radius: var(--helix-radii-none);border-start-end-radius: var(--helix-radii-none);block-size: min(var(--_drawer-size), 100%);inset-block-start: 0;inset-inline: 0;--_drawer-away: translateY(-100%)}:host(:dir(rtl):not([placement])) [part="panel"], :host(:dir(rtl)[placement="end"]) [part="panel"] {--_drawer-away: translateX(-100%)}:host(:dir(rtl)[placement="start"]) [part="panel"] {--_drawer-away: translateX(100%)}:host(:state(open)) [part="panel"] {border: var(--drawer-border-width, var(--helix-border-floating)) solid var(--drawer-border-color, var(--helix-color-border));box-shadow: var(--drawer-shadow, var(--helix-shadow-floating));transform: translate(var(--drawer-swipe-x, 0), var(--drawer-swipe-y, 0))}[part="panel"], [part="content"] {touch-action: pan-y}:host([placement="bottom"]) [part="panel"], :host([placement="top"]) [part="panel"] {touch-action: pan-x}[part="panel"][data-swiping] {transition: none;user-select: none}@starting-style {:host(:state(open)) [part="panel"][open] {transform: var(--_drawer-away)}}[part="header"] {flex: 0 0 auto}::slotted([slot="header"]) {color: var(--helix-color-foreground);display: block;font-family: var(--helix-font-sans);font-size: var(--helix-text-lg);font-weight: var(--helix-weight-semibold);letter-spacing: var(--helix-tracking-tight);line-height: var(--helix-leading-tight);margin: var(--helix-space-none);margin-block-end: var(--helix-space-md)}[part="footer"] {flex: 0 0 auto}::slotted([slot="footer"]) {display: flex;flex-wrap: wrap;gap: var(--helix-space-xs);margin-block-start: var(--helix-space-md)}[part="content"] {flex: 1 1 auto;min-block-size: 0;margin-inline: calc(var(--helix-size-focus-reach) * -1);overflow-y: auto;padding-inline: var(--helix-size-focus-reach)}[part="dismiss"] {all: unset;box-sizing: border-box;position: absolute;inset-block-start: calc(var(--drawer-padding-block-start, var(--drawer-padding, var(--helix-space-2xl))) + (var(--helix-text-lg) * var(--helix-leading-tight) - var(--helix-size-control-sm)) / 2);inset-inline-end: var(--helix-space-md);block-size: var(--helix-size-control-sm);border-radius: var(--helix-radii-sm);color: var(--helix-color-foreground-muted);cursor: pointer;display: inline-flex;inline-size: var(--helix-size-control-sm);place-content: center;place-items: center;transition: color var(--helix-duration-fast) var(--helix-easing-standard)}[part="dismiss"] svg {block-size: var(--helix-size-icon-sm);inline-size: var(--helix-size-icon-sm)}[part="dismiss"]:hover {background-color: color-mix(in oklab, var(--helix-color-foreground) 8%, transparent);color: var(--helix-color-foreground)}[part="dismiss"]:focus-visible {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: var(--helix-size-focus-offset)}:host([dismissible]) ::slotted([slot="header"]) {padding-inline-end: calc(var(--helix-size-control-sm) + var(--helix-space-xs))}@media (prefers-reduced-motion: reduce) {[part="dismiss"] {transition: none}}@media print {:host {display: none}}`);
@@ -1,9 +1,4 @@
1
- var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
2
- var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
3
- if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
4
- else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
5
- return c > 3 && r && Object.defineProperty(target, key, r), r;
6
- };
1
+ import { __decorate } from "tslib";
7
2
  import { customElement } from '@fusion.dev/helix-core';
8
3
  import { HelixHeadlessDrawer } from '@fusion.dev/helix-headless/drawer';
9
4
  import { property } from 'lit/decorators.js';
@@ -1,7 +1,2 @@
1
1
  import { createSheet } from '@fusion.dev/helix-core';
2
- export const styles = createSheet(`:host {display: block;}[part="item"] {all: unset;align-items: center;block-size: var(--drilldown-item-block-size, var(--helix-size-control-tight));box-sizing: border-box;inline-size: 100%;color: var(--drilldown-item-color, var(--helix-color-foreground));cursor: pointer;display: flex;font-family: var(--helix-font-sans);font-size: var(--drilldown-item-font-size, var(--helix-text-sm));gap: var(--helix-space-xs);padding-inline: var(--drilldown-item-padding-inline, var(--helix-space-sm));user-select: none;}[part="label"] {flex: 1 1 auto;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}[part="mark"],
3
- slot[name="chevron"]::slotted(*) {block-size: var(--helix-size-icon-tight);color: var(--drilldown-item-mark-color, var(--helix-color-foreground-subtle));flex: none;inline-size: var(--helix-size-icon-tight);}slot[name="description"] {color: var(--drilldown-item-description-color, var(--helix-color-foreground-subtle));display: block;font-size: var(--helix-text-xs);grid-column: 2;grid-row: 2;min-inline-size: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}slot[name="description"][data-empty] {display: none;}[part="item"][data-described] {block-size: auto;display: grid;grid-template-columns: auto minmax(0, 1fr) auto auto;min-block-size: var(--drilldown-item-block-size, var(--helix-size-control-tight));gap: var(--helix-space-none);padding-block: var(--helix-space-2xs);}[part="item"][data-described] slot[name="start"]::slotted(*) {grid-column: 1;grid-row: 1 / span 2;margin-inline-end: var(--helix-space-xs);}[part="item"][data-described] [part="label"] {grid-column: 2;grid-row: 1;}[part="item"][data-described] slot[name="end"]::slotted(*) {grid-column: 3;grid-row: 1 / span 2;margin-inline-start: var(--helix-space-xs);}[part="item"][data-described] [part="mark"],
4
- [part="item"][data-described] slot[name="chevron"]::slotted(*) {grid-column: 4;grid-row: 1 / span 2;margin-inline-start: var(--helix-space-xs);}:host(:not([disabled])) [part="item"]:hover {background-color: var(
5
- --drilldown-item-hover-color,
6
- color-mix(in oklab, var(--helix-color-foreground) 8%, transparent)
7
- );}[part="item"]:focus-visible {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: calc(var(--helix-size-focus-offset) * -1);}:host([disabled]) [part="item"] {cursor: default;opacity: var(--drilldown-item-disabled-opacity, 0.5);}`);
2
+ export const styles = createSheet(`:host {display: block}[part="item"] {all: unset;align-items: center;block-size: var(--drilldown-item-block-size, var(--helix-size-control-tight));box-sizing: border-box;inline-size: 100%;color: var(--drilldown-item-color, var(--helix-color-foreground));cursor: pointer;display: flex;font-family: var(--helix-font-sans);font-size: var(--drilldown-item-font-size, var(--helix-text-sm));gap: var(--helix-space-xs);padding-inline: var(--drilldown-item-padding-inline, var(--helix-space-sm));user-select: none}[part="label"] {flex: 1 1 auto;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}[part="mark"], slot[name="chevron"]::slotted(*) {block-size: var(--helix-size-icon-tight);color: var(--drilldown-item-mark-color, var(--helix-color-foreground-subtle));flex: none;inline-size: var(--helix-size-icon-tight)}slot[name="description"] {color: var(--drilldown-item-description-color, var(--helix-color-foreground-subtle));display: block;font-size: var(--helix-text-xs);grid-column: 2;grid-row: 2;min-inline-size: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}slot[name="description"][data-empty] {display: none}[part="item"][data-described] {block-size: auto;display: grid;grid-template-columns: auto minmax(0, 1fr) auto auto;min-block-size: var(--drilldown-item-block-size, var(--helix-size-control-tight));gap: var(--helix-space-none);padding-block: var(--helix-space-2xs)}[part="item"][data-described] slot[name="start"]::slotted(*) {grid-column: 1;grid-row: 1 / span 2;margin-inline-end: var(--helix-space-xs)}[part="item"][data-described] [part="label"] {grid-column: 2;grid-row: 1}[part="item"][data-described] slot[name="end"]::slotted(*) {grid-column: 3;grid-row: 1 / span 2;margin-inline-start: var(--helix-space-xs)}[part="item"][data-described] [part="mark"], [part="item"][data-described] slot[name="chevron"]::slotted(*) {grid-column: 4;grid-row: 1 / span 2;margin-inline-start: var(--helix-space-xs)}:host(:not([disabled])) [part="item"]:hover {background-color: var(--drilldown-item-hover-color, color-mix(in oklab, var(--helix-color-foreground) 8%, transparent))}[part="item"]:focus-visible {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: calc(var(--helix-size-focus-offset) * -1)}:host([disabled]) [part="item"] {cursor: default;opacity: var(--drilldown-item-disabled-opacity, 0.5)}`);
@@ -1,9 +1,4 @@
1
- var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
2
- var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
3
- if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
4
- else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
5
- return c > 3 && r && Object.defineProperty(target, key, r), r;
6
- };
1
+ import { __decorate } from "tslib";
7
2
  import { customElement } from '@fusion.dev/helix-core';
8
3
  import { HelixHeadlessDrilldownItem } from '@fusion.dev/helix-headless/drilldown';
9
4
  import { styles } from './drilldown-item.css.js';
@@ -1,9 +1,2 @@
1
1
  import { createSheet } from '@fusion.dev/helix-core';
2
- export const styles = createSheet(`:host {background-color: var(--drilldown-background-color, var(--helix-color-surface));block-size: fit-content;display: block;inline-size: var(--drilldown-inline-size, 100%);overflow: hidden;}[part="header"] {align-items: center;block-size: var(--drilldown-header-block-size, var(--helix-size-control));border-block-end: var(--helix-border-thin) solid
3
- var(--drilldown-header-border-color, var(--helix-color-border));display: flex;gap: var(--helix-space-2xs);padding-inline: var(--helix-space-2xs);}[part="back"] {all: unset;align-items: center;block-size: var(--helix-size-control-tight);border-radius: var(--helix-radii-sm);box-sizing: border-box;color: var(--drilldown-back-color, var(--helix-color-foreground-muted));cursor: pointer;display: flex;inline-size: var(--helix-size-control-tight);justify-content: center;}[part="back"] svg,
4
- slot[name="back-icon"]::slotted(*) {block-size: var(--helix-size-icon-tight);inline-size: var(--helix-size-icon-tight);}[part="back"]:hover {background-color: var(
5
- --drilldown-back-hover-background-color,
6
- color-mix(in oklab, var(--helix-color-foreground) 8%, transparent)
7
- );color: var(--helix-color-foreground);}[part="back"]:focus-visible {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: var(--helix-size-focus-offset);}[part="title"] {color: var(--drilldown-title-color, var(--helix-color-foreground));font-family: var(--helix-font-sans);font-size: var(--drilldown-title-font-size, var(--helix-text-sm));font-weight: var(--drilldown-title-font-weight, var(--helix-weight-medium));overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}[part="page"] {--_drilldown-sign: 1;padding-block: var(--drilldown-page-padding-block, var(--helix-space-2xs));}:host(:dir(rtl)) [part="page"] {--_drilldown-sign: -1;}:host([data-direction="forward"]) [part="page"] {animation: drilldown-forward var(--drilldown-duration, var(--helix-duration-normal))
8
- var(--helix-easing-decelerate);}:host([data-direction="back"]) [part="page"] {animation: drilldown-back var(--drilldown-duration, var(--helix-duration-normal))
9
- var(--helix-easing-decelerate);}@keyframes drilldown-forward {from {opacity: 0;translate: calc(var(--drilldown-travel, 12%) * var(--_drilldown-sign, 1)) 0;}}@keyframes drilldown-back {from {opacity: 0;translate: calc(var(--drilldown-travel, 12%) * var(--_drilldown-sign, 1) * -1) 0;}}@media (prefers-reduced-motion: reduce) {:host([data-direction="forward"]) [part="page"] {animation: none;}:host([data-direction="back"]) [part="page"] {animation: none;}}:host([loading]) [part="page"] {opacity: 0.5;}@media print {:host {display: none;}}`);
2
+ export const styles = createSheet(`:host {background-color: var(--drilldown-background-color, var(--helix-color-surface));block-size: fit-content;display: block;inline-size: var(--drilldown-inline-size, 100%);overflow: hidden}[part="header"] {align-items: center;block-size: var(--drilldown-header-block-size, var(--helix-size-control));border-block-end: var(--helix-border-thin) solid var(--drilldown-header-border-color, var(--helix-color-border));display: flex;gap: var(--helix-space-2xs);padding-inline: var(--helix-space-2xs)}[part="back"] {all: unset;align-items: center;block-size: var(--helix-size-control-tight);border-radius: var(--helix-radii-sm);box-sizing: border-box;color: var(--drilldown-back-color, var(--helix-color-foreground-muted));cursor: pointer;display: flex;inline-size: var(--helix-size-control-tight);justify-content: center}[part="back"] svg, slot[name="back-icon"]::slotted(*) {block-size: var(--helix-size-icon-tight);inline-size: var(--helix-size-icon-tight)}[part="back"]:hover {background-color: var(--drilldown-back-hover-background-color, color-mix(in oklab, var(--helix-color-foreground) 8%, transparent));color: var(--helix-color-foreground)}[part="back"]:focus-visible {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: var(--helix-size-focus-offset)}[part="title"] {color: var(--drilldown-title-color, var(--helix-color-foreground));font-family: var(--helix-font-sans);font-size: var(--drilldown-title-font-size, var(--helix-text-sm));font-weight: var(--drilldown-title-font-weight, var(--helix-weight-medium));overflow: hidden;text-overflow: ellipsis;white-space: nowrap}[part="page"] {--_drilldown-sign: 1;padding-block: var(--drilldown-page-padding-block, var(--helix-space-2xs))}:host(:dir(rtl)) [part="page"] {--_drilldown-sign: -1}:host([data-direction="forward"]) [part="page"] {animation: drilldown-forward var(--drilldown-duration, var(--helix-duration-normal)) var(--helix-easing-decelerate)}:host([data-direction="back"]) [part="page"] {animation: drilldown-back var(--drilldown-duration, var(--helix-duration-normal)) var(--helix-easing-decelerate)}@keyframes drilldown-forward {from {opacity: 0;translate: calc(var(--drilldown-travel, 12%) * var(--_drilldown-sign, 1)) 0}}@keyframes drilldown-back {from {opacity: 0;translate: calc(var(--drilldown-travel, 12%) * var(--_drilldown-sign, 1) * -1) 0}}@media (prefers-reduced-motion: reduce) {:host([data-direction="forward"]) [part="page"] {animation: none}:host([data-direction="back"]) [part="page"] {animation: none}}:host([loading]) [part="page"] {opacity: 0.5}@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 { HelixHeadlessDrilldown } from '@fusion.dev/helix-headless/drilldown';
9
4
  import { styles as collectionStateStyles } from '../../shared/collection/state.css.js';
@@ -1,3 +1,2 @@
1
1
  import { createSheet } from '@fusion.dev/helix-core';
2
- export const styles = createSheet(`:host {align-items: center;display: flex;flex-direction: column;gap: var(--empty-gap, var(--helix-space-sm));padding: var(--empty-padding, var(--helix-space-2xl));text-align: center;}slot[name="icon"]::slotted(*) {--icon-size: var(--empty-icon-size, var(--helix-size-icon-lg));color: var(--empty-icon-color, var(--helix-color-foreground-subtle));}slot[name="heading"]::slotted(*),
3
- [part="heading"] {color: var(--empty-heading-color, var(--helix-color-foreground));font-size: var(--empty-heading-size, var(--helix-text-lg));font-weight: var(--helix-weight-semibold);letter-spacing: var(--helix-tracking-tight);margin: var(--helix-space-none);}slot:not([name]) {color: var(--empty-message-color, var(--helix-color-foreground-muted));font-size: var(--empty-message-size, var(--helix-text-sm));}slot:not([name])::slotted(*) {margin: var(--helix-space-none);max-inline-size: var(--empty-message-measure, 46ch);}slot[name="actions"]::slotted(*) {margin-block-start: var(--empty-actions-gap, var(--helix-space-sm));}@media print {:host {print-color-adjust: economy;}}`);
2
+ export const styles = createSheet(`:host {align-items: center;display: flex;flex-direction: column;gap: var(--empty-gap, var(--helix-space-sm));padding: var(--empty-padding, var(--helix-space-2xl));text-align: center}slot[name="icon"]::slotted(*) {--icon-size: var(--empty-icon-size, var(--helix-size-icon-lg));color: var(--empty-icon-color, var(--helix-color-foreground-subtle))}slot[name="heading"]::slotted(*), [part="heading"] {color: var(--empty-heading-color, var(--helix-color-foreground));font-size: var(--empty-heading-size, var(--helix-text-lg));font-weight: var(--helix-weight-semibold);letter-spacing: var(--helix-tracking-tight);margin: var(--helix-space-none)}slot:not([name]) {color: var(--empty-message-color, var(--helix-color-foreground-muted));font-size: var(--empty-message-size, var(--helix-text-sm))}slot:not([name])::slotted(*) {margin: var(--helix-space-none);max-inline-size: var(--empty-message-measure, 46ch)}slot[name="actions"]::slotted(*) {margin-block-start: var(--empty-actions-gap, 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 { HelixHeadlessEmpty } from '@fusion.dev/helix-headless/empty';
9
4
  import { styles as liveStyles } from '../../shared/live/live.css.js';