@fusion.dev/helix 0.163.0 → 0.165.0

package/dist/callout/root/callout-root.css.js

@@ -6,4 +6,6 @@ color-mix(in oklab, var(--_callout-color) 10%, transparent)
 color-mix(in oklab, var(--_callout-color) 45%, var(--helix-color-background));}:host([separation="plain"]) {background-color: var(--callout-background-color, transparent);}[part="icon"] {color: var(--_callout-color);display: inline-flex;flex: 0 0 auto;}[part="icon"] svg {block-size: var(--helix-size-icon);inline-size: var(--helix-size-icon);}slot[name="icon"]::slotted(*) {--icon-size: var(--helix-size-icon);block-size: var(--helix-size-icon);inline-size: var(--helix-size-icon);}[part="content"] {line-height: var(--helix-leading-normal);min-inline-size: 0;}[part="dismiss"] {all: unset;box-sizing: border-box;block-size: calc(var(--helix-size-icon) + var(--helix-space-2xs) * 2);border-radius: var(--helix-radii-sm);color: var(--helix-color-foreground-muted);cursor: pointer;display: inline-flex;flex: 0 0 auto;inline-size: calc(var(--helix-size-icon) + var(--helix-space-2xs) * 2);margin-block: calc(var(--helix-space-2xs) * -1);margin-inline: auto calc(var(--helix-space-2xs) * -1);place-content: center;place-items: center;transition:
 background-color var(--helix-duration-fast) var(--helix-easing-standard),
 color var(--helix-duration-fast) var(--helix-easing-standard);}[part="dismiss"]:hover {background-color: color-mix(in oklab, var(--helix-color-foreground) 8%, transparent);color: var(--helix-color-foreground);}[part="dismiss"]:focus-visible {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: var(--helix-size-focus-offset);}[part="dismiss"] svg,
-slot[name="dismiss-icon"]::slotted(*) {--icon-size: var(--helix-size-icon);block-size: var(--helix-size-icon);inline-size: var(--helix-size-icon);}@media (prefers-reduced-motion: reduce) {[part="dismiss"] {transition: none;}}slot[name="heading"]::slotted(*) {color: var(--helix-color-foreground);display: block;font-size: var(--callout-font-size, var(--helix-text-control));font-weight: var(--helix-weight-semibold);margin: var(--helix-space-none);}@media print {:host {background-color: transparent;}}`);
+slot[name="dismiss-icon"]::slotted(*) {--icon-size: var(--helix-size-icon);block-size: var(--helix-size-icon);inline-size: var(--helix-size-icon);}:host(:state(exiting)) {opacity: 0;transition: opacity var(--helix-duration-normal) var(--helix-easing-accelerate);}:host(:state(entering)) {transition: opacity var(--helix-duration-normal) var(--helix-easing-decelerate);}@starting-style {:host(:state(entering)) {opacity: 0;}}@media (prefers-reduced-motion: reduce) {[part="dismiss"],
+:host(:state(exiting)),
+:host(:state(entering)) {transition: none;}}slot[name="heading"]::slotted(*) {color: var(--helix-color-foreground);display: block;font-size: var(--callout-font-size, var(--helix-text-control));font-weight: var(--helix-weight-semibold);margin: var(--helix-space-none);}@media print {:host {background-color: transparent;}}`);

package/dist/code-block/root/code-block-root.css.js

@@ -21,7 +21,7 @@ var(--code-block-mark-edge-color, var(--helix-color-primary));box-sizing: border
 [part="context"],
 [part="added"],
 [part="removed"],
