@yewdiel21/motion-kit 0.9.0 → 0.10.0

package/NOTICE

@@ -1,38 +1,6 @@
 motion-kit
 Copyright 2026 Yewdiel Medina. All rights reserved.
 
-The recipes and motion functions re-implement motion parameters observed in the
-public frontends of spencergabor.com and of the Stepbro apps (Tasks, Money),
-recovered with the REA reverse-engineering tools for study. No source code,
-images or fonts from those sites are included in this repository or in the
-published package.
-
-The 19 theme palettes (css/themes/*.css, css/default-theme.css) reproduce the
-colour values of Stepbro's themes as data, and the controls reproduce the sizes
-of its Material Web overrides. Fonts (DM Sans, Geist Mono, Material Symbols) are
-loaded from Google Fonts, not bundled.
-
-The glass control, progressive frost, floating tags, success confetti and
-sheet dialog reproduce parameters observed in dousanmiao.com; the burger icon
-and rolling button reproduce timings of siena.film's public CSS. No code from
-their bundles is included; the film grain is an original CSS approximation.
-The text and scroll recipes and the cursors (v0.6) reproduce parameters
-observed in offficestud.io (masked type), siena.film (slot title, reveal group,
-parallax, depth grid, video mask, header contrast, marquee, dot cursor) and
-dousanmiao.com (hero letters, glass chip cursor); they are original code.
-The island navbar, card dock, snap strip, fill text and particle hero (v0.7)
-reproduce parameters observed in iyo.ai (floating navbar, product dock, phone
-cards, fill-text, GPU particle hero); they are original code. The particle hero
-is an own WebGL2 implementation of the observed mechanism, with its own shaders
-and locally drawn words: no iyo.ai code, shaders, images, models or fonts.
-
-The collections (v0.8) re-implement Siena's ticket menu and inertial reels and
-Dousan's bento entry/repulsion, testimonials, years ruler and active dock pill.
-The image effects (v0.9) use original WebGL shaders: OFFFICE's liquid/matcap
-mechanisms adapted to images and an analytic sphere, and Siena's observed
-grain intensity and directional blur weights. No third-party shaders, models,
-images or fonts are redistributed. Playground SVG illustrations are original.
-
-Parts of the Stepbro recipes, the spring channels, slot text, swatches, flip
-group and animated number reuse code written by the same author for Kayro
-(Apache License 2.0).
+Parts of the recipes, spring channels, slot text, swatches, flip group and
+animated number include code by the same author licensed under the
+Apache License 2.0.

package/README.md

@@ -1,81 +1,93 @@
-# @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.
-
-## 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 recipe documentation and the playground source are in the [repository](https://github.com/YewdielMartinez/motion-kit). Parameters and attribution are documented in `NOTICE` and the source READMEs. License: `UNLICENSED`; all rights reserved.
+# @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.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.

package/dist/auto/index.d.ts

@@ -1,10 +1,29 @@
-import { c as createSpringCards, C as CurvedCarouselInstance, a as createPile, b as createWords, d as createFlow, e as createPop, f as createFitText, g as createStretchFooter, h as createRadialMenu, i as createTabs, j as createCounter, k as createReveal, l as createReflow, m as createSlotText, n as createSortable, o as createMaskText, p as createCascade, q as createTextRoll, r as createLetters, s as createParallax, t as createDepthGrid, u as createFrameZoom, v as createContrast, w as createMarquee, x as createCardDock, y as createSnapStrip, z as createFillText, T as TicketMenuOptions, A as TicketMenuInstance, B as createInfiniteReel, D as createRepelBento, E as createRotator, F as createDragRuler, G as createDockPill } from '../reduced-BM4Ls0g5.js';
-export { M as MK_HEAD_SCRIPT } from '../reduced-BM4Ls0g5.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 createWeightHover, i as createSticker, j as createScrollDock, k as createLocalClock, l as createSpringCards, C as CurvedCarouselInstance, m as createPile, n as createWords, o as createFlow, p as createPop, q as createFitText, r as createStretchFooter, s as createRadialMenu, t as createTabs, u as createCounter, v as createReveal, w as createReflow, x as createSlotText, y as createSortable, z as createMaskText, A as createCascade, B as createTextRoll, D as createLetters, E as createParallax, F as createDepthGrid, G as createFrameZoom, H as createContrast, I as createMarquee, J as createCardDock, K as createSnapStrip, L as createFillText, T as TicketMenuOptions, M as TicketMenuInstance, N as createInfiniteReel, O as createRepelBento, P as createRotator, Q as createDragRuler, R as createDockPill } from '../reduced-BmBzKH94.js';
+export { S as MK_HEAD_SCRIPT } from '../reduced-BmBzKH94.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 } from '../reveal-jsX-uwUz.js';
 import { I as Instance } from '../types-BkS_raL8.js';
-import '../reveal-WFUWDrei.js';
 import 'gsap/SplitText';
 
 declare const factories: {
+    'joined-cta': typeof createJoinedCta;
+    'image-zoom': typeof createImageZoom;
+    'font-cycle': typeof createFontCycle;
+    'thumbnail-nav': typeof createThumbnailNav;
+    'action-button': typeof createActionButton;
+    'film-hero': typeof createFilmHero;
+    'editorial-reveal': typeof createEditorialReveal;
+    'studio-dock': typeof createStudioDock;
+    trailer: typeof createTrailer;
+    quantity: typeof createQuantity;
+    pagination: typeof createPagination;
+    'hover-card': typeof createHoverCard;
+    'input-otp': typeof createInputOtp;
+    calendar: typeof createCalendar;
+    'slot-picker': typeof createSlotPicker;
+    'weight-hover': typeof createWeightHover;
+    sticker: typeof createSticker;
+    'scroll-dock': typeof createScrollDock;
+    'local-clock': typeof createLocalClock;
     'spring-cards': typeof createSpringCards;
     'curved-carousel': (el: HTMLElement, options: Record<string, unknown>) => CurvedCarouselInstance;
     pile: typeof createPile;

package/dist/auto/index.js

@@ -1,4 +1,5 @@
 import {
+  createActionButton,
   createCardDock,
   createCascade,
   createContrast,
@@ -8,12 +9,18 @@ import {
   createDetails,
   createDockPill,
   createDragRuler,
+  createEditorialReveal,
   createFillText,
+  createFilmHero,
   createFitText,
   createFlow,
+  createFontCycle,
   createFrameZoom,
+  createImageZoom,
   createInfiniteReel,
+  createJoinedCta,
   createLetters,
+  createLocalClock,
   createMarquee,
   createMaskText,
   createParallax,
@@ -24,23 +31,35 @@ import {
   createRepelBento,
   createReveal,
   createRotator,
+  createScrollDock,
   createSlotText,
   createSnapStrip,
   createSortable,
   createSpringCards,
+  createSticker,
   createStretchFooter,
   createTabs,
   createTextRoll,
+  createThumbnailNav,
   createTicketMenu,
+  createWeightHover,
   createWords
-} from "../chunk-FS2HJVVY.js";
+} from "../chunk-XAKC2QY7.js";
 import {
-  ScrollTrigger
-} from "../chunk-34XYOXHG.js";
-import "../chunk-KLY5BRRI.js";
+  ScrollTrigger,
+  createCalendar,
+  createHoverCard,
+  createInputOtp,
+  createPagination,
+  createQuantity,
+  createSlotPicker,
+  createStudioDock,
+  createTrailer
+} from "../chunk-TFNRIZHU.js";
+import "../chunk-34EZ7DF4.js";
 import {
   MK_HEAD_SCRIPT
-} from "../chunk-RFDIZYFX.js";
+} from "../chunk-DOOMULVV.js";
 import {
   warnOnce
 } from "../chunk-TGV27ZWM.js";
@@ -110,6 +129,25 @@ function parseOptions(el) {
 
 // src/auto/auto-init.ts
 var factories = {
+  "joined-cta": createJoinedCta,
+  "image-zoom": createImageZoom,
+  "font-cycle": createFontCycle,
+  "thumbnail-nav": createThumbnailNav,
+  "action-button": createActionButton,
+  "film-hero": createFilmHero,
+  "editorial-reveal": createEditorialReveal,
+  "studio-dock": createStudioDock,
+  "trailer": createTrailer,
+  "quantity": createQuantity,
+  "pagination": createPagination,
+  "hover-card": createHoverCard,
+  "input-otp": createInputOtp,
+  "calendar": createCalendar,
+  "slot-picker": createSlotPicker,
+  "weight-hover": createWeightHover,
+  "sticker": createSticker,
+  "scroll-dock": createScrollDock,
+  "local-clock": createLocalClock,
   "spring-cards": createSpringCards,
   "curved-carousel": (el, options) => createCurvedCarousel(el, {
     ...options,

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 { 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  '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":[]}
+{"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 { 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  '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-KLY5BRRI.js → chunk-34EZ7DF4.js}

@@ -15,4 +15,4 @@ export {
   wrap,
   mapRange
 };
-//# sourceMappingURL=chunk-KLY5BRRI.js.map
+//# sourceMappingURL=chunk-34EZ7DF4.js.map

package/dist/chunk-34EZ7DF4.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/core/math.ts"],"sourcesContent":["export const clamp = (v: number, min: number, max: number) => Math.min(max, Math.max(min, v));\r\nexport const lerp = (a: number, b: number, t: number) => (1 - t) * a + t * b;\r\n/** frame-rate independent smoothing: lerp by 1 - e^(-lambda·dt). */\r\nexport const damp = (a: number, b: number, lambda: number, dt: number) => lerp(a, b, 1 - Math.exp(-lambda * dt));\r\nexport const wrap = (v: number, length: number) => ((v % length) + length) % length;\r\nexport function mapRange(v: number, inMin: number, inMax: number, outMin: number, outMax: number, clamped = false) {\r\n  const t = (v - inMin) / (inMax - inMin);\r\n  return lerp(outMin, outMax, clamped ? clamp(t, 0, 1) : t);\r\n}\r\n"],"mappings":";AAAO,IAAM,QAAQ,CAAC,GAAW,KAAa,QAAgB,KAAK,IAAI,KAAK,KAAK,IAAI,KAAK,CAAC,CAAC;AACrF,IAAM,OAAO,CAAC,GAAW,GAAW,OAAe,IAAI,KAAK,IAAI,IAAI;AAEpE,IAAM,OAAO,CAAC,GAAW,GAAW,QAAgB,OAAe,KAAK,GAAG,GAAG,IAAI,KAAK,IAAI,CAAC,SAAS,EAAE,CAAC;AACxG,IAAM,OAAO,CAAC,GAAW,YAAqB,IAAI,SAAU,UAAU;AACtE,SAAS,SAAS,GAAW,OAAe,OAAe,QAAgB,QAAgB,UAAU,OAAO;AACjH,QAAM,KAAK,IAAI,UAAU,QAAQ;AACjC,SAAO,KAAK,QAAQ,QAAQ,UAAU,MAAM,GAAG,GAAG,CAAC,IAAI,CAAC;AAC1D;","names":[]}

package/dist/{chunk-RFDIZYFX.js → chunk-DOOMULVV.js}

@@ -99,9 +99,9 @@ var TIMING = Object.freeze({
     charsDelay: 0.225,
     charsStagger: 0.02
   }),
-  /** Dousan's glass (CSS): surface/shadow transitions, ring and shine. */
+  /** glass (CSS): surface/shadow transitions, ring and shine. */
   glass: Object.freeze({ hover: 0.4, ring: 0.5 }),
-  /** Stepbro's utility animations (css/effects/anim.css), by name. */
+  /** utility animations (css/effects/anim.css), by name. */
   effects: Object.freeze({
     out: 0.5,
     "out-left": 0.5,
@@ -114,7 +114,7 @@ var TIMING = Object.freeze({
     wipe: 0.7,
     "progress-in": 1
   }),
-  /** Dousan's success confetti, per 60 fps frame. */
+  /** success confetti, per 60 fps frame. */
   confetti: Object.freeze({
     count: 45,
     speed: [2, 8],
@@ -125,9 +125,9 @@ var TIMING = Object.freeze({
     drag: 0.98,
     spin: 2.5
   }),
-  /** Dousan's project sheet. */
+  /** project sheet. */
   sheet: Object.freeze({ open: 0.72, close: 0.72, underlayScale: 0.98, underlayOpacity: 0.4 }),
-  /** Dousan's springs as Motion declares them: [stiffness, damping]. */
+  /** Physical spring pairs: [stiffness, damping]. */
   springs: Object.freeze({
     press: [400, 10],
     success: [260, 18],
@@ -139,13 +139,13 @@ var TIMING = Object.freeze({
     bentoRepel: [300, 25],
     dockPill: [380, 30]
   }),
-  /** OFFFICE's masked type (Siena's case titles start at 120 %). */
+  /** masked type. */
   maskText: Object.freeze({ duration: 1.2, delay: 0.1, stagger: 0.02, exitStagger: 2e-3, y: 100, threshold: 0.8 }),
-  /** Siena's reveal group (rules, fades, rises). */
+  /** reveal group (rules, fades, rises). */
   cascade: Object.freeze({ duration: 1.2, step: 0.03, rise: 200, threshold: 0.3 }),
-  /** Siena's slot title: each letter turns 8–14 times inside a 2 s expo.out envelope. */
+  /** slot title: each letter turns 8–14 times inside a 2 s expo.out envelope. */
   textRoll: Object.freeze({ duration: 2, stagger: 0.04, turns: [8, 14], interval: 6e3, quietMs: 1e3 }),
-  /** Dousan's hero letters: scale on hover, pastel blink. */
+  /** hero letters: scale on hover, pastel blink. */
   letters: Object.freeze({
     scale: 1.3,
     y: -5,
@@ -155,9 +155,9 @@ var TIMING = Object.freeze({
     blinkRepeatDelay: 0.1,
     blinkDelays: [0.1, 0.6, 0.2, 1, 0.4, 1.2, 0.15, 0.8, 0.3]
   }),
-  /** Siena's image parallax. */
+  /** image parallax. */
   parallax: Object.freeze({ travel: 10, scale: 1.2, strongScale: 1.3, lerp: 1 }),
-  /** Siena's About grid gathering from depth. */
+  /** About grid gathering from depth. */
   depthGrid: Object.freeze({
     perspective: 600,
     distance: 900,
@@ -168,7 +168,7 @@ var TIMING = Object.freeze({
     stagger: 0.15,
     lerp: 1
   }),
-  /** Siena's video mask: the frame and the picture inside scale in opposite directions. */
+  /** video mask: the frame and the picture inside scale in opposite directions. */
   frameZoom: Object.freeze({
     outer: [80, 20],
     inner: [130, 20],
@@ -177,19 +177,19 @@ var TIMING = Object.freeze({
     open: 1,
     lerp: 1
   }),
-  /** Siena's marquee: seconds per item, at most 14 counted. */
+  /** marquee: seconds per item, at most 14 counted. */
   marquee: Object.freeze({ perItem: 2, maxItems: 14 }),
-  /** Dousan's glass chip and Siena's dot cursor. */
+  /** glass chip and dot cursor. */
   cursor: Object.freeze({ gutter: 10, circle: 96, dotLerp: 0.2, light: 180 }),
-  /** iyo.ai's floating navbar: enters from −300 % over 1.8 s; rows follow 0.15 s + 0.025 s each. */
+  /** floating navbar: enters from −300 % over 1.8 s; rows follow 0.15 s + 0.025 s each. */
   island: Object.freeze({ entrance: 1.8, offset: -300, delay: 0.15, step: 0.025, focus: 150 }),
-  /** iyo.ai's product dock: spread for 1.6 s on load; tablet range re-checked 250 ms after a resize. */
+  /** product dock: spread for 1.6 s on load; tablet range re-checked 250 ms after a resize. */
   cardDock: Object.freeze({ intro: 1600, resizeDebounce: 250 }),
-  /** iyo.ai's phone cards: 5 s a card, 2 s wait after a touch, 0.5 s after it shows. */
+  /** phone cards: 5 s a card, 2 s wait after a touch, 0.5 s after it shows. */
   snapStrip: Object.freeze({ interval: 5e3, resume: 2e3, delay: 500 }),
-  /** iyo.ai's fill-text: letters from .2, 0.5 s each, 0.1 s apart, top 90 % → centre 40 %. */
+  /** fill-text: letters from .2, 0.5 s each, 0.1 s apart, top 90 % → centre 40 %. */
   fillText: Object.freeze({ from: 0.2, duration: 0.5, stagger: 0.1, start: "top 90%", end: "center 40%" }),
-  /** iyo.ai's particle hero (adapted): fade in 1 s after 0.3 s, morph cycles, pointer push. */
+  /** particle hero: fade in 1 s after 0.3 s, morph cycles, pointer push. */
   particleHero: Object.freeze({ fadeIn: 1, fadeDelay: 0.3, size: 128, pointSize: 1.7, maxDpr: 1.5, stillSteps: 110 }),
   ticketMenu: Object.freeze({ open: 0.9, content: 1.1, stagger: 0.02, from: 150 }),
   infiniteReel: Object.freeze({ friction: 0.95, wheel: 0.05, dragThreshold: 5 }),
@@ -301,4 +301,4 @@ export {
   MK_HEAD_SCRIPT,
   createScope
 };
-//# sourceMappingURL=chunk-RFDIZYFX.js.map
+//# sourceMappingURL=chunk-DOOMULVV.js.map

package/dist/chunk-DOOMULVV.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/core/timing.ts","../src/core/loop.ts","../src/core/reduced.ts","../src/core/scope.ts"],"sourcesContent":["/**\n * Every duration in one place (seconds, like GSAP, unless the name says\n * ms). Recipes and components take their defaults from here, so a timing is\n * changed once.\n */\nexport const TIMING = Object.freeze({\n  flow: 0.5,\n  flowStagger: 0.05,\n  stepChange: 0.5,\n  reveal: Object.freeze({\n    fast: [0.5, 0.25],\n    normal: [0.7, 0.35],\n    slow: [1.05, 0.5],\n    slower: [1.6, 0.75],\n  } as const),\n  details: 0.32,\n  chevron: 0.25,\n  indicator: 0.45,\n  number: 0.6,\n  numberPricing: 0.7,\n  revealCounter: 0.9,\n  layoutTravel: 0.62,\n  /** New items in a reflow enter in this share of the travel time. */\n  layoutEnterFactor: 0.6,\n  menu: Object.freeze({ duration: 0.35, stagger: 0.04, delay: 0.1 }),\n  palette: Object.freeze({ duration: 0.1, stagger: 0.01 }),\n  form: Object.freeze({ duration: 0.35, stagger: 0.04 }),\n  landing: Object.freeze({ duration: 0.4, stagger: 0.05, delay: 0.15 }),\n  content: Object.freeze({ duration: 0.6, stagger: 0.06 }),\n  bubble: 0.7,\n  bubbleStagger: 0.06,\n  word: 0.25,\n  wordStagger: 0.05,\n  chatScroll: 0.35,\n  composer: 0.18,\n  slot: Object.freeze({ durationMs: 300, staggerMs: 45, exitOffsetMs: 50, colorFadeMs: 280, maxTilt: 5, minResizeMs: 140 }),\n  swatch: 0.5,\n  swatchLight: 3.5,\n  swatchBackground: 4.5,\n  /** ModalHost (modal-origin, modal-close-origin, modal-fallback, modal-auto-resize). */\n  dialog: Object.freeze({\n    /** The surface travels from its opener. */\n    open: 0.7,\n    /** The opener's colour hands over to the surface's. */\n    surfaceColor: 0.3,\n    /** Back into the opener. */\n    close: 0.5,\n    /** While closing, the content heads for the opener on a 2 s path cut at `close`. */\n    contentReturn: 2,\n    originHide: 0.08,\n    originShow: 0.3,\n    originShowDelay: 0.2,\n    /** No opener on screen: scale .92 → 1. */\n    fallback: 0.35,\n    autoResize: 0.45,\n    /** Backdrop tint on the signature curve. */\n    backdrop: 0.5,\n    /** Items of a list that opens from its control. */\n    list: 0.25,\n  }),\n  /** modal-liquid (spring channels; springs are stiffness/damping, not times). */\n  liquid: Object.freeze({\n    size: 0.3,\n    radius: 0.7,\n    content: 0.3,\n    color: 0.4,\n    colorDelay: 0.15,\n    ghost: 0.25,\n    ghostDelay: 0.05,\n    closeSize: 0.25,\n    closeContent: 0.3,\n    originRestore: 0.3,\n    originRestoreDelay: 0.2,\n    safetyMs: 1100,\n  }),\n  /** modal-drag: the spring back when a drag is not far enough. */\n  drag: Object.freeze({ restore: 0.5, radiusRestore: 0.3 }),\n  /** modal-float. */\n  float: Object.freeze({ shadow: 0.45, glideDecay: 0.18, sizeSmoothing: 0.08 }),\n  /** chat-loader-delay, chat-confirmation-bar. */\n  chat: Object.freeze({ pendingDelayMs: 500, confirmWordStagger: 0.1 }),\n  /** onboarding-busy-background, step-change, onboarding-reveal-counter. */\n  onboarding: Object.freeze({ busy: 0.8, idle: 0.6, step: 0.5, counter: 0.9 }),\n  /** task-drag: lift, land (FA .62), crossfade (66 % of the land), neighbours shifting (FA .52). */\n  sortable: Object.freeze({ lift: 0.18, land: 0.42, landFade: 0.42 * 0.66, shift: 0.62 }),\n  /** toast-deck, toast-morph, toast-character-reveal. */\n  toast: Object.freeze({\n    relayout: 0.6,\n    expand: 0.55,\n    expandStagger: 0.06,\n    enter: 0.5,\n    exit: 0.3,\n    collapseDelayMs: 150,\n    morphSize: 0.32,\n    morphRadius: 0.7,\n    morphContent: 0.32,\n    morphColor: 0.4,\n    morphColorDelay: 0.15,\n    morphShadow: 0.6,\n    morphShadowDelay: 0.05,\n    safetyMs: 1100,\n    chars: 0.4,\n    charsDelay: 0.225,\n    charsStagger: 0.02,\n  }),\n  /** glass (CSS): surface/shadow transitions, ring and shine. */\n  glass: Object.freeze({ hover: 0.4, ring: 0.5 }),\n  /** utility animations (css/effects/anim.css), by name. */\n  effects: Object.freeze({\n    out: 0.5,\n    'out-left': 0.5,\n    'out-bottom': 0.5,\n    collapse: 0.25,\n    highlight: 1,\n    shake: 0.5,\n    'shake-strong': 0.4,\n    fade: 0.3,\n    wipe: 0.7,\n    'progress-in': 1,\n  }),\n  /** success confetti, per 60 fps frame. */\n  confetti: Object.freeze({\n    count: 45,\n    speed: [2, 8] as const,\n    lift: 2,\n    radius: [3, 7] as const,\n    decay: [0.015, 0.03] as const,\n    gravity: 0.15,\n    drag: 0.98,\n    spin: 2.5,\n  }),\n  /** project sheet. */\n  sheet: Object.freeze({ open: 0.72, close: 0.72, underlayScale: 0.98, underlayOpacity: 0.4 }),\n  /** Physical spring pairs: [stiffness, damping]. */\n  springs: Object.freeze({\n    press: [400, 10] as const,\n    success: [260, 18] as const,\n    underlay: [300, 30] as const,\n    letters: [300, 10] as const,\n    cursorFollow: [800, 35] as const,\n    cursorAppear: [500, 30] as const,\n    bentoEnter: [60, 15] as const,\n    bentoRepel: [300, 25] as const,\n    dockPill: [380, 30] as const,\n  }),\n  /** masked type. */\n  maskText: Object.freeze({ duration: 1.2, delay: 0.1, stagger: 0.02, exitStagger: 0.002, y: 100, threshold: 0.8 }),\n  /** reveal group (rules, fades, rises). */\n  cascade: Object.freeze({ duration: 1.2, step: 0.03, rise: 200, threshold: 0.3 }),\n  /** slot title: each letter turns 8–14 times inside a 2 s expo.out envelope. */\n  textRoll: Object.freeze({ duration: 2, stagger: 0.04, turns: [8, 14] as const, interval: 6000, quietMs: 1000 }),\n  /** hero letters: scale on hover, pastel blink. */\n  letters: Object.freeze({\n    scale: 1.3,\n    y: -5,\n    step: 0.03,\n    blink: 0.6,\n    blinkStart: 0.6,\n    blinkRepeatDelay: 0.1,\n    blinkDelays: [0.1, 0.6, 0.2, 1, 0.4, 1.2, 0.15, 0.8, 0.3] as const,\n  }),\n  /** image parallax. */\n  parallax: Object.freeze({ travel: 10, scale: 1.2, strongScale: 1.3, lerp: 1 }),\n  /** About grid gathering from depth. */\n  depthGrid: Object.freeze({\n    perspective: 600,\n    distance: 900,\n    depth: -3000,\n    rotate: -160,\n    opacity: 0.05,\n    scale: 0.4,\n    stagger: 0.15,\n    lerp: 1,\n  }),\n  /** video mask: the frame and the picture inside scale in opposite directions. */\n  frameZoom: Object.freeze({\n    outer: [80, 20] as const,\n    inner: [130, 20] as const,\n    phoneOuter: [95, 5] as const,\n    phoneInner: [105, 5] as const,\n    open: 1,\n    lerp: 1,\n  }),\n  /** marquee: seconds per item, at most 14 counted. */\n  marquee: Object.freeze({ perItem: 2, maxItems: 14 }),\n  /** glass chip and dot cursor. */\n  cursor: Object.freeze({ gutter: 10, circle: 96, dotLerp: 0.2, light: 180 }),\n  /** floating navbar: enters from −300 % over 1.8 s; rows follow 0.15 s + 0.025 s each. */\n  island: Object.freeze({ entrance: 1.8, offset: -300, delay: 0.15, step: 0.025, focus: 150 }),\n  /** product dock: spread for 1.6 s on load; tablet range re-checked 250 ms after a resize. */\n  cardDock: Object.freeze({ intro: 1600, resizeDebounce: 250 }),\n  /** phone cards: 5 s a card, 2 s wait after a touch, 0.5 s after it shows. */\n  snapStrip: Object.freeze({ interval: 5000, resume: 2000, delay: 500 }),\n  /** fill-text: letters from .2, 0.5 s each, 0.1 s apart, top 90 % → centre 40 %. */\n  fillText: Object.freeze({ from: 0.2, duration: 0.5, stagger: 0.1, start: 'top 90%', end: 'center 40%' }),\n  /** particle hero: fade in 1 s after 0.3 s, morph cycles, pointer push. */\n  particleHero: Object.freeze({ fadeIn: 1, fadeDelay: 0.3, size: 128, pointSize: 1.7, maxDpr: 1.5, stillSteps: 110 }),\n  ticketMenu: Object.freeze({ open: 0.9, content: 1.1, stagger: 0.02, from: 150 }),\n  infiniteReel: Object.freeze({ friction: 0.95, wheel: 0.05, dragThreshold: 5 }),\n  repelBento: Object.freeze({ offset: 0.6, stagger: 0.006, strength: 5000, distance: 30, breakpoint: 1024 }),\n  rotator: Object.freeze({ interval: 8000, duration: 0.25, y: 5 }),\n  dragRuler: Object.freeze({ min: 0, max: 8, step: 0.1, pixelsPerUnit: 60 }),\n});\n","import { gsap } from 'gsap';\n\n/** Called every frame with dt = 1 at 60 Hz. */\nexport type Tick = (dt: number) => void;\n\nconst subscribers = new Set<Tick>();\nconst FRAME_MS = 1000 / 60;\n\nfunction tick(_time: number, deltaMs: number) {\n  // Capped so a backgrounded tab does not explode the springs.\n  const dt = Math.min(deltaMs / FRAME_MS, 3);\n  subscribers.forEach((fn) => fn(dt));\n}\n\n/** One shared ticker callback for every recipe. */\nexport function subscribe(fn: Tick): () => void {\n  if (!subscribers.size) gsap.ticker.add(tick);\n  subscribers.add(fn);\n  return () => {\n    subscribers.delete(fn);\n    if (!subscribers.size) gsap.ticker.remove(tick);\n  };\n}\n\n/** Run `fn` every frame only while `el` is near the viewport. */\nexport function whileVisible(el: Element, fn: Tick, rootMargin = '100px'): () => void {\n  let stop: (() => void) | null = null;\n  const io = new IntersectionObserver(\n    ([entry]) => {\n      if (entry?.isIntersecting) stop ??= subscribe(fn);\n      else {\n        stop?.();\n        stop = null;\n      }\n    },\n    { rootMargin },\n  );\n  io.observe(el);\n  return () => {\n    io.disconnect();\n    stop?.();\n    stop = null;\n  };\n}\n","/** `prefers-reduced-motion: reduce`. Always false during SSR. */\nexport function reduced(): boolean {\n  return typeof matchMedia === 'function' && matchMedia('(prefers-reduced-motion: reduce)').matches;\n}\n\n/**\n * Entrance animations run only with motion allowed and when the head safety net\n * (see MK_HEAD_SCRIPT) has not given up on JavaScript.\n */\nexport function entrances(): boolean {\n  if (reduced()) return false;\n  return !(typeof document !== 'undefined' && document.documentElement.classList.contains('mk-failed'));\n}\n\n/**\n * Inline this in <head> (before CSS paints). It enables the hidden entrance states\n * (`.mk-js`) and reveals everything again (`.mk-failed`) if no recipe has started\n * within 2.5 s — e.g. the bundle failed to load.\n */\nexport const MK_HEAD_SCRIPT =\n  \"(function(){var r=document.documentElement;r.classList.add('mk-js');setTimeout(function(){if(!r.classList.contains('mk-ready'))r.classList.add('mk-failed')},2500)})();\";\n","import type { Cleanup } from './types';\n\nexport interface Scope {\n  /** Register any cleanup; returns it for convenience. */\n  add(fn: Cleanup): Cleanup;\n  /** addEventListener that is removed on dispose. */\n  on<K extends keyof HTMLElementEventMap>(\n    target: EventTarget,\n    type: K | (string & {}),\n    listener: (event: HTMLElementEventMap[K]) => void,\n    options?: AddEventListenerOptions | boolean,\n  ): void;\n  /** Disconnects the observer on dispose and returns it. */\n  observe<O extends { disconnect(): void }>(observer: O): O;\n  /** setTimeout that is cleared on dispose. */\n  timeout(fn: () => void, ms: number): void;\n  /** Set (or remove, with null) an attribute; dispose puts the original value back. */\n  attr(el: Element, name: string, value: string | null): void;\n  /** Run every cleanup once, newest first. */\n  dispose(): void;\n  readonly disposed: boolean;\n}\n\n/** Collects the side effects of one recipe instance so `destroy()` can undo all of them. */\nexport function createScope(): Scope {\n  const cleanups: Cleanup[] = [];\n  const originals = new Map<Element, Map<string, string | null>>();\n  let disposed = false;\n  return {\n    add(fn) {\n      cleanups.push(fn);\n      return fn;\n    },\n    on(target, type, listener, options) {\n      target.addEventListener(type, listener as EventListener, options);\n      cleanups.push(() => target.removeEventListener(type, listener as EventListener, options));\n    },\n    observe(observer) {\n      cleanups.push(() => observer.disconnect());\n      return observer;\n    },\n    timeout(fn, ms) {\n      const id = setTimeout(fn, ms);\n      cleanups.push(() => clearTimeout(id));\n    },\n    attr(el, name, value) {\n      let saved = originals.get(el);\n      if (!saved) originals.set(el, (saved = new Map()));\n      if (!saved.has(name)) {\n        saved.set(name, el.getAttribute(name));\n        cleanups.push(() => {\n          const original = saved.get(name);\n          if (original === null || original === undefined) el.removeAttribute(name);\n          else el.setAttribute(name, original);\n        });\n      }\n      if (value === null) el.removeAttribute(name);\n      else el.setAttribute(name, value);\n    },\n    dispose() {\n      if (disposed) return;\n      disposed = true;\n      for (const fn of cleanups.reverse()) fn();\n      cleanups.length = 0;\n    },\n    get disposed() {\n      return disposed;\n    },\n  };\n}\n"],"mappings":"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","names":[]}

package/dist/{chunk-ABNRDDO7.js → chunk-I3DXF2KQ.js}

@@ -1,6 +1,6 @@
 import {
   ROLES
-} from "./chunk-J27KH2A2.js";
+} from "./chunk-RVSKEBIC.js";
 
 // src/theme/css-format.ts
 function block(selectors, scheme, palette, indent = "") {
@@ -25,4 +25,4 @@ function themeCss(id, { light, dark }) {
 export {
   themeCss
 };
-//# sourceMappingURL=chunk-ABNRDDO7.js.map
+//# sourceMappingURL=chunk-I3DXF2KQ.js.map

package/dist/{chunk-Q4LVFNLN.js → chunk-IKQ5FODN.js}

@@ -21,20 +21,20 @@ import {
   splitWords,
   spring,
   springEase
-} from "./chunk-34XYOXHG.js";
+} from "./chunk-TFNRIZHU.js";
 import {
   THEMES,
   THEME_EVENT,
   getTheme,
   setTheme
-} from "./chunk-J27KH2A2.js";
+} from "./chunk-RVSKEBIC.js";
 import {
   TIMING,
   createScope,
   entrances,
   reduced,
   subscribe
-} from "./chunk-RFDIZYFX.js";
+} from "./chunk-DOOMULVV.js";
 import {
   inert,
   warnOnce
@@ -1614,4 +1614,4 @@ export {
   createCursor,
   createIsland
 };
-//# sourceMappingURL=chunk-Q4LVFNLN.js.map
+//# sourceMappingURL=chunk-IKQ5FODN.js.map