@fusion.dev/helix 0.179.0 → 0.180.1

package/custom-elements.json

@@ -37844,6 +37844,23 @@
                 "module": "src/checkbox/root/checkbox-root.ts"
               }
             },
+            {
+              "kind": "method",
+              "name": "click",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "description": "Ticks or clears the box, as `click()` does a native checkbox: passed to the control\ninside, so the one click a listener hears is the control's, after it has\nmoved. See `HostClickController`.",
+              "type": {
+                "text": "click() => void"
+              },
+              "inheritedFrom": {
+                "name": "HelixHeadlessCheckbox",
+                "module": "src/checkbox/root/checkbox-root.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "formAssociated",
@@ -65044,6 +65061,23 @@
                 "module": "src/date-input/root/date-input-root.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "rangeOrderMessage",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Choose an end on or after {start}.'",
+              "description": "The message shown when a range ends before it starts. `{start}` is\nreplaced with the start, written the way the field writes dates.",
+              "attribute": "range-order-message",
+              "helix": {
+                "words": true
+              },
+              "inheritedFrom": {
+                "name": "HelixHeadlessDateInput",
+                "module": "src/date-input/root/date-input-root.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "rangeOverflowMessage",
@@ -67058,6 +67092,19 @@
                 "module": "src/date-input/root/date-input-root.ts"
               }
             },
+            {
+              "name": "range-order-message",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Choose an end on or after {start}.'",
+              "description": "The message shown when a range ends before it starts. `{start}` is\nreplaced with the start, written the way the field writes dates.",
+              "fieldName": "rangeOrderMessage",
+              "inheritedFrom": {
+                "name": "HelixHeadlessDateInput",
+                "module": "src/date-input/root/date-input-root.ts"
+              }
+            },
             {
               "name": "range-overflow-message",
               "type": {
@@ -68620,6 +68667,23 @@
                 "module": "src/date-picker/root/date-picker-root.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "rangeOrderMessage",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Choose an end on or after {start}.'",
+              "description": "The validation message for a range that ends before it starts. `{start}`\nis replaced with the start, written as a date in `locale`.",
+              "attribute": "range-order-message",
+              "helix": {
+                "words": true
+              },
+              "inheritedFrom": {
+                "name": "HelixHeadlessDatePicker",
+                "module": "src/date-picker/root/date-picker-root.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "rangeOverflowMessage",
@@ -70986,6 +71050,19 @@
                 "module": "src/date-picker/root/date-picker-root.ts"
               }
             },
+            {
+              "name": "range-order-message",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Choose an end on or after {start}.'",
+              "description": "The validation message for a range that ends before it starts. `{start}`\nis replaced with the start, written as a date in `locale`.",
+              "fieldName": "rangeOrderMessage",
+              "inheritedFrom": {
+                "name": "HelixHeadlessDatePicker",
+                "module": "src/date-picker/root/date-picker-root.ts"
+              }
+            },
             {
               "name": "range-overflow-message",
               "type": {
@@ -118169,7 +118246,7 @@
                 "text": "readonly DataOptionItem[] | undefined"
               },
               "default": "undefined",
-              "description": "The options as data, for a list too long to draw whole: each a value,\nwhich is also its words, or a record with a `value`, a `label` and\n`disabled`. Set, the list draws only the options in sight, and the ones\nyou write as children are not read.\n\n**Every option is still reachable.** The keyboard, the typeahead, the\nfilter and the value work over the whole set, and the option the keyboard\nis on is drawn wherever it is, so a screen reader is told about it. Each\ndrawn option says its place in the set (`aria-posinset`, `aria-setsize`).\nReact Aria virtualizes a `ListBox` with its `Virtualizer`; this is core's\n`VirtualizeController`.\n\n**The list needs a height to scroll in**: the styled tier's\n`--listbox-max-block-size`, or a `max-block-size` on `::part(items)` in the\nheadless tier. Import the Option family as well, whose elements are drawn.\nA server sends the list empty, and the options are drawn once it hydrates.",
+              "description": "The options as data, for a list too long to draw whole: each a value,\nwhich is also its words, or a record with a `value`, a `label` and\n`disabled`. Set, the list draws only the options in sight, and the ones\nyou write as children are not read.\n\n**Every option is still reachable.** The keyboard, the typeahead, the\nfilter and the value work over the whole set, and the option the keyboard\nis on is drawn wherever it is, so a screen reader is told about it. Each\ndrawn option says its place in the set (`aria-posinset`, `aria-setsize`).\nReact Aria virtualizes a `ListBox` with its `Virtualizer`; this is core's\n`VirtualizeController`.\n\n**The list needs a height to scroll in**: the styled tier's\n`--listbox-max-block-size`, or a `max-block-size` on `::part(items)` in the\nheadless tier. The options drawn are this tier's Option, which the page\nimports, as it imports the options it writes.\nA server sends the list empty, and the options are drawn once it hydrates.",
               "inheritedFrom": {
                 "name": "HelixHeadlessListbox",
                 "module": "src/listbox/root/listbox-root.ts"
@@ -167635,6 +167712,23 @@
                 "module": "src/radio/root/radio-root.ts"
               }
             },
+            {
+              "kind": "method",
+              "name": "click",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "description": "Chooses the radio, as `click()` does a native radio: passed to the control\ninside, so the one click a listener hears is the control's, after it has\nmoved. See `HostClickController`.",
+              "type": {
+                "text": "click() => void"
+              },
+              "inheritedFrom": {
+                "name": "HelixHeadlessRadio",
+                "module": "src/radio/root/radio-root.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "tier",
@@ -200563,6 +200657,23 @@
                 "module": "src/switch/root/switch-root.ts"
               }
             },
+            {
+              "kind": "method",
+              "name": "click",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "description": "Turns the switch on or off, as `click()` does a native checkbox: passed to the control\ninside, so the one click a listener hears is the control's, after it has\nmoved. See `HostClickController`.",
+              "type": {
+                "text": "click() => void"
+              },
+              "inheritedFrom": {
+                "name": "HelixHeadlessSwitch",
+                "module": "src/switch/root/switch-root.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "formAssociated",
@@ -231112,6 +231223,23 @@
                 "module": "src/toggle/root/toggle-root.ts"
               }
             },
+            {
+              "kind": "method",
+              "name": "click",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "description": "Presses the toggle, as `click()` does a native button: passed to the control\ninside, so the one click a listener hears is the control's, after it has\nmoved. See `HostClickController`.",
+              "type": {
+                "text": "click() => void"
+              },
+              "inheritedFrom": {
+                "name": "HelixHeadlessToggle",
+                "module": "src/toggle/root/toggle-root.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "tier",
@@ -251128,6 +251256,6 @@
   ],
   "helix": {
     "package": "@fusion.dev/helix",
-    "version": "0.179.0"
+    "version": "0.180.1"
   }
 }

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

@@ -2,7 +2,6 @@ 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,7 +8,6 @@ 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/data-table/root/data-table-root.d.ts

@@ -2,7 +2,6 @@ import { HelixHeadlessDataTable } from '@fusion.dev/helix-headless/data-table';
 import type { CSSResultGroup } from 'lit';
 import '../../checkbox/index.js';
 import '../../pagination/index.js';
-import '../../table/index.js';
 /**
  * @summary A table drawn from an array of rows, with sorting, filtering, and paging.
  *

package/dist/data-table/root/data-table-root.js

@@ -11,7 +11,6 @@ import { styles as liveStyles } from '../../shared/live/live.css.js';
 import { styles } from './data-table-root.css.js';
 import '../../checkbox/index.js';
 import '../../pagination/index.js';
-import '../../table/index.js';
 let HelixDataTable = class HelixDataTable extends HelixHeadlessDataTable {
     static { this.tier = 'helix-'; }
     static { this.styles = [liveStyles, collectionStateStyles, styles]; }

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

@@ -1,6 +1,5 @@
 import { HelixHeadlessFilterInput } from '@fusion.dev/helix-headless/filter-input';
 import type { CSSResultGroup } from 'lit';
-import '../../option/index.js';
 /**
  * @summary A text field for filters, with the active filters shown in it as tokens.
  *

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

@@ -6,7 +6,6 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { customElement } from '@fusion.dev/helix-core';
 import { HelixHeadlessFilterInput } from '@fusion.dev/helix-headless/filter-input';
-import '../../option/index.js';
 import { styles as collectionStateStyles } from '../../shared/collection/state.css.js';
 import { styles as fieldStyles } from '../../shared/field/field.css.js';
 import { styles as fieldFrameStyles } from '../../shared/field/field-frame.css.js';

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

@@ -1,7 +1,6 @@
 import { HelixHeadlessSelect } from '@fusion.dev/helix-headless/select';
 import type { CSSResultGroup } from 'lit';
 import '../../listbox/index.js';
-import '../../option/index.js';
 /**
  * @summary A control that opens a list of options to choose from.
  *

package/dist/select/root/select-root.js

@@ -14,7 +14,6 @@ import { styles as floatingPanelStyles } from '../../shared/floating/panel.css.j
 import { styles as liveStyles } from '../../shared/live/live.css.js';
 import { styles } from './select-root.css.js';
 import '../../listbox/index.js';
-import '../../option/index.js';
 let HelixSelect = class HelixSelect extends HelixHeadlessSelect {
     static { this.tier = 'helix-'; }
     static { this.styles = [

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

@@ -21,4 +21,4 @@ ease-in-out infinite;}@keyframes helix-skeleton-pulse {50% {opacity: 0.4;}}:host
 :host(:state(wrapping):not([loading])) [part="lines"],
 :host(:not(:defined):not(:empty):not([loading])) [part="lines"] {display: none;}:host([loading]:state(wrapping)) [part="content"],
 :host([loading]:not(:defined):not(:empty)) [part="content"] {visibility: hidden;}@keyframes helix-skeleton-sweep {from {translate: -50% 0;}to {translate: 50% 0;}}@media (prefers-reduced-motion: reduce) {[part="sheen"],
-:host([effect="pulse"]) [part~="skeleton"] {animation: none;}[part="sheen"] {background-image: none;}}@media print {:host {display: none;}}@media (forced-colors: active) {[part~="skeleton"] {outline: var(--helix-border-thin) solid GrayText;outline-offset: calc(var(--helix-border-thin) * -1);}}`);
+:host([effect="pulse"]) [part~="skeleton"] {animation: none;}[part="sheen"] {background-image: none;}}@media print {:host {display: none;}}@media (forced-colors: active) {[part~="skeleton"] {outline: var(--helix-border-thin) solid GrayText;outline-offset: calc(var(--helix-border-thin) * -1);}}@media (forced-colors: active) and (prefers-reduced-motion: no-preference) {[part="sheen"] {background-image: linear-gradient(90deg, transparent 35%, GrayText 50%, transparent 65%);forced-color-adjust: none;}}`);