-[part="filler"] {display: flex;padding-inline: var(--helix-space-md);text-decoration: none;}[part="hunk"] {background-color: var(--helix-color-surface-sunken);color: var(--helix-color-foreground-muted);}[part="added"] {background-color: color-mix(
+[part="filler"] {display: flex;padding-inline: var(--helix-space-md);text-decoration: none;}[part="hunk"] {background-color: var(--helix-color-surface-sunken);color: var(--helix-color-foreground-muted);}[part="fold"] {all: unset;background-color: var(--helix-color-surface-sunken);box-sizing: border-box;color: var(--helix-color-foreground-muted);cursor: pointer;display: flex;font-family: var(--helix-font-sans);inline-size: 100%;padding-inline: var(--helix-space-md);}[part="fold"]:hover {color: var(--helix-color-foreground);}[part="fold"]:focus-visible {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: calc(var(--helix-size-focus-offset) * -1);}[part="added"] {background-color: color-mix(
 in srgb,
 var(--code-block-added-color, var(--helix-color-success)) 14%,
 var(--code-block-background-color, var(--helix-color-background))
@@ -29,7 +29,15 @@ var(--code-block-background-color, var(--helix-color-background))
 in srgb,
 var(--code-block-removed-color, var(--helix-color-danger)) 14%,
 var(--code-block-background-color, var(--helix-color-background))
-);}[part="marker"] {padding-inline-end: var(--helix-space-xs);user-select: none;}[part="added"] [part="marker"] {color: color-mix(
+);}[part="added"] [part="changed"] {background-color: color-mix(
+in srgb,
+var(--code-block-added-color, var(--helix-color-success)) 32%,
+var(--code-block-background-color, var(--helix-color-background))
+);border-radius: var(--helix-radii-sm);}[part="removed"] [part="changed"] {background-color: color-mix(
+in srgb,
+var(--code-block-removed-color, var(--helix-color-danger)) 32%,
+var(--code-block-background-color, var(--helix-color-background))
+);border-radius: var(--helix-radii-sm);}[part="marker"] {padding-inline-end: var(--helix-space-xs);user-select: none;}[part="added"] [part="marker"] {color: color-mix(
 in oklab,
 var(--code-block-added-color, var(--helix-color-success)) 55%,
 var(--helix-color-foreground)
@@ -41,5 +49,6 @@ var(--helix-color-foreground)
 [part="old"],
 [part="new"] {overflow: visible;white-space: pre-wrap;}[part="added"],
 [part="removed"],
+[part="changed"],
 [part="hunk"],
 [part="filler"] {print-color-adjust: exact;}}`);

package/dist/command/root/command-root.d.ts

@@ -2,6 +2,7 @@ import { HelixHeadlessCommand } from '@fusion.dev/helix-headless/command';
 import type { CSSResultGroup } from 'lit';
 import '../../dialog/index.js';
 import '../../listbox/index.js';
+import '../../option/index.js';
 /**
  * @summary A command palette: a list of commands that opens from anywhere on the page and filters as you type.
  *

package/dist/command/root/command-root.js

@@ -8,6 +8,7 @@ import { customElement } from '@fusion.dev/helix-core';
 import { HelixHeadlessCommand } from '@fusion.dev/helix-headless/command';
 import '../../dialog/index.js';
 import '../../listbox/index.js';
+import '../../option/index.js';
 import { styles as liveStyles } from '../../shared/live/live.css.js';
 import { styles } from './command-root.css.js';
 let HelixCommand = class HelixCommand extends HelixHeadlessCommand {

package/dist/date-input/root/date-input-root.d.ts

@@ -1,7 +1,7 @@
 import { HelixHeadlessDateInput } from '@fusion.dev/helix-headless/date-input';
 import type { CSSResultGroup } from 'lit';
 import '../../date-picker/index.js';
-import '../../tag/index.js';
+import '../../tag/root/index.js';
 /**
  * @summary A date, typed or picked from a calendar.
  *

package/dist/date-input/root/date-input-root.js

@@ -7,7 +7,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { customElement } from '@fusion.dev/helix-core';
 import { HelixHeadlessDateInput } from '@fusion.dev/helix-headless/date-input';
 import '../../date-picker/index.js';
-import '../../tag/index.js';
+import '../../tag/root/index.js';
 import { styles as fieldStyles } from '../../shared/field/field.css.js';
 import { styles as fieldFrameStyles } from '../../shared/field/field-frame.css.js';
 import { styles as fieldSegmentsStyles } from '../../shared/field/field-segments.css.js';

package/dist/element-events.generated.js

@@ -337,7 +337,13 @@ registerElementEvents({
         'volumechange',
         'waiting',
     ],
-    'helix-video-playlist': ['helix-activate', 'helix-before-activate', 'helix-end'],
+    'helix-video-playlist': [
+        'helix-activate',
+        'helix-before-activate',
+        'helix-before-reorder',
+        'helix-end',
+        'helix-reorder',
+    ],
     'helix-video-playlist-item': ['helix-select'],
     'helix-video-playlist-menu': ['helix-select'],
     'helix-virtual-list': ['change', 'helix-before-change', 'helix-load-more', 'helix-range-change'],

package/dist/object-inspector/root/object-inspector-root.css.js

@@ -12,7 +12,7 @@ var(--helix-space-lg) +
 var(--helix-space-sm) +
 1em +
 var(--helix-space-2xs)
-);text-overflow: ellipsis;white-space: nowrap;}[part~="row"][aria-expanded] {cursor: pointer;padding-inline-start: calc(
+);text-overflow: ellipsis;white-space: nowrap;}[part="empty"] {color: var(--helix-color-foreground-muted);font-family: var(--helix-font-sans);padding-inline: calc(var(--helix-space-sm) + 1em + var(--helix-space-2xs));}[part~="row"][aria-expanded] {cursor: pointer;padding-inline-start: calc(
 var(--object-inspector-level) *
 var(--helix-space-lg) +
 var(--helix-space-sm)

package/dist/option/root/index.d.ts

@@ -0,0 +1 @@
+export * from './option-root.js';

package/dist/option/root/index.js

@@ -0,0 +1 @@
+export * from './option-root.js';

package/dist/option/root/option-root.d.ts

@@ -1,4 +1,4 @@
-import { HelixHeadlessOption } from '@fusion.dev/helix-headless/option';
+import { HelixHeadlessOption } from '@fusion.dev/helix-headless/option/root';
 import type { CSSResultGroup } from 'lit';
 /**
  * @summary One choice in a listbox.

package/dist/option/root/option-root.js

@@ -5,7 +5,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { customElement } from '@fusion.dev/helix-core';
-import { HelixHeadlessOption } from '@fusion.dev/helix-headless/option';
+import { HelixHeadlessOption } from '@fusion.dev/helix-headless/option/root';
 import { styles } from './option-root.css.js';
 let HelixOption = class HelixOption extends HelixHeadlessOption {
     static { this.styles = styles; }

package/dist/tag/root/index.d.ts

@@ -0,0 +1 @@
+export * from './tag-root.js';

package/dist/tag/root/index.js

@@ -0,0 +1 @@
+export * from './tag-root.js';

package/dist/tag/root/tag-root.d.ts

@@ -1,4 +1,4 @@
-import { HelixHeadlessTag } from '@fusion.dev/helix-headless/tag';
+import { HelixHeadlessTag } from '@fusion.dev/helix-headless/tag/root';
 import type { CSSResultGroup } from 'lit';
 /**
  * @summary A short label that adds metadata to content.

package/dist/tag/root/tag-root.js

@@ -5,7 +5,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { customElement } from '@fusion.dev/helix-core';
-import { HelixHeadlessTag } from '@fusion.dev/helix-headless/tag';
+import { HelixHeadlessTag } from '@fusion.dev/helix-headless/tag/root';
 import { property } from 'lit/decorators.js';
 import { styles } from './tag-root.css.js';
 let HelixTag = class HelixTag extends HelixHeadlessTag {

package/dist/time-input/root/time-input-root.d.ts

@@ -1,6 +1,6 @@
 import { HelixHeadlessTimeInput } from '@fusion.dev/helix-headless/time-input';
 import type { CSSResultGroup } from 'lit';
-import '../../tag/index.js';
+import '../../tag/root/index.js';
 import '../../time-picker/index.js';
 /**
  * @summary A field for a time, typed or picked from a list.

package/dist/time-input/root/time-input-root.js

@@ -6,7 +6,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { customElement } from '@fusion.dev/helix-core';
 import { HelixHeadlessTimeInput } from '@fusion.dev/helix-headless/time-input';
-import '../../tag/index.js';
+import '../../tag/root/index.js';
 import '../../time-picker/index.js';
 import { styles as fieldStyles } from '../../shared/field/field.css.js';
 import { styles as fieldFrameStyles } from '../../shared/field/field-frame.css.js';

package/dist/time-picker/root/time-picker-root.d.ts

@@ -1,7 +1,7 @@
 import { HelixHeadlessTimePicker } from '@fusion.dev/helix-headless/time-picker';
 import type { CSSResultGroup } from 'lit';
 import '../../listbox/index.js';
-import '../../option/index.js';
+import '../../option/root/index.js';
 /**
  * @summary A control for choosing a time from a list or from wheels.
  *

package/dist/time-picker/root/time-picker-root.js

@@ -7,7 +7,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { customElement } from '@fusion.dev/helix-core';
 import { HelixHeadlessTimePicker } from '@fusion.dev/helix-headless/time-picker';
 import '../../listbox/index.js';
-import '../../option/index.js';
+import '../../option/root/index.js';
 import { styles } from './time-picker-root.css.js';
 let HelixTimePicker = class HelixTimePicker extends HelixHeadlessTimePicker {
     static { this.tier = 'helix-'; }

package/dist/video-playlist/item/video-playlist-item.css.js

@@ -10,5 +10,7 @@ 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);}[part~="item"][aria-current="true"] {background-color: var(
 --video-playlist-item-current-background-color,
 color-mix(in oklab, var(--helix-color-foreground) 6%, transparent)
-);color: var(--helix-color-foreground);}[part~="item"][aria-current="true"]::before {background-color: var(--video-playlist-item-current-mark-color, var(--helix-color-primary));border-radius: var(--helix-radii-full);content: "";inline-size: var(--helix-border-thick);inset-block: var(--helix-space-2xs);inset-inline-start: var(--helix-space-2xs);position: absolute;}:host([disabled]) [part~="item"] {cursor: not-allowed;opacity: 0.5;}[part="media"] {aspect-ratio: var(--video-playlist-media-aspect-ratio, 16 / 9);border-radius: var(--video-playlist-media-radius, var(--helix-radii-sm));flex: 0 0 auto;inline-size: var(--video-playlist-media-size, 5rem);overflow: hidden;}[part="media"] ::slotted(*),
+);color: var(--helix-color-foreground);}[part~="item"][aria-current="true"]::before {background-color: var(--video-playlist-item-current-mark-color, var(--helix-color-primary));border-radius: var(--helix-radii-full);content: "";inline-size: var(--helix-border-thick);inset-block: var(--helix-space-2xs);inset-inline-start: var(--helix-space-2xs);position: absolute;}:host([disabled]) [part~="item"] {cursor: not-allowed;opacity: 0.5;}:host(:state(dragging)) {opacity: 0.5;}:host(:state(drop-before)),
+:host(:state(drop-after)) {position: relative;}:host(:state(drop-before))::before,
+:host(:state(drop-after))::before {background-color: var(--helix-color-primary);block-size: var(--helix-border-thick);content: "";inset-inline: 0;pointer-events: none;position: absolute;z-index: 1;}:host(:state(drop-before))::before {inset-block-start: 0;}:host(:state(drop-after))::before {inset-block-end: 0;}[part="media"] {aspect-ratio: var(--video-playlist-media-aspect-ratio, 16 / 9);border-radius: var(--video-playlist-media-radius, var(--helix-radii-sm));flex: 0 0 auto;inline-size: var(--video-playlist-media-size, 5rem);overflow: hidden;}[part="media"] ::slotted(*),
 [part="thumbnail"] {block-size: 100%;display: block;inline-size: 100%;object-fit: cover;}[part="label"] {color: var(--video-playlist-item-color, var(--helix-color-foreground));display: flex;flex-direction: column;font-family: var(--helix-font-sans);font-size: var(--helix-text-sm);font-weight: var(--helix-weight-medium);gap: var(--helix-space-2xs);line-height: var(--helix-leading-tight);min-inline-size: 0;}[part="label"] ::slotted([slot="meta"]) {color: var(--video-playlist-item-meta-color, var(--helix-color-foreground-subtle));font-size: var(--helix-text-xs);font-weight: var(--helix-weight-regular);}`);