@fusion.dev/helix 0.2.0 → 0.4.0

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

@@ -8,56 +8,6 @@ import { customElement } from '@fusion.dev/helix-core';
 import { HelixHeadlessMeter } from '@fusion.dev/helix-headless/meter';
 import { property } from 'lit/decorators.js';
 import { styles } from './meter-root.css.js';
-/**
- * @summary A measurement in a known range, and whether it is where you want it.
- *
- * @description
- * The bar `Progress` draws, at twice the height and on the house corner rather
- * than its pill.
- *
- * Taller than a progress bar rather than matched to it. The two are unrelated
- * controls, and a reader telling a level from a task at a glance is the point
- * rather than the cost. A meter also carries more, a fill and a mark at each
- * threshold, and at eight pixels those marks are hairlines. At sixteen they are
- * unmistakable.
- *
- * The corner is the ticks' doing: they cut the fill into segments, and a
- * pill-ended bar comes out as a run whose outer ends are round and whose inner
- * ends are square.
- *
- * What else differs is what the color means. A progress bar is one color because
- * there is one thing to say; a meter's fill takes the success, warning or danger
- * tone from the band its reading falls in, and only once thresholds have been
- * declared. An unbanded meter is neutral, because a gauge with nothing said
- * about it is a reading rather than good news.
- *
- * A tick marks each threshold, so the reading can be placed against the bands
- * without seeing color at all.
- *
- * A reading past either end squares the corner it ran out at, which is the
- * convention for a quantity continuing past the frame it is drawn in. The bar
- * itself stops, because that is what an end is; the words and the accessible
- * reading are what say how far past.
- *
- * @since 0.1.0
- * @status stable
- * @category feedback
- * @groups charts
- * @aliases Gauge, Level, Capacity
- * @documentation https://helix.fusion.dev/components/meter
- *
- * @csspart indicator - The part of it the value fills.
- * @csspart tick - A mark at `low` or at `high`.
- * @csspart track - The whole range.
- * @csspart value - The reading, under `show-value`.
- *
- * @cssproperty --meter-color - The fill, overriding the band's own tone.
- * @cssproperty --meter-ring-size - Edge length of the drawing, in `ring` and `arc`.
- * @cssproperty --meter-ring-width - Thickness of the stroke there.
- * @cssproperty --meter-size - How thick the bar is.
- * @cssproperty --meter-tick-color - The mark at a threshold.
- * @cssproperty --meter-track-color - The groove behind the fill.
- */
 let HelixMeter = class HelixMeter extends HelixHeadlessMeter {
     static { this.styles = styles; }
 };

package/dist/mixins/mixin-control-surface/mixin-control-surface.js

