@fusion.dev/helix 0.2.0 → 0.3.0

package/dist/icon/glyph.css.js

@@ -1,4 +1,3 @@
-// Generated from src/icon/glyph.css by `turbo run styles`. Do not edit.
 import { createSheet } from '@fusion.dev/helix-core';
 export const styles = createSheet(`[data-glyph] {
 block-size: var(--icon-size, var(--helix-size-icon));

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

@@ -1,4 +1,3 @@
-// Generated from src/icon/root/icon-root.css by `turbo run styles`. Do not edit.
 import { createSheet } from '@fusion.dev/helix-core';
 export const styles = createSheet(`:host {
 block-size: var(--icon-size, var(--helix-size-icon));

package/dist/icon/root/icon-root.js

@@ -7,25 +7,6 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { customElement } from '@fusion.dev/helix-core';
 import { HelixHeadlessIcon } from '@fusion.dev/helix-headless/icon';
 import { styles } from './icon-root.css.js';
-/**
- * @summary Renders a named icon from the Helix set.
- *
- * @description
- * Draws in `currentColor` and sizes from `--icon-size`, so an icon inherits the
- * color of the text it sits in and a container can resize it without reaching
- * for a prop. Inside a button that hook is set in `em`, which keeps the icon in
- * proportion as the button's own size changes.
- *
- * @since 0.1.0
- * @status stable
- * @category media
- * @aliases Glyph, Symbol
- * @documentation https://helix.fusion.dev/components/icon
- *
- * @csspart svg - The rendered SVG.
- *
- * @cssproperty --icon-size - Edge length of the icon's box.
- */
 let HelixIcon = class HelixIcon extends HelixHeadlessIcon {
     static { this.styles = styles; }
 };

package/dist/icon-button/root/icon-button-root.css.js

@@ -1,4 +1,3 @@
-// Generated from src/icon-button/root/icon-button-root.css by `turbo run styles`. Do not edit.
 import { createSheet } from '@fusion.dev/helix-core';
 export const styles = createSheet(`:host {
 display: inline-flex;

package/dist/icon-button/root/icon-button-root.js

@@ -9,44 +9,9 @@ import { HelixHeadlessIconButton } from '@fusion.dev/helix-headless/icon-button'
 import { property } from 'lit/decorators.js';
 import { MixinControlSurface } from '../../mixins/mixin-control-surface/mixin-control-surface.js';
 import { styles } from './icon-button-root.css.js';
-/**
- * @summary A square button whose content is an icon.
- *
- * @description
- * Top-level rather than `Button.Icon`, because a namespace means composition:
- * `Tabs.Tab` is part of a tab set, and an icon-only button is not part of a
- * button. It is a button with different content and a different shape, which
- * makes it its own component.
- *
- * `label` is not optional in practice. An icon-only control with no accessible
- * name is announced as "button" and nothing else, which is the single most
- * common way a toolbar becomes unusable without sight.
- *
- * @since 0.1.0
- * @status stable
- * @category actions
- * @aliases Icon button, Square button
- * @documentation https://helix.fusion.dev/components/icon-button
- *
- * @slot - The icon.
- *
- * @csspart button - The inner button or anchor.
- *
- * @cssproperty --icon-button-radius - Corner radius of the control, which a group flattens through `--button-radius-start` and `--button-radius-end`.
- * @cssproperty --icon-button-shadow - What it casts, where it is raised off the page.
- * @cssproperty --icon-button-size - Edge length of the control.
- */
 let HelixIconButton = class HelixIconButton extends MixinControlSurface(HelixHeadlessIconButton) {
     constructor() {
         super(...arguments);
-        /**
-         * Whether it is raised off the page it sits on.
-         *
-         * Separate from `shape`, because they are separate facts: a docked control is
-         * raised whatever its outline, and a circle inside a toolbar is not raised at
-         * all. Shadow rather than a border, since what is under a floating control is
-         * the page and a line drawn on the page is not the same as being above it.
-         */
         this.raised = false;
     }
     static { this.styles = styles; }

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

@@ -1,4 +1,3 @@
-// Generated from src/image/root/image-root.css by `turbo run styles`. Do not edit.
 import { createSheet } from '@fusion.dev/helix-core';
 export const styles = createSheet(`:host {
 aspect-ratio: var(--image-aspect, auto);

package/dist/image/root/image-root.js

@@ -8,37 +8,9 @@ import { customElement } from '@fusion.dev/helix-core';
 import { HelixHeadlessImage } from '@fusion.dev/helix-headless/image';
 import { property } from 'lit/decorators.js';
 import { styles } from './image-root.css.js';
-/**
- * @summary A picture that says whether it arrived.
- *
- * @description
- * Presentation only: the box the picture is given, how it fills it, and the
- * fade when it lands. What the three states are and when they change is the
- * base class.
- *
- * @since 0.1.0
- * @status experimental
- * @category media
- * @aliases Picture, Img, Figure
- * @documentation https://helix.fusion.dev/components/image
- *
- * @cssproperty --image-aspect - The ratio of the box, as `16 / 9`.
- * @cssproperty --image-fit - How the picture fills it.
- * @cssproperty --image-placeholder-color - The resting surface behind both stand-ins.
- * @cssproperty --image-position - Which part survives a crop.
- * @cssproperty --image-radius - Corner radius, under `rounded`.
- */
 let HelixImage = class HelixImage extends HelixHeadlessImage {
     constructor() {
         super(...arguments);
-        /**
-         * Whether the corners are cut.
-         *
-         * A boolean rather than a radius, because the radius is a token and the
-         * question a consumer is answering is whether this picture is a card's
-         * surface or a page's. `--image-radius` moves it for the case that is
-         * neither.
-         */
         this.rounded = false;
     }
     static { this.styles = styles; }

package/dist/index.js

@@ -1,9 +1,4 @@
 import './element-events.generated.js';
-/**
- * Everything core exports, forwarded whole. See the note in `helix/headless`:
- * a hand-kept list drifts, and it drifts silently until a component happens to
- * declare a public member with a type nobody forwarded yet.
- */
 export * from '@fusion.dev/helix-core';
 export * from './accordion/index.js';
 export * from './announcement/index.js';

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

@@ -1,4 +1,3 @@
-// Generated from src/input/root/input-root.css by `turbo run styles`. Do not edit.
 import { createSheet } from '@fusion.dev/helix-core';
 export const styles = createSheet(`:host {
 display: flex;

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

@@ -6,39 +6,11 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { customElement } from '@fusion.dev/helix-core';
 import { HelixHeadlessInput } from '@fusion.dev/helix-headless/input';
-/* The clear and reveal buttons render one, and a custom element registers on
-   import: a consumer importing this family alone would otherwise get an inert
-   unknown element where the mark should be. */
 import '../../icon/index.js';
 import { styles as glyphStyles } from '../../icon/glyph.css.js';
 import { styles as fieldStyles } from '../../shared/field/field.css.js';
 import { styles as fieldStackedStyles } from '../../shared/field/field-stacked.css.js';
 import { styles } from './input-root.css.js';
-/**
- * @summary A single line of text a reader types into.
- *
- * @description
- * The frame is the field rather than the input, so anything slotted at either
- * end sits inside the same box as the text and the focus ring is drawn once,
- * around the whole control, instead of around a smaller box within it.
- *
- * The input itself is the native one, stripped rather than replaced, so the
- * caret, the selection, the autofill, and the keyboard a phone chooses are all
- * the platform's.
- *
- * Height comes from the region, like every other control: `data-density` on
- * whatever holds it, not a `size` here. Invalid styling waits for
- * `:user-invalid`, because a field is not wrong before anyone has filled it in.
- *
- * @since 0.1.0
- * @status experimental
- * @category forms
- * @aliases TextField, Field, TextInput
- * @documentation https://helix.fusion.dev/components/input
- *
- * @cssproperty --input-background-color - Fill behind the text.
- * @cssproperty --input-size - Height of the field.
- */
 let HelixInput = class HelixInput extends HelixHeadlessInput {
     static { this.styles = [glyphStyles, fieldStyles, fieldStackedStyles, styles]; }
 };

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

@@ -1,4 +1,3 @@
-// Generated from src/kbd/root/kbd-root.css by `turbo run styles`. Do not edit.
 import { createSheet } from '@fusion.dev/helix-core';
 export const styles = createSheet(`:host {
 display: inline-flex;

package/dist/kbd/root/kbd-root.js

@@ -7,26 +7,6 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { customElement } from '@fusion.dev/helix-core';
 import { HelixHeadlessKbd } from '@fusion.dev/helix-headless/kbd';
 import { styles } from './kbd-root.css.js';
-/**
- * @summary A keyboard key or chord, set inline with text.
- *
- * @description
- * Drawn as a physical key: a hairline, a sunken fill, and one inset shadow
- * along the bottom edge that reads as depth without becoming a picture of a
- * key.
- *
- * Sized in `em`, so it stays proportional to whatever it is set inside rather
- * than holding one size and looking wrong in a heading.
- *
- * @since 0.1.0
- * @status stable
- * @category typography
- * @aliases Key, Shortcut, Hotkey
- * @documentation https://helix.fusion.dev/components/kbd
- *
- * @cssproperty --kbd-background-color - Fill of the key.
- * @cssproperty --kbd-border-color - Color of the hairline and the edge.
- */
 let HelixKbd = class HelixKbd extends HelixHeadlessKbd {
     static { this.styles = styles; }
 };

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

@@ -1,4 +1,3 @@
-// Generated from src/legend/root/legend-root.css by `turbo run styles`. Do not edit.
 import { createSheet } from '@fusion.dev/helix-core';
 export const styles = createSheet(`:host {
 display: block;

package/dist/legend/root/legend-root.js

@@ -9,43 +9,8 @@ import { HelixHeadlessLegend } from '@fusion.dev/helix-headless/legend';
 import { property } from 'lit/decorators.js';
 import { styles as seriesStyles } from '../../shared/chart/series.css.js';
 import { styles } from './legend-root.css.js';
-/**
- * @summary The names a chart draws, each beside the color it is drawn in.
- *
- * @description
- * A row that wraps, because a legend sits under a chart as wide as the chart
- * and there is no arrangement of eight names that fits every width. Set
- * `--legend-direction` to `column` where it sits beside one instead.
- *
- * The eight series colors are mapped here rather than in the tier below, which
- * carries the index and holds no tokens. Eight rules, because an index in
- * markup cannot select a token and a custom property set inline would be the
- * headless tier naming a color.
- *
- * @since 0.1.0
- * @status experimental
- * @category charts
- * @groups charts
- * @aliases Key, Series Key
- * @documentation https://helix.fusion.dev/components/legend
- *
- * @cssproperty --legend-direction - `row`, which wraps, or `column`.
- * @cssproperty --legend-gap - Space between entries.
- * @cssproperty --legend-swatch-size - Size of the color patch.
- * @cssproperty --legend-swatch-stroke - Width of the edge an `outlined` or
- *   `subtle` swatch is drawn with.
- */
 let HelixLegend = class HelixLegend extends HelixHeadlessLegend {
     static { this.styles = [seriesStyles, styles]; }
-    /**
-     * Marks each entry with the treatment its name was given.
-     *
-     * After the update rather than during it, because the entries are what the
-     * tier below rendered and matching happens against the names it chose to show.
-     * The same shape `BarChart.updated` uses on its bars, and for the same reason:
-     * a per-series answer cannot be a selector, since CSS cannot match an
-     * attribute against a list.
-     */
     updated(changed) {
         super.updated(changed);
         const showing = this.names().map((name) => name.trim().toLowerCase());

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

@@ -1,4 +1,3 @@
-// Generated from src/line-chart/root/line-chart-root.css by `turbo run styles`. Do not edit.
 import { createSheet } from '@fusion.dev/helix-core';
 export const styles = createSheet(`:host {
 display: grid;

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

@@ -11,54 +11,7 @@ import { styles as seriesStyles } from '../../shared/chart/series.css.js';
 import { styles as terminusStyles } from '../../shared/chart/terminus.css.js';
 import { styles } from './line-chart-root.css.js';
 import '../../tooltip/index.js';
-/**
- * @summary A series over time as a line, read from a table.
- *
- * @description
- * The lines take the series palette in order, so a chart of one is series one
- * and a chart of four is the first four, and a legend beside it maps the same
- * twenty-four.
- *
- * The stroke does not scale with the box. `preserveAspectRatio="none"` is what
- * lets one drawing fill a narrow card and a wide panel, and without
- * `vector-effect: non-scaling-stroke` the same line comes out hairline in the
- * first and heavy in the second. It rescues strokes and not geometry, which is
- * why the readings are joined by lines and marked by nothing: a circle in a
- * stretched coordinate space is an ellipse, and there is no vector-effect that
- * answers for a shape.
- *
- * @since 0.1.0
- * @status experimental
- * @category charts
- * @groups charts
- * @aliases Time Series, Trend Chart, Multi-line Chart
- * @documentation https://helix.fusion.dev/components/line-chart
- *
- * @cssproperty --line-chart-area-opacity - How much of a line's color its wash takes.
- * @cssproperty --line-chart-band-color - The slot the pointer is resting in.
- * @cssproperty --line-chart-block-size - Height of the drawing.
- * @cssproperty --line-chart-gap - Space between the drawing and its labels.
- * @cssproperty --line-chart-gridline-color - One rule across the plot, under `gridlines`.
- * @cssproperty --line-chart-width - Thickness of a line.
- */
 let HelixLineChart = class HelixLineChart extends HelixHeadlessLineChart {
-    /**
-     * **The styled tier, so the tooltip this renders is the styled one.**
-     *
-     * `tag()` builds a child's tag name from this prefix, and the base declares
-     * `helix-headless-`. Every other styled component that renders a child
-     * overrides it; the three charts that draw a tooltip did not, so a
-     * `helix-bar-chart` on a page put a `helix-headless-tooltip` in its shadow
-     * root: the behavior with none of the surface. What showed was the browser's
-     * own popover defaults, a white 1.5px border, square corners, `0.25em` of
-     * padding and the page's font size, which is why the reading bubble looked
-     * like no other tooltip on the site.
-     *
-     * Measured before the fix: the chart's bubble computed
-     * `border: 1.5px solid rgb(255, 255, 255)`, `border-radius: 0px`,
-     * `padding: 3.5px`, `font-size: 14px`. The masthead's, a `helix-tooltip`,
-     * had the component's own `none`, `radii-sm`, `2xs xs` and `text-xs`.
-     */
     static { this.tier = 'helix-'; }
     static { this.styles = [seriesStyles, terminusStyles, styles]; }
 };

package/dist/list/item/list-item.css.js

@@ -1,4 +1,3 @@
-// Generated from src/list/item/list-item.css by `turbo run styles`. Do not edit.
 import { createSheet } from '@fusion.dev/helix-core';
 export const styles = createSheet(`:host {
 display: block;

package/dist/list/item/list-item.js

@@ -8,46 +8,8 @@ import { customElement } from '@fusion.dev/helix-core';
 import { HelixHeadlessListItem } from '@fusion.dev/helix-headless/list';
 import { html } from 'lit';
 import { styles } from './list-item.css.js';
-/**
- * @summary One row of a list.
- *
- * @description
- * A grid rather than a flex row, so the supporting text lines up under the
- * label rather than under the leading icon. The leading and trailing regions
- * hold their own width and the middle takes the rest.
- *
- * @since 0.1.0
- * @status stable
- * @aliases Row, Entry
- * @documentation https://helix.fusion.dev/components/list
- *
- * @csspart rail - The cell a railed list draws its number in.
- *
- * @cssproperty --list-item-padding - Padding inside the row.
- * @cssproperty --list-item-rail-content - What the rail cell shows. Written by the list.
- * @cssproperty --list-item-rail-display - Whether there is a rail at all. Written by the list.
- * @cssproperty --list-item-term-weight - Weight of a description list's term.
- */
 let HelixListItem = class HelixListItem extends HelixHeadlessListItem {
     static { this.styles = styles; }
-    /**
-     * The rail cell, which this tier can afford because it has a sheet.
-     *
-     * An element rather than `[part="row"]::before`, which could hold the same
-     * counter. Generated content can only ever be a string, and this cell is the
-     * one place a row's ordinal lives, so a consumer replacing it with a state
-     * mark or a step glyph wants somewhere to put it. It is also a name: a part is
-     * in `custom-elements.json` and a pseudo-element on another part is not, and a
-     * hook nobody can find is a hook nobody uses.
-     *
-     * Always rendered, because a row cannot know whether its list asked for a
-     * rail, and drawn `display: none` until the list says so. *Absent* and not
-     * *empty*: an empty box is free to layout and is not free to the native
-     * marker, which aligns to the first line box it can see. Measured against the
-     * same tree without it, every row and label sat on the identical pixel and 178
-     * pixels of the markers on a plain ordered list moved, which is a retaken
-     * baseline for a feature that list is not using.
-     */
     renderRail() {
         return html `<span part="rail"></span>`;
     }

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

@@ -1,4 +1,3 @@
-// Generated from src/list/root/list-root.css by `turbo run styles`. Do not edit.
 import { createSheet } from '@fusion.dev/helix-core';
 export const styles = createSheet(`:host {
 display: flex;

package/dist/list/root/list-root.js

@@ -8,32 +8,9 @@ import { customElement } from '@fusion.dev/helix-core';
 import { HelixHeadlessList } from '@fusion.dev/helix-headless/list';
 import { property } from 'lit/decorators.js';
 import { styles } from './list-root.css.js';
-/**
- * @summary A set of rows, read as a set.
- *
- * @description
- * Rules between rows rather than around each one, so a list reads as one object
- * with divisions instead of as a stack of cards. `divided` is off by default,
- * because space alone separates rows perfectly well and a rule at every seam is
- * decoration doing what emptiness already does.
- *
- * @since 0.1.0
- * @status stable
- * @category data
- * @aliases Rows, Stack, Menu
- * @documentation https://helix.fusion.dev/components/list
- *
- * @cssproperty --list-gap - Space between rows.
- * @cssproperty --list-marker-gutter - Room the ordered and unordered markers hang into.
- * @cssproperty --list-rail-inline-size - The width of the rail's track.
- * @cssproperty --list-rail-style - What a rail counts with. Any `list-style-type`.
- */
 let HelixList = class HelixList extends HelixHeadlessList {
     constructor() {
         super(...arguments);
-        /**
-         * Whether a rule sits between rows.
-         */
         this.divided = false;
     }
     static { this.styles = styles; }

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

@@ -1,4 +1,3 @@
-// Generated from src/listbox/root/listbox-root.css by `turbo run styles`. Do not edit.
 import { createSheet } from '@fusion.dev/helix-core';
 export const styles = createSheet(`:host {
 display: flex;

package/dist/listbox/root/listbox-root.js

@@ -9,28 +9,6 @@ import { HelixHeadlessListbox } from '@fusion.dev/helix-headless/listbox';
 import { styles as fieldStyles } from '../../shared/field/field.css.js';
 import { styles as fieldStackedStyles } from '../../shared/field/field-stacked.css.js';
 import { styles } from './listbox-root.css.js';
-/**
- * @summary A list of options, one or several of which are the answer.
- *
- * @description
- * A framed, scrolling list with the field's three parts around it. The frame is
- * the list rather than the host, so a filter that empties it leaves a box with
- * a message in it rather than a border collapsing to nothing.
- *
- * `--listbox-max-block-size` is what makes it scroll rather than run down the
- * page. The keyboard brings the active option into that box itself, so a long
- * list moves under the reader rather than the reader moving to find it.
- *
- * @since 0.1.0
- * @status experimental
- * @category forms
- * @aliases Options, Select list
- * @documentation https://helix.fusion.dev/components/listbox
- *
- * @cssproperty --listbox-background-color - The panel's fill. `transparent` where the list is already inside one.
- * @cssproperty --listbox-border - The panel's border, as a shorthand. `none` where the list is already inside one.
- * @cssproperty --listbox-max-block-size - How tall it gets before it scrolls.
- */
 let HelixListbox = class HelixListbox extends HelixHeadlessListbox {
     static { this.styles = [fieldStyles, fieldStackedStyles, styles]; }
 };

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

@@ -1,4 +1,3 @@
-// Generated from src/loader/root/loader-root.css by `turbo run styles`. Do not edit.
 import { createSheet } from '@fusion.dev/helix-core';
 export const styles = createSheet(`:host {
 color: inherit;

package/dist/loader/root/loader-root.js

@@ -8,25 +8,6 @@ import { customElement } from '@fusion.dev/helix-core';
 import { HelixHeadlessLoader } from '@fusion.dev/helix-headless/loader';
 import { property } from 'lit/decorators.js';
 import { styles } from './loader-root.css.js';
-/**
- * @summary Says that something indeterminate is in progress.
- *
- * @description
- * Sized in `em`, so it matches whatever text it sits beside without being told.
- * The color is `currentColor` for the same reason: a loader inside a primary
- * button is on the accent, and one in body copy is not, and neither should have
- * to say so.
- *
- * @since 0.1.0
- * @status stable
- * @category feedback
- * @aliases Spinner, Busy, Activity
- * @documentation https://helix.fusion.dev/components/loader
- *
- * @cssproperty --loader-color - Color of the moving arc.
- * @cssproperty --loader-size - Diameter. Defaults to 1.5em.
- * @cssproperty --loader-track-color - Color of the circle behind it.
- */
 let HelixLoader = class HelixLoader extends HelixHeadlessLoader {
     static { this.styles = styles; }
 };

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

@@ -1,4 +1,3 @@
-// Generated from src/megamenu/root/megamenu-root.css by `turbo run styles`. Do not edit.
 import { createSheet } from '@fusion.dev/helix-core';
 export const styles = createSheet(`:host {
 display: inline-flex;

package/dist/megamenu/root/megamenu-root.js

@@ -7,30 +7,6 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { customElement } from '@fusion.dev/helix-core';
 import { HelixHeadlessMegamenu } from '@fusion.dev/helix-headless/megamenu';
 import { styles } from './megamenu-root.css.js';
-/**
- * @summary A section of a navigation that opens a panel of destinations.
- *
- * @description
- * Presentation only: the trigger, and the panel it opens as a grid of columns.
- * Everything about what opens it and what closes it is the base class.
- *
- * @since 0.1.0
- * @status experimental
- * @category navigation
- * @aliases Mega menu, Flyout, Nav panel
- * @documentation https://helix.fusion.dev/components/megamenu
- *
- * @cssproperty --megamenu-backdrop - A filter behind the panel, for glass.
- * @cssproperty --megamenu-background-color - The panel's own fill.
- * @cssproperty --megamenu-border-width - Width of the panel's edge. Follows
- *   `--helix-border-floating`, which is `0`, so the panel is told apart by its lift unless a
- *   theme says otherwise.
- * @cssproperty --megamenu-column-size - The narrowest a column goes before the grid wraps.
- * @cssproperty --megamenu-full-size - How wide the band's contents may get, centered in it.
- * @cssproperty --megamenu-shadow - Lift under the panel. Follows `--helix-shadow-floating`: a
- *   floating surface sits over content nobody can predict, so it keeps a lift by default.
- * @cssproperty --megamenu-size - How wide the panel may get.
- */
 let HelixMegamenu = class HelixMegamenu extends HelixHeadlessMegamenu {
     static { this.styles = styles; }
 };

package/dist/menu/item/menu-item.css.js

@@ -1,4 +1,3 @@
-// Generated from src/menu/item/menu-item.css by `turbo run styles`. Do not edit.
 import { createSheet } from '@fusion.dev/helix-core';
 export const styles = createSheet(`:host {
 display: block;

package/dist/menu/item/menu-item.js

@@ -7,22 +7,6 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { customElement } from '@fusion.dev/helix-core';
 import { HelixHeadlessMenuItem } from '@fusion.dev/helix-headless/menu';
 import { styles } from './menu-item.css.js';
-/**
- * @summary One row in a menu: a command, a choice, or a way into a submenu.
- *
- * @description
- * The tick and the arrow hold their space whether or not they are showing, so
- * the labels in a menu start at one place and the rows read as a column rather
- * than as a ragged list.
- *
- * @since 0.1.0
- * @status experimental
- * @aliases Menu option, Menu row
- * @documentation https://helix.fusion.dev/components/menu
- *
- * @cssproperty --menu-item-hover-color - Fill under the pointer.
- * @cssproperty --menu-item-start - Width of the leading column, for a row carrying more than a mark.
- */
 let HelixMenuItem = class HelixMenuItem extends HelixHeadlessMenuItem {
     static { this.styles = styles; }
 };

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

@@ -1,4 +1,3 @@
-// Generated from src/menu/root/menu-root.css by `turbo run styles`. Do not edit.
 import { createSheet } from '@fusion.dev/helix-core';
 export const styles = createSheet(`:host {
 

package/dist/menu/root/menu-root.js

@@ -7,32 +7,6 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { customElement } from '@fusion.dev/helix-core';
 import { HelixHeadlessMenu } from '@fusion.dev/helix-headless/menu';
 import { styles } from './menu-root.css.js';
-/**
- * @summary A menu of commands, opened from a trigger.
- *
- * @description
- * The surface is in the top layer, so it needs no `z-index` and cannot be
- * clipped by whatever it sits inside.
- *
- * A submenu replaces the page rather than opening beside it, so the panel stays
- * one panel and reads the same on a phone as on a desk.
- *
- * @since 0.1.0
- * @status experimental
- * @category overlays
- * @aliases Dropdown, Action menu
- * @documentation https://helix.fusion.dev/components/menu
- *
- * @cssproperty --menu-background-color - Fill of the surface.
- * @cssproperty --menu-border-color - Color of the panel's edge.
- * @cssproperty --menu-border-width - Width of the panel's edge. Follows
- *   `--helix-border-floating`, which is `0`, so the panel is told apart by its lift unless a
- *   theme says otherwise.
- * @cssproperty --menu-max-block-size - Tallest the surface grows before it scrolls.
- * @cssproperty --menu-min-inline-size - Narrowest the surface gets.
- * @cssproperty --menu-shadow - Lift under the panel. Follows `--helix-shadow-floating`: a
- *   floating surface sits over content nobody can predict, so it keeps a lift by default.
- */
 let HelixMenu = class HelixMenu extends HelixHeadlessMenu {
     static { this.styles = styles; }
 };

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

@@ -1,4 +1,3 @@
-// Generated from src/meter/root/meter-root.css by `turbo run styles`. Do not edit.
 import { createSheet } from '@fusion.dev/helix-core';
 export const styles = createSheet(`:host {
 display: block;