@expressivecss/expressive 0.9.1 → 0.10.1

package/dist/js/internal/core/utils.mjs

@@ -0,0 +1,7 @@
+import {
+  Utils
+} from "../../chunks/chunk-MISGHDUU.mjs";
+export {
+  Utils
+};
+//# sourceMappingURL=utils.mjs.map

package/dist/js/internal/core/utils.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/js/internal/plugins/dockedDisplayPlugin.mjs

@@ -0,0 +1,8 @@
+import {
+  DockedDisplayPlugin
+} from "../../chunks/chunk-SLFNPY5M.mjs";
+import "../../chunks/chunk-MISGHDUU.mjs";
+export {
+  DockedDisplayPlugin
+};
+//# sourceMappingURL=dockedDisplayPlugin.mjs.map

package/dist/js/internal/plugins/dockedDisplayPlugin.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/js/modular.mjs

@@ -0,0 +1,113 @@
+import {
+  version
+} from "./chunks/chunk-ZAOYQ6SY.mjs";
+import {
+  AutoInit
+} from "./chunks/chunk-ZIZVUWRL.mjs";
+import "./chunks/chunk-WWPAPHMA.mjs";
+import {
+  Slider
+} from "./chunks/chunk-JKNPQQWY.mjs";
+import {
+  Snackbar
+} from "./chunks/chunk-GY2Z5CJ2.mjs";
+import {
+  Tabs
+} from "./chunks/chunk-YFXEJ7GR.mjs";
+import {
+  Timepicker
+} from "./chunks/chunk-D4UZ4HFN.mjs";
+import {
+  Tooltip
+} from "./chunks/chunk-JODJAGFS.mjs";
+import {
+  ExpandingCard
+} from "./chunks/chunk-N3UHGN3N.mjs";
+import {
+  Lightbox
+} from "./chunks/chunk-JNPIWFJT.mjs";
+import {
+  NavigationRail
+} from "./chunks/chunk-XDB3G6RL.mjs";
+import {
+  ScrollSpy
+} from "./chunks/chunk-TZZ24ZQS.mjs";
+import {
+  ButtonGroup
+} from "./chunks/chunk-XO5WX3TK.mjs";
+import {
+  FloatingActionButton
+} from "./chunks/chunk-VAS6JQ6P.mjs";
+import {
+  Cards
+} from "./chunks/chunk-7UXHSYIA.mjs";
+import {
+  Carousel
+} from "./chunks/chunk-AOGFNMXS.mjs";
+import {
+  CharacterCounter
+} from "./chunks/chunk-PIIAEYAJ.mjs";
+import {
+  Chips
+} from "./chunks/chunk-ZZBZI2XN.mjs";
+import {
+  Autocomplete
+} from "./chunks/chunk-7MM4VJJO.mjs";
+import {
+  Datepicker
+} from "./chunks/chunk-QYCYP443.mjs";
+import "./chunks/chunk-SLFNPY5M.mjs";
+import {
+  FormSelect
+} from "./chunks/chunk-G576EP5O.mjs";
+import {
+  Menu
+} from "./chunks/chunk-TK6PX2GC.mjs";
+import {
+  BottomSheets
+} from "./chunks/chunk-KR44BSYQ.mjs";
+import {
+  Dialogs
+} from "./chunks/chunk-TYM6U5DY.mjs";
+import {
+  Forms
+} from "./chunks/chunk-JR24UB4X.mjs";
+import {
+  SideSheets
+} from "./chunks/chunk-A3BJA7V4.mjs";
+import "./chunks/chunk-LZVBJ33S.mjs";
+import "./chunks/chunk-MISGHDUU.mjs";
+import {
+  AppBar
+} from "./chunks/chunk-EP3CVKB5.mjs";
+import "./chunks/chunk-QSQ24FYT.mjs";
+export {
+  AppBar,
+  AutoInit,
+  Autocomplete,
+  BottomSheets,
+  ButtonGroup,
+  Cards,
+  Carousel,
+  CharacterCounter,
+  Chips,
+  Datepicker,
+  Dialogs,
+  ExpandingCard,
+  FloatingActionButton,
+  FormSelect,
+  Forms,
+  Lightbox,
+  Menu,
+  NavigationRail,
+  Slider as Range,
+  ScrollSpy,
+  SideSheets,
+  Slider,
+  Snackbar,
+  Tabs,
+  Timepicker,
+  Tooltip,
+  version
+};
+//# sourceMappingURL=modular.mjs.map