@@ -6,9 +6,6 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { property } from 'lit/decorators.js';
 export const MixinControlSurface = (Base) => {
-    // Duplicated from the interface deliberately: the interface is what a
-    // TypeScript consumer sees, and this class is what the manifest analyzer
-    // reads when resolving inherited members into dependent packages.
     class ControlSurfaceElement extends Base {
     }
     __decorate([

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

@@ -1,4 +1,3 @@
-// Generated from src/navigation/root/navigation-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/navigation/root/navigation-root.js

@@ -7,24 +7,6 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { customElement } from '@fusion.dev/helix-core';
 import { HelixHeadlessNavigation } from '@fusion.dev/helix-headless/navigation';
 import { styles } from './navigation-root.css.js';
-/**
- * @summary A set of destinations, with a marker on the current one.
- *
- * @description
- * One marker that travels, rather than a background that appears on whichever
- * destination is current. A fill that swaps is two things changing at once and
- * reads as a flicker; one that moves is a single object the eye follows, and it
- * says where the current page was as well as where it is.
- *
- * @since 0.1.0
- * @status experimental
- * @category navigation
- * @aliases Nav, NavList, Tabs
- * @documentation https://helix.fusion.dev/components/navigation
- *
- * @cssproperty --navigation-gap - Space between destinations.
- * @cssproperty --navigation-indicator-color - Fill of the traveling marker.
- */
 let HelixNavigation = class HelixNavigation extends HelixHeadlessNavigation {
     static { this.styles = styles; }
 };

package/dist/notifications/notification/notification.css.js

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

package/dist/notifications/notification/notification.js

@@ -8,59 +8,6 @@ import { customElement } from '@fusion.dev/helix-core';
 import { HelixHeadlessNotification } from '@fusion.dev/helix-headless/notifications';
 import { styles as glyphStyles } from '../../icon/glyph.css.js';
 import { styles } from './notification.css.js';
-/**
- * @summary One thing that happened, which a reader may not have seen yet.
- *
- * @description
- * A four-column grid: media, body, actions, dismiss.
- *
- * **The media column is held open by the feed, not by the item.** Each item is
- * its own grid, so nothing about one row's tracks reaches the row below it: a
- * feed where some items had an avatar and some did not drew its text at two
- * different left edges, which is the fault a grid was chosen to prevent. The
- * root publishes whether anything in it has media and every item reserves that
- * much, so a mixed feed reads down one edge and a feed with no media anywhere
- * pays nothing for the column.
- *
- * **Unread is weight and a mark on the inline start edge, not a fill.** Depth
- * comes from a single border in this library, and a filled row is elevation
- * spelled differently; a feed of filled rows is a striped list nobody can read.
- * The mark is a fixed height on the first line rather than the height of the
- * row, so it says the same thing about a one line notification and a five line
- * one.
- *
- * **Narrow, the actions go under the body.** How much room the row was given is
- * a fact about this box and about nothing else, so it is a container query: a
- * feed in a 320 pixel side panel is narrow inside a 1400 pixel window, and a
- * viewport rule would hand it the wide branch.
- *
- * @since 0.1.0
- * @status experimental
- * @category feedback
- * @documentation https://helix.fusion.dev/components/notifications
- *
- * @slot - What happened, in the consumer's own markup.
- * @slot actions - What a reader can do about it.
- * @slot media - An avatar or icon identifying who or what it came from.
- *
- * @csspart controls - The actions and the dismiss, which replace the time.
- * @csspart dismiss - The control that removes it.
- * @csspart dismiss-mark - The glyph on that control, where none is slotted.
- * @csspart item - The whole notification.
- * @csspart time - When it happened.
- * @csspart trailing - The column holding the time and the controls.
- *
- * @cssproperty --notifications-color - Ink in an item that has been read.
- * @cssproperty --notifications-padding-block - Space above and below an item.
- * @cssproperty --notifications-padding-inline - Space either side of an item.
- * @cssproperty --notifications-rule - The hairline between items.
- * @cssproperty --notifications-unread-block-size - How long that mark is.
- * @cssproperty --notifications-unread-inline-size - How thick that mark is.
- * @cssproperty --notifications-unread-inset - How far it sits from the row's leading edge.
- * @cssproperty --notifications-unread-mark - Color of the edge mark on an unread item.
- * @cssproperty --notifications-unread-offset - How far it sits from the row's top.
- * @cssproperty --notifications-unread-radius - Its corner radius, which is what turns it into a dot.
- */
 let HelixNotification = class HelixNotification extends HelixHeadlessNotification {
     static { this.tier = 'helix-'; }
     static { this.styles = [glyphStyles, styles]; }

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

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

package/dist/notifications/root/notifications-root.js

@@ -8,37 +8,6 @@ import { customElement } from '@fusion.dev/helix-core';
 import { HelixHeadlessNotifications } from '@fusion.dev/helix-headless/notifications';
 import { styles } from './notifications-root.css.js';
 import '../notification/notification.js';
-/**
- * @summary A feed a reader comes back to, made of notifications they may not have seen.
- *
- * @description
- * Three rows: header, a list that scrolls, footer. The list scrolls and the
- * other two do not, because a panel is opened at a fixed height and a mark-all
- * control that slides away as the reader scrolls is the control they were
- * reaching for.
- *
- * **It does not virtualize and it cannot**, which is the headless tier's note
- * and worth repeating where the choice is made: the items are the consumer's own
- * elements, so N notifications is N elements by construction. A feed that really
- * holds thousands wants `helix-data-table` with a custom cell.
- *
- * @since 0.1.0
- * @status experimental
- * @category feedback
- * @documentation https://helix.fusion.dev/components/notifications
- *
- * @slot - The notifications, as `helix-notification` children.
- * @slot footer - Below the list, for a link to everything.
- * @slot header - Above the list, for a title and the mark-all control.
- *
- * @csspart list - The list itself.
- * @csspart mark-all - The control that marks everything read.
- *
- * @cssproperty --notifications-max-block-size - How tall the feed may get before the list scrolls.
- * @cssproperty --notifications-media-column - The gutter every item holds open where something in the feed has media.
- * @cssproperty --notifications-padding-inline - Space either side of the header and footer.
- * @cssproperty --notifications-rule - The hairline between items and around the regions.
- */
 let HelixNotifications = class HelixNotifications extends HelixHeadlessNotifications {
     static { this.tier = 'helix-'; }
     static { this.styles = styles; }

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

@@ -1,4 +1,3 @@
-// Generated from src/number-input/root/number-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/number-input/root/number-input-root.js

@@ -9,37 +9,6 @@ import { HelixHeadlessNumberInput } from '@fusion.dev/helix-headless/number-inpu
 import { styles as fieldStyles } from '../../shared/field/field.css.js';
 import { styles as fieldStackedStyles } from '../../shared/field/field-stacked.css.js';
 import { styles } from './number-input-root.css.js';
-/**
- * @summary A number a reader types or steps to.
- *
- * @description
- * The frame an `Input` wears, because in a form this stands in a row with them.
- * The difference is inside it: a button at each end of the box rather than
- * beside it, so the whole reads as one field rather than a field with two
- * controls after it.
- *
- * The number is centered and set in tabular figures, which is the one place this
- * differs from every other field in the library. Digits are what changes under a
- * repeated press, and proportional ones make the number shuffle while it counts.
- *
- * The steppers are out of the tab order. A keyboard reader already has four keys
- * on the field itself, and two more tab stops per number is a form that takes
- * three times as long to cross.
- *
- * @since 0.1.0
- * @status experimental
- * @category forms
- * @aliases NumberField, Stepper, InputNumber
- * @documentation https://helix.fusion.dev/components/number-input
- *
- * @slot end - After it.
- * @slot start - Before the number, for a unit or an icon.
- *
- * @csspart control - The field itself.
- * @csspart decrement - The control that steps down.
- * @csspart field - The box holding everything.
- * @csspart increment - The control that steps up.
- */
 let HelixNumberInput = class HelixNumberInput extends HelixHeadlessNumberInput {
     static { this.styles = [fieldStyles, fieldStackedStyles, styles]; }
 };

package/dist/option/group/option-group.css.js

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

package/dist/option/group/option-group.js

@@ -7,19 +7,6 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { customElement } from '@fusion.dev/helix-core';
 import { HelixHeadlessOptionGroup } from '@fusion.dev/helix-headless/option';
 import { styles } from './option-group.css.js';
-/**
- * @summary A named run of options inside a listbox.
- *
- * @description
- * The heading is set small and quiet, because it is a divider that happens to
- * have words on it: a run of options is read as a list and the heading is what
- * tells you which list, not something to read on its own.
- *
- * @since 0.1.0
- * @status experimental
- * @aliases OptGroup, Section
- * @documentation https://helix.fusion.dev/components/option-group
- */
 let HelixOptionGroup = class HelixOptionGroup extends HelixHeadlessOptionGroup {
     static { this.styles = styles; }
 };

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

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

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

@@ -7,26 +7,6 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { customElement } from '@fusion.dev/helix-core';
 import { HelixHeadlessOption } from '@fusion.dev/helix-headless/option';
 import { styles } from './option-root.css.js';
-/**
- * @summary One choice in a listbox.
- *
- * @description
- * Two states that look different on purpose: chosen, which is a fact about the
- * value, and active, which is where the keyboard is. A list that draws them the
- * same way leaves a reader arrowing through it unable to tell what they have
- * picked from what they are looking at.
- *
- * @since 0.1.0
- * @status experimental
- * @category forms
- * @aliases Item, Choice
- * @documentation https://helix.fusion.dev/components/option
- *
- * @cssproperty --option-active-color - Wash behind the option the keyboard is on.
- * @cssproperty --option-block-padding - Space above and below it. `Command` raises this, a palette being a page of rows read at speed rather than a select's short list.
- * @cssproperty --option-padding - Space before the label, shared with a group heading.
- * @cssproperty --option-radius - Corner radius of the row. A listbox and a select flatten it.
- */
 let HelixOption = class HelixOption extends HelixHeadlessOption {
     static { this.styles = styles; }
 };

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

@@ -1,4 +1,3 @@
-// Generated from src/outline/root/outline-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/outline/root/outline-root.js

@@ -7,27 +7,6 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { customElement } from '@fusion.dev/helix-core';
 import { HelixHeadlessOutline } from '@fusion.dev/helix-headless/outline';
 import { styles } from './outline-root.css.js';
-/**
- * @summary Links to the headings on this page, marking the one being read.
- *
- * @description
- * A rule down the leading edge with the current section lit along it, which is
- * the shape a table of contents has taken since printed marginalia: the line
- * says the list is one thing, and the lit segment says where in it you are.
- *
- * Nesting is the consumer's, expressed as `data-level` on a link. An outline
- * that read heading levels itself would have to look at the document, and the
- * document is not always where the headings are.
- *
- * @since 0.1.0
- * @status experimental
- * @category navigation
- * @aliases Table of contents, On this page, Outline
- * @documentation https://helix.fusion.dev/components/outline
- *
- * @cssproperty --outline-indent - How far each level is inset from the one above.
- * @cssproperty --outline-rail - Width of the gutter the rule and the traveling mark share.
- */
 let HelixOutline = class HelixOutline extends HelixHeadlessOutline {
     static { this.styles = styles; }
 };

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

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

package/dist/pagination/root/pagination-root.js

@@ -7,55 +7,6 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { customElement } from '@fusion.dev/helix-core';
 import { HelixHeadlessPagination } from '@fusion.dev/helix-headless/pagination';
 import { styles } from './pagination-root.css.js';
-/**
- * @summary Moves between pages of a longer result.
- *
- * @description
- * One box for every control in the row, arrows and numbers alike, so the run has
- * a single rhythm and the steps sit at the numbers' height rather than between
- * them. Square, because a page number is one or two characters and a box sized
- * to the widest would leave the short ones swimming; `min-inline-size` rather
- * than a fixed one, so page 100 grows instead of overflowing.
- *
- * Figures are tabular throughout. A page number is the one thing here that
- * changes under the pointer, and proportional digits make the whole row shuffle
- * as it does.
- *
- * The current page is a raised chip rather than a brand fill, which is the
- * treatment `Tabs` gives its selected tab. Brand on a page number claims more
- * than the state deserves: it is not a choice the reader made about anything,
- * it is where they happen to be standing, and a row of gray numbers with one
- * blue one reads as the blue one being an action.
- *
- * Selected on `aria-current` rather than on a second attribute saying the same
- * thing: the state is already in the accessibility tree, and a `data-current`
- * beside it would be two places to keep in step.
- *
- * The gap takes the same box as everything else in the row and only sits back a
- * shade in color. It is a control, so it answers hover and focus like one; it
- * is a way through rather than a destination, so it does not compete.
- *
- * @since 0.1.0
- * @status experimental
- * @category navigation
- * @aliases Pager, Page nav
- * @documentation https://helix.fusion.dev/components/pagination
- *
- * @csspart first - The control that jumps to the first page, under `ends`.
- * @csspart gap - The control standing over pages not shown, which jumps into them.
- * @csspart item - One slot in the run, holding a page or a gap.
- * @csspart last - The control that jumps to the last page, under `ends`.
- * @csspart list - The run of pages.
- * @csspart next - The control that moves forward one page.
- * @csspart page - The control for one page.
- * @csspart previous - The control that moves back one page.
- * @csspart status - The reading of where you are, in `compact`.
- *
- * @cssproperty --pagination-current-color - Fill behind the page you are on.
- * @cssproperty --pagination-gap - Space between one control and the next.
- * @cssproperty --pagination-hover-color - Fill behind a control under the pointer.
- * @cssproperty --pagination-size - The box every control in the row takes.
- */
 let HelixPagination = class HelixPagination extends HelixHeadlessPagination {
     static { this.styles = styles; }
 };

package/dist/pagination/size/pagination-size.css.js

@@ -1,4 +1,3 @@
-// Generated from src/pagination/size/pagination-size.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/pagination/size/pagination-size.js

@@ -6,35 +6,10 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { customElement } from '@fusion.dev/helix-core';
 import { HelixHeadlessPaginationSize } from '@fusion.dev/helix-headless/pagination';
-/* Side-effect imports, for the reason `Select` gives about the listbox it
-   renders: this renders `<helix-select>` and `<helix-option>` in its own shadow
-   root, a custom element registers on import, and an unregistered one is legal
-   HTML that reports nothing and simply never upgrades. */
 import '../../option/index.js';
 import '../../select/index.js';
 import { styles } from './pagination-size.css.js';
-/**
- * @summary Chooses how many items a page holds.
- *
- * @description
- * A `Select`, laid out on one row. Every other field stacks its label because it
- * stands in a column of fields; this one stands in a footer beside a run of page
- * numbers, where a two-line control makes the whole row two lines tall.
- *
- * `Select`'s own parts are exported, so `::part(trigger)` and `::part(label)`
- * reach through both boundaries and a consumer styles it as the select it is.
- *
- * @since 0.1.0
- * @status experimental
- * @aliases Page size, Rows per page
- * @documentation https://helix.fusion.dev/components/pagination
- *
- * @csspart control - The select.
- */
 let HelixPaginationSize = class HelixPaginationSize extends HelixHeadlessPaginationSize {
-    /* So the seam renders `helix-select` and `helix-option` rather than the base
-       pair the headless tier composes. One word, and the template stays in one
-       place. */
     static { this.tier = 'helix-'; }
     static { this.styles = styles; }
 };

package/dist/pagination/summary/pagination-summary.css.js

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

package/dist/pagination/summary/pagination-summary.js

@@ -7,19 +7,6 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { customElement } from '@fusion.dev/helix-core';
 import { HelixHeadlessPaginationSummary } from '@fusion.dev/helix-headless/pagination';
 import { styles } from './pagination-summary.css.js';
-/**
- * @summary Reads out which items of how many are on show.
- *
- * @description
- * Prose beside the controls rather than one of them: no box and no hover, in the
- * subtler of the two muted steps, because it is a fact about the result and not
- * a way to move through it.
- *
- * @since 0.1.0
- * @status experimental
- * @aliases Result count, Range
- * @documentation https://helix.fusion.dev/components/pagination
- */
 let HelixPaginationSummary = class HelixPaginationSummary extends HelixHeadlessPaginationSummary {
     static { this.styles = styles; }
 };

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

@@ -1,4 +1,3 @@
-// Generated from src/pin-input/root/pin-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/pin-input/root/pin-input-root.js

@@ -9,33 +9,6 @@ import { HelixHeadlessPinInput } from '@fusion.dev/helix-headless/pin-input';
 import { styles as fieldStyles } from '../../shared/field/field.css.js';
 import { styles as fieldStackedStyles } from '../../shared/field/field-stacked.css.js';
 import { styles } from './pin-input-root.css.js';
-/**
- * @summary A short code, one character to a box.
- *
- * @description
- * Square boxes at the control height with real space between them, which is the
- * whole picture: a code is read as separate characters, and boxes shoulder to
- * shoulder read as one field with lines drawn in it.
- *
- * The focus ring is on the box the reader is in rather than around the row. A
- * code is entered one character at a time and the boxes exist to say which one
- * is next, so a ring around all six would answer the question the component is
- * for.
- *
- * Figures are tabular, so a 1 takes the room an 8 does and the row does not
- * breathe as a code is typed into it.
- *
- * @since 0.1.0
- * @status stable
- * @category forms
- * @aliases PinField, OTP, One-time code, Verification code, InputPin
- * @documentation https://helix.fusion.dev/components/pin-input
- *
- * @csspart cell - One box.
- * @csspart field - The row of boxes.
- *
- * @cssproperty --pin-input-gap - Space between one box and the next.
- */
 let HelixPinInput = class HelixPinInput extends HelixHeadlessPinInput {
     static { this.styles = [fieldStyles, fieldStackedStyles, styles]; }
 };

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

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

package/dist/popover/root/popover-root.js

@@ -8,36 +8,6 @@ import { customElement } from '@fusion.dev/helix-core';
 import { HelixHeadlessPopover } from '@fusion.dev/helix-headless/popover';
 import { property } from 'lit/decorators.js';
 import { styles } from './popover-root.css.js';
-/**
- * @summary A panel that opens against a trigger and holds anything.
- *
- * @description
- * A surface with an inset and a shadow, and nothing about what goes in it. The
- * inset is the panel's rather than the consumer's, which is the same call
- * `Dialog` and `Drawer` make and for the same reason: everyone was writing it,
- * and everyone was writing the same one.
- *
- * It arrives from the side it opened on. `data-placement` is written by the
- * positioning, so the panel knows which way it flipped and can animate from the
- * trigger rather than from a fixed direction that would be backwards half the
- * time.
- *
- * @since 0.1.0
- * @status stable
- * @category overlays
- * @aliases Popper, Flyout, Overlay
- * @documentation https://helix.fusion.dev/components/popover
- *
- * @cssproperty --popover-border-color - Color of the panel's edge.
- * @cssproperty --popover-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 --popover-inline-size - Width of the panel.
- * @cssproperty --popover-max-block-size - Tallest the panel grows before it scrolls.
- * @cssproperty --popover-padding - Space between the panel's edge and its contents.
- * @cssproperty --popover-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 HelixPopover = class HelixPopover extends HelixHeadlessPopover {
     static { this.styles = styles; }
 };

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

@@ -1,4 +1,3 @@
-// Generated from src/progress/root/progress-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/progress/root/progress-root.js

@@ -8,31 +8,6 @@ import { customElement } from '@fusion.dev/helix-core';
 import { HelixHeadlessProgress } from '@fusion.dev/helix-headless/progress';
 import { property } from 'lit/decorators.js';
 import { styles } from './progress-root.css.js';
-/**
- * @summary Shows how far along a task is, when that is known.
- *
- * @description
- * A track and the part of it that is done. The height comes from a token rather
- * than from a size property, for the reason the rest of the library gives about
- * controls: how heavy a bar is says something about the region it is in, and a
- * `--progress-size` on that region says it once.
- *
- * The fill transitions, which is worth more here than it looks. Progress
- * arrives in steps, often large ones, and a bar that jumps between them reads
- * as a series of unrelated states where one that travels reads as a single
- * thing advancing.
- *
- * @since 0.1.0
- * @status stable
- * @category feedback
- * @groups charts
- * @aliases Progress bar, Loading bar
- * @documentation https://helix.fusion.dev/components/progress
- *
- * @cssproperty --progress-color - Fill of the part that is done.
- * @cssproperty --progress-ring-size - Diameter of the ring appearance.
- * @cssproperty --progress-ring-width - Thickness of its stroke.
- */
 let HelixProgress = class HelixProgress extends HelixHeadlessProgress {
     static { this.styles = styles; }
 };

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

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

package/dist/qr-code/root/qr-code-root.js

@@ -7,33 +7,6 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { customElement } from '@fusion.dev/helix-core';
 import { HelixHeadlessQrCode } from '@fusion.dev/helix-headless/qr-code';
 import { styles } from './qr-code-root.css.js';
-/**
- * @summary Encodes a short piece of text as a scannable square.
- *
- * @description
- * The picture is the headless tier's. What this adds is a size that can be set
- * once, the colors a scanner needs, and the box that holds a center mark.
- *
- * **The ink is `currentColor` and the ground is a real fill.** A code has to be
- * dark on light to read, and the pair that guarantees it is not the page's
- * foreground and background: those invert together in dark mode, and a code
- * drawn light-on-dark is refused by a good half of the scanners in the world.
- * So the ground is stated and the ink is the foreground it is chosen for.
- *
- * @since 0.1.0
- * @status stable
- * @category media
- * @documentation https://helix.fusion.dev/components/qr-code
- *
- * @cssproperty --qr-code-background-color - Behind them, including the quiet zone.
- * @cssproperty --qr-code-color - The dark modules. Defaults to the page's ink.
- * @cssproperty --qr-code-finder-color - The three corner squares. Defaults to
- * the same ink as the modules.
- * @cssproperty --qr-code-logo-padding - The quiet zone around that mark.
- * @cssproperty --qr-code-logo-size - How much of the middle a mark may cover.
- * Defaults to `27%`, which `H` correction carries: it can lose thirty percent.
- * @cssproperty --qr-code-size - How wide the square is. Defaults to `12rem`.
- */
 let HelixQrCode = class HelixQrCode extends HelixHeadlessQrCode {
     static { this.styles = styles; }
 };