@fusion.dev/helix-headless 0.35.1 → 0.37.0

package/custom-elements.json

@@ -18626,7 +18626,7 @@
           "helix": {
             "category": "forms",
             "since": "0.1.0",
-            "status": "experimental",
+            "status": "stable",
             "documentation": "https://fusion.dev/helix/components/color-input",
             "aliases": [
               "ColorField",
@@ -29079,7 +29079,7 @@
           "helix": {
             "category": "forms",
             "since": "0.1.0",
-            "status": "experimental",
+            "status": "stable",
             "documentation": "https://fusion.dev/helix/components/date-input",
             "aliases": [
               "DatePicker",
@@ -46900,7 +46900,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Whether the field refuses input while still submitting its value.\n\n**The attribute is `readonly`, which is the platform's spelling.** A\ncamelCase property needs an explicit `attribute`, and dash-casing a word\nHTML writes as one costs what an attribute always costs here: nothing\nwarns. `<helix-input readonly>` is what anybody who has written HTML types;\nagainst `read-only` it parses to no property at all, and the field stays\neditable with no error anywhere. Measured on the dash-cased form, `readOnly`\ncame back `false`.\n\nA part was renamed for\nthe same kind of reason: there is no `helix-v` tag, so no consumer is\nholding the old spelling, and this is free today and a deprecation after\nthe first release.",
+              "description": "Whether the field refuses input while still submitting its value.\n\n**The attribute is `readonly`, which is the platform's spelling.** A\ncamelCase property needs an explicit `attribute`, and dash-casing a word\nHTML writes as one costs what an attribute always costs here: nothing\nwarns. `<helix-input readonly>` is what anybody who has written HTML types;\nagainst `read-only` it parses to no property at all, and the field stays\neditable with no error anywhere. Measured on the dash-cased form, `readOnly`\ncame back `false`.",
               "attribute": "readonly",
               "reflects": true
             },
@@ -48039,7 +48039,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Whether the field refuses input while still submitting its value.\n\n**The attribute is `readonly`, which is the platform's spelling.** A\ncamelCase property needs an explicit `attribute`, and dash-casing a word\nHTML writes as one costs what an attribute always costs here: nothing\nwarns. `<helix-input readonly>` is what anybody who has written HTML types;\nagainst `read-only` it parses to no property at all, and the field stays\neditable with no error anywhere. Measured on the dash-cased form, `readOnly`\ncame back `false`.\n\nA part was renamed for\nthe same kind of reason: there is no `helix-v` tag, so no consumer is\nholding the old spelling, and this is free today and a deprecation after\nthe first release.",
+              "description": "Whether the field refuses input while still submitting its value.\n\n**The attribute is `readonly`, which is the platform's spelling.** A\ncamelCase property needs an explicit `attribute`, and dash-casing a word\nHTML writes as one costs what an attribute always costs here: nothing\nwarns. `<helix-input readonly>` is what anybody who has written HTML types;\nagainst `read-only` it parses to no property at all, and the field stays\neditable with no error anywhere. Measured on the dash-cased form, `readOnly`\ncame back `false`.",
               "fieldName": "readOnly"
             },
             {
@@ -48205,7 +48205,7 @@
           "helix": {
             "category": "forms",
             "since": "0.1.0",
-            "status": "experimental",
+            "status": "stable",
             "documentation": "https://fusion.dev/helix/components/input",
             "aliases": [
               "TextField",
@@ -51333,6 +51333,10 @@
               "description": "The options, and any groups of them.",
               "name": ""
             },
+            {
+              "description": "The mark in the filter's field. Left empty, a magnifier is drawn.",
+              "name": "filter-icon"
+            },
             {
               "description": "Richer than a string.",
               "name": "hint"
@@ -52971,7 +52975,7 @@
           "helix": {
             "category": "forms",
             "since": "0.1.0",
-            "status": "experimental",
+            "status": "stable",
             "documentation": "https://fusion.dev/helix/components/listbox",
             "aliases": [
               "Options",
@@ -61270,7 +61274,7 @@
           "helix": {
             "category": "forms",
             "since": "0.1.0",
-            "status": "experimental",
+            "status": "stable",
             "documentation": "https://fusion.dev/helix/components/number-input",
             "aliases": [
               "NumberField",
@@ -76123,7 +76127,7 @@
           "helix": {
             "category": "forms",
             "since": "0.1.0",
-            "status": "experimental",
+            "status": "stable",
             "documentation": "https://fusion.dev/helix/components/select",
             "aliases": [
               "Dropdown",
@@ -93142,7 +93146,7 @@
           "helix": {
             "category": "forms",
             "since": "0.1.0",
-            "status": "experimental",
+            "status": "stable",
             "documentation": "https://fusion.dev/helix/components/time-input",
             "aliases": [
               "TimeField",

package/dist/area-chart/root/area-chart-root.js

@@ -4,7 +4,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     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;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { customElement, drawTooltip, formatNumbers, HelixElement, linear, linePath, MixinChartSource, seriesIndex, ticks, } from '@fusion.dev/helix-core';
+import { CHART_PLOT, customElement, drawTooltip, formatNumbers, HelixElement, linear, linePath, MixinChartSource, seriesIndex, ticks, } from '@fusion.dev/helix-core';
 import { html, nothing, svg } from 'lit';
 import { property } from 'lit/decorators.js';
 import '../../tooltip/index.js';
@@ -70,7 +70,7 @@ let HelixHeadlessAreaChart = class HelixHeadlessAreaChart extends MixinChartSour
         const rows = this.sourceRows;
         const stack = this.stack;
         if (rows.length === 0 || stack.columns.length === 0) {
-            return html `<div id="helix-chart-plot" part="plot"></div>`;
+            return html `<div id=${CHART_PLOT} part="plot"></div>`;
         }
         const top = this.share ? 1 : Math.max(0, ...stack.totals);
         const domain = [0, top > 0 ? top : 1];
@@ -82,7 +82,7 @@ let HelixHeadlessAreaChart = class HelixHeadlessAreaChart extends MixinChartSour
     }
     renderPlot(stack, count, x, y, domain) {
         const order = stack.layers.map((_, depth) => depth).reverse();
-        return html `<div aria-hidden="true" id="helix-chart-plot" part="plot">
+        return html `<div aria-hidden="true" id=${CHART_PLOT} part="plot">
       <svg part="svg"
         data-mirror
         preserveAspectRatio="none"

package/dist/bar-chart/root/bar-chart-root.js

@@ -4,7 +4,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     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;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { customElement, drawTooltip, extent, HelixElement, linear, linePath, MixinChartSource, seriesIndex, ticks, } from '@fusion.dev/helix-core';
+import { CHART_PLOT, customElement, drawTooltip, extent, HelixElement, linear, linePath, MixinChartSource, seriesIndex, ticks, } from '@fusion.dev/helix-core';
 import { html, nothing, svg } from 'lit';
 import { property } from 'lit/decorators.js';
 import '../../tooltip/index.js';
@@ -36,7 +36,7 @@ let HelixHeadlessBarChart = class HelixHeadlessBarChart extends MixinChartSource
         const series = this.series;
         const categories = series[0]?.points.map((point) => point.label) ?? [];
         if (categories.length === 0) {
-            return html `<div id="helix-chart-plot" part="plot"></div>`;
+            return html `<div id=${CHART_PLOT} part="plot"></div>`;
         }
         const scaled = this.scaled;
         const own = (one) => scaled.has(one.name.trim().toLowerCase());
@@ -103,7 +103,7 @@ let HelixHeadlessBarChart = class HelixHeadlessBarChart extends MixinChartSource
         };
         return html `<div
       aria-hidden="true"
-      id="helix-chart-plot"
+      id=${CHART_PLOT}
       part="plot"
     >
       <svg part="svg"

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

@@ -33,7 +33,7 @@ declare const HelixHeadlessColorInput_base: (new (...args: any[]) => import("@fu
  * itself.
  *
  * @since 0.1.0
- * @status experimental
+ * @status stable
  * @category forms
  * @aliases ColorField, ColourInput, InputColor
  * @documentation https://fusion.dev/helix/components/color-input

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

@@ -18,7 +18,7 @@ declare const HelixHeadlessDateInput_base: (new (...args: any[]) => import("@fus
  * worth keeping: a real text field.
  *
  * @since 0.1.0
- * @status experimental
+ * @status stable
  * @category forms
  * @aliases DatePicker, DateField, InputDate
  * @documentation https://fusion.dev/helix/components/date-input

package/dist/donut-chart/root/donut-chart-root.js

@@ -4,7 +4,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     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;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { customElement, drawTooltip, HelixElement, MixinChartSource, seriesIndex, } from '@fusion.dev/helix-core';
+import { CHART_PLOT, customElement, drawTooltip, HelixElement, MixinChartSource, seriesIndex, } from '@fusion.dev/helix-core';
 import { html, nothing, svg } from 'lit';
 import { property } from 'lit/decorators.js';
 import '../../tooltip/index.js';
@@ -60,7 +60,7 @@ let HelixHeadlessDonutChart = class HelixHeadlessDonutChart extends MixinChartSo
     renderPlot(shares) {
         return html `<div
       aria-hidden="true"
-      id="helix-chart-plot"
+      id=${CHART_PLOT}
       part="plot"
       style="--donut-chart-stroke: ${this.thickness}"
     >

package/dist/heatmap/root/heatmap-root.js

@@ -4,7 +4,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     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;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { customElement, drawTooltip, HelixElement, HelixResizeEvent, hostAria, MixinChartSource, slotFilled, } from '@fusion.dev/helix-core';
+import { CHART_PLOT, customElement, drawTooltip, HelixElement, HelixResizeEvent, hostAria, MixinChartSource, slotFilled, } from '@fusion.dev/helix-core';
 import { html, nothing } from 'lit';
 import { property, state } from 'lit/decorators.js';
 import '../../tooltip/index.js';
@@ -125,7 +125,7 @@ let HelixHeadlessHeatmap = class HelixHeadlessHeatmap extends MixinChartSource(H
         const cells = this.drawn;
         return html `<div
         part="strip"
-        id="helix-chart-plot"
+        id=${CHART_PLOT}
         style="--heatmap-rows: ${this.rowCount}"
         @pointerover=${this.onPointerOver}
         @pointerleave=${this.onPointerLeave}

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

@@ -25,7 +25,7 @@ declare const HelixHeadlessInput_base: (new (...args: any[]) => import("@fusion.
  * input and its `validity` is copied onto the host.
  *
  * @since 0.1.0
- * @status experimental
+ * @status stable
  * @category forms
  * @aliases TextField, Field, TextInput
  * @documentation https://fusion.dev/helix/components/input
@@ -104,11 +104,6 @@ export declare class HelixHeadlessInput extends HelixHeadlessInput_base {
      * against `read-only` it parses to no property at all, and the field stays
      * editable with no error anywhere. Measured on the dash-cased form, `readOnly`
      * came back `false`.
-     *
-     * A part was renamed for
-     * the same kind of reason: there is no `helix-v` tag, so no consumer is
-     * holding the old spelling, and this is free today and a deprecation after
-     * the first release.
      */
     readOnly: boolean;
     /**

package/dist/line-chart/root/line-chart-root.js

@@ -4,7 +4,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     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;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { customElement, drawTooltip, extent, HelixElement, linear, linePath, MixinChartSource, seriesIndex, ticks, } from '@fusion.dev/helix-core';
+import { CHART_PLOT, customElement, drawTooltip, extent, HelixElement, linear, linePath, MixinChartSource, seriesIndex, ticks, } from '@fusion.dev/helix-core';
 import { html, nothing, svg } from 'lit';
 import { property } from 'lit/decorators.js';
 import '../../tooltip/index.js';
@@ -46,7 +46,7 @@ let HelixHeadlessLineChart = class HelixHeadlessLineChart extends MixinChartSour
         const series = this.series;
         const readings = series[0]?.points.map((point) => point.label) ?? [];
         if (readings.length === 0) {
-            return html `<div id="helix-chart-plot" part="plot"></div>`;
+            return html `<div id=${CHART_PLOT} part="plot"></div>`;
         }
         const domain = this.range(series);
         const y = linear(domain, [HEIGHT, 0]);
@@ -64,7 +64,7 @@ let HelixHeadlessLineChart = class HelixHeadlessLineChart extends MixinChartSour
             : undefined;
         return html `<div
       aria-hidden="true"
-      id="helix-chart-plot"
+      id=${CHART_PLOT}
       part="plot"
       style=${holes ? `--_line-chart-holes: ${holes}` : nothing}
     >

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

@@ -20,12 +20,13 @@ declare const HelixHeadlessListbox_base: (new (...args: any[]) => import("@fusio
  * `aria-activedescendant` names it while focus stays on the list.
  *
  * @since 0.1.0
- * @status experimental
+ * @status stable
  * @category forms
  * @aliases Options, Select list
  * @documentation https://fusion.dev/helix/components/listbox
  *
  * @slot - The options, and any groups of them.
+ * @slot filter-icon - The mark in the filter's field. Left empty, a magnifier is drawn.
  * @slot hint - Richer than a string.
  * @slot label - Richer than a string.
  *

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

@@ -32,7 +32,7 @@ declare const HelixHeadlessNumberInput_base: (new (...args: any[]) => import("@f
  * not corrected under their hands.
  *
  * @since 0.1.0
- * @status experimental
+ * @status stable
  * @category forms
  * @aliases NumberField, Stepper, InputNumber
  * @documentation https://fusion.dev/helix/components/number-input

package/dist/scatter-chart/root/scatter-chart-root.js

@@ -4,7 +4,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     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;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { customElement, drawTooltip, extent, formatNumbers, HelixElement, linear, MixinChartSource, seriesIndex, ticks, } from '@fusion.dev/helix-core';
+import { CHART_PLOT, customElement, drawTooltip, extent, formatNumbers, HelixElement, linear, MixinChartSource, seriesIndex, ticks, } from '@fusion.dev/helix-core';
 import { html, nothing, svg } from 'lit';
 import { property } from 'lit/decorators.js';
 import '../../tooltip/index.js';
@@ -125,7 +125,7 @@ let HelixHeadlessScatterChart = class HelixHeadlessScatterChart extends MixinCha
         this.drawn = field.points;
         if (field.points.length === 0) {
             return html `<div dir="ltr" part="plane">
-        <div id="helix-chart-plot" part="plot"></div>
+        <div id=${CHART_PLOT} part="plot"></div>
       </div>`;
         }
         const format = formatNumbers('');
@@ -146,7 +146,7 @@ let HelixHeadlessScatterChart = class HelixHeadlessScatterChart extends MixinCha
     }
     renderPlot(field, along, up) {
         const at = this.pointer.at;
-        return html `<div aria-hidden="true" id="helix-chart-plot" part="plot">
+        return html `<div aria-hidden="true" id=${CHART_PLOT} part="plot">
       <svg part="svg"
         preserveAspectRatio="none"
         viewBox="0 0 ${WIDTH} ${HEIGHT}"

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

@@ -21,7 +21,7 @@ declare const HelixHeadlessSelect_base: (new (...args: any[]) => import("@fusion
  * a second place the answer lives.
  *
  * @since 0.1.0
- * @status experimental
+ * @status stable
  * @category forms
  * @aliases Dropdown, Picker
  * @documentation https://fusion.dev/helix/components/select

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

@@ -26,7 +26,7 @@ declare const HelixHeadlessTimeInput_base: (new (...args: any[]) => import("@fus
  * back and `Intl` has no parser to make it so.
  *
  * @since 0.1.0
- * @status experimental
+ * @status stable
  * @category forms
  * @aliases TimeField, InputTime
  * @documentation https://fusion.dev/helix/components/time-input

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@fusion.dev/helix-headless",
   "description": "Headless component tier. Structure, accessibility, state, and form participation. No styling.",
-  "version": "0.35.1",
+  "version": "0.37.0",
   "license": "MIT",
   "author": "Ross Sheppard <ross.sheppard@fusion.dev>",
   "repository": {
@@ -46,14 +46,14 @@
   },
   "bugs": "https://github.com/project-fusion/fusion/issues",
   "dependencies": {
-    "@fusion.dev/helix-core": "0.35.1",
-    "@fusion.dev/helix-icons": "0.35.1",
+    "@fusion.dev/helix-core": "0.37.0",
+    "@fusion.dev/helix-icons": "0.37.0",
     "uqr": "^0.1.3"
   },
   "devDependencies": {
     "@custom-elements-manifest/analyzer": "^0.11.0",
-    "@fusion.dev/helix-cem": "0.35.1",
-    "@fusion.dev/helix-testing": "0.35.1",
+    "@fusion.dev/helix-cem": "0.37.0",
+    "@fusion.dev/helix-testing": "0.37.0",
     "@fusion.dev/scripts": "0.0.0-dev",
     "@happy-dom/global-registrator": "^20.0.0",
     "@lit-labs/ssr": "^4.1.0",

package/types/jsx.d.ts

@@ -7676,12 +7676,7 @@ HTML writes as one costs what an attribute always costs here: nothing
 warns. `<helix-input readonly>` is what anybody who has written HTML types;
 against `read-only` it parses to no property at all, and the field stays
 editable with no error anywhere. Measured on the dash-cased form, `readOnly`
-came back `false`.
-
-A part was renamed for
-the same kind of reason: there is no `helix-v` tag, so no consumer is
-holding the old spelling, and this is free today and a deprecation after
-the first release. */
+came back `false`. */
   readonly?: (HelixHeadlessInput["readOnly"]) | undefined;
   /** Whether the field refuses input while still submitting its value.
 
@@ -7691,12 +7686,7 @@ HTML writes as one costs what an attribute always costs here: nothing
 warns. `<helix-input readonly>` is what anybody who has written HTML types;
 against `read-only` it parses to no property at all, and the field stays
 editable with no error anywhere. Measured on the dash-cased form, `readOnly`
-came back `false`.
-
-A part was renamed for
-the same kind of reason: there is no `helix-v` tag, so no consumer is
-holding the old spelling, and this is free today and a deprecation after
-the first release. */
+came back `false`. */
   readOnly?: (HelixHeadlessInput["readOnly"]) | undefined;
   /** Whether a password field offers a toggle that shows what was typed.
 
@@ -7840,12 +7830,7 @@ HTML writes as one costs what an attribute always costs here: nothing
 warns. `<helix-input readonly>` is what anybody who has written HTML types;
 against `read-only` it parses to no property at all, and the field stays
 editable with no error anywhere. Measured on the dash-cased form, `readOnly`
-came back `false`.
-
-A part was renamed for
-the same kind of reason: there is no `helix-v` tag, so no consumer is
-holding the old spelling, and this is free today and a deprecation after
-the first release. */
+came back `false`. */
   "bool:readonly"?: (HelixHeadlessInput["readOnly"]) | undefined;
   /** Whether the field refuses input while still submitting its value.
 
@@ -7855,12 +7840,7 @@ HTML writes as one costs what an attribute always costs here: nothing
 warns. `<helix-input readonly>` is what anybody who has written HTML types;
 against `read-only` it parses to no property at all, and the field stays
 editable with no error anywhere. Measured on the dash-cased form, `readOnly`
-came back `false`.
-
-A part was renamed for
-the same kind of reason: there is no `helix-v` tag, so no consumer is
-holding the old spelling, and this is free today and a deprecation after
-the first release. */
+came back `false`. */
   "prop:readOnly"?: (HelixHeadlessInput["readOnly"]) | undefined;
   /** Whether a password field offers a toggle that shows what was typed.
 
@@ -24554,11 +24534,6 @@ export type CustomElements = {
    * against `read-only` it parses to no property at all, and the field stays
    * editable with no error anywhere. Measured on the dash-cased form, `readOnly`
    * came back `false`.
-   *
-   * A part was renamed for
-   * the same kind of reason: there is no `helix-v` tag, so no consumer is
-   * holding the old spelling, and this is free today and a deprecation after
-   * the first release.
    * - `reveal`: Whether a password field offers a toggle that shows what was typed.
    *
    * Ignored on every other type. A reveal on an email field would be a button
@@ -25418,6 +25393,7 @@ export type CustomElements = {
    * Areas where markup can be added to the component.
    *
    * - `(default)`: The options, and any groups of them.
+   * - `filter-icon`: The mark in the filter's field. Left empty, a magnifier is drawn.
    * - `hint`: Richer than a string.
    * - `label`: Richer than a string.
    *
@@ -42064,11 +42040,6 @@ export type CustomElementsSolidJs = {
    * against `read-only` it parses to no property at all, and the field stays
    * editable with no error anywhere. Measured on the dash-cased form, `readOnly`
    * came back `false`.
-   *
-   * A part was renamed for
-   * the same kind of reason: there is no `helix-v` tag, so no consumer is
-   * holding the old spelling, and this is free today and a deprecation after
-   * the first release.
    * - `reveal`: Whether a password field offers a toggle that shows what was typed.
    *
    * Ignored on every other type. A reveal on an email field would be a button
@@ -42946,6 +42917,7 @@ export type CustomElementsSolidJs = {
    * Areas where markup can be added to the component.
    *
    * - `(default)`: The options, and any groups of them.
+   * - `filter-icon`: The mark in the filter's field. Left empty, a magnifier is drawn.
    * - `hint`: Richer than a string.
    * - `label`: Richer than a string.
    *

package/types/vue.d.ts

@@ -3958,12 +3958,7 @@ HTML writes as one costs what an attribute always costs here: nothing
 warns. `<helix-input readonly>` is what anybody who has written HTML types;
 against `read-only` it parses to no property at all, and the field stays
 editable with no error anywhere. Measured on the dash-cased form, `readOnly`
-came back `false`.
-
-A part was renamed for
-the same kind of reason: there is no `helix-v` tag, so no consumer is
-holding the old spelling, and this is free today and a deprecation after
-the first release. */
+came back `false`. */
   readonly?: (HelixHeadlessInput["readOnly"]) | undefined;
   /** Whether the field refuses input while still submitting its value.
 
@@ -3973,12 +3968,7 @@ HTML writes as one costs what an attribute always costs here: nothing
 warns. `<helix-input readonly>` is what anybody who has written HTML types;
 against `read-only` it parses to no property at all, and the field stays
 editable with no error anywhere. Measured on the dash-cased form, `readOnly`
-came back `false`.
-
-A part was renamed for
-the same kind of reason: there is no `helix-v` tag, so no consumer is
-holding the old spelling, and this is free today and a deprecation after
-the first release. */
+came back `false`. */
   readOnly?: (HelixHeadlessInput["readOnly"]) | undefined;
   /** Whether a password field offers a toggle that shows what was typed.