@fusion.dev/helix 0.2.0 → 0.4.0

package/dist/aura/root/aura-shader.js

@@ -1,9 +1,3 @@
-/**
- * The shapes, in the order the shader branches on them.
- *
- * Exported so the component can turn a property into the integer the uniform
- * takes without a second list to keep in step.
- */
 export const SHAPES = [
     'braid',
     'rays',
@@ -17,23 +11,7 @@ export const SHAPES = [
     'lattice',
     'fracture',
 ];
-/**
- * What the pointer does, in the order the shader branches on them.
- *
- * `native` is the shape's own, and is what absence means: braid leans, rays are
- * occluded, threads pinch. The rest are generic, deliberately few, opt-in and
- * never a default. A response made of the same material as the shape says
- * something about that shape; a lamp that follows the cursor says the same
- * nothing on every one of them. They are here because a consumer may want the
- * quieter, more conventional answer, not because it is the better one.
- */
 export const INTERACTIONS = ['native', 'light', 'shadow', 'ripple', 'none'];
-/**
- * Three vertices from `gl_VertexID`, covering the screen with one triangle.
- *
- * No attribute, no buffer and no upload, and one triangle rather than two, so
- * there is no seam down the diagonal where a quad's halves meet.
- */
 export const VERTEX = `#version 300 es
   out vec2 uv;
   void main() {
@@ -42,19 +20,6 @@ export const VERTEX = `#version 300 es
     gl_Position = vec4(p * 2.0 - 1.0, 0.0, 1.0);
   }
 `;
-/**
- * One program, branching on a uniform, for every shape.
- *
- * A branch on a uniform is uniform across the whole draw, so every lane takes
- * the same path and it costs a jump rather than divergence. A program per shape
- * would mean compiling and linking on a property change, which is the one
- * moment a reader is watching.
- *
- * **No backticks anywhere inside this string, including in comments.** One ends
- * the template literal early, and what follows is parsed as JavaScript: it has
- * silently stripped every brace out of a shader and left the driver reporting a
- * syntax error two hundred lines from the cause. The build fails on it.
- */
 export const FRAGMENT = `#version 300 es
   precision highp float;
 

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

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

package/dist/avatar/group/avatar-group.js

@@ -7,30 +7,6 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { customElement } from '@fusion.dev/helix-core';
 import { HelixHeadlessAvatarGroup } from '@fusion.dev/helix-headless/avatar';
 import { styles } from './avatar-group.css.js';
-/**
- * @summary Overlapping avatars, with a count for the ones not shown.
- *
- * @description
- * They overlap by a step of space, which is enough to read as a stack without
- * the faces occluding each other. Each carries a ring in the page's own
- * background color, because a stack with no separation between its members
- * reads as one shape rather than several: the ring is what makes the edge of
- * each avatar visible against the one behind it.
- *
- * Each avatar is drawn over the one before it, which falls out of document
- * order and needs no `z-index`. The familiar trick for putting the *first*
- * avatar on top is `row-reverse`, and it also reverses the row: the person
- * written first appears last. A facepile whose reading order is the reverse of
- * its markup is the worse trade of the two.
- *
- * @since 0.1.0
- * @status stable
- * @aliases Avatar stack, Facepile
- * @documentation https://helix.fusion.dev/components/avatar
- *
- * @cssproperty --avatar-group-overlap - How far each avatar sits over the one before it.
- * @cssproperty --avatar-group-ring-color - The separation drawn between one avatar and the next.
- */
 let HelixAvatarGroup = class HelixAvatarGroup extends HelixHeadlessAvatarGroup {
     static { this.styles = styles; }
 };

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

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

package/dist/avatar/root/avatar-root.js

@@ -8,29 +8,6 @@ import { customElement } from '@fusion.dev/helix-core';
 import { HelixHeadlessAvatar } from '@fusion.dev/helix-headless/avatar';
 import { property } from 'lit/decorators.js';
 import { styles } from './avatar-root.css.js';
