@fusion.dev/helix-core 0.148.0 → 0.149.0

package/dist/helix-element/react-bridge.js

@@ -1,6 +1,4 @@
-import { eventsForTag } from '../events/element-events.js';
-import { helixEventNames } from '../events/names.js';
-import { reportRuntime } from '../utils/report-runtime/report-runtime.js';
+import { auditReactProps } from '@fusion.dev/helix-core/audits/react';
 const REACT_PROPS = '__reactProps$';
 let reactPropsKey;
 export const reactPropsOf = (node) => {
@@ -15,59 +13,6 @@ export const reactPropsOf = (node) => {
     reactPropsKey = found;
     return stash[found];
 };
-const audited = new WeakSet();
-const REMOVED = new Set(['onActiveChange', 'onCheckedChange', 'onOpenChange', 'onValueChange']);
-export const auditReactProps = (host, props) => {
-    if (audited.has(host)) {
-        return;
-    }
-    audited.add(host);
-    const tag = host instanceof Element ? `<${host.localName}>` : 'A Helix element';
-    const element = host instanceof Element ? host.localName : undefined;
-    for (const key of Object.keys(props)) {
-        if (key.startsWith('on:')) {
-            reportRuntime({
-                kind: 'solid-handler-syntax',
-                message: `${tag} was given \`${key}\`, which is Solid's syntax. React binds the name after \`on\` ` +
-                    `verbatim, so this listens for an event called \`${key.slice(2)}\`. Write \`on${key.slice(3)}\`.`,
-                tag: element,
-            });
-            continue;
-        }
-        if (REMOVED.has(key)) {
-            reportRuntime({
-                kind: 'removed-callback',
-                message: `${tag} was given \`${key}\`, which was removed. It never worked from JSX, because React ` +
-                    `binds any \`on\` prop as an event of that name. Listen for the element's change event instead.`,
-                tag: element,
-            });
-            continue;
-        }
-        if (!key.startsWith('on') || !key.includes('-')) {
-            continue;
-        }
-        const name = key.slice(2);
-        if (!helixEventNames.has(name)) {
-            reportRuntime({
-                kind: 'unknown-event',
-                message: `${tag} was given \`${key}\`, and nothing dispatches \`${name}\`. TypeScript cannot ` +
-                    `check a hyphenated JSX prop, so this is the only place it shows up.`,
-                tag: element,
-            });
-            continue;
-        }
-        const mine = host instanceof Element ? eventsForTag(host.localName) : undefined;
-        if (mine && !mine.has(name)) {
-            reportRuntime({
-                kind: 'misplaced-handler',
-                message: `${tag} was given \`${key}\`, but it dispatches ${[...mine].map((one) => `\`${one}\``).join(', ')}. ` +
-                    `\`${name}\` is sent by a different element, and React only wires an \`on\` prop on the ` +
-                    'element that dispatches, so this handler will never run. Put it on that element.',
-                tag: element,
-            });
-        }
-    }
-};
 const REACT_WIRES = new Set(['scroll', 'scrollend']);
 export const reactPropFor = (event) => {
     if (event.type.includes('-')) {

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-export { auditName } from '#audit-name';
+export { auditName } from '@fusion.dev/helix-core/audits/name';
 export { AriaForwardController, type AriaForwardOptions, } from './controllers/aria-forward-controller/aria-forward-controller.js';
 export { ArrivalController, type ArrivalOptions, } from './controllers/arrival-controller/arrival-controller.js';
 export { ChartPointerController, type ChartPointerHost, } from './controllers/chart-pointer-controller/chart-pointer-controller.js';
@@ -26,13 +26,14 @@ export { PlacementController } from './controllers/placement-controller/placemen
 export { PopoverController, type PopoverOptions, } from './controllers/popover-controller/popover-controller.js';
 export { RelativeClockController, type RelativeClockOptions, } from './controllers/relative-clock-controller/relative-clock-controller.js';
 export { RemotePlaybackController, type RemoteReport, } from './controllers/remote-playback-controller/remote-playback-controller.js';
+export { ReorderController, type ReorderMove, type ReorderOptions, type ReorderWords, requestReorder, } from './controllers/reorder-controller/reorder-controller.js';
 export { SourceController, type SourceHost, } from './controllers/source-controller/source-controller.js';
 export { drawStatus, type SayOptions, StatusController, } from './controllers/status-controller/status-controller.js';
 export { SwipeController, type SwipeOptions, } from './controllers/swipe-controller/swipe-controller.js';
 export { type TokenColor, TokenColorController, } from './controllers/token-color-controller/token-color-controller.js';
 export { type Rendered, VirtualizeController, type VirtualizeOptions, type Window as VirtualizeWindow, } from './controllers/virtualize-controller/virtualize-controller.js';
 export { eventsForTag, registerElementEvents } from './events/element-events.js';
-export { type ActivateDetail, type AuraFallbackDetail, type BandDetail, type CanvasView, type CaretDetail, type ChangeDetail, type CompleteDetail, type ConnectDetail, type ConsoleDetail, type CopyDetail, type CreateDetail, type DismissDetail, type FacetDetail, type FilterDetail, type GraphFilterDetail, type GraphLayoutDetail, type GraphPartChangeDetail, type GraphSignalDetail, HelixActionEvent, HelixActivateEvent, HelixAuraFallbackEvent, HelixBandEvent, HelixBeforeActivateEvent, HelixBeforeChangeEvent, HelixBeforeCloseEvent, HelixBeforeCollapseEvent, HelixBeforeEditEvent, HelixBeforeMoveEvent, HelixBeforeOpenEvent, HelixBeforePanelResizeEvent, HelixBeforePinEvent, HelixBeforeReconnectEvent, HelixBeforeRelabelEvent, HelixBeforeResizeEvent, HelixBeforeSplitEvent, HelixBeforeToggleEvent, HelixCanvasEditEvent, HelixCanvasPanEvent, HelixCanvasViewEvent, HelixCanvasZoomEvent, HelixCaretEvent, HelixClearEvent, HelixCollapseEvent, HelixCompleteEvent, HelixConnectEvent, HelixConsoleEvent, HelixCopyErrorEvent, HelixCopyEvent, HelixCreateEvent, HelixDismissEvent, HelixEditEvent, HelixEndEvent, HelixExpandEvent, HelixFacetEvent, HelixFilterEvent, HelixFilteredEvent, HelixGraphFilterEvent, HelixGraphLayoutEvent, HelixGraphPanEvent, HelixGraphPartChangeEvent, HelixGraphReadyEvent, HelixGraphSignalEvent, HelixGraphZoomEvent, HelixHistoryEvent, HelixLoadEvent, HelixLoadMoreEvent, HelixMapClusterEvent, HelixMapPanEvent, HelixMapPartChangeEvent, HelixMapReadyEvent, HelixMapRotateEvent, HelixMapTiltEvent, HelixMapZoomEvent, HelixMoveEvent, HelixNavigateEvent, HelixNextEvent, HelixPanelResizeEvent, HelixPinEvent, HelixPressEvent, HelixPreviewEvent, HelixPreviousEvent, HelixRangeChangeEvent, HelixReadEvent, HelixReconnectEvent, HelixRejectEvent, HelixRelabelEvent, HelixRemoveEvent, HelixReorderEvent, HelixReorderedEvent, HelixResizedEvent, HelixResizeEvent, HelixSampleEndEvent, HelixSampleStartEvent, HelixScrolledEvent, HelixSelectEvent, HelixSelectedEvent, HelixSendEvent, HelixShortcutEvent, HelixSortEvent, HelixSortedEvent, HelixSplitEvent, HelixToggleEvent, HelixTourAskEvent, HelixTourStatusEvent, HelixTypingEvent, type MapClusterDetail, type MapPanDetail, type MapPartChangeDetail, type MapRotateDetail, type MapTiltDetail, type MapZoomDetail, type MoveDetail, type NavigateDetail, type OpenDetail, type PressDetail, type PressPointerType, type RangeDetail, type ReadDetail, type ReconnectDetail, type Refusal, type RefusedFile, type RejectDetail, type RelabelDetail, type RemoveDetail, type ResizeDetail, type ScrolledDetail, type SelectDetail, type SendDetail, type ShortcutDetail, type SkipDetail, type SortDetail, type ToggleDetail, type TourStatusDetail, type TypingDetail, type ViewportPanDetail, type ViewportZoomDetail, } from './events/events.js';
+export { type ActivateDetail, type AuraFallbackDetail, type BandDetail, type CanvasView, type CaretDetail, type ChangeDetail, type CompleteDetail, type ConnectDetail, type ConsoleDetail, type CopyDetail, type CreateDetail, type DismissDetail, type FacetDetail, type FilterDetail, type GraphFilterDetail, type GraphLayoutDetail, type GraphPartChangeDetail, type GraphSignalDetail, HelixActionEvent, HelixActivateEvent, HelixAuraFallbackEvent, HelixBandEvent, HelixBeforeActivateEvent, HelixBeforeChangeEvent, HelixBeforeCloseEvent, HelixBeforeCollapseEvent, HelixBeforeEditEvent, HelixBeforeMoveEvent, HelixBeforeOpenEvent, HelixBeforePanelResizeEvent, HelixBeforePinEvent, HelixBeforeReconnectEvent, HelixBeforeRelabelEvent, HelixBeforeReorderEvent, HelixBeforeResizeEvent, HelixBeforeSplitEvent, HelixBeforeToggleEvent, HelixCanvasEditEvent, HelixCanvasPanEvent, HelixCanvasViewEvent, HelixCanvasZoomEvent, HelixCaretEvent, HelixClearEvent, HelixCollapseEvent, HelixCompleteEvent, HelixConnectEvent, HelixConsoleEvent, HelixCopyErrorEvent, HelixCopyEvent, HelixCreateEvent, HelixDismissEvent, HelixEditEvent, HelixEndEvent, HelixExpandEvent, HelixFacetEvent, HelixFilterEvent, HelixFilteredEvent, HelixGraphFilterEvent, HelixGraphLayoutEvent, HelixGraphPanEvent, HelixGraphPartChangeEvent, HelixGraphReadyEvent, HelixGraphSignalEvent, HelixGraphZoomEvent, HelixHistoryEvent, HelixLoadEvent, HelixLoadMoreEvent, HelixMapClusterEvent, HelixMapPanEvent, HelixMapPartChangeEvent, HelixMapReadyEvent, HelixMapRotateEvent, HelixMapTiltEvent, HelixMapZoomEvent, HelixMoveEvent, HelixNavigateEvent, HelixNextEvent, HelixPanelResizeEvent, HelixPinEvent, HelixPressEvent, HelixPreviewEvent, HelixPreviousEvent, HelixRangeChangeEvent, HelixReadEvent, HelixReconnectEvent, HelixRejectEvent, HelixRelabelEvent, HelixRemoveEvent, HelixReorderEvent, HelixReorderedEvent, HelixResizedEvent, HelixResizeEvent, HelixSampleEndEvent, HelixSampleStartEvent, HelixScrolledEvent, HelixSelectEvent, HelixSelectedEvent, HelixSendEvent, HelixShortcutEvent, HelixSortEvent, HelixSortedEvent, HelixSplitEvent, HelixToggleEvent, HelixTourAskEvent, HelixTourStatusEvent, HelixTypingEvent, type MapClusterDetail, type MapPanDetail, type MapPartChangeDetail, type MapRotateDetail, type MapTiltDetail, type MapZoomDetail, type MoveDetail, type NavigateDetail, type OpenDetail, type PressDetail, type PressPointerType, type RangeDetail, type ReadDetail, type ReconnectDetail, type Refusal, type RefusedFile, type RejectDetail, type RelabelDetail, type RemoveDetail, type ReorderDetail, type ResizeDetail, type ScrolledDetail, type SelectDetail, type SendDetail, type ShortcutDetail, type SkipDetail, type SortDetail, type ToggleDetail, type TourStatusDetail, type TypingDetail, type ViewportPanDetail, type ViewportZoomDetail, } from './events/events.js';
 export { HelixElement, whenHydrated } from './helix-element/helix-element.js';
 export { HelixFormElement } from './helix-form-element/helix-form-element.js';
 export { MixinChartSource, type MixinChartSourceInterface, PALETTE, PLOT_HEIGHT, PLOT_WIDTH, POSITION_LABEL, seriesIndex, seriesNames, } from './mixins/mixin-chart-source/mixin-chart-source.js';
@@ -54,7 +55,7 @@ export { anchorElement } from './utils/anchor-element/anchor-element.js';
 export { arrowReach, sideOf } from './utils/arrow/arrow.js';
 export { assignSlots } from './utils/assign-slots/assign-slots.js';
 export { type DrawAutofillOptions, drawAutofill, } from './utils/autofill-select/autofill-select.js';
-export { addDays, addMonths, type Barring, barredBy, type CalendarView, localToday, monthOf, monthOut, type PeriodCell, type PeriodPage, periodCells, periodKey, periodMove, sameMonth, weekStartOf, YEARS_SHOWN, yearOut, yearPageOf, } from './utils/calendar/calendar.js';
+export { addDays, addMonths, type Barring, barredBy, type CalendarView, calendarLocale, type DateCalendar, localToday, monthOf, monthOut, type PeriodCell, type PeriodPage, periodCells, periodKey, periodMove, sameMonth, weekStartOf, YEARS_SHOWN, yearOut, yearPageOf, } from './utils/calendar/calendar.js';
 export { capturePointer } from './utils/capture-pointer/capture-pointer.js';
 export { centerInView } from './utils/center-in-view/center-in-view.js';
 export { ariaChord, type ChordPress, chordParts, matchesChord, printableChord, selectsAll, } from './utils/chord/chord.js';
@@ -94,7 +95,7 @@ export { isRtl } from './utils/is-rtl/is-rtl.js';
 export { keyClaimed } from './utils/key-claimed/key-claimed.js';
 export { type Curve, linePath, type Point } from './utils/line-path/line-path.js';
 export { type EndInSight, endInSight } from './utils/load-more/load-more.js';
-export { localeOf } from './utils/locale-of/locale-of.js';
+export { localeOf, runtimeLocale } from './utils/locale-of/locale-of.js';
 export { markRegion, type RegionOptions } from './utils/mark-region/mark-region.js';
 export { copiesOf, type MediaCopy, sameCopies, } from './utils/media-copy/media-copy.js';
 export { nameText } from './utils/name-text/name-text.js';
@@ -110,6 +111,7 @@ export { type ColorBytes, readColor, rgbOf } from './utils/read-color/read-color
 export { byRow, type Extremes, extremesOf, type Row, type RowCell, readRows, readSeries, type Series, type SeriesPoint, seriesKey, unbroken, } from './utils/read-series/read-series.js';
 export { type ElementsProperty, linkDescription, reflectElements, unlinkDescription, } from './utils/reflect-elements/reflect-elements.js';
 export { type Relative, type RelativeOptions, relativeTime, } from './utils/relative-time/relative-time.js';
+export { centersOf, dropMark, edgeSpeed, passedCount, placeKey, type ReorderAxis, type ReorderHold, type ReorderInput, type ReorderState, reorderKey, reorderStep, } from './utils/reorder/reorder.js';
 export { measuring, RENDER_SLOT, reportRender } from './utils/report-render/report-render.js';
 export { RUNTIME_LOG, RUNTIME_SLOT, type RuntimeEvent, type RuntimeKind, reportRuntime, } from './utils/report-runtime/report-runtime.js';
 export { noteVersion, reportUsage, USAGE_SLOT, VERSIONS_SLOT, } from './utils/report-usage/report-usage.js';
@@ -142,3 +144,7 @@ export { wordsConverter } from './utils/words-converter/words-converter.js';
 export { writeClock, writeTime } from './utils/write-time/write-time.js';
 export { anchorAt, commaList, everyState, inRowOrder, pressedValue, prunedValue, type SelectionMode, toggleEvery, toggleValue, writtenList, writtenNumbers, } from './utils/written-list/written-list.js';
 export { VERSION } from './version.js';
+export { formatMessage, type Message, type MessageOptions, type MessageTable, type MessageValues, } from './words/message.js';
+export { clearWords, type HelixWords, localeChain, refreshWords, registerWords, setDefaultWordsLocale, type Words, } from './words/registry.js';
+export { formatWords, words } from './words/words.js';
+export { handedLocale, wordsLocale } from './words/words-locale.js';

package/dist/index.js

@@ -1,4 +1,4 @@
-export { auditName } from '#audit-name';
+export { auditName } from '@fusion.dev/helix-core/audits/name';
 export { AriaForwardController, } from './controllers/aria-forward-controller/aria-forward-controller.js';
 export { ArrivalController, } from './controllers/arrival-controller/arrival-controller.js';
 export { ChartPointerController, } from './controllers/chart-pointer-controller/chart-pointer-controller.js';
@@ -26,13 +26,14 @@ export { PlacementController } from './controllers/placement-controller/placemen
 export { PopoverController, } from './controllers/popover-controller/popover-controller.js';
 export { RelativeClockController, } from './controllers/relative-clock-controller/relative-clock-controller.js';
 export { RemotePlaybackController, } from './controllers/remote-playback-controller/remote-playback-controller.js';
+export { ReorderController, requestReorder, } from './controllers/reorder-controller/reorder-controller.js';
 export { SourceController, } from './controllers/source-controller/source-controller.js';
 export { drawStatus, StatusController, } from './controllers/status-controller/status-controller.js';
 export { SwipeController, } from './controllers/swipe-controller/swipe-controller.js';
 export { TokenColorController, } from './controllers/token-color-controller/token-color-controller.js';
 export { VirtualizeController, } from './controllers/virtualize-controller/virtualize-controller.js';
 export { eventsForTag, registerElementEvents } from './events/element-events.js';
-export { HelixActionEvent, HelixActivateEvent, HelixAuraFallbackEvent, HelixBandEvent, HelixBeforeActivateEvent, HelixBeforeChangeEvent, HelixBeforeCloseEvent, HelixBeforeCollapseEvent, HelixBeforeEditEvent, HelixBeforeMoveEvent, HelixBeforeOpenEvent, HelixBeforePanelResizeEvent, HelixBeforePinEvent, HelixBeforeReconnectEvent, HelixBeforeRelabelEvent, HelixBeforeResizeEvent, HelixBeforeSplitEvent, HelixBeforeToggleEvent, HelixCanvasEditEvent, HelixCanvasPanEvent, HelixCanvasViewEvent, HelixCanvasZoomEvent, HelixCaretEvent, HelixClearEvent, HelixCollapseEvent, HelixCompleteEvent, HelixConnectEvent, HelixConsoleEvent, HelixCopyErrorEvent, HelixCopyEvent, HelixCreateEvent, HelixDismissEvent, HelixEditEvent, HelixEndEvent, HelixExpandEvent, HelixFacetEvent, HelixFilterEvent, HelixFilteredEvent, HelixGraphFilterEvent, HelixGraphLayoutEvent, HelixGraphPanEvent, HelixGraphPartChangeEvent, HelixGraphReadyEvent, HelixGraphSignalEvent, HelixGraphZoomEvent, HelixHistoryEvent, HelixLoadEvent, HelixLoadMoreEvent, HelixMapClusterEvent, HelixMapPanEvent, HelixMapPartChangeEvent, HelixMapReadyEvent, HelixMapRotateEvent, HelixMapTiltEvent, HelixMapZoomEvent, HelixMoveEvent, HelixNavigateEvent, HelixNextEvent, HelixPanelResizeEvent, HelixPinEvent, HelixPressEvent, HelixPreviewEvent, HelixPreviousEvent, HelixRangeChangeEvent, HelixReadEvent, HelixReconnectEvent, HelixRejectEvent, HelixRelabelEvent, HelixRemoveEvent, HelixReorderEvent, HelixReorderedEvent, HelixResizedEvent, HelixResizeEvent, HelixSampleEndEvent, HelixSampleStartEvent, HelixScrolledEvent, HelixSelectEvent, HelixSelectedEvent, HelixSendEvent, HelixShortcutEvent, HelixSortEvent, HelixSortedEvent, HelixSplitEvent, HelixToggleEvent, HelixTourAskEvent, HelixTourStatusEvent, HelixTypingEvent, } from './events/events.js';
+export { HelixActionEvent, HelixActivateEvent, HelixAuraFallbackEvent, HelixBandEvent, HelixBeforeActivateEvent, HelixBeforeChangeEvent, HelixBeforeCloseEvent, HelixBeforeCollapseEvent, HelixBeforeEditEvent, HelixBeforeMoveEvent, HelixBeforeOpenEvent, HelixBeforePanelResizeEvent, HelixBeforePinEvent, HelixBeforeReconnectEvent, HelixBeforeRelabelEvent, HelixBeforeReorderEvent, HelixBeforeResizeEvent, HelixBeforeSplitEvent, HelixBeforeToggleEvent, HelixCanvasEditEvent, HelixCanvasPanEvent, HelixCanvasViewEvent, HelixCanvasZoomEvent, HelixCaretEvent, HelixClearEvent, HelixCollapseEvent, HelixCompleteEvent, HelixConnectEvent, HelixConsoleEvent, HelixCopyErrorEvent, HelixCopyEvent, HelixCreateEvent, HelixDismissEvent, HelixEditEvent, HelixEndEvent, HelixExpandEvent, HelixFacetEvent, HelixFilterEvent, HelixFilteredEvent, HelixGraphFilterEvent, HelixGraphLayoutEvent, HelixGraphPanEvent, HelixGraphPartChangeEvent, HelixGraphReadyEvent, HelixGraphSignalEvent, HelixGraphZoomEvent, HelixHistoryEvent, HelixLoadEvent, HelixLoadMoreEvent, HelixMapClusterEvent, HelixMapPanEvent, HelixMapPartChangeEvent, HelixMapReadyEvent, HelixMapRotateEvent, HelixMapTiltEvent, HelixMapZoomEvent, HelixMoveEvent, HelixNavigateEvent, HelixNextEvent, HelixPanelResizeEvent, HelixPinEvent, HelixPressEvent, HelixPreviewEvent, HelixPreviousEvent, HelixRangeChangeEvent, HelixReadEvent, HelixReconnectEvent, HelixRejectEvent, HelixRelabelEvent, HelixRemoveEvent, HelixReorderEvent, HelixReorderedEvent, HelixResizedEvent, HelixResizeEvent, HelixSampleEndEvent, HelixSampleStartEvent, HelixScrolledEvent, HelixSelectEvent, HelixSelectedEvent, HelixSendEvent, HelixShortcutEvent, HelixSortEvent, HelixSortedEvent, HelixSplitEvent, HelixToggleEvent, HelixTourAskEvent, HelixTourStatusEvent, HelixTypingEvent, } from './events/events.js';
 export { HelixElement, whenHydrated } from './helix-element/helix-element.js';
 export { HelixFormElement } from './helix-form-element/helix-form-element.js';
 export { MixinChartSource, PALETTE, PLOT_HEIGHT, PLOT_WIDTH, POSITION_LABEL, seriesIndex, seriesNames, } from './mixins/mixin-chart-source/mixin-chart-source.js';
@@ -54,7 +55,7 @@ export { anchorElement } from './utils/anchor-element/anchor-element.js';
 export { arrowReach, sideOf } from './utils/arrow/arrow.js';
 export { assignSlots } from './utils/assign-slots/assign-slots.js';
 export { drawAutofill, } from './utils/autofill-select/autofill-select.js';
-export { addDays, addMonths, barredBy, localToday, monthOf, monthOut, periodCells, periodKey, periodMove, sameMonth, weekStartOf, YEARS_SHOWN, yearOut, yearPageOf, } from './utils/calendar/calendar.js';
+export { addDays, addMonths, barredBy, calendarLocale, localToday, monthOf, monthOut, periodCells, periodKey, periodMove, sameMonth, weekStartOf, YEARS_SHOWN, yearOut, yearPageOf, } from './utils/calendar/calendar.js';
 export { capturePointer } from './utils/capture-pointer/capture-pointer.js';
 export { centerInView } from './utils/center-in-view/center-in-view.js';
 export { ariaChord, chordParts, matchesChord, printableChord, selectsAll, } from './utils/chord/chord.js';
@@ -94,7 +95,7 @@ export { isRtl } from './utils/is-rtl/is-rtl.js';
 export { keyClaimed } from './utils/key-claimed/key-claimed.js';
 export { linePath } from './utils/line-path/line-path.js';
 export { endInSight } from './utils/load-more/load-more.js';
-export { localeOf } from './utils/locale-of/locale-of.js';
+export { localeOf, runtimeLocale } from './utils/locale-of/locale-of.js';
 export { markRegion } from './utils/mark-region/mark-region.js';
 export { copiesOf, sameCopies, } from './utils/media-copy/media-copy.js';
 export { nameText } from './utils/name-text/name-text.js';
@@ -110,6 +111,7 @@ export { readColor, rgbOf } from './utils/read-color/read-color.js';
 export { byRow, extremesOf, readRows, readSeries, seriesKey, unbroken, } from './utils/read-series/read-series.js';
 export { linkDescription, reflectElements, unlinkDescription, } from './utils/reflect-elements/reflect-elements.js';
 export { relativeTime, } from './utils/relative-time/relative-time.js';
+export { centersOf, dropMark, edgeSpeed, passedCount, placeKey, reorderKey, reorderStep, } from './utils/reorder/reorder.js';
 export { measuring, RENDER_SLOT, reportRender } from './utils/report-render/report-render.js';
 export { RUNTIME_LOG, RUNTIME_SLOT, reportRuntime, } from './utils/report-runtime/report-runtime.js';
 export { noteVersion, reportUsage, USAGE_SLOT, VERSIONS_SLOT, } from './utils/report-usage/report-usage.js';
@@ -142,3 +144,7 @@ export { wordsConverter } from './utils/words-converter/words-converter.js';
 export { writeClock, writeTime } from './utils/write-time/write-time.js';
 export { anchorAt, commaList, everyState, inRowOrder, pressedValue, prunedValue, toggleEvery, toggleValue, writtenList, writtenNumbers, } from './utils/written-list/written-list.js';
 export { VERSION } from './version.js';
+export { formatMessage, } from './words/message.js';
+export { clearWords, localeChain, refreshWords, registerWords, setDefaultWordsLocale, } from './words/registry.js';
+export { formatWords, words } from './words/words.js';
+export { handedLocale, wordsLocale } from './words/words-locale.js';

package/dist/mixins/mixin-chart-source/mixin-chart-source.d.ts

@@ -132,8 +132,8 @@ export declare class MixinChartSourceInterface {
      * The locale the chart's own numbers are written in: its axis, its
      * percentages and its totals, such as `de` for `1.240` and `32 %`.
      *
-     * Absent uses the runtime's own. The table's cells are shown as the table
-     * writes them, whatever this says.
+     * Absent reads the nearest `lang`, then the runtime's own. The table's
+     * cells are shown as the table writes them, whatever this says.
      */
     locale: string;
     /**

package/dist/mixins/mixin-chart-source/mixin-chart-source.js

@@ -9,6 +9,7 @@ import { ChartPointerController } from '../../controllers/chart-pointer-controll
 import { SourceController } from '../../controllers/source-controller/source-controller.js';
 import { seriesKey } from '../../utils/read-series/read-series.js';
 import { writtenList } from '../../utils/written-list/written-list.js';
+import { words } from '../../words/words.js';
 export const PALETTE = 24;
 export const seriesIndex = (depth) => (depth % PALETTE) + 1;
 export const PLOT_WIDTH = 100;
@@ -26,6 +27,7 @@ export const MixinChartSource = (Base) => {
             this.locale = '';
             this.positionLabel = '{position} of {count}';
         }
+        static { this.words = ''; }
         static get observedAttributes() {
             const inherited = Reflect.get(Base, 'observedAttributes', this);
             return [...(inherited ?? []), 'aria-label'];
@@ -87,6 +89,7 @@ export const MixinChartSource = (Base) => {
         property()
     ], ChartSourceElement.prototype, "locale", void 0);
     __decorate([
+        words,
         property({ attribute: 'position-label' })
     ], ChartSourceElement.prototype, "positionLabel", void 0);
     return ChartSourceElement;

package/dist/mixins/mixin-collection/mixin-collection.js

@@ -6,6 +6,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { html, nothing } from 'lit';
 import { property, state } from 'lit/decorators.js';
+import { words } from '../../words/words.js';
 export const MixinCollection = (Base) => {
     class Collection extends Base {
         constructor() {
@@ -17,6 +18,7 @@ export const MixinCollection = (Base) => {
             this.slotRows = 0;
             this.announced = '';
         }
+        static { this.words = ''; }
         countRows(event) {
             this.slotCounted = true;
             this.slotRows = event.target.assignedElements().length;
@@ -59,12 +61,14 @@ export const MixinCollection = (Base) => {
         }
     }
     __decorate([
+        words,
         property({ attribute: 'empty-text' })
     ], Collection.prototype, "emptyText", void 0);
     __decorate([
         property({ reflect: true, type: Boolean })
     ], Collection.prototype, "loading", void 0);
     __decorate([
+        words,
         property({ attribute: 'loading-text' })
     ], Collection.prototype, "loadingText", void 0);
     __decorate([

package/dist/mixins/mixin-dismissible/mixin-dismissible.js

@@ -8,6 +8,7 @@ import { property } from 'lit/decorators.js';
 import { HelixDismissEvent } from '../../events/events.js';
 import { deepActiveElement, deepContains, } from '../../utils/focusable-elements/focusable-elements.js';
 import { tabStops } from '../../utils/tab-stops/tab-stops.js';
+import { words } from '../../words/words.js';
 export const MixinDismissible = (Base) => {
     class Dismissible extends Base {
         constructor() {
@@ -17,6 +18,7 @@ export const MixinDismissible = (Base) => {
             this.handOff = undefined;
             this.forgetFocus = undefined;
         }
+        static { this.words = ''; }
         dismissEvent() {
             const own = [...this.childNodes]
                 .filter((node) => !(node instanceof Element) || !node.slot)
@@ -110,6 +112,7 @@ export const MixinDismissible = (Base) => {
         property({ reflect: true, type: Boolean })
     ], Dismissible.prototype, "dismissible", void 0);
     __decorate([
+        words,
         property({ attribute: 'dismiss-label' })
     ], Dismissible.prototype, "dismissLabel", void 0);
     return Dismissible;

package/dist/mixins/mixin-field/mixin-field.js

@@ -6,7 +6,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { html, nothing } from 'lit';
 import { property, state } from 'lit/decorators.js';
-import { auditName } from '#audit-name';
+import { auditName } from '@fusion.dev/helix-core/audits/name';
 import { hostAria } from '../../utils/host-aria/host-aria.js';
 const HINT_ID = 'helix-hint';
 const FEEDBACK_ID = 'helix-feedback';

package/dist/mixins/mixin-segmented-field/mixin-segmented-field.d.ts

@@ -15,8 +15,20 @@ type SegmentedBase = HelixFormElement & MixinControllerOpenInterface & MixinCont
  * anonymous class that has private members (TS4094).
  */
 export declare class MixinSegmentedFieldInterface {
+    /**
+     * What a row of segments reports when the field is required and every
+     * segment is empty, where `value-missing-message` is not set. `{kind}` is
+     * `date` or `time`.
+     */
+    emptyMessage: string;
     /** What a screen reader hears for a segment with nothing in it. */
     emptySegmentLabel: string;
+    /**
+     * What a row of segments reports while some segments are set and others
+     * are not, where `bad-input-message` is not set. `{kind}` is `date` or
+     * `time`.
+     */
+    incompleteMessage: string;
     /**
      * Whether the field is a row of segments, one for each part of the date or
      * time, in place of a line of text.

package/dist/mixins/mixin-segmented-field/mixin-segmented-field.js

@@ -10,11 +10,14 @@ import { isPartial, isTwelveHourLayout, segmentKey, segmentLayout, segmentName,
 import { inlineStep } from '../../utils/inline-step/inline-step.js';
 import { appleTouch } from '../../utils/platform/platform.js';
 import { verdictFlags } from '../../utils/verdict-flags/verdict-flags.js';
+import { formatWords, words } from '../../words/words.js';
 export const MixinSegmentedField = (Base) => {
     class SegmentedFieldElement extends Base {
         constructor() {
             super(...arguments);
+            this.emptyMessage = '{kind, select, date {Enter a date.} other {Enter a time.}}';
             this.emptySegmentLabel = 'Empty';
+            this.incompleteMessage = '{kind, select, date {Enter a whole date.} other {Enter a whole time.}}';
             this.segmented = false;
             this.parts = {};
             this.typed = '';
@@ -92,6 +95,7 @@ export const MixinSegmentedField = (Base) => {
                 }
             };
         }
+        static { this.words = ''; }
         get segmentable() {
             return true;
         }
@@ -175,11 +179,11 @@ export const MixinSegmentedField = (Base) => {
             const fault = verdictFlags(this.validate());
             if (partial) {
                 this.internals.setValidity({ badInput: true }, this.badInputMessage ||
-                    (this.segmentedKind === 'date' ? 'Enter a whole date.' : 'Enter a whole time.'), anchor);
+                    formatWords(this, 'incompleteMessage', { kind: this.segmentedKind }), anchor);
             }
             else if (this.required && this.value === '') {
                 this.internals.setValidity({ valueMissing: true }, this.valueMissingMessage ||
-                    (this.segmentedKind === 'date' ? 'Enter a date.' : 'Enter a time.'), anchor);
+                    formatWords(this, 'emptyMessage', { kind: this.segmentedKind }), anchor);
             }
             else if (fault !== null) {
                 this.internals.setValidity(fault[0], fault[1], anchor);
@@ -241,8 +245,17 @@ export const MixinSegmentedField = (Base) => {
         }
     }
     __decorate([
+        words,
+        property({ attribute: 'empty-message' })
+    ], SegmentedFieldElement.prototype, "emptyMessage", void 0);
+    __decorate([
+        words,
         property({ attribute: 'empty-segment-label' })
     ], SegmentedFieldElement.prototype, "emptySegmentLabel", void 0);
+    __decorate([
+        words,
+        property({ attribute: 'incomplete-message' })
+    ], SegmentedFieldElement.prototype, "incompleteMessage", void 0);
     __decorate([
         property({ type: Boolean })
     ], SegmentedFieldElement.prototype, "segmented", void 0);

package/dist/mixins/mixin-tokens/mixin-tokens.d.ts

@@ -52,6 +52,11 @@ export declare class MixinTokensInterface {
      * either way and this is what says what pressing it does.
      */
     collapseLabel: string;
+    /**
+     * The count of the tokens past `max-tags`, as it is shown, with `{count}`
+     * for the number, written in the element's locale. `+{count}` by default.
+     */
+    restText: string;
     /**
      * The cap in force right now, which is none while the reader has expanded it.
      *

package/dist/mixins/mixin-tokens/mixin-tokens.js

@@ -8,6 +8,7 @@ import { caretUp } from '@fusion.dev/helix-icons';
 import { html, nothing } from 'lit';
 import { property, state } from 'lit/decorators.js';
 import { drawIcon } from '../../utils/draw-icon/draw-icon.js';
+import { formatWords, words } from '../../words/words.js';
 export const MixinTokens = (Base) => {
     class TokensElement extends Base {
         constructor() {
@@ -16,11 +17,13 @@ export const MixinTokens = (Base) => {
             this.expandable = false;
             this.expandLabel = 'Show all';
             this.maxTags = 0;
+            this.restText = '+{count}';
             this.expanded = false;
             this.toggleExpanded = () => {
                 this.expanded = !this.expanded;
             };
         }
+        static { this.words = ''; }
         get shownLimit() {
             return this.expanded ? 0 : this.maxTags;
         }
@@ -29,7 +32,9 @@ export const MixinTokens = (Base) => {
         }
         renderRest(over) {
             if (!this.expandable) {
-                return over > 0 ? html `<span part="rest">${`+${over}`}</span>` : nothing;
+                return over > 0
+                    ? html `<span part="rest">${formatWords(this, 'restText', { count: over })}</span>`
+                    : nothing;
             }
             if (over < 1 && !this.expanded) {
                 return nothing;
@@ -39,7 +44,7 @@ export const MixinTokens = (Base) => {
         type="button"
         aria-label=${this.expanded ? this.collapseLabel : this.expandLabel}
         @click=${this.toggleExpanded}
-        >${this.expanded ? drawIcon(caretUp) : `+${over}`}</button
+        >${this.expanded ? drawIcon(caretUp) : formatWords(this, 'restText', { count: over })}</button
       >`;
         }
         hideOverflow(slot) {
@@ -64,17 +69,23 @@ export const MixinTokens = (Base) => {
         removeLastToken() { }
     }
     __decorate([
+        words,
         property({ attribute: 'collapse-label' })
     ], TokensElement.prototype, "collapseLabel", void 0);
     __decorate([
         property({ type: Boolean })
     ], TokensElement.prototype, "expandable", void 0);
     __decorate([
+        words,
         property({ attribute: 'expand-label' })
     ], TokensElement.prototype, "expandLabel", void 0);
     __decorate([
         property({ attribute: 'max-tags', type: Number })
     ], TokensElement.prototype, "maxTags", void 0);
+    __decorate([
+        words,
+        property({ attribute: 'rest-text' })
+    ], TokensElement.prototype, "restText", void 0);
     __decorate([
         state()
     ], TokensElement.prototype, "expanded", void 0);

package/dist/mixins/mixin-viewport/mixin-viewport.d.ts

@@ -15,7 +15,13 @@ export type ViewportGestures = 'activate' | 'always' | 'cooperative';
  * the cooperative set, or none, while an `activate` surface waits to be pressed.
  */
 export type ViewportGestureMode = 'cooperative' | 'free' | 'off';
-/** The words a surface says about its gestures, where the page does not say them. */
+/**
+ * The words a surface says about its gestures.
+ *
+ * @deprecated Each family declares its gesture words as word properties,
+ * `activate-hint-label` and its three, which a page registers by locale.
+ * Removed in the next major version.
+ */
 export interface ViewportGestureLabels {
     /** The hint while an `activate` surface waits to be pressed. */
     activate: string;
@@ -38,18 +44,16 @@ export declare class ViewportElement {
     fullscreenLabel: string;
     /** Which gestures the surface takes from the page. Unset is the family's own. */
     gestures?: ViewportGestures;
-    /** The hint while a surface with `gestures="activate"` waits to be pressed. */
-    activateHintLabel?: string;
-    /** The hint when one finger swipes over a surface with `gestures="cooperative"`. */
-    twoFingerHintLabel?: string;
-    /** The line while a surface with `gestures="activate"` has the gestures. */
-    usingLabel?: string;
-    /** The hint when the wheel scrolls past a surface with `gestures="cooperative"`, with `{key}`. */
-    wheelHintLabel?: string;
+    /** The hint while a surface with `gestures="activate"` waits to be pressed, a word property each family declares. */
+    activateHintLabel: string;
+    /** The hint when one finger swipes over a surface with `gestures="cooperative"`, a word property each family declares. */
+    twoFingerHintLabel: string;
+    /** The line while a surface with `gestures="activate"` has the gestures, a word property each family declares. */
+    usingLabel: string;
+    /** The hint when the wheel scrolls past a surface with `gestures="cooperative"`, with `{key}`, a word property each family declares. */
+    wheelHintLabel: string;
     /** @internal Which gestures the thing drawing the surface takes right now. */
     get gestureMode(): ViewportGestureMode;
-    /** What the surface says about its gestures where the page does not say it, which each family says for itself. */
-    protected get restingGestureLabels(): ViewportGestureLabels;
     /** Whether an `activate` surface has been pressed, and has the gestures. */
     protected gesturesTaken: boolean;
     /** Whether a gesture that started with this event is the surface's to answer. */
@@ -92,10 +96,8 @@ export declare class ViewportElement {
     protected readonly fullscreen: FullscreenController;
     /** The key relay, bound by the family's own frame. */
     protected handleKeydown: (event: KeyboardEvent) => void;
-    /** The name of the group of controls, read by screen readers. */
-    controlsLabel: string | undefined;
-    /** What the group of controls is called where the page does not say, which each family says for itself. */
-    protected get restingControlsLabel(): string;
+    /** The name of the group of controls, read by screen readers, a word property each family declares. */
+    controlsLabel: string;
     /** The pan event, built and not dispatched, for a family that names its own. */
     protected panEvent(detail: ViewportPanDetail): Event;
     /** The zoom event, built and not dispatched, for a family that names its own. */