@yewdiel21/motion-kit 0.14.0 → 0.15.0

package/README.md

@@ -1,155 +1,174 @@
-# @yewdiel21/motion-kit
-
-Motion toolkit for vanilla JavaScript, Astro and React/Next.js. GSAP recipes, accessible UI components, 19 Material 3 themes, CSS controls and optional WebGL effects.
-
-[Live playground](https://motion-kit-playground.vercel.app) — vanilla and React examples for every component.
-
-## Install
-
-```sh
-npm install @yewdiel21/motion-kit gsap
-```
-
-For React components, install React 18 or newer. The theme generator additionally requires `@material/material-color-utilities@^0.3.0`.
-
-## Vanilla / Astro
-
-```ts
-import '@yewdiel21/motion-kit/css';
-import { autoInit } from '@yewdiel21/motion-kit/auto';
-
-const destroy = autoInit(document);
-```
-
-```html
-<div class="mk-segmented" data-mk="tabs">
-  <button data-mk-tab aria-selected="true">Today</button>
-  <button data-mk-tab>Week</button>
-  <span data-mk-indicator></span>
-</div>
-```
-
-Call `destroy()` before replacing the DOM. Add `MK_HEAD_SCRIPT` from `/auto` inline to `<head>` when using entrance recipes, and `defineElements()` from `/elements` to register the `mk-*` custom elements.
-
-## React / Next.js
-
-```tsx
-'use client';
-
-import '@yewdiel21/motion-kit/css';
-import { useRef } from 'react';
-import { useTabs } from '@yewdiel21/motion-kit/react';
-
-export function Tabs() {
-  const ref = useRef<HTMLDivElement>(null);
-  useTabs(ref);
-  return (
-    <div ref={ref} className="mk-segmented">
-      <button data-mk-tab aria-selected="true">Today</button>
-      <button data-mk-tab>Week</button>
-      <span data-mk-indicator="" />
-    </div>
-  );
-}
-```
-
-Hooks create the engine after mount and destroy it on unmount. Import themes separately from `/css/themes`, fonts from `/css/fonts`, and theme utilities from `/theme`.
-
-## Copy source with the CLI
-
-```sh
-npx @yewdiel21/motion-kit list
-npx @yewdiel21/motion-kit add tabs island drag-ruler --react --elements --dir src/motion-kit
-npx @yewdiel21/motion-kit skill
-```
-
-The CLI copies the selected components, their dependencies and CSS. Each copied folder includes its README. It does not overwrite files without `--force`.
-
-## Entry points
-
-| Import | Contents |
-|---|---|
-| `@yewdiel21/motion-kit` | Factories, motion functions, easings and timing constants |
-| `/auto` | Declarative `data-mk` initialization and head script |
-| `/react` | Hooks and React components |
-| `/elements` | Custom elements |
-| `/theme` | Theme runtime and head script |
-| `/theme/generate` | Optional Material 3 palette generator |
-| `/gl` | Particle hero, liquid blend, matcap, shader grain and blur |
-| `/css`, `/css/themes`, `/css/fonts` | Styles, theme palettes and font imports |
-
-WebGL is optional. Keep accessible text and images in HTML; effects provide a fallback when graphics support is unavailable. Motion recipes respect reduced-motion preferences and return an idempotent `destroy()`.
-
-Full component documentation and the playground source are in the [repository](https://github.com/YewdielMartinez/motion-kit). Each component README documents its markup, options and controls. License notices: `NOTICE`. License: `UNLICENSED`; all rights reserved.
-
-## New in 0.14.0
-
-Twenty-two application components with GSAP microinteractions, each with a factory, a React component, a custom element, its own stylesheet, a Spanish README and vanilla/React demos:
-
-- Overlays and feedback: `tooltip` (automatic placement, an arrow that tracks its anchor), `popover` (an anchored, interactive panel that grows out of its trigger), `loading-button` (loading, success and error with a width glide), `empty-state` (drawn illustrations with an idle loop), `breadcrumb` (folds its middle into "…", glides when the path changes).
-- Data at a glance: `stat-card` (a counted figure, trend badge, sparkline and target), `chart-tooltip` (a rich tooltip linked to `chart` or standalone).
-- Inputs: `multi-select` (chips and search), `tag-input` (autocomplete and validation), `date-time-picker` (date and time in one field), `filter-builder` (conditions and nested AND/OR groups).
-- Structures: `timeline`, `activity-feed` (live entries behind a "novedades" pill), `tree-view` (three-state checks, search, lazy children), `file-explorer` (tree, breadcrumb, list/grid, drag-and-drop), `json-viewer` (typed values, copy, flashes on new data), `virtual-list` (thousands of rows, measured heights, a position pill).
-- Layout and data: `resizable-panel` (draggable separators with a rubber band and snap-to-collapse), `split-view`, `data-table` (sorting, search, filters, selection with bulk actions, pagination, row menus, columns), `editable-table` (in-place editing, validation and saving), `rich-text-editor` (toolbar, Markdown shortcuts, safe paste, links, counter).
-
-New helpers: `place`, `matchesFilter`, `describeFilter`, `relativeTime`, `dayLabel`, `findNode`, `toggleCheck`, `searchTree`, `formatSize`, `sortEntries`, `createSizes`, `jsonPath`, `normaliseSizes`, `sanitizeHtml`, `toDateTimeValue`. `chart` gains an optional built-in tooltip and richer `mk:select` details; `breadcrumb` keeps a crumb that turns into a link in place.
-
-## New in 0.13.0
-
-Seven input components with GSAP microinteractions, each with a factory, a React component, a custom element, its own stylesheet and vanilla/React demos:
-
-- `color-slider`: one channel (hue, saturation, brightness, lightness, red, green, blue, alpha) on a native range; gradient track, round thumb that grows when grabbed and a colour loupe.
-- `color-area`: saturation × brightness square with drag, keyboard (two labelled ranges) and the same loupe.
-- `color-field`: hex / rgb() / hsl() text with a live swatch; invalid input shakes and reverts.
-- `color-picker`: a swatch button that grows into a panel (area, hue, alpha, field, presets, eyedropper), or the panel inline.
-- `time-field`: segmented time (24 h or a.m./p.m.); digits roll, a focus pill glides, min/max validation.
-- `range-calendar`: one or two months; two-click range with hover preview, a band that wipes in, unavailable days, full keyboard.
-- `date-range-picker`: two segmented dates and a calendar popover that grows out of its button; presets and inline errors.
-
-`command-search` now grows out of the button that opened it and folds back into it. New helpers: `parseColor`, `formatColor`, `toHex`, `toHsva`, `luminance`, `parseTime`, `formatTime`, `toRange`, `rangeKeys`.
-
-## New in 0.12.0
-
-Ten microinteraction components on the Melon Mind design line (neutral surfaces, sparse accent, glass and GSAP curves), each with a factory, a React component, a custom element, its own stylesheet and vanilla/React demos. All of them respect reduced motion.
-
-- `credit-card`: the card fills in as you type (characters roll in, a frame follows the active field), detects the brand, checks Luhn and expiry, and turns over in 3D for the CVC.
-- `command-search`: Ctrl/⌘ K palette with fuzzy matching, marked matches, groups, arrows and Enter; an `href` navigates unless `mk:select` is cancelled.
-- `hold-confirm`: the button itself fills while held (pointer or Space/Enter); releasing early cancels, completion pops a check.
-- `image-preview`: thumbnails open into a dialog that grows from the picture; arrows, swipe, double-click zoom, drag down or Escape to close.
-- `like-button`: heart that squashes and pops with particles; the count rolls.
-- `notification-bell`: the bell swings, the badge pops and a message rises beside it on the side with room.
-- `password-strength`: four-segment meter, live rule checklist and show/hide toggle; can require a score through native validity.
-- `scratch-card`: metallic canvas cover scratched with a finger or mouse; reveals at a threshold with confetti, plus a keyboard Reveal button.
-- `star-rating`: native radios with hover preview, pop and sparkles; half stars when read-only.
-- `swipe-actions`: rows slide to show actions on both sides; a long swipe runs the primary action, keyboard reaches every action.
-
-Shared motion helpers are exported: `press`, `blurIn`, `blurOut`, `collapse`, `shake`, `ringPulse`, `burst` and `rollDigits`, plus the `click`, `playful`, `pop`, `wipe` and `shake` curves in `EASE`.
-
-The 0.11 entries follow the same line: `code-block` is a dark editor with built-in syntax highlighting (ts/js/jsx, json, css, html/xml, shell) and `highlightLines`; `link-preview` adds a `row` variant; `progress` and `range-slider` glide between values; `chart` defaults to a monochrome single series with an end-value pill (`axis` and `endLabel` options) and animates its first draw and data updates; `hover-card`, `attachment`, `skeleton` and `questionnaire` adopt the glass and surfaces with tighter radii. Counts and ratings format numbers in the page language.
-
-## New in 0.11.0
-
-Ten everyday components, each with a factory, a React component, a custom element, its own stylesheet (`/css/components/<name>.css`) and vanilla/React demos in the playground. Data, uploads and persistence stay in your app.
-
-- `attachment`: file chooser and drop zone with accept/size/count validation, cards with progress and status, image previews revoked on removal.
-- `skeleton`: text, avatar, image or card placeholders with pulse or shimmer; the region reports `aria-busy` and keeps real content hidden until loaded.
-- `questionnaire`: native-form steps (text, single and multiple choice) with per-step validation, focus on the first invalid field and a single completion; built on `steps`.
-- `code-block`: title, language, line numbers and copy with success/error feedback; code is always text.
-- `context-menu`: right click, Menu key, Shift+F10 or long press; placed inside the viewport, built on `menu`, focus returns to the opener.
-- `drawer`: left/right side panel or bottom sheet on the dialog engine, with focus, Escape and scroll locking.
-- `link-preview`: resource card or hover preview from app-supplied metadata; only http(s)/relative links.
-- `progress`: bar or ring, determinate or indeterminate.
-- `range-slider`: single value or interval on native range inputs.
-- `chart`: SVG line, area and grouped/stacked bars with pointer/touch/keyboard tooltip and an accessible table, no chart runtime.
-
-`hover-card` now flips and shifts to stay inside the viewport and repositions on scroll and resize; its API is unchanged (plus `reposition()`). `Dialog` gains an optional `anchor` box and a `drawer` variant used by the new surfaces.
-
-## New in 0.10.0
-
-Nineteen entries, each with vanilla and React demos in the playground:
-
-- **Components** (factory, React and custom element): `quantity`, `pagination`, `hover-card`, `input-otp`, `studio-dock`, `trailer`, `calendar` (month and week views with events, ARIA grid) and `slot-picker` (day and time slots for bookings; accepts lists, maps or promises and submits through a hidden input).
-- **Recipes** (factory, hook and `autoInit()`): `joined-cta`, `image-zoom`, `font-cycle`, `thumbnail-nav`, `action-button`, `film-hero`, `editorial-reveal`, `weight-hover` (requires a variable font), `sticker`, `scroll-dock` and `local-clock`.
-- **CSS control**: `.mk-status`, an availability pill with a pulsing dot.
-
-All new entries return an idempotent `destroy()`, support the keyboard and respect reduced motion. No original assets from the reference sites are included.
+# @yewdiel21/motion-kit
+
+Motion toolkit for vanilla JavaScript, Astro and React/Next.js. GSAP recipes, accessible UI components, 19 Material 3 themes, CSS controls and optional WebGL effects.
+
+[Live playground](https://motion-kit-playground.vercel.app) — vanilla and React examples for every component.
+
+## Install
+
+```sh
+npm install @yewdiel21/motion-kit gsap
+```
+
+For React components, install React 18 or newer. The theme generator additionally requires `@material/material-color-utilities@^0.3.0`.
+
+## Vanilla / Astro
+
+```ts
+import '@yewdiel21/motion-kit/css';
+import { autoInit } from '@yewdiel21/motion-kit/auto';
+
+const destroy = autoInit(document);
+```
+
+```html
+<div class="mk-segmented" data-mk="tabs">
+  <button data-mk-tab aria-selected="true">Today</button>
+  <button data-mk-tab>Week</button>
+  <span data-mk-indicator></span>
+</div>
+```
+
+Call `destroy()` before replacing the DOM. Add `MK_HEAD_SCRIPT` from `/auto` inline to `<head>` when using entrance recipes, and `defineElements()` from `/elements` to register the `mk-*` custom elements.
+
+## React / Next.js
+
+```tsx
+'use client';
+
+import '@yewdiel21/motion-kit/css';
+import { useRef } from 'react';
+import { useTabs } from '@yewdiel21/motion-kit/react';
+
+export function Tabs() {
+  const ref = useRef<HTMLDivElement>(null);
+  useTabs(ref);
+  return (
+    <div ref={ref} className="mk-segmented">
+      <button data-mk-tab aria-selected="true">Today</button>
+      <button data-mk-tab>Week</button>
+      <span data-mk-indicator="" />
+    </div>
+  );
+}
+```
+
+Hooks create the engine after mount and destroy it on unmount. Import themes separately from `/css/themes`, fonts from `/css/fonts`, and theme utilities from `/theme`.
+
+## Copy source with the CLI
+
+```sh
+npx @yewdiel21/motion-kit list
+npx @yewdiel21/motion-kit add tabs island drag-ruler --react --elements --dir src/motion-kit
+npx @yewdiel21/motion-kit skill
+```
+
+The CLI copies the selected components, their dependencies and CSS. Each copied folder includes its README. It does not overwrite files without `--force`.
+
+## Entry points
+
+| Import | Contents |
+|---|---|
+| `@yewdiel21/motion-kit` | Factories, motion functions, easings and timing constants |
+| `/auto` | Declarative `data-mk` initialization and head script |
+| `/react` | Hooks and React components |
+| `/elements` | Custom elements |
+| `/theme` | Theme runtime and head script |
+| `/theme/generate` | Optional Material 3 palette generator |
+| `/gl` | Particle hero, liquid blend, matcap, shader grain and blur |
+| `/css`, `/css/themes`, `/css/fonts` | Styles, theme palettes and font imports |
+
+WebGL is optional. Keep accessible text and images in HTML; effects provide a fallback when graphics support is unavailable. Motion recipes respect reduced-motion preferences and return an idempotent `destroy()`.
+
+Full component documentation and the playground source are in the [repository](https://github.com/YewdielMartinez/motion-kit). Each component README documents its markup, options and controls. License notices: `NOTICE`. License: `UNLICENSED`; all rights reserved.
+
+## New in 0.14.0
+
+Twenty-two application components with GSAP microinteractions, each with a factory, a React component, a custom element, its own stylesheet, a Spanish README and vanilla/React demos:
+
+- Overlays and feedback: `tooltip` (automatic placement, an arrow that tracks its anchor), `popover` (an anchored, interactive panel that grows out of its trigger), `loading-button` (loading, success and error with a width glide), `empty-state` (drawn illustrations with an idle loop), `breadcrumb` (folds its middle into "…", glides when the path changes).
+- Data at a glance: `stat-card` (a counted figure, trend badge, sparkline and target), `chart-tooltip` (a rich tooltip linked to `chart` or standalone).
+- Inputs: `multi-select` (chips and search), `tag-input` (autocomplete and validation), `date-time-picker` (date and time in one field), `filter-builder` (conditions and nested AND/OR groups).
+- Structures: `timeline`, `activity-feed` (live entries behind a "novedades" pill), `tree-view` (three-state checks, search, lazy children), `file-explorer` (tree, breadcrumb, list/grid, drag-and-drop), `json-viewer` (typed values, copy, flashes on new data), `virtual-list` (thousands of rows, measured heights, a position pill).
+- Layout and data: `resizable-panel` (draggable separators with a rubber band and snap-to-collapse), `split-view`, `data-table` (sorting, search, filters, selection with bulk actions, pagination, row menus, columns), `editable-table` (in-place editing, validation and saving), `rich-text-editor` (toolbar, Markdown shortcuts, safe paste, links, counter).
+
+New helpers: `place`, `matchesFilter`, `describeFilter`, `relativeTime`, `dayLabel`, `findNode`, `toggleCheck`, `searchTree`, `formatSize`, `sortEntries`, `createSizes`, `jsonPath`, `normaliseSizes`, `sanitizeHtml`, `toDateTimeValue`. `chart` gains an optional built-in tooltip and richer `mk:select` details; `breadcrumb` keeps a crumb that turns into a link in place.
+
+## New in 0.13.0
+
+Seven input components with GSAP microinteractions, each with a factory, a React component, a custom element, its own stylesheet and vanilla/React demos:
+
+- `color-slider`: one channel (hue, saturation, brightness, lightness, red, green, blue, alpha) on a native range; gradient track, round thumb that grows when grabbed and a colour loupe.
+- `color-area`: saturation × brightness square with drag, keyboard (two labelled ranges) and the same loupe.
+- `color-field`: hex / rgb() / hsl() text with a live swatch; invalid input shakes and reverts.
+- `color-picker`: a swatch button that grows into a panel (area, hue, alpha, field, presets, eyedropper), or the panel inline.
+- `time-field`: segmented time (24 h or a.m./p.m.); digits roll, a focus pill glides, min/max validation.
+- `range-calendar`: one or two months; two-click range with hover preview, a band that wipes in, unavailable days, full keyboard.
+- `date-range-picker`: two segmented dates and a calendar popover that grows out of its button; presets and inline errors.
+
+`command-search` now grows out of the button that opened it and folds back into it. New helpers: `parseColor`, `formatColor`, `toHex`, `toHsva`, `luminance`, `parseTime`, `formatTime`, `toRange`, `rangeKeys`.
+
+## New in 0.12.0
+
+Ten microinteraction components on the Melon Mind design line (neutral surfaces, sparse accent, glass and GSAP curves), each with a factory, a React component, a custom element, its own stylesheet and vanilla/React demos. All of them respect reduced motion.
+
+- `credit-card`: the card fills in as you type (characters roll in, a frame follows the active field), detects the brand, checks Luhn and expiry, and turns over in 3D for the CVC.
+- `command-search`: Ctrl/⌘ K palette with fuzzy matching, marked matches, groups, arrows and Enter; an `href` navigates unless `mk:select` is cancelled.
+- `hold-confirm`: the button itself fills while held (pointer or Space/Enter); releasing early cancels, completion pops a check.
+- `image-preview`: thumbnails open into a dialog that grows from the picture; arrows, swipe, double-click zoom, drag down or Escape to close.
+- `like-button`: heart that squashes and pops with particles; the count rolls.
+- `notification-bell`: the bell swings, the badge pops and a message rises beside it on the side with room.
+- `password-strength`: four-segment meter, live rule checklist and show/hide toggle; can require a score through native validity.
+- `scratch-card`: metallic canvas cover scratched with a finger or mouse; reveals at a threshold with confetti, plus a keyboard Reveal button.
+- `star-rating`: native radios with hover preview, pop and sparkles; half stars when read-only.
+- `swipe-actions`: rows slide to show actions on both sides; a long swipe runs the primary action, keyboard reaches every action.
+
+Shared motion helpers are exported: `press`, `blurIn`, `blurOut`, `collapse`, `shake`, `ringPulse`, `burst` and `rollDigits`, plus the `click`, `playful`, `pop`, `wipe` and `shake` curves in `EASE`.
+
+The 0.11 entries follow the same line: `code-block` is a dark editor with built-in syntax highlighting (ts/js/jsx, json, css, html/xml, shell) and `highlightLines`; `link-preview` adds a `row` variant; `progress` and `range-slider` glide between values; `chart` defaults to a monochrome single series with an end-value pill (`axis` and `endLabel` options) and animates its first draw and data updates; `hover-card`, `attachment`, `skeleton` and `questionnaire` adopt the glass and surfaces with tighter radii. Counts and ratings format numbers in the page language.
+
+## New in 0.11.0
+
+Ten everyday components, each with a factory, a React component, a custom element, its own stylesheet (`/css/components/<name>.css`) and vanilla/React demos in the playground. Data, uploads and persistence stay in your app.
+
+- `attachment`: file chooser and drop zone with accept/size/count validation, cards with progress and status, image previews revoked on removal.
+- `skeleton`: text, avatar, image or card placeholders with pulse or shimmer; the region reports `aria-busy` and keeps real content hidden until loaded.
+- `questionnaire`: native-form steps (text, single and multiple choice) with per-step validation, focus on the first invalid field and a single completion; built on `steps`.
+- `code-block`: title, language, line numbers and copy with success/error feedback; code is always text.
+- `context-menu`: right click, Menu key, Shift+F10 or long press; placed inside the viewport, built on `menu`, focus returns to the opener.
+- `drawer`: left/right side panel or bottom sheet on the dialog engine, with focus, Escape and scroll locking.
+- `link-preview`: resource card or hover preview from app-supplied metadata; only http(s)/relative links.
+- `progress`: bar or ring, determinate or indeterminate.
+- `range-slider`: single value or interval on native range inputs.
+- `chart`: SVG line, area and grouped/stacked bars with pointer/touch/keyboard tooltip and an accessible table, no chart runtime.
+
+`hover-card` now flips and shifts to stay inside the viewport and repositions on scroll and resize; its API is unchanged (plus `reposition()`). `Dialog` gains an optional `anchor` box and a `drawer` variant used by the new surfaces.
+
+## New in 0.10.0
+
+Nineteen entries, each with vanilla and React demos in the playground:
+
+- **Components** (factory, React and custom element): `quantity`, `pagination`, `hover-card`, `input-otp`, `studio-dock`, `trailer`, `calendar` (month and week views with events, ARIA grid) and `slot-picker` (day and time slots for bookings; accepts lists, maps or promises and submits through a hidden input).
+- **Recipes** (factory, hook and `autoInit()`): `joined-cta`, `image-zoom`, `font-cycle`, `thumbnail-nav`, `action-button`, `film-hero`, `editorial-reveal`, `weight-hover` (requires a variable font), `sticker`, `scroll-dock` and `local-clock`.
+- **CSS control**: `.mk-status`, an availability pill with a pulsing dot.
+
+All new entries return an idempotent `destroy()`, support the keyboard and respect reduced motion. No original assets from the reference sites are included.
+
+## Controles y gráficos · 0.15.0
+
+- `pill-button`: el fondo de la píldora se reúne junto al icono; también tiene una variante inversa.
+- `toolbar`: selector elástico tipo slime, orientación vertical u horizontal y etiquetas que siguen la selección.
+- `bidirectional-slider`: volumen, balance o ajustes alrededor de un origen, con teclado y burbuja de valor.
+- `orbit-menu`: acciones alrededor de un botón central, con entrada escalonada, foco y Escape.
+- `voice-dots`: espera, escucha, pensamiento y habla; sigue un `MediaStream`, audio/video o niveles de tu aplicación.
+- `chart`: línea, área, barras, combinación por serie y áreas por rangos con `lowerValues`.
+- `pie-chart`, `radar-chart`, `radial-chart`, `sankey-chart` y `heatmap-chart`: datos animados, tooltips, selección por teclado y tablas accesibles.
+
+Cada pieza incluye factory vanilla, custom element, componente React, estilos individuales, documentación y demos interactivas. Los gráficos nuevos comparten los tokens de color y actualizan sus datos sin desmontarse. Las animaciones respetan `prefers-reduced-motion`.
+
+```tsx
+import '@yewdiel21/motion-kit/css';
+import { PillButton, Toolbar, VoiceDots, Chart, PieChart } from '@yewdiel21/motion-kit/react';
+```
+
+Los cambios de 0.15 también incluyen `select`, `add-to-cart` y `scroll-island`, que ya estaban implementados antes de esta continuación.

package/bin/motion-kit.mjs

@@ -4,7 +4,7 @@
 // No dependencies: it reads src/, registry.json and skills/ shipped inside the package.
 import { copyFileSync, cpSync, existsSync, mkdirSync, readFileSync, readdirSync, statSync, writeFileSync } from 'node:fs';
 import { homedir } from 'node:os';
-import { dirname, join, posix, resolve } from 'node:path';
+import { dirname, join, posix, relative, resolve } from 'node:path';
 import { fileURLToPath, pathToFileURL } from 'node:url';
 
 const PKG = join(dirname(fileURLToPath(import.meta.url)), '..');
@@ -129,7 +129,7 @@ function addThemes(ids) {
   const dir = copyInto(ids.map((id) => `css/themes/${id}.css`));
   out();
   out('Next steps:');
-  out(`  1. Import the stylesheets after the tokens, e.g. import './${posix.relative(process.cwd(), dir).split('\\').join('/')}/css/themes/${ids[0]}.css';`);
+  out(`  1. Import the stylesheets after the tokens, e.g. import './${relative(process.cwd(), dir).split('\\').join('/')}/css/themes/${ids[0]}.css';`);
   out(`  2. Set <html data-mk-theme="${ids[0]}"> (or call setTheme('${ids[0]}') from theme/theme.ts).`);
 }
 
@@ -166,7 +166,7 @@ function add() {
   ];
   const files = closure(start);
   const dir = copyInto(files);
-  const rel = posix.relative(process.cwd(), dir).split('\\').join('/');
+  const rel = relative(process.cwd(), dir).split('\\').join('/');
 
   out();
   out('Next steps:');

package/dist/auto/index.d.ts

@@ -1,6 +1,6 @@
-import { c as createJoinedCta, a as createImageZoom, b as createFontCycle, d as createThumbnailNav, e as createActionButton, f as createFilmHero, g as createEditorialReveal, h as createDrawer, i as createWeightHover, j as createSticker, k as createScrollDock, l as createLocalClock, m as createSpringCards, C as CurvedCarouselInstance, n as createPile, o as createWords, p as createFlow, q as createPop, r as createFitText, s as createStretchFooter, t as createRadialMenu, u as createTabs, v as createCounter, w as createReveal, x as createReflow, y as createSlotText, z as createSortable, A as createMaskText, B as createCascade, D as createTextRoll, E as createLetters, F as createParallax, G as createDepthGrid, H as createFrameZoom, I as createContrast, J as createMarquee, K as createCardDock, L as createSnapStrip, M as createFillText, T as TicketMenuOptions, N as TicketMenuInstance, O as createInfiniteReel, P as createRepelBento, Q as createRotator, R as createDragRuler, S as createDockPill } from '../reduced-BBUusld6.js';
-export { U as MK_HEAD_SCRIPT } from '../reduced-BBUusld6.js';
-import { c as createStudioDock, a as createTrailer, b as createQuantity, d as createPagination, e as createHoverCard, f as createInputOtp, g as createCalendar, h as createSlotPicker, i as createCreditCard, j as createCommandSearch, k as createHoldConfirm, l as createImagePreview, m as createNotificationBell, n as createPasswordStrength, o as createScratchCard, p as createStarRating, q as createAttachment, r as createSkeleton, s as createQuestionnaire, t as createCodeBlock, u as createContextMenu, v as createLinkPreview, w as createProgress, x as createRangeSlider, y as createChart, z as createColorSlider, A as createColorArea, B as createColorField, C as createColorPicker, D as createTimeField, E as createRangeCalendar, F as createDateRangePicker, G as createTooltip, H as createPopover, I as createLoadingButton, J as createBreadcrumb, K as createEmptyState, L as createStatCard, M as createChartTooltip, N as createMultiSelect, O as createTagInput, P as createDateTimePicker, Q as createFilterBuilder, R as createTimeline, S as createActivityFeed, T as createTreeView, U as createFileExplorer, V as createJsonViewer, W as createVirtualList, X as createResizablePanel, Y as createSplitView, Z as createDataTable, _ as createEditableTable, $ as createRichTextEditor } from '../reveal-DEvp6U6T.js';
+import { c as createJoinedCta, a as createImageZoom, b as createFontCycle, d as createThumbnailNav, e as createActionButton, f as createFilmHero, g as createEditorialReveal, h as createDrawer, i as createWeightHover, j as createSticker, k as createScrollDock, l as createLocalClock, m as createSpringCards, C as CurvedCarouselInstance, n as createPile, o as createWords, p as createFlow, q as createPop, r as createFitText, s as createStretchFooter, t as createRadialMenu, u as createTabs, v as createCounter, w as createReveal, x as createReflow, y as createSlotText, z as createSortable, A as createMaskText, B as createCascade, D as createTextRoll, E as createLetters, F as createParallax, G as createDepthGrid, H as createFrameZoom, I as createContrast, J as createMarquee, K as createCardDock, L as createSnapStrip, M as createFillText, T as TicketMenuOptions, N as TicketMenuInstance, O as createInfiniteReel, P as createRepelBento, Q as createRotator, R as createDragRuler, S as createDockPill } from '../reduced-6X_bns60.js';
+export { U as MK_HEAD_SCRIPT } from '../reduced-6X_bns60.js';
+import { c as createStudioDock, a as createTrailer, b as createQuantity, d as createPagination, e as createHoverCard, f as createInputOtp, g as createCalendar, h as createSlotPicker, i as createCreditCard, j as createCommandSearch, k as createHoldConfirm, l as createImagePreview, m as createNotificationBell, n as createPasswordStrength, o as createScratchCard, p as createStarRating, q as createAttachment, r as createSkeleton, s as createQuestionnaire, t as createCodeBlock, u as createContextMenu, v as createLinkPreview, w as createProgress, x as createRangeSlider, y as createChart, z as createColorSlider, A as createColorArea, B as createColorField, C as createColorPicker, D as createTimeField, E as createRangeCalendar, F as createDateRangePicker, G as createTooltip, H as createPopover, I as createLoadingButton, J as createBreadcrumb, K as createEmptyState, L as createStatCard, M as createChartTooltip, N as createMultiSelect, O as createTagInput, P as createDateTimePicker, Q as createFilterBuilder, R as createTimeline, S as createActivityFeed, T as createTreeView, U as createFileExplorer, V as createJsonViewer, W as createVirtualList, X as createResizablePanel, Y as createSplitView, Z as createDataTable, _ as createEditableTable, $ as createRichTextEditor, a0 as createSelect, a1 as createAddToCart, a2 as createScrollIsland } from '../reveal-BfyKKsw4.js';
 import { c as createLikeButton, a as createSwipeActions } from '../engine-QECQnGz1.js';
 import { I as Instance } from '../types-BkS_raL8.js';
 import 'gsap/SplitText';
@@ -70,6 +70,9 @@ declare const factories: {
     'data-table': typeof createDataTable;
     'editable-table': typeof createEditableTable;
     'rich-text-editor': typeof createRichTextEditor;
+    select: typeof createSelect;
+    'add-to-cart': typeof createAddToCart;
+    'scroll-island': typeof createScrollIsland;
     'weight-hover': typeof createWeightHover;
     sticker: typeof createSticker;
     'scroll-dock': typeof createScrollDock;

package/dist/auto/index.js

@@ -44,10 +44,11 @@ import {
   createTicketMenu,
   createWeightHover,
   createWords
-} from "../chunk-EY4BJKC4.js";
+} from "../chunk-6IRJYXJU.js";
 import {
   ScrollTrigger,
   createActivityFeed,
+  createAddToCart,
   createAttachment,
   createBreadcrumb,
   createCalendar,
@@ -90,6 +91,8 @@ import {
   createResizablePanel,
   createRichTextEditor,
   createScratchCard,
+  createScrollIsland,
+  createSelect,
   createSkeleton,
   createSlotPicker,
   createSplitView,
@@ -104,7 +107,7 @@ import {
   createTrailer,
   createTreeView,
   createVirtualList
-} from "../chunk-CU6SXW3E.js";
+} from "../chunk-A6QQCF6V.js";
 import "../chunk-34EZ7DF4.js";
 import {
   MK_HEAD_SCRIPT
@@ -242,6 +245,9 @@ var factories = {
   "data-table": createDataTable,
   "editable-table": createEditableTable,
   "rich-text-editor": createRichTextEditor,
+  "select": createSelect,
+  "add-to-cart": createAddToCart,
+  "scroll-island": createScrollIsland,
   "weight-hover": createWeightHover,
   "sticker": createSticker,
   "scroll-dock": createScrollDock,

package/dist/auto/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/auto/parse-options.ts","../../src/auto/auto-init.ts"],"sourcesContent":["/** Attributes the recipes write themselves or use for children; never options. */\nconst RESERVED = new Set([\n  '',\n  'ready',\n  'inview',\n  'carousel',\n  'open',\n  'card',\n  'slide',\n  'toggle',\n  'item',\n  'phantom',\n  'footerTitle',\n  'tab',\n  'indicator',\n  'chevron',\n  'text',\n  'role',\n  'motion',\n  'veil',\n  'swatch',\n  'part',\n  'sorting',\n  'sortableGroup',\n  'sortableLocked',\n  'cascade',\n  'on',\n  'tone',\n  'cursorZone',\n  'hidden',\n  'pressed',\n  'parallaxTarget',\n  'spread',\n  'expanded',\n  'settled',\n  'mode',\n  'active',\n  'islandToggle',\n  'islandPanel',\n  'islandItem',\n  'islandClose',\n  'reelTrack',\n  'reelCopy',\n  'dragging',\n  'dockItem',\n]);\n\nconst coerce = (value: string): unknown => {\n  if (value === '' || value === 'true') return true;\n  if (value === 'false') return false;\n  if (/^-?\\d*\\.?\\d+$/.test(value)) return Number(value);\n  return value;\n};\n\n/**\n * `data-mk-<option>` attributes → options object.\n * `data-mk-throw-boost=\"2.5\"` → `{ throwBoost: 2.5 }`, `data-mk-trigger=\"load\"` → `{ trigger: 'load' }`.\n */\nexport function parseOptions(el: HTMLElement): Record<string, unknown> {\n  const options: Record<string, unknown> = {};\n  for (const [key, raw] of Object.entries(el.dataset)) {\n    if (!key.startsWith('mk') || key.length === 2) continue;\n    const name = key.charAt(2).toLowerCase() + key.slice(3);\n    if (RESERVED.has(name)) continue;\n    options[name] = coerce(raw ?? '');\n  }\n  return options;\n}\n","import { createQuantity } from '../components/quantity/engine';\nimport { createPagination } from '../components/pagination/engine';\nimport { createHoverCard } from '../components/hover-card/engine';\nimport { createInputOtp } from '../components/input-otp/engine';\nimport { createJoinedCta } from '../recipes/joined-cta/create-joined-cta';\nimport { createImageZoom } from '../recipes/image-zoom/create-image-zoom';\nimport { createFontCycle } from '../recipes/font-cycle/create-font-cycle';\nimport { createThumbnailNav } from '../recipes/thumbnail-nav/create-thumbnail-nav';\nimport { createActionButton } from '../recipes/action-button/create-action-button';\nimport { createFilmHero } from '../recipes/film-hero/create-film-hero';\nimport { createEditorialReveal } from '../recipes/editorial-reveal/create-editorial-reveal';\nimport { createStudioDock } from '../components/studio-dock/engine';\nimport { createCalendar } from '../components/calendar/engine';\nimport { createSlotPicker } from '../components/slot-picker/engine';\nimport { createWeightHover } from '../recipes/weight-hover/create-weight-hover';\nimport { createSticker } from '../recipes/sticker/create-sticker';\nimport { createScrollDock } from '../recipes/scroll-dock/create-scroll-dock';\nimport { createLocalClock } from '../recipes/local-clock/create-local-clock';\nimport { createTrailer } from '../components/trailer/engine';\nimport { createCreditCard } from '../components/credit-card/engine';\nimport { createCommandSearch } from '../components/command-search/engine';\nimport { createHoldConfirm } from '../components/hold-confirm/engine';\nimport { createImagePreview } from '../components/image-preview/engine';\nimport { createLikeButton } from '../components/like-button/engine';\nimport { createNotificationBell } from '../components/notification-bell/engine';\nimport { createPasswordStrength } from '../components/password-strength/engine';\nimport { createScratchCard } from '../components/scratch-card/engine';\nimport { createStarRating } from '../components/star-rating/engine';\nimport { createSwipeActions } from '../components/swipe-actions/engine';\nimport { createAttachment } from '../components/attachment/engine';\nimport { createSkeleton } from '../components/skeleton/engine';\nimport { createQuestionnaire } from '../components/questionnaire/engine';\nimport { createCodeBlock } from '../components/code-block/engine';\nimport { createContextMenu } from '../components/context-menu/engine';\nimport { createDrawer } from '../components/drawer/engine';\nimport { createLinkPreview } from '../components/link-preview/engine';\nimport { createProgress } from '../components/progress/engine';\nimport { createRangeSlider } from '../components/range-slider/engine';\nimport { createChart } from '../components/chart/engine';\nimport { createColorSlider } from '../components/color-slider/engine';\nimport { createColorArea } from '../components/color-area/engine';\nimport { createColorField } from '../components/color-field/engine';\nimport { createColorPicker } from '../components/color-picker/engine';\nimport { createTimeField } from '../components/time-field/engine';\nimport { createRangeCalendar } from '../components/range-calendar/engine';\nimport { createDateRangePicker } from '../components/date-range-picker/engine';\nimport { createTooltip } from '../components/tooltip/engine';\nimport { createPopover } from '../components/popover/engine';\nimport { createLoadingButton } from '../components/loading-button/engine';\nimport { createBreadcrumb } from '../components/breadcrumb/engine';\nimport { createEmptyState } from '../components/empty-state/engine';\nimport { createStatCard } from '../components/stat-card/engine';\nimport { createChartTooltip } from '../components/chart-tooltip/engine';\nimport { createMultiSelect } from '../components/multi-select/engine';\nimport { createTagInput } from '../components/tag-input/engine';\nimport { createDateTimePicker } from '../components/date-time-picker/engine';\nimport { createFilterBuilder } from '../components/filter-builder/engine';\nimport { createTimeline } from '../components/timeline/engine';\nimport { createActivityFeed } from '../components/activity-feed/engine';\nimport { createTreeView } from '../components/tree-view/engine';\nimport { createFileExplorer } from '../components/file-explorer/engine';\nimport { createJsonViewer } from '../components/json-viewer/engine';\nimport { createVirtualList } from '../components/virtual-list/engine';\nimport { createResizablePanel } from '../components/resizable-panel/engine';\nimport { createSplitView } from '../components/split-view/engine';\nimport { createDataTable } from '../components/data-table/engine';\nimport { createEditableTable } from '../components/editable-table/engine';\nimport { createRichTextEditor } from '../components/rich-text-editor/engine';\nimport { ScrollTrigger } from '../core/gsap';\nimport { warnOnce, type Instance } from '../core/types';\nimport { createSpringCards } from '../recipes/spring-cards/create-spring-cards';\nimport { createCurvedCarousel } from '../recipes/curved-carousel/create-curved-carousel';\nimport { createPile } from '../recipes/pile/create-pile';\nimport { createWords } from '../recipes/words/create-words';\nimport { createFlow } from '../recipes/flow/create-flow';\nimport { createPop } from '../recipes/pop/create-pop';\nimport { createFitText } from '../recipes/fit-text/create-fit-text';\nimport { createStretchFooter } from '../recipes/stretch-footer/create-stretch-footer';\nimport { createRadialMenu } from '../recipes/radial-menu/create-radial-menu';\nimport { createTabs } from '../recipes/tabs/create-tabs';\nimport { createCounter } from '../recipes/counter/create-counter';\nimport { createDetails } from '../recipes/details/create-details';\nimport { createReveal } from '../recipes/reveal/create-reveal';\nimport { createReflow } from '../recipes/reflow/create-reflow';\nimport { createSlotText } from '../recipes/slot-text/create-slot-text';\nimport { createSortable } from '../recipes/sortable/create-sortable';\nimport { createMaskText } from '../recipes/mask-text/create-mask-text';\nimport { createCascade } from '../recipes/cascade/create-cascade';\nimport { createTextRoll } from '../recipes/text-roll/create-text-roll';\nimport { createLetters } from '../recipes/letters/create-letters';\nimport { createParallax } from '../recipes/parallax/create-parallax';\nimport { createDepthGrid } from '../recipes/depth-grid/create-depth-grid';\nimport { createFrameZoom } from '../recipes/frame-zoom/create-frame-zoom';\nimport { createContrast } from '../recipes/contrast/create-contrast';\nimport { createMarquee } from '../recipes/marquee/create-marquee';\nimport { createCardDock } from '../recipes/card-dock/create-card-dock';\nimport { createSnapStrip } from '../recipes/snap-strip/create-snap-strip';\nimport { createFillText } from '../recipes/fill-text/create-fill-text';\nimport { parseOptions } from './parse-options';\nimport { createTicketMenu } from '../recipes/ticket-menu/create-ticket-menu';\nimport { createInfiniteReel } from '../recipes/infinite-reel/create-infinite-reel';\nimport { createRepelBento } from '../recipes/repel-bento/create-repel-bento';\nimport { createRotator } from '../recipes/rotator/create-rotator';\nimport { createDragRuler } from '../recipes/drag-ruler/create-drag-ruler';\nimport { createDockPill } from '../recipes/dock-pill/create-dock-pill';\n\ntype Factory = (el: HTMLElement, options: Record<string, unknown>) => Instance;\n\nconst factories = {\n  'joined-cta': createJoinedCta,\n  'image-zoom': createImageZoom,\n  'font-cycle': createFontCycle,\n  'thumbnail-nav': createThumbnailNav,\n  'action-button': createActionButton,\n  'film-hero': createFilmHero,\n  'editorial-reveal': createEditorialReveal,\n  'studio-dock': createStudioDock,\n  'trailer': createTrailer,\n  'quantity': createQuantity,\n  'pagination': createPagination,\n  'hover-card': createHoverCard,\n  'input-otp': createInputOtp,\n  'calendar': createCalendar,\n  'slot-picker': createSlotPicker,\n  'credit-card': createCreditCard,\n  'command-search': createCommandSearch,\n  'hold-confirm': createHoldConfirm,\n  'image-preview': createImagePreview,\n  'like-button': createLikeButton,\n  'notification-bell': createNotificationBell,\n  'password-strength': createPasswordStrength,\n  'scratch-card': createScratchCard,\n  'star-rating': createStarRating,\n  'swipe-actions': createSwipeActions,\n  'attachment': createAttachment,\n  'skeleton': createSkeleton,\n  'questionnaire': createQuestionnaire,\n  'code-block': createCodeBlock,\n  'context-menu': createContextMenu,\n  'drawer': createDrawer,\n  'link-preview': createLinkPreview,\n  'progress': createProgress,\n  'range-slider': createRangeSlider,\n  'chart': createChart,\n  'color-slider': createColorSlider,\n  'color-area': createColorArea,\n  'color-field': createColorField,\n  'color-picker': createColorPicker,\n  'time-field': createTimeField,\n  'range-calendar': createRangeCalendar,\n  'date-range-picker': createDateRangePicker,\n  'tooltip': createTooltip,\n  'popover': createPopover,\n  'loading-button': createLoadingButton,\n  'breadcrumb': createBreadcrumb,\n  'empty-state': createEmptyState,\n  'stat-card': createStatCard,\n  'chart-tooltip': createChartTooltip,\n  'multi-select': createMultiSelect,\n  'tag-input': createTagInput,\n  'date-time-picker': createDateTimePicker,\n  'filter-builder': createFilterBuilder,\n  'timeline': createTimeline,\n  'activity-feed': createActivityFeed,\n  'tree-view': createTreeView,\n  'file-explorer': createFileExplorer,\n  'json-viewer': createJsonViewer,\n  'virtual-list': createVirtualList,\n  'resizable-panel': createResizablePanel,\n  'split-view': createSplitView,\n  'data-table': createDataTable,\n  'editable-table': createEditableTable,\n  'rich-text-editor': createRichTextEditor,\n  'weight-hover': createWeightHover,\n  'sticker': createSticker,\n  'scroll-dock': createScrollDock,\n  'local-clock': createLocalClock,\n  'spring-cards': createSpringCards,\n  'curved-carousel': (el, options) =>\n    createCurvedCarousel(el, {\n      ...options,\n      onSelect: (index, slide) => el.dispatchEvent(new CustomEvent('mk:select', { detail: { index, slide }, bubbles: true })),\n    }),\n  pile: createPile,\n  words: createWords,\n  flow: createFlow,\n  pop: createPop,\n  'fit-text': createFitText,\n  'stretch-footer': createStretchFooter,\n  'radial-menu': createRadialMenu,\n  tabs: createTabs,\n  counter: createCounter,\n  details: (el) => createDetails(el),\n  reveal: createReveal,\n  reflow: createReflow,\n  'slot-text': createSlotText,\n  sortable: createSortable,\n  'mask-text': createMaskText,\n  cascade: createCascade,\n  'text-roll': createTextRoll,\n  letters: createLetters,\n  parallax: createParallax,\n  'depth-grid': createDepthGrid,\n  'frame-zoom': createFrameZoom,\n  contrast: createContrast,\n  marquee: createMarquee,\n  'card-dock': createCardDock,\n  'snap-strip': createSnapStrip,\n  'fill-text': createFillText,\n  'ticket-menu': createTicketMenu,\n  'infinite-reel': createInfiniteReel,\n  'repel-bento': createRepelBento,\n  'rotator': createRotator,\n  'drag-ruler': createDragRuler,\n  'dock-pill': createDockPill,\n} satisfies Record<string, Factory>;\n\nexport type RecipeName = keyof typeof factories;\nexport const recipeNames = Object.keys(factories) as RecipeName[];\n\n/** Measured text: wait for web fonts, fit before splitting into words. */\nconst AFTER_FONTS: RecipeName[] = ['fit-text', 'words', 'slot-text'];\n\nconst instances = new WeakMap<HTMLElement, Map<RecipeName, Instance>>();\n\nexport interface AutoInitOptions {\n  /** Only start these recipes. */\n  only?: RecipeName[];\n}\n\n/**\n * Start every `[data-mk]` recipe inside `root` (an element may list several:\n * `data-mk=\"fit-text words\"`). Options come from `data-mk-*` attributes.\n * Returns a function that destroys what this call created. Safe to call again:\n * elements that already run a recipe are skipped.\n */\nexport function autoInit(root: ParentNode = document, { only }: AutoInitOptions = {}): () => void {\n  if (typeof window === 'undefined') return () => {};\n  const created: Array<[HTMLElement, RecipeName, Instance]> = [];\n  let cancelled = false;\n\n  const elements = [...root.querySelectorAll<HTMLElement>('[data-mk]')];\n  if (root instanceof HTMLElement && root.matches('[data-mk]')) elements.unshift(root);\n\n  const start = (el: HTMLElement, name: RecipeName) => {\n    if (cancelled) return;\n    const running = instances.get(el) ?? new Map<RecipeName, Instance>();\n    if (running.has(name)) return;\n    const instance = (factories[name] as Factory)(el, parseOptions(el));\n    running.set(name, instance);\n    instances.set(el, running);\n    created.push([el, name, instance]);\n  };\n\n  const now: Array<[HTMLElement, RecipeName]> = [];\n  const later: Array<[HTMLElement, RecipeName]> = [];\n  for (const el of elements) {\n    for (const raw of (el.dataset.mk ?? '').split(/\\s+/).filter(Boolean)) {\n      if (!(raw in factories)) {\n        warnOnce(`autoInit: unknown recipe \"${raw}\" (known: ${recipeNames.join(', ')})`);\n        continue;\n      }\n      const name = raw as RecipeName;\n      if (only && !only.includes(name)) continue;\n      (AFTER_FONTS.includes(name) ? later : now).push([el, name]);\n    }\n  }\n\n  now.forEach(([el, name]) => start(el, name));\n  if (later.length) {\n    later.sort((a, b) => AFTER_FONTS.indexOf(a[1]) - AFTER_FONTS.indexOf(b[1]));\n    const fonts = document.fonts?.ready ?? Promise.resolve();\n    void Promise.race([fonts, new Promise((resolve) => setTimeout(resolve, 1500))]).then(() => {\n      later.forEach(([el, name]) => start(el, name));\n      if (!cancelled) ScrollTrigger.refresh();\n    });\n  }\n\n  return () => {\n    cancelled = true;\n    for (const [el, name, instance] of created.reverse()) {\n      instance.destroy();\n      instances.get(el)?.delete(name);\n    }\n    created.length = 0;\n  };\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,IAAM,WAAW,oBAAI,IAAI;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,CAAC;AAED,IAAM,SAAS,CAAC,UAA2B;AACzC,MAAI,UAAU,MAAM,UAAU,OAAQ,QAAO;AAC7C,MAAI,UAAU,QAAS,QAAO;AAC9B,MAAI,gBAAgB,KAAK,KAAK,EAAG,QAAO,OAAO,KAAK;AACpD,SAAO;AACT;AAMO,SAAS,aAAa,IAA0C;AACrE,QAAM,UAAmC,CAAC;AAC1C,aAAW,CAAC,KAAK,GAAG,KAAK,OAAO,QAAQ,GAAG,OAAO,GAAG;AACnD,QAAI,CAAC,IAAI,WAAW,IAAI,KAAK,IAAI,WAAW,EAAG;AAC/C,UAAM,OAAO,IAAI,OAAO,CAAC,EAAE,YAAY,IAAI,IAAI,MAAM,CAAC;AACtD,QAAI,SAAS,IAAI,IAAI,EAAG;AACxB,YAAQ,IAAI,IAAI,OAAO,OAAO,EAAE;AAAA,EAClC;AACA,SAAO;AACT;;;ACyCA,IAAM,YAAY;AAAA,EAChB,cAAc;AAAA,EACd,cAAc;AAAA,EACd,cAAc;AAAA,EACd,iBAAiB;AAAA,EACjB,iBAAiB;AAAA,EACjB,aAAa;AAAA,EACb,oBAAoB;AAAA,EACpB,eAAe;AAAA,EACf,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,cAAc;AAAA,EACd,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,eAAe;AAAA,EACf,eAAe;AAAA,EACf,kBAAkB;AAAA,EAClB,gBAAgB;AAAA,EAChB,iBAAiB;AAAA,EACjB,eAAe;AAAA,EACf,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,gBAAgB;AAAA,EAChB,eAAe;AAAA,EACf,iBAAiB;AAAA,EACjB,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,iBAAiB;AAAA,EACjB,cAAc;AAAA,EACd,gBAAgB;AAAA,EAChB,UAAU;AAAA,EACV,gBAAgB;AAAA,EAChB,YAAY;AAAA,EACZ,gBAAgB;AAAA,EAChB,SAAS;AAAA,EACT,gBAAgB;AAAA,EAChB,cAAc;AAAA,EACd,eAAe;AAAA,EACf,gBAAgB;AAAA,EAChB,cAAc;AAAA,EACd,kBAAkB;AAAA,EAClB,qBAAqB;AAAA,EACrB,WAAW;AAAA,EACX,WAAW;AAAA,EACX,kBAAkB;AAAA,EAClB,cAAc;AAAA,EACd,eAAe;AAAA,EACf,aAAa;AAAA,EACb,iBAAiB;AAAA,EACjB,gBAAgB;AAAA,EAChB,aAAa;AAAA,EACb,oBAAoB;AAAA,EACpB,kBAAkB;AAAA,EAClB,YAAY;AAAA,EACZ,iBAAiB;AAAA,EACjB,aAAa;AAAA,EACb,iBAAiB;AAAA,EACjB,eAAe;AAAA,EACf,gBAAgB;AAAA,EAChB,mBAAmB;AAAA,EACnB,cAAc;AAAA,EACd,cAAc;AAAA,EACd,kBAAkB;AAAA,EAClB,oBAAoB;AAAA,EACpB,gBAAgB;AAAA,EAChB,WAAW;AAAA,EACX,eAAe;AAAA,EACf,eAAe;AAAA,EACf,gBAAgB;AAAA,EAChB,mBAAmB,CAAC,IAAI,YACtB,qBAAqB,IAAI;AAAA,IACvB,GAAG;AAAA,IACH,UAAU,CAAC,OAAO,UAAU,GAAG,cAAc,IAAI,YAAY,aAAa,EAAE,QAAQ,EAAE,OAAO,MAAM,GAAG,SAAS,KAAK,CAAC,CAAC;AAAA,EACxH,CAAC;AAAA,EACH,MAAM;AAAA,EACN,OAAO;AAAA,EACP,MAAM;AAAA,EACN,KAAK;AAAA,EACL,YAAY;AAAA,EACZ,kBAAkB;AAAA,EAClB,eAAe;AAAA,EACf,MAAM;AAAA,EACN,SAAS;AAAA,EACT,SAAS,CAAC,OAAO,cAAc,EAAE;AAAA,EACjC,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,aAAa;AAAA,EACb,UAAU;AAAA,EACV,aAAa;AAAA,EACb,SAAS;AAAA,EACT,aAAa;AAAA,EACb,SAAS;AAAA,EACT,UAAU;AAAA,EACV,cAAc;AAAA,EACd,cAAc;AAAA,EACd,UAAU;AAAA,EACV,SAAS;AAAA,EACT,aAAa;AAAA,EACb,cAAc;AAAA,EACd,aAAa;AAAA,EACb,eAAe;AAAA,EACf,iBAAiB;AAAA,EACjB,eAAe;AAAA,EACf,WAAW;AAAA,EACX,cAAc;AAAA,EACd,aAAa;AACf;AAGO,IAAM,cAAc,OAAO,KAAK,SAAS;AAGhD,IAAM,cAA4B,CAAC,YAAY,SAAS,WAAW;AAEnE,IAAM,YAAY,oBAAI,QAAgD;AAa/D,SAAS,SAAS,OAAmB,UAAU,EAAE,KAAK,IAAqB,CAAC,GAAe;AAChG,MAAI,OAAO,WAAW,YAAa,QAAO,MAAM;AAAA,EAAC;AACjD,QAAM,UAAsD,CAAC;AAC7D,MAAI,YAAY;AAEhB,QAAM,WAAW,CAAC,GAAG,KAAK,iBAA8B,WAAW,CAAC;AACpE,MAAI,gBAAgB,eAAe,KAAK,QAAQ,WAAW,EAAG,UAAS,QAAQ,IAAI;AAEnF,QAAM,QAAQ,CAAC,IAAiB,SAAqB;AACnD,QAAI,UAAW;AACf,UAAM,UAAU,UAAU,IAAI,EAAE,KAAK,oBAAI,IAA0B;AACnE,QAAI,QAAQ,IAAI,IAAI,EAAG;AACvB,UAAM,WAAY,UAAU,IAAI,EAAc,IAAI,aAAa,EAAE,CAAC;AAClE,YAAQ,IAAI,MAAM,QAAQ;AAC1B,cAAU,IAAI,IAAI,OAAO;AACzB,YAAQ,KAAK,CAAC,IAAI,MAAM,QAAQ,CAAC;AAAA,EACnC;AAEA,QAAM,MAAwC,CAAC;AAC/C,QAAM,QAA0C,CAAC;AACjD,aAAW,MAAM,UAAU;AACzB,eAAW,QAAQ,GAAG,QAAQ,MAAM,IAAI,MAAM,KAAK,EAAE,OAAO,OAAO,GAAG;AACpE,UAAI,EAAE,OAAO,YAAY;AACvB,iBAAS,6BAA6B,GAAG,aAAa,YAAY,KAAK,IAAI,CAAC,GAAG;AAC/E;AAAA,MACF;AACA,YAAM,OAAO;AACb,UAAI,QAAQ,CAAC,KAAK,SAAS,IAAI,EAAG;AAClC,OAAC,YAAY,SAAS,IAAI,IAAI,QAAQ,KAAK,KAAK,CAAC,IAAI,IAAI,CAAC;AAAA,IAC5D;AAAA,EACF;AAEA,MAAI,QAAQ,CAAC,CAAC,IAAI,IAAI,MAAM,MAAM,IAAI,IAAI,CAAC;AAC3C,MAAI,MAAM,QAAQ;AAChB,UAAM,KAAK,CAAC,GAAG,MAAM,YAAY,QAAQ,EAAE,CAAC,CAAC,IAAI,YAAY,QAAQ,EAAE,CAAC,CAAC,CAAC;AAC1E,UAAM,QAAQ,SAAS,OAAO,SAAS,QAAQ,QAAQ;AACvD,SAAK,QAAQ,KAAK,CAAC,OAAO,IAAI,QAAQ,CAAC,YAAY,WAAW,SAAS,IAAI,CAAC,CAAC,CAAC,EAAE,KAAK,MAAM;AACzF,YAAM,QAAQ,CAAC,CAAC,IAAI,IAAI,MAAM,MAAM,IAAI,IAAI,CAAC;AAC7C,UAAI,CAAC,UAAW,eAAc,QAAQ;AAAA,IACxC,CAAC;AAAA,EACH;AAEA,SAAO,MAAM;AACX,gBAAY;AACZ,eAAW,CAAC,IAAI,MAAM,QAAQ,KAAK,QAAQ,QAAQ,GAAG;AACpD,eAAS,QAAQ;AACjB,gBAAU,IAAI,EAAE,GAAG,OAAO,IAAI;AAAA,IAChC;AACA,YAAQ,SAAS;AAAA,EACnB;AACF;","names":[]}
+{"version":3,"sources":["../../src/auto/parse-options.ts","../../src/auto/auto-init.ts"],"sourcesContent":["/** Attributes the recipes write themselves or use for children; never options. */\nconst RESERVED = new Set([\n  '',\n  'ready',\n  'inview',\n  'carousel',\n  'open',\n  'card',\n  'slide',\n  'toggle',\n  'item',\n  'phantom',\n  'footerTitle',\n  'tab',\n  'indicator',\n  'chevron',\n  'text',\n  'role',\n  'motion',\n  'veil',\n  'swatch',\n  'part',\n  'sorting',\n  'sortableGroup',\n  'sortableLocked',\n  'cascade',\n  'on',\n  'tone',\n  'cursorZone',\n  'hidden',\n  'pressed',\n  'parallaxTarget',\n  'spread',\n  'expanded',\n  'settled',\n  'mode',\n  'active',\n  'islandToggle',\n  'islandPanel',\n  'islandItem',\n  'islandClose',\n  'reelTrack',\n  'reelCopy',\n  'dragging',\n  'dockItem',\n]);\n\nconst coerce = (value: string): unknown => {\n  if (value === '' || value === 'true') return true;\n  if (value === 'false') return false;\n  if (/^-?\\d*\\.?\\d+$/.test(value)) return Number(value);\n  return value;\n};\n\n/**\n * `data-mk-<option>` attributes → options object.\n * `data-mk-throw-boost=\"2.5\"` → `{ throwBoost: 2.5 }`, `data-mk-trigger=\"load\"` → `{ trigger: 'load' }`.\n */\nexport function parseOptions(el: HTMLElement): Record<string, unknown> {\n  const options: Record<string, unknown> = {};\n  for (const [key, raw] of Object.entries(el.dataset)) {\n    if (!key.startsWith('mk') || key.length === 2) continue;\n    const name = key.charAt(2).toLowerCase() + key.slice(3);\n    if (RESERVED.has(name)) continue;\n    options[name] = coerce(raw ?? '');\n  }\n  return options;\n}\n","import { createQuantity } from '../components/quantity/engine';\nimport { createPagination } from '../components/pagination/engine';\nimport { createHoverCard } from '../components/hover-card/engine';\nimport { createInputOtp } from '../components/input-otp/engine';\nimport { createJoinedCta } from '../recipes/joined-cta/create-joined-cta';\nimport { createImageZoom } from '../recipes/image-zoom/create-image-zoom';\nimport { createFontCycle } from '../recipes/font-cycle/create-font-cycle';\nimport { createThumbnailNav } from '../recipes/thumbnail-nav/create-thumbnail-nav';\nimport { createActionButton } from '../recipes/action-button/create-action-button';\nimport { createFilmHero } from '../recipes/film-hero/create-film-hero';\nimport { createEditorialReveal } from '../recipes/editorial-reveal/create-editorial-reveal';\nimport { createStudioDock } from '../components/studio-dock/engine';\nimport { createCalendar } from '../components/calendar/engine';\nimport { createSlotPicker } from '../components/slot-picker/engine';\nimport { createWeightHover } from '../recipes/weight-hover/create-weight-hover';\nimport { createSticker } from '../recipes/sticker/create-sticker';\nimport { createScrollDock } from '../recipes/scroll-dock/create-scroll-dock';\nimport { createLocalClock } from '../recipes/local-clock/create-local-clock';\nimport { createTrailer } from '../components/trailer/engine';\nimport { createCreditCard } from '../components/credit-card/engine';\nimport { createCommandSearch } from '../components/command-search/engine';\nimport { createHoldConfirm } from '../components/hold-confirm/engine';\nimport { createImagePreview } from '../components/image-preview/engine';\nimport { createLikeButton } from '../components/like-button/engine';\nimport { createNotificationBell } from '../components/notification-bell/engine';\nimport { createPasswordStrength } from '../components/password-strength/engine';\nimport { createScratchCard } from '../components/scratch-card/engine';\nimport { createStarRating } from '../components/star-rating/engine';\nimport { createSwipeActions } from '../components/swipe-actions/engine';\nimport { createAttachment } from '../components/attachment/engine';\nimport { createSkeleton } from '../components/skeleton/engine';\nimport { createQuestionnaire } from '../components/questionnaire/engine';\nimport { createCodeBlock } from '../components/code-block/engine';\nimport { createContextMenu } from '../components/context-menu/engine';\nimport { createDrawer } from '../components/drawer/engine';\nimport { createLinkPreview } from '../components/link-preview/engine';\nimport { createProgress } from '../components/progress/engine';\nimport { createRangeSlider } from '../components/range-slider/engine';\nimport { createChart } from '../components/chart/engine';\nimport { createColorSlider } from '../components/color-slider/engine';\nimport { createColorArea } from '../components/color-area/engine';\nimport { createColorField } from '../components/color-field/engine';\nimport { createColorPicker } from '../components/color-picker/engine';\nimport { createTimeField } from '../components/time-field/engine';\nimport { createRangeCalendar } from '../components/range-calendar/engine';\nimport { createDateRangePicker } from '../components/date-range-picker/engine';\nimport { createTooltip } from '../components/tooltip/engine';\nimport { createPopover } from '../components/popover/engine';\nimport { createLoadingButton } from '../components/loading-button/engine';\nimport { createBreadcrumb } from '../components/breadcrumb/engine';\nimport { createEmptyState } from '../components/empty-state/engine';\nimport { createStatCard } from '../components/stat-card/engine';\nimport { createChartTooltip } from '../components/chart-tooltip/engine';\nimport { createMultiSelect } from '../components/multi-select/engine';\nimport { createTagInput } from '../components/tag-input/engine';\nimport { createDateTimePicker } from '../components/date-time-picker/engine';\nimport { createFilterBuilder } from '../components/filter-builder/engine';\nimport { createTimeline } from '../components/timeline/engine';\nimport { createActivityFeed } from '../components/activity-feed/engine';\nimport { createTreeView } from '../components/tree-view/engine';\nimport { createFileExplorer } from '../components/file-explorer/engine';\nimport { createJsonViewer } from '../components/json-viewer/engine';\nimport { createVirtualList } from '../components/virtual-list/engine';\nimport { createResizablePanel } from '../components/resizable-panel/engine';\nimport { createSplitView } from '../components/split-view/engine';\nimport { createDataTable } from '../components/data-table/engine';\nimport { createEditableTable } from '../components/editable-table/engine';\nimport { createRichTextEditor } from '../components/rich-text-editor/engine';\nimport { createSelect } from '../components/select/engine';\nimport { createAddToCart } from '../components/add-to-cart/engine';\nimport { createScrollIsland } from '../components/scroll-island/engine';\nimport { ScrollTrigger } from '../core/gsap';\nimport { warnOnce, type Instance } from '../core/types';\nimport { createSpringCards } from '../recipes/spring-cards/create-spring-cards';\nimport { createCurvedCarousel } from '../recipes/curved-carousel/create-curved-carousel';\nimport { createPile } from '../recipes/pile/create-pile';\nimport { createWords } from '../recipes/words/create-words';\nimport { createFlow } from '../recipes/flow/create-flow';\nimport { createPop } from '../recipes/pop/create-pop';\nimport { createFitText } from '../recipes/fit-text/create-fit-text';\nimport { createStretchFooter } from '../recipes/stretch-footer/create-stretch-footer';\nimport { createRadialMenu } from '../recipes/radial-menu/create-radial-menu';\nimport { createTabs } from '../recipes/tabs/create-tabs';\nimport { createCounter } from '../recipes/counter/create-counter';\nimport { createDetails } from '../recipes/details/create-details';\nimport { createReveal } from '../recipes/reveal/create-reveal';\nimport { createReflow } from '../recipes/reflow/create-reflow';\nimport { createSlotText } from '../recipes/slot-text/create-slot-text';\nimport { createSortable } from '../recipes/sortable/create-sortable';\nimport { createMaskText } from '../recipes/mask-text/create-mask-text';\nimport { createCascade } from '../recipes/cascade/create-cascade';\nimport { createTextRoll } from '../recipes/text-roll/create-text-roll';\nimport { createLetters } from '../recipes/letters/create-letters';\nimport { createParallax } from '../recipes/parallax/create-parallax';\nimport { createDepthGrid } from '../recipes/depth-grid/create-depth-grid';\nimport { createFrameZoom } from '../recipes/frame-zoom/create-frame-zoom';\nimport { createContrast } from '../recipes/contrast/create-contrast';\nimport { createMarquee } from '../recipes/marquee/create-marquee';\nimport { createCardDock } from '../recipes/card-dock/create-card-dock';\nimport { createSnapStrip } from '../recipes/snap-strip/create-snap-strip';\nimport { createFillText } from '../recipes/fill-text/create-fill-text';\nimport { parseOptions } from './parse-options';\nimport { createTicketMenu } from '../recipes/ticket-menu/create-ticket-menu';\nimport { createInfiniteReel } from '../recipes/infinite-reel/create-infinite-reel';\nimport { createRepelBento } from '../recipes/repel-bento/create-repel-bento';\nimport { createRotator } from '../recipes/rotator/create-rotator';\nimport { createDragRuler } from '../recipes/drag-ruler/create-drag-ruler';\nimport { createDockPill } from '../recipes/dock-pill/create-dock-pill';\n\ntype Factory = (el: HTMLElement, options: Record<string, unknown>) => Instance;\n\nconst factories = {\n  'joined-cta': createJoinedCta,\n  'image-zoom': createImageZoom,\n  'font-cycle': createFontCycle,\n  'thumbnail-nav': createThumbnailNav,\n  'action-button': createActionButton,\n  'film-hero': createFilmHero,\n  'editorial-reveal': createEditorialReveal,\n  'studio-dock': createStudioDock,\n  'trailer': createTrailer,\n  'quantity': createQuantity,\n  'pagination': createPagination,\n  'hover-card': createHoverCard,\n  'input-otp': createInputOtp,\n  'calendar': createCalendar,\n  'slot-picker': createSlotPicker,\n  'credit-card': createCreditCard,\n  'command-search': createCommandSearch,\n  'hold-confirm': createHoldConfirm,\n  'image-preview': createImagePreview,\n  'like-button': createLikeButton,\n  'notification-bell': createNotificationBell,\n  'password-strength': createPasswordStrength,\n  'scratch-card': createScratchCard,\n  'star-rating': createStarRating,\n  'swipe-actions': createSwipeActions,\n  'attachment': createAttachment,\n  'skeleton': createSkeleton,\n  'questionnaire': createQuestionnaire,\n  'code-block': createCodeBlock,\n  'context-menu': createContextMenu,\n  'drawer': createDrawer,\n  'link-preview': createLinkPreview,\n  'progress': createProgress,\n  'range-slider': createRangeSlider,\n  'chart': createChart,\n  'color-slider': createColorSlider,\n  'color-area': createColorArea,\n  'color-field': createColorField,\n  'color-picker': createColorPicker,\n  'time-field': createTimeField,\n  'range-calendar': createRangeCalendar,\n  'date-range-picker': createDateRangePicker,\n  'tooltip': createTooltip,\n  'popover': createPopover,\n  'loading-button': createLoadingButton,\n  'breadcrumb': createBreadcrumb,\n  'empty-state': createEmptyState,\n  'stat-card': createStatCard,\n  'chart-tooltip': createChartTooltip,\n  'multi-select': createMultiSelect,\n  'tag-input': createTagInput,\n  'date-time-picker': createDateTimePicker,\n  'filter-builder': createFilterBuilder,\n  'timeline': createTimeline,\n  'activity-feed': createActivityFeed,\n  'tree-view': createTreeView,\n  'file-explorer': createFileExplorer,\n  'json-viewer': createJsonViewer,\n  'virtual-list': createVirtualList,\n  'resizable-panel': createResizablePanel,\n  'split-view': createSplitView,\n  'data-table': createDataTable,\n  'editable-table': createEditableTable,\n  'rich-text-editor': createRichTextEditor,\n  'select': createSelect,\n  'add-to-cart': createAddToCart,\n  'scroll-island': createScrollIsland,\n  'weight-hover': createWeightHover,\n  'sticker': createSticker,\n  'scroll-dock': createScrollDock,\n  'local-clock': createLocalClock,\n  'spring-cards': createSpringCards,\n  'curved-carousel': (el, options) =>\n    createCurvedCarousel(el, {\n      ...options,\n      onSelect: (index, slide) => el.dispatchEvent(new CustomEvent('mk:select', { detail: { index, slide }, bubbles: true })),\n    }),\n  pile: createPile,\n  words: createWords,\n  flow: createFlow,\n  pop: createPop,\n  'fit-text': createFitText,\n  'stretch-footer': createStretchFooter,\n  'radial-menu': createRadialMenu,\n  tabs: createTabs,\n  counter: createCounter,\n  details: (el) => createDetails(el),\n  reveal: createReveal,\n  reflow: createReflow,\n  'slot-text': createSlotText,\n  sortable: createSortable,\n  'mask-text': createMaskText,\n  cascade: createCascade,\n  'text-roll': createTextRoll,\n  letters: createLetters,\n  parallax: createParallax,\n  'depth-grid': createDepthGrid,\n  'frame-zoom': createFrameZoom,\n  contrast: createContrast,\n  marquee: createMarquee,\n  'card-dock': createCardDock,\n  'snap-strip': createSnapStrip,\n  'fill-text': createFillText,\n  'ticket-menu': createTicketMenu,\n  'infinite-reel': createInfiniteReel,\n  'repel-bento': createRepelBento,\n  'rotator': createRotator,\n  'drag-ruler': createDragRuler,\n  'dock-pill': createDockPill,\n} satisfies Record<string, Factory>;\n\nexport type RecipeName = keyof typeof factories;\nexport const recipeNames = Object.keys(factories) as RecipeName[];\n\n/** Measured text: wait for web fonts, fit before splitting into words. */\nconst AFTER_FONTS: RecipeName[] = ['fit-text', 'words', 'slot-text'];\n\nconst instances = new WeakMap<HTMLElement, Map<RecipeName, Instance>>();\n\nexport interface AutoInitOptions {\n  /** Only start these recipes. */\n  only?: RecipeName[];\n}\n\n/**\n * Start every `[data-mk]` recipe inside `root` (an element may list several:\n * `data-mk=\"fit-text words\"`). Options come from `data-mk-*` attributes.\n * Returns a function that destroys what this call created. Safe to call again:\n * elements that already run a recipe are skipped.\n */\nexport function autoInit(root: ParentNode = document, { only }: AutoInitOptions = {}): () => void {\n  if (typeof window === 'undefined') return () => {};\n  const created: Array<[HTMLElement, RecipeName, Instance]> = [];\n  let cancelled = false;\n\n  const elements = [...root.querySelectorAll<HTMLElement>('[data-mk]')];\n  if (root instanceof HTMLElement && root.matches('[data-mk]')) elements.unshift(root);\n\n  const start = (el: HTMLElement, name: RecipeName) => {\n    if (cancelled) return;\n    const running = instances.get(el) ?? new Map<RecipeName, Instance>();\n    if (running.has(name)) return;\n    const instance = (factories[name] as Factory)(el, parseOptions(el));\n    running.set(name, instance);\n    instances.set(el, running);\n    created.push([el, name, instance]);\n  };\n\n  const now: Array<[HTMLElement, RecipeName]> = [];\n  const later: Array<[HTMLElement, RecipeName]> = [];\n  for (const el of elements) {\n    for (const raw of (el.dataset.mk ?? '').split(/\\s+/).filter(Boolean)) {\n      if (!(raw in factories)) {\n        warnOnce(`autoInit: unknown recipe \"${raw}\" (known: ${recipeNames.join(', ')})`);\n        continue;\n      }\n      const name = raw as RecipeName;\n      if (only && !only.includes(name)) continue;\n      (AFTER_FONTS.includes(name) ? later : now).push([el, name]);\n    }\n  }\n\n  now.forEach(([el, name]) => start(el, name));\n  if (later.length) {\n    later.sort((a, b) => AFTER_FONTS.indexOf(a[1]) - AFTER_FONTS.indexOf(b[1]));\n    const fonts = document.fonts?.ready ?? Promise.resolve();\n    void Promise.race([fonts, new Promise((resolve) => setTimeout(resolve, 1500))]).then(() => {\n      later.forEach(([el, name]) => start(el, name));\n      if (!cancelled) ScrollTrigger.refresh();\n    });\n  }\n\n  return () => {\n    cancelled = true;\n    for (const [el, name, instance] of created.reverse()) {\n      instance.destroy();\n      instances.get(el)?.delete(name);\n    }\n    created.length = 0;\n  };\n}\n"],"mappings":"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","names":[]}

package/dist/{chunk-EY4BJKC4.js → chunk-6IRJYXJU.js}

@@ -18,7 +18,7 @@ import {
   slideIndicator,
   splitGraphemes,
   takeMovement
-} from "./chunk-CU6SXW3E.js";
+} from "./chunk-A6QQCF6V.js";
 import {
   clamp,
   damp,
@@ -4491,4 +4491,4 @@ export {
   createScrollDock,
   createLocalClock
 };
-//# sourceMappingURL=chunk-EY4BJKC4.js.map
+//# sourceMappingURL=chunk-6IRJYXJU.js.map