-/**
- * @summary Represents a person or entity with an image or their initials.
- *
- * @description
- * Initials scale with the avatar rather than being sized per size, because the
- * font size is set in `em` against the avatar's own dimension. One rule covers
- * every size, including one a consumer sets themselves through
- * `--avatar-size`.
- *
- * @since 0.1.0
- * @status stable
- * @category media
- * @aliases Profile picture, Gravatar
- * @documentation https://helix.fusion.dev/components/avatar
- *
- * @slot - Replaces the image and initials entirely, for an icon.
- *
- * @csspart image - The image, when one is loading or loaded.
- * @csspart initials - The initials shown when there is no usable image.
- *
- * @cssproperty --avatar-background-color - Fill behind the initials.
- * @cssproperty --avatar-size - Edge length of the avatar.
- */
 let HelixAvatar = class HelixAvatar extends HelixHeadlessAvatar {
     static { this.styles = styles; }
 };

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

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

@@ -20,12 +20,8 @@ import type { CSSResultGroup } from 'lit';
  */
 export declare class HelixBadge extends HelixHeadlessBadge {
     /**
-     * What the mark means.
-     *
-     * `danger` and `neutral` are meanings, not treatments: the stylesheet picks a
-     * fill by what the count *is*, not by how loudly it is drawn. Filed under
-     * `appearance` it would read as a treatment, which is the confusion the split
-     * exists to stop.
+     * What the mark means, not how loudly it is drawn: the stylesheet picks a fill
+     * from what the count *is*.
      */
     tone?: 'danger' | 'neutral';
     static styles: CSSResultGroup;

package/dist/badge/root/badge-root.js

@@ -8,24 +8,6 @@ import { customElement } from '@fusion.dev/helix-core';
 import { HelixHeadlessBadge } from '@fusion.dev/helix-headless/badge';
 import { property } from 'lit/decorators.js';
 import { styles } from './badge-root.css.js';
-/**
- * @summary Attaches a count or a presence mark to another element.
- *
- * @description
- * The indicator carries a ring in the page's own background color, so it stays
- * legible where it overlaps the thing it is pinned to. Without it a dark badge
- * on a dark icon reads as a bite taken out of the icon.
- *
- * @since 0.1.0
- * @status stable
- * @category markers
- * @aliases Count, Indicator, Pip
- * @documentation https://helix.fusion.dev/components/badge
- *
- * @cssproperty --badge-background-color - Fill of the indicator.
- * @cssproperty --badge-offset - Pulls the mark in from the corner, along both axes.
- * @cssproperty --badge-ring-color - The ring separating it from what is behind.
- */
 let HelixBadge = class HelixBadge extends HelixHeadlessBadge {
     static { this.styles = styles; }
 };

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

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

@@ -10,58 +10,8 @@ import { property } from 'lit/decorators.js';
 import { styles as seriesStyles } from '../../shared/chart/series.css.js';
 import { styles } from './bar-chart-root.css.js';
 import '../../tooltip/index.js';
-/**
- * @summary Categories as columns, read from a table.
- *
- * @description
- * The columns take the series palette in order, so a chart of one is series one
- * and a chart of four is the first four. Rounded at the far end only, because a
- * column grows from the baseline and a rounded foot would lift it off the rule
- * it is measured against.
- *
- * @since 0.1.0
- * @status experimental
- * @category charts
- * @groups charts
- * @aliases Column Chart, Categorical Chart
- * @documentation https://helix.fusion.dev/components/bar-chart
- *
- * @cssproperty --bar-chart-band-color - The slot the pointer is resting in.
- * @cssproperty --bar-chart-bar-radius - Corner radius at the far end of a column.
- * @cssproperty --bar-chart-bar-stroke - Width of the edge an `outlined` or `subtle`
- *   column is drawn with.
- * @cssproperty --bar-chart-block-size - Height of the drawing.
- * @cssproperty --bar-chart-gap - Space between the drawing and its labels.
- * @cssproperty --bar-chart-gridline-color - One rule across the plot, under `gridlines`.
- * @cssproperty --bar-chart-line-color - A `lines` series, overriding its series color.
- * @cssproperty --bar-chart-line-width - Thickness of a `lines` series.
- */
 let HelixBarChart = class HelixBarChart extends HelixHeadlessBarChart {
-    /**
-     * **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-`. Without this override the chart puts a
-     * `helix-headless-tooltip` in its shadow root: the behavior with none of the
-     * surface, so the reading bubble falls back to the browser's popover defaults,
-     * a white 1.5px border, square corners, `0.25em` of padding and the page's
-     * font size, and looks like no other tooltip on the site.
-     */
     static { this.tier = 'helix-'; }
-    /**
-     * Marks each column with the treatments its series asked for.
-     *
-     * **Stamped after render rather than rendered, because the tier that draws
-     * the columns is the one that must not know about treatments.** The headless
-     * tier already writes `data-series` on every rect so a stylesheet can color
-     * it; this reads the same mark, resolves the names against the series the
-     * table gave, and writes `data-emphasis` beside it. The stylesheet does the
-     * rest, so nothing about painting crosses the tier boundary.
-     *
-     * The mark is the palette slot rather than the series ordinal, so past the
-     * palette's width two series share one. They share a color there too, which
-     * is the same limit arriving in a second place rather than a new one.
-     */
     updated(changed) {
         super.updated(changed);
         const slots = (list) => new Set((list ?? '')

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

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

@@ -7,23 +7,6 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { customElement } from '@fusion.dev/helix-core';
 import { HelixHeadlessBlockquote } from '@fusion.dev/helix-headless/blockquote';
 import { styles } from './blockquote-root.css.js';
-/**
- * @summary A passage set off from the prose around it.
- *
- * @description
- * Set larger than body text on the display face, because a pulled quotation is
- * a change of voice and the type is what says so. No quotation marks are drawn:
- * the size and the space around it already set the passage apart, and marks on
- * top of that are the same thing said twice.
- *
- * @since 0.1.0
- * @status stable
- * @category typography
- * @aliases Pullquote, Citation, Excerpt
- * @documentation https://helix.fusion.dev/components/blockquote
- *
- * @cssproperty --blockquote-size - Size of the quoted passage.
- */
 let HelixBlockquote = class HelixBlockquote extends HelixHeadlessBlockquote {
     static { this.styles = styles; }
 };

package/dist/breadcrumbs/breadcrumb/breadcrumb.css.js

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

package/dist/breadcrumbs/breadcrumb/breadcrumb.js

@@ -7,34 +7,6 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { customElement } from '@fusion.dev/helix-core';
 import { HelixHeadlessBreadcrumb } from '@fusion.dev/helix-headless/breadcrumbs';
 import { styles } from './breadcrumb.css.js';
-/**
- * @summary One step in a breadcrumb trail.
- *
- * @description
- * The separator is hidden on the first item with `:host(:first-child)`, so no
- * item needs to know its own index and the parent needs no coordination.
- *
- * The link carries `data-link="quiet"`, the recipe navigation uses everywhere
- * else, which is what owns its color. Under the pointer it reads as a subtle
- * button. That part is styled from in here: the base layer sets color and
- * text-decoration on an anchor and nothing else, so the outer tree wins those
- * and leaves box and background to `::slotted`.
- *
- * @since 0.1.0
- * @status stable
- * @aliases Crumb
- * @documentation https://helix.fusion.dev/components/breadcrumbs
- *
- * @slot - The step: a link, or the text of the current page.
- * @slot separator - Replaces the chevron shown before this item.
- *
- * @csspart separator - The separator preceding the item.
- *
- * @cssproperty --breadcrumbs-control-padding-inline - Inline padding of a control slotted into a crumb, matching the steps either side of it.
- * @cssproperty --breadcrumbs-control-size - How tall a control slotted into a crumb is.
- * @cssproperty --breadcrumbs-hover-color - Fill behind a step under the pointer.
- * @cssproperty --breadcrumbs-separator-color - Color of the chevron.
- */
 let HelixBreadcrumb = class HelixBreadcrumb extends HelixHeadlessBreadcrumb {
     static { this.styles = styles; }
 };

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

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

@@ -7,25 +7,6 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { customElement } from '@fusion.dev/helix-core';
 import { HelixHeadlessBreadcrumbs } from '@fusion.dev/helix-headless/breadcrumbs';
 import { styles } from './breadcrumbs-root.css.js';
-/**
- * @summary Shows the path to the current page.
- *
- * @description
- * A single wrapping line by default. The trail wraps rather than scrolling,
- * because a truncated path tells the reader less than a two-line one.
- *
- * @since 0.1.0
- * @status stable
- * @category navigation
- * @aliases Breadcrumb, Crumbs
- * @documentation https://helix.fusion.dev/components/breadcrumbs
- *
- * @slot - The trail's items, in order from root to current page.
- *
- * @csspart list - The ordered list.
- *
- * @cssproperty --breadcrumbs-gap - Space between items and separators.
- */
 let HelixBreadcrumbs = class HelixBreadcrumbs extends HelixHeadlessBreadcrumbs {
     static { this.styles = styles; }
 };

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

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

@@ -9,44 +9,6 @@ import { HelixHeadlessButton } from '@fusion.dev/helix-headless/button';
 import { property } from 'lit/decorators.js';
 import { MixinControlSurface } from '../../mixins/mixin-control-surface/mixin-control-surface.js';
 import { styles } from './button-root.css.js';
-/**
- * @summary Triggers an action, submits a form, or navigates.
- *
- * @description
- * Four appearances, all drawn on one control so a link styled as a button and a
- * real button are indistinguishable to a reader. There are no sizes: a control
- * takes its height from the region it is in, through `data-density`, which is
- * the one size axis in the library and the reason a row of controls cannot come
- * out ragged. The focus ring is declared here rather than inherited, because the
- * base layer's `:focus-visible` rule is a light-DOM rule and stops at the shadow
- * boundary.
- *
- * @since 0.1.0
- * @status stable
- * @category actions
- * @documentation https://helix.fusion.dev/components/button
- *
- * @slot - The button's label.
- * @slot end - Content after the label.
- * @slot start - Content before the label, usually an icon.
- *
- * @csspart button - The inner control.
- *
- * @cssproperty --button-background-color - Fill behind the button, in every state.
- * @cssproperty --button-background-color-hover - Fill behind the button under the pointer. Only needed beside the one above, which otherwise holds through hover.
- * @cssproperty --button-foreground-color - Label and icon color.
- * @cssproperty --button-gap - Space between the label and whatever flanks it.
- * @cssproperty --button-inline-size - Width taken by `width="standard"`.
- * @cssproperty --button-padding-inline - Inline padding, for a container whose rhythm is not the control default.
- * @cssproperty --button-radius - Corner radius of the control.
- * @cssproperty --button-radius-end - Trailing corners, which a group flattens.
- * @cssproperty --button-radius-end-end - The bottom trailing corner, for a group stacking down.
- * @cssproperty --button-radius-end-start - The bottom leading corner, for a group stacking down.
- * @cssproperty --button-radius-start - Leading corners, which a group flattens.
- * @cssproperty --button-radius-start-end - The top trailing corner, for a group stacking down.
- * @cssproperty --button-radius-start-start - The top leading corner, for a group stacking down.
- * @cssproperty --button-size - Height of the control, for a container whose row is not one of the density steps.
- */
 let HelixButton = class HelixButton extends MixinControlSurface(HelixHeadlessButton) {
     static { this.styles = styles; }
 };

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

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

@@ -8,30 +8,6 @@ import { customElement } from '@fusion.dev/helix-core';
 import { HelixHeadlessButtonGroup } from '@fusion.dev/helix-headless/button-group';
 import { property } from 'lit/decorators.js';
 import { styles } from './button-group-root.css.js';
-/**
- * @summary Groups related buttons into one control.
- *
- * @description
- * The buttons are joined into a single shape: the outer corners keep their
- * radius, the inner ones lose it, and adjacent borders collapse into one line.
- *
- * That joining is in the base layer, paired with `data-button` the way the
- * button's own box is, because the corner belongs to the control inside each
- * button's shadow root and a rule in here cannot reach it. The same rule
- * therefore serves a consumer's own anchor styled as a button.
- *
- * @since 0.1.0
- * @status stable
- * @category actions
- * @aliases Segmented buttons, Split button
- * @documentation https://helix.fusion.dev/components/button-group
- *
- * @slot - The buttons in the group.
- *
- * @cssproperty --button-group-gap - Space between the buttons, when `spaced`.
- *
- * @property appearance - Whether the buttons are one bar or a spaced row.
- */
 let HelixButtonGroup = class HelixButtonGroup extends HelixHeadlessButtonGroup {
     static { this.styles = styles; }
 };

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

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

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

@@ -7,32 +7,6 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { customElement } from '@fusion.dev/helix-core';
 import { HelixHeadlessCallout } from '@fusion.dev/helix-headless/callout';
 import { styles } from './callout-root.css.js';
-/**
- * @summary Sets a passage apart as information, a warning, or an error.
- *
- * @description
- * Tinted from the tone's status color with `color-mix`, and marked with a bar
- * on the inline start so the tone survives being read in grayscale or by anyone
- * who does not distinguish the hues.
- *
- * There is no treatment axis here. `tone` carries the meaning and lives on the
- * headless tier; this tier only decides what that meaning looks like.
- *
- * @since 0.1.0
- * @status stable
- * @category markers
- * @aliases Admonition, Notice, Note, Alert
- * @documentation https://helix.fusion.dev/components/callout
- *
- * @slot - The callout's content.
- * @slot icon - Replaces the icon chosen by `tone`.
- *
- * @csspart content - The content region.
- * @csspart icon - The icon region.
- *
- * @cssproperty --callout-background-color - Fill behind the callout.
- * @cssproperty --callout-radius - Corner radius of the callout.
- */
 let HelixCallout = class HelixCallout extends HelixHeadlessCallout {
     static { this.styles = styles; }
 };

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

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

package/dist/card/root/card-root.js

@@ -8,51 +8,6 @@ import { customElement } from '@fusion.dev/helix-core';
 import { HelixHeadlessCard } from '@fusion.dev/helix-headless/card';
 import { property } from 'lit/decorators.js';
 import { styles } from './card-root.css.js';
-/**
- * @summary Groups related content and actions into a single surface.
- *
- * @description
- * Regions are bare slots with no wrapper element: `media`, `header`, the default
- * slot for content, and `footer`. An omitted one occupies no space without the
- * card having to detect that it is missing, so a card with only content needs no
- * wrapper markup at all. Style slotted content directly rather than reaching for
- * a part: a header is whatever element you slotted, not a wrapper around it.
- *
- * `media` runs edge to edge and clips to the card's corners, so an image needs
- * no inset correction. Set `orientation="horizontal"` to move it alongside the
- * header, content, and footer stack rather than above it, or
- * `media-placement="end"` to put it under the content instead of over it, which
- * is what a chart concluding a card wants.
- *
- * @since 0.1.0
- * @status stable
- * @category layout
- * @aliases Panel, Surface
- * @documentation https://helix.fusion.dev/components/card
- *
- * @slot - The card's main content.
- * @slot footer - Actions that conclude the card.
- * @slot header - Title and any actions for the whole card.
- * @slot media - Image, video, or chart that runs edge to edge, outside the inset.
- *
- * @cssproperty --card-align - How the regions pack when the card is stretched
- *   taller than its content. `start` by default, so the slack is at the bottom;
- *   `space-between` puts a footer on the floor.
- * @cssproperty --card-backdrop - Filter applied behind a `frosted` or `glass` card. Follows
- *   the theme's material policy; set it to override the strength on one card.
- * @cssproperty --card-background-color - Surface behind the card.
- * @cssproperty --card-border-color - Border color of the surface.
- * @cssproperty --card-border-width - Width of the surface's edge. Follows
- *   `--helix-border-surface`, a hairline, so the surface is told apart by its edge unless a
- *   theme says otherwise.
- * @cssproperty --card-media-block-size - Height of the media region. Defaults to
- *   `auto`, which is an image's own shape and is not a height a chart has.
- * @cssproperty --card-media-size - Width of the media column when horizontal.
- * @cssproperty --card-padding - Inset applied to each region.
- * @cssproperty --card-radius - Corner radius of the surface.
- * @cssproperty --card-shadow - Shadow under the surface. What `elevated` sets, and what a
- *   `data-card` link raises on hover.
- */
 let HelixCard = class HelixCard extends HelixHeadlessCard {
     static { this.styles = styles; }
 };

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

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

package/dist/carousel/root/carousel-root.js

@@ -8,30 +8,6 @@ import { customElement } from '@fusion.dev/helix-core';
 import { HelixHeadlessCarousel } from '@fusion.dev/helix-headless/carousel';
 import { property } from 'lit/decorators.js';
 import { styles } from './carousel-root.css.js';
-/**
- * @summary Shows one slide of several, with controls to move between them.
- *
- * @description
- * The track scroll-snaps, so a drag and a trackpad swipe move it with the
- * browser's own momentum and the controls only have to scroll.
- *
- * Slides take the full track by default. `per-view` fits more than one across,
- * up to five, and is declared on the tier below because it decides how many
- * positions the track has rather than only how wide a slide is,
- * which is what a run of cards wants rather than a run of full-width panels.
- *
- * @since 0.1.0
- * @status experimental
- * @category layout
- * @aliases Slider, Gallery, Slideshow
- * @documentation https://helix.fusion.dev/components/carousel
- *
- * @cssproperty --carousel-bleed - Room inside the scroller so a slide's own shadow, border or
- * focus ring is not clipped by it. Defaults to enough for `--helix-shadow-md`, which reaches
- * 16px below the box it is on; a slide on `--helix-shadow-lg` reaches 44px and wants more.
- * @cssproperty --carousel-block-size - Height of a vertical track.
- * @cssproperty --carousel-gap - Space between slides.
- */
 let HelixCarousel = class HelixCarousel extends HelixHeadlessCarousel {
     static { this.styles = styles; }
 };

package/dist/chat/composer/chat-composer.css.js

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

package/dist/chat/composer/chat-composer.js

@@ -7,32 +7,6 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { customElement } from '@fusion.dev/helix-core';
 import { HelixHeadlessChatComposer } from '@fusion.dev/helix-headless/chat';
 import { styles } from './chat-composer.css.js';
-/**
- * @summary Where the reader writes their turn.
- *
- * @description
- * One row, and the field takes the room. **It grows with the text and stops at a
- * ceiling**, through `field-sizing: content` rather than a script measuring
- * anything: where that is not supported the field keeps its rows and scrolls,
- * which is the answer a textarea has always given. A composer that grows without
- * a ceiling eats the transcript it belongs to.
- *
- * @since 0.1.0
- * @status experimental
- * @category forms
- * @documentation https://helix.fusion.dev/components/chat
- *
- * @slot end - Under the field, beside the send control.
- * @slot start - Under the field, at the leading edge: attachments, a model picker.
- *
- * @csspart field - The text field.
- * @csspart send - The control that offers the turn.
- * @csspart tools - The row under the field.
- *
- * @cssproperty --chat-composer-background-color - Fill behind the composer.
- * @cssproperty --chat-composer-border-width - The composer's edge, so a theme can remove it.
- * @cssproperty --chat-composer-max-block-size - How tall the field may grow.
- */
 let HelixChatComposer = class HelixChatComposer extends HelixHeadlessChatComposer {
     static { this.tier = 'helix-'; }
     static { this.styles = styles; }

package/dist/chat/message/chat-message.css.js

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