package/dist/js/modular.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/types/behaviors/sheetDrag.d.ts

@@ -25,7 +25,7 @@ export interface SheetDragConfig {
     /** Whether a press at this point landed on the sheet's drag handle. */
     inHandle: (event: PointerEvent, dialog: HTMLDialogElement) => boolean;
     /**
-     * Called first on every `pointerdown`, before any guard rejects it. The
+     * Called on primary `pointerdown`, after clearing the previous drag. The
      * bottom sheet clears its dragged flag here so a sequence abandoned without
      * a `pointerup` cannot leave the flag set and swallow the next tap.
      */

package/dist/types/components/appBar.d.ts

@@ -11,7 +11,7 @@ export declare class AppBar extends Component<BaseOptions> {
     private _sentinel;
     private _input;
     private _view;
-    private _suppressSearchOpen;
+    private _searchOpen;
     constructor(el: HTMLElement, options: Partial<BaseOptions>);
     static get defaults(): BaseOptions;
     static init(el: HTMLElement, options?: Partial<BaseOptions>): AppBar;

package/dist/types/components/autocomplete.d.ts

@@ -21,6 +21,12 @@ export interface AutocompleteData {
     description?: string;
 }
 export interface AutocompleteOptions extends BaseOptions {
+    i18n: Partial<{
+        loading: string;
+        noResults: string;
+        results: (count: number) => string;
+        selected: (count: number) => string;
+    }>;
     /**
      * Data object defining autocomplete options with
      * optional icon strings.
@@ -79,6 +85,8 @@ export declare class Autocomplete extends Component<AutocompleteOptions> {
     private oldVal;
     private $active;
     private _openTimer;
+    private _statusInfo;
+    private _announcer;
     /**
      * The active entry, for both the eye and the screen reader. The class alone
      * was invisible to assistive technology; aria-activedescendant on the input
@@ -140,6 +148,7 @@ export declare class Autocomplete extends Component<AutocompleteOptions> {
     _createMenuItem(entry: AutocompleteData): HTMLLIElement;
     _renderMenu(): void;
     _setStatusLoading(): void;
+    private _announce;
     _updateSelectedInfo(): void;
     _refreshInputText(): void;
     _triggerChanged(): void;

package/dist/types/components/buttons.d.ts

@@ -1,53 +1,18 @@
 import { Component, BaseOptions, InitElements, InitElement, Openable } from "../core/component";
-export interface FloatingActionButtonOptions extends BaseOptions {
-    /**
-     * Direction FAB menu opens.
-     * @default "top"
-     */
-    direction: 'top' | 'right' | 'bottom' | 'left';
-    /**
-     * true: FAB menu appears on hover (CSS, when the pointer can hover).
-     * false: FAB menu toggles on click. `.click-to-toggle` is the markup switch.
-     * @default true
-     */
-    hoverEnabled: boolean;
-    /**
-     * Expand the FAB into a toolbar on click. Prefer a hover or click menu.
-     * `.toolbar` on the element is the markup switch.
-     * @default false
-     */
-    toolbarEnabled: boolean;
-}
-/**
- * Speed dial around a FAB. Open/close is the `.active` class; motion is
- * CSS. Hover is CSS (`:hover` when the pointer can hover). This class
- * toggles the class, wires keyboard / click-outside, and stamps direction.
- *
- * `.fab-menu` runs on the same instance: expanded state is one class and one
- * `aria-expanded`, whichever host it is written on, and the two differ only
- * in their Sass. The direction and hover options are inert there - the FAB
- * menu opens upward and on click, both decided in CSS.
- */
+export type FloatingActionButtonOptions = BaseOptions;
 export declare class FloatingActionButton extends Component<FloatingActionButtonOptions> implements Openable {
     isOpen: boolean;
     private _anchor;
+    private _list;
+    private _listWasInert;
     constructor(el: HTMLElement, options: Partial<FloatingActionButtonOptions>);
-    static get defaults(): FloatingActionButtonOptions;
+    static get defaults(): BaseOptions;
     static init(el: HTMLElement, options?: Partial<FloatingActionButtonOptions>): FloatingActionButton;
     static init(els: InitElements<InitElement>, options?: Partial<FloatingActionButtonOptions>): FloatingActionButton[];
     static getInstance(el: HTMLElement): FloatingActionButton;
     destroy(): void;
-    /**
-     * Open FAB.
-     */
     open: () => void;
-    /**
-     * Close FAB.
-     */
     close: () => void;
-    private _directionFromClass;
-    private _setupEventHandlers;
-    private _removeEventHandlers;
     private _handleFABClick;
     private _handleAnchorKeydown;
     private _handleDocumentKeydown;

package/dist/types/components/carousel.d.ts

@@ -75,10 +75,13 @@ export declare class Carousel extends Component<CarouselOptions> {
     private _ownIndicators;
     private _trackEl;
     private _ignoreScroll;
+    private _alignAfterResize;
+    private _scrollEndTimeout;
     private _trackRaf;
     private _started;
     private _vertical;
     private _resizeObserver;
+    private _resizeTimeout;
     private _usesWindowResize;
     private _dragPointerId;
     private _dragStartX;
@@ -97,6 +100,7 @@ export declare class Carousel extends Component<CarouselOptions> {
     private _autoPaused;
     private _hovered;
     private _focused;
+    private _motion;
     private _generatedItemTabIndexes;
     private _generatedItemLabels;
     private _generatedItemDescriptions;
@@ -119,17 +123,20 @@ export declare class Carousel extends Component<CarouselOptions> {
     _setupEventHandlers(): void;
     _removeEventHandlers(): void;
     private _teardown;
-    _handleThrottledResize: (...args: unknown[]) => void;
+    _handleThrottledResize: () => void;
     _handleAutoAdvanceState: (e: Event) => void;
+    private _handleMotionChange;
     /** Start or stop the timer to match the current pause state. */
     private _syncAutoAdvance;
     private _tick;
     private _advance;
+    private _handleNativeScroll;
     _handleTrackPointerDown: (e: PointerEvent) => void;
     _handleTrackPointerMove: (e: PointerEvent) => void;
     _handleTrackPointerUp: (e: PointerEvent) => void;
     _handleTrackClick: (e: MouseEvent) => void;
     _handleTrackDragStart: (e: DragEvent) => void;
+    private _handleItemResize;
     _handleIndicatorClick: (e: Event) => void;
     _handleKeydown: (e: KeyboardEvent) => void;
     _handleTrackScroll: () => void;
@@ -144,6 +151,8 @@ export declare class Carousel extends Component<CarouselOptions> {
     private _unwrapTrack;
     private _nearestIndex;
     private _scrollToIndex;
+    private _finishScroll;
+    private _handleScrollEnd;
     _cycleTo(n: number, callback?: CarouselOptions['onCycleTo']): void;
     /**
      * Stop auto-advance until start() is called. Without an `interval` there is

package/dist/types/components/chips.d.ts

@@ -146,6 +146,7 @@ export declare class Chips extends Component<ChipsOptions> {
      * @param chipIndex  Index of chip
      */
     deleteChip(chipIndex: number): void;
+    private _deleteChip;
     /**
      * Select nth chip.
      * @param chipIndex Index of chip

package/dist/types/components/datepicker.d.ts

@@ -216,6 +216,7 @@ export declare class Datepicker extends Component<DatepickerOptions> {
     private _controlsKey;
     /** id linking the controls element to the table's aria-labelledby. */
     private _randId;
+    private _focusedDate;
     static _template: string;
     constructor(el: HTMLInputElement, options: Partial<DatepickerOptions>);
     static get defaults(): DatepickerOptions;
@@ -376,8 +377,14 @@ export declare class Datepicker extends Component<DatepickerOptions> {
     _setupEventHandlers(): void;
     _setupVariables(): void;
     _removeEventHandlers(): void;
+    private _removeInputEventHandlers;
+    private _removeDateInput;
     _handleInputClick: (e: any) => void;
     _handleInputKeydown: (e: KeyboardEvent) => void;
+    private _dayDate;
+    private _syncCalendarFocus;
+    private _handleCalendarFocus;
+    private _handleCalendarKeydown;
     _handleCalendarClick: (e: any) => void;
     _handleDateRangeCalendarClick: (date: Date) => void;
     _handleClearClick: () => void;

package/dist/types/components/index.d.ts

@@ -13,11 +13,9 @@ export { Lightbox } from "./lightbox";
 export { Slider } from "./slider";
 export { ScrollSpy } from "./scrollspy";
 export { FormSelect } from "./select";
-export { NavigationDrawer } from "./navigationDrawer";
 export { NavigationRail } from "./navigationRail";
 export { Tabs } from "./tabs";
 export { Timepicker } from "./timepicker";
 export { Snackbar } from "./snackbar";
 export { Tooltip } from "./tooltip";
 export { Slider as Range } from "./slider";
-export { NavigationDrawer as Sidenav } from "./navigationDrawer";

package/dist/types/components/lightbox.d.ts

@@ -46,6 +46,7 @@ export declare class Lightbox extends Component<LightboxOptions> {
     private placeholder;
     /** Ancestors forced to `overflow: visible`, with the inline value to put back. */
     private _changedAncestorList;
+    private static _overflow;
     private newHeight;
     private newWidth;
     private windowWidth;
@@ -54,6 +55,13 @@ export declare class Lightbox extends Component<LightboxOptions> {
     private attrHeight;
     private _overlay;
     private _photoCaption;
+    private _trigger;
+    private _tabindex;
+    private _timers;
+    private _motion;
+    private _isOpen;
+    private _destroyed;
+    private _revision;
     constructor(el: HTMLElement, options: Partial<LightboxOptions>);
     static get defaults(): LightboxOptions;
     /**
@@ -70,6 +78,10 @@ export declare class Lightbox extends Component<LightboxOptions> {
     static init(els: InitElements<InitElement>, options?: Partial<LightboxOptions>): Lightbox[];
     static getInstance(el: HTMLElement): Lightbox;
     destroy(): void;
+    private _reset;
+    private _cancel;
+    private _schedule;
+    private _handleMotionChange;
     private _setupEventHandlers;
     private _removeEventHandlers;
     private _handleLightboxClick;

package/dist/types/components/menu.d.ts

@@ -93,6 +93,7 @@ export declare class Menu extends Component<MenuOptions> implements Openable {
     filterTimeout: ReturnType<typeof setTimeout>;
     private _pendingTimers;
     private _transition;
+    private _originalInert;
     constructor(el: HTMLElement, options: Partial<MenuOptions>);
     static get defaults(): MenuOptions;
     /**
@@ -133,6 +134,8 @@ export declare class Menu extends Component<MenuOptions> implements Openable {
     _handleMenuKeydown: (e: KeyboardEvent) => void;
     _handleWindowResize: () => void;
     _resetFilterQuery: () => void;
+    private _restoreInert;
+    private _focusRow;
     _resetMenuStyles(): void;
     _resetMenuPositioningStyles(): void;
     _moveMenuToElement(containerEl?: HTMLElement): void;

package/dist/types/components/registry.d.ts

@@ -63,10 +63,6 @@ export declare const AUTO_INIT_COMPONENTS: {
         component: typeof Components.FormSelect;
         selector: string;
     };
-    NavigationDrawer: {
-        component: typeof Components.NavigationDrawer;
-        selector: string;
-    };
     NavigationRail: {
         component: typeof Components.NavigationRail;
         selector: string;

package/dist/types/components/select.d.ts

@@ -37,6 +37,8 @@ export declare class FormSelect extends Component<FormSelectOptions> {
     private _values;
     private _createdWrapper;
     private _originalLabelFor;
+    private _form;
+    private _resetTimer;
     nativeTabIndex: number;
     constructor(el: HTMLSelectElement, options: FormSelectOptions);
     static get defaults(): FormSelectOptions;
@@ -64,10 +66,12 @@ export declare class FormSelect extends Component<FormSelectOptions> {
      */
     refresh(): void;
     _setupEventHandlers(): void;
+    private _bindForm;
     _removeEventHandlers(): void;
     private _setupOptionHandlers;
     private _removeOptionHandlers;
     _handleSelectChange: () => void;
+    private _handleReset;
     _handleOptionKeydown: (e: KeyboardEvent) => void;
     _handleOptionClick: (e: MouseEvent | KeyboardEvent) => void;
     private _handleOptionFocus;

package/dist/types/components/slider.d.ts

@@ -4,6 +4,7 @@ export interface SliderOptions extends BaseOptions {
 export declare class Slider extends Component<SliderOptions> {
     el: HTMLInputElement;
     private _pointerDown;
+    private _resizeObserver;
     value: HTMLElement;
     thumb: HTMLElement;
     constructor(el: HTMLInputElement, options: Partial<SliderOptions>);
@@ -26,7 +27,7 @@ export declare class Slider extends Component<SliderOptions> {
     _removeEventHandlers(): void;
     _handleRangeChange: () => void;
     _handleRangePointerDown: (e: PointerEvent) => void;
-    _handleRangeInputOrMove: () => void;
+    _handleRangeInputOrMove: (e: Event) => void;
     _handleRangePointerUp: (e: PointerEvent) => void;
     _handleRangeRelease: () => void;
     _setupThumb(): void;

package/dist/types/components/snackbar.d.ts

@@ -17,7 +17,7 @@ export interface SnackbarOptions extends BaseOptions {
     onAction: () => void;
     /**
      * Show a trailing close icon button.
-     * @default false
+     * Defaults to true when action is set, otherwise false.
      */
     dismissible: boolean;
     /**
@@ -28,7 +28,7 @@ export interface SnackbarOptions extends BaseOptions {
     /**
      * Length in ms the Snackbar stays before dismissal.
      * `Infinity` keeps it on screen until the user acts.
-     * When `action` is set and this is omitted, the default is 10000.
+     * When `action` is set and this is omitted, the default is Infinity.
      * @default 4000
      */
     displayLength: number;
@@ -91,6 +91,7 @@ export declare class Snackbar {
     deltaX: number;
     velocityX: number;
     private _dismissed;
+    private _returnFocus;
     static _snackbars: Snackbar[];
     static _container: HTMLElement;
     static _draggedSnackbar: Snackbar;
@@ -128,6 +129,7 @@ export declare class Snackbar {
     _pauseTimer(): void;
     /** Restart a countdown stopped by {@link _pauseTimer}. */
     _resumeTimer(): void;
+    private _restoreFocus;
     /**
      * Dismiss snackbar with animation.
      */

package/dist/types/components/tabs.d.ts

@@ -33,6 +33,8 @@ export declare class Tabs extends Component<TabsOptions> {
     _tabsCarousel: Carousel;
     _activeTabLink: HTMLAnchorElement;
     _content: HTMLElement;
+    private _originalPanels;
+    private _originalLinks;
     constructor(el: HTMLElement, options: Partial<TabsOptions>);
     static get defaults(): TabsOptions;
     /**
@@ -75,7 +77,6 @@ export declare class Tabs extends Component<TabsOptions> {
     _setupSwipeableTabs(): void;
     _teardownSwipeableTabs(): void;
     _setupNormalTabs(): void;
-    _teardownNormalTabs(): void;
     _setTabsAndTabWidth(): void;
     _calcRightPos(el: any): number;
     _calcLeftPos(el: any): number;

package/dist/types/components/timepicker.d.ts

@@ -55,7 +55,10 @@ export interface TimepickerOptions extends BaseOptions {
     /**
      * Internationalization options.
      */
-    i18n: Partial<I18nOptions>;
+    i18n: Partial<I18nOptions & {
+        hours: string;
+        minutes: string;
+    }>;
     /**
      * Use 12 hour AM/PM clock instead of 24 hour clock.
      * @default true
@@ -190,7 +193,6 @@ export declare class Timepicker extends Component<TimepickerOptions> {
     _buildHoursTick(i: number, radian: number, radius: number): void;
     _buildMinutesView(): void;
     _handleAmPmClick: (e: MouseEvent) => void;
-    _handleAmPmKeypress: (e: KeyboardEvent) => void;
     _handleAmPmInteraction: (e: HTMLElement) => void;
     _updateAmPmView(): void;
     _updateTimeFromInput(): void;
@@ -201,7 +203,7 @@ export declare class Timepicker extends Component<TimepickerOptions> {
      */
     showView: (view: Views, delay?: number) => void;
     resetClock(delay: any): void;
-    _inputFromTextField: () => void;
+    _inputFromTextField: (event: Event) => void;
     drawClockFromTimeInput(value: any, isHours: any): void;
     setHand(x: any, y: any, roundBy5?: boolean): void;
     setClockAttributes(radian: number, radius: number): void;

package/dist/types/components/tooltip.d.ts

@@ -110,9 +110,11 @@ export declare class Tooltip extends Component<TooltipOptions> {
     };
     _animateIn(): void;
     _animateOut(): void;
+    _animate(show: boolean): void;
     _handleMouseEnter: () => void;
-    _handleMouseLeave: () => void;
-    _handleFocus: () => void;
-    _handleBlur: () => void;
+    _handleMouseLeave: (event: MouseEvent) => void;
+    _handleKeydown: (event: KeyboardEvent) => void;
+    _handleFocus: (event: FocusEvent) => void;
+    _handleBlur: (event: FocusEvent) => void;
     _getAttributeOptions(): Partial<TooltipOptions>;
 }

package/dist/types/index.d.ts

@@ -1,8 +1 @@
-export * from "./components";
-export { Dialogs } from "./behaviors/dialogs";
-export { BottomSheets } from "./behaviors/bottomSheets";
-export { SideSheets } from "./behaviors/sideSheets";
-export { Forms } from "./behaviors/forms";
-export { AutoInit } from "./components/registry";
-export type { AutoInitOptions } from "./components/registry";
-export declare const version = "0.9.1";
+export * from './modular';

package/dist/types/modular.d.ts

@@ -0,0 +1,28 @@
+export * from './components';
+export { Dialogs } from './behaviors/dialogs';
+export { BottomSheets } from './behaviors/bottomSheets';
+export { SideSheets } from './behaviors/sideSheets';
+export { Forms } from './behaviors/forms';
+export { AutoInit } from './components/registry';
+export type { AutoInitOptions } from './components/registry';
+export declare const version = "0.10.1";
+export type * from './components/autocomplete';
+export type * from './components/appBar';
+export type * from './components/buttons';
+export type * from './components/buttonGroup';
+export type * from './components/cards';
+export type * from './components/expandingCard';
+export type * from './components/carousel';
+export type * from './components/characterCounter';
+export type * from './components/chips';
+export type * from './components/datepicker';
+export type * from './components/menu';
+export type * from './components/lightbox';
+export type * from './components/slider';
+export type * from './components/scrollspy';
+export type * from './components/select';
+export type * from './components/navigationRail';
+export type * from './components/tabs';
+export type * from './components/timepicker';
+export type * from './components/snackbar';
+export type * from './components/tooltip';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@expressivecss/expressive",
-  "version": "0.9.1",
+  "version": "0.10.1",
   "description": "ExpressiveCSS - a Material Design 3 front-end framework.",
   "license": "MIT",
   "author": "BaezFJ <baezdevs@gmail.com>",
@@ -32,7 +32,10 @@
   "unpkg": "./dist/js/expressive.min.js",
   "jsdelivr": "./dist/js/expressive.min.js",
   "sideEffects": [
-    "./dist/js/*",
+    "./dist/js/expressive.mjs",
+    "./dist/js/expressive.cjs",
+    "./dist/js/expressive.js",
+    "./dist/js/expressive.min.js",
     "*.css",
     "*.scss"
   ],
@@ -47,7 +50,12 @@
     "./css/min": "./dist/css/expressive.min.css",
     "./fonts/*": "./dist/fonts/*",
     "./scss": "./src/sass/expressive.scss",
-    "./scss/*": "./src/sass/*"
+    "./scss/*": "./src/sass/*",
+    "./modular": {
+      "types": "./dist/types/modular.d.ts",
+      "import": "./dist/js/modular.mjs"
+    },
+    "./scss/custom": "./src/sass/custom.scss"
   },
   "files": [
     "dist",
@@ -66,7 +74,7 @@
     "build:css:expanded": "sass src/sass/expressive.scss dist/css/expressive.css --style=expanded --source-map --load-path=src/sass",
     "build:css:min": "sass src/sass/expressive.scss dist/css/expressive.min.css --style=compressed --source-map --load-path=src/sass",
     "build:js": "run-s build:js:esm build:js:cjs build:js:iife build:js:iife-min",
-    "build:js:esm": "esbuild src/ts/index.ts --bundle --format=esm --target=es2020 --outfile=dist/js/expressive.mjs --sourcemap",
+    "build:js:esm": "node scripts/build-esm.mjs",
     "build:js:cjs": "esbuild src/ts/index.ts --bundle --format=cjs --target=es2020 --outfile=dist/js/expressive.cjs --sourcemap",
     "build:js:iife": "esbuild src/ts/index.ts --bundle --format=iife --global-name=Expressive --target=es2020 --outfile=dist/js/expressive.js --sourcemap",
     "build:js:iife-min": "esbuild src/ts/index.ts --bundle --format=iife --global-name=Expressive --target=es2020 --outfile=dist/js/expressive.min.js --minify --sourcemap",
@@ -87,6 +95,10 @@
     "test": "run-s build:js build:css test:run",
     "test:run": "node --test",
     "test:browser": "run-s build:js build:css test:browser:run",
+    "test:docker": "node scripts/run-docker.mjs",
+    "docs:docker": "node scripts/run-docker.mjs --docs",
+    "test:visual:docker": "node scripts/run-docker.mjs --visual",
+    "test:packages:docker": "node scripts/run-docker.mjs sh -c 'npm ci --prefix mcp/expressivecss && npm test --prefix mcp/expressivecss && npm run verify:packages'",
     "test:browser:critical": "node scripts/check-browser.mjs && node --test tests/expressivecss-cross-browser.test.js",
     "test:browser:run": "node scripts/check-browser.mjs && node --test tests/*-browser.test.js",
     "test:watch": "node --test --watch",