@yewdiel21/motion-kit 0.9.1 → 0.14.0

package/README.md

@@ -81,3 +81,75 @@ The CLI copies the selected components, their dependencies and CSS. Each copied
 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.

package/dist/auto/index.d.ts

@@ -1,10 +1,79 @@
-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-B98f8LPs.js';
-export { M as MK_HEAD_SCRIPT } from '../reduced-B98f8LPs.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-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 createLikeButton, a as createSwipeActions } from '../engine-QECQnGz1.js';
 import { I as Instance } from '../types-BkS_raL8.js';
-import '../reveal-C0hCDcB_.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;
+    'credit-card': typeof createCreditCard;
+    'command-search': typeof createCommandSearch;
+    'hold-confirm': typeof createHoldConfirm;
+    'image-preview': typeof createImagePreview;
+    'like-button': typeof createLikeButton;
+    'notification-bell': typeof createNotificationBell;
+    'password-strength': typeof createPasswordStrength;
+    'scratch-card': typeof createScratchCard;
+    'star-rating': typeof createStarRating;
+    'swipe-actions': typeof createSwipeActions;
+    attachment: typeof createAttachment;
+    skeleton: typeof createSkeleton;
+    questionnaire: typeof createQuestionnaire;
+    'code-block': typeof createCodeBlock;
+    'context-menu': typeof createContextMenu;
+    drawer: typeof createDrawer;
+    'link-preview': typeof createLinkPreview;
+    progress: typeof createProgress;
+    'range-slider': typeof createRangeSlider;
+    chart: typeof createChart;
+    'color-slider': typeof createColorSlider;
+    'color-area': typeof createColorArea;
+    'color-field': typeof createColorField;
+    'color-picker': typeof createColorPicker;
+    'time-field': typeof createTimeField;
+    'range-calendar': typeof createRangeCalendar;
+    'date-range-picker': typeof createDateRangePicker;
+    tooltip: typeof createTooltip;
+    popover: typeof createPopover;
+    'loading-button': typeof createLoadingButton;
+    breadcrumb: typeof createBreadcrumb;
+    'empty-state': typeof createEmptyState;
+    'stat-card': typeof createStatCard;
+    'chart-tooltip': typeof createChartTooltip;
+    'multi-select': typeof createMultiSelect;
+    'tag-input': typeof createTagInput;
+    'date-time-picker': typeof createDateTimePicker;
+    'filter-builder': typeof createFilterBuilder;
+    timeline: typeof createTimeline;
+    'activity-feed': typeof createActivityFeed;
+    'tree-view': typeof createTreeView;
+    'file-explorer': typeof createFileExplorer;
+    'json-viewer': typeof createJsonViewer;
+    'virtual-list': typeof createVirtualList;
+    'resizable-panel': typeof createResizablePanel;
+    'split-view': typeof createSplitView;
+    'data-table': typeof createDataTable;
+    'editable-table': typeof createEditableTable;
+    'rich-text-editor': typeof createRichTextEditor;
+    '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,19 +31,80 @@ import {
   createRepelBento,
   createReveal,
   createRotator,
+  createScrollDock,
   createSlotText,
   createSnapStrip,
   createSortable,
   createSpringCards,
+  createSticker,
   createStretchFooter,
   createTabs,
   createTextRoll,
+  createThumbnailNav,
   createTicketMenu,
+  createWeightHover,
   createWords
-} from "../chunk-XDWBVFHQ.js";
+} from "../chunk-EY4BJKC4.js";
 import {
-  ScrollTrigger
-} from "../chunk-JQMJQSXD.js";
+  ScrollTrigger,
+  createActivityFeed,
+  createAttachment,
+  createBreadcrumb,
+  createCalendar,
+  createChart,
+  createChartTooltip,
+  createCodeBlock,
+  createColorArea,
+  createColorField,
+  createColorPicker,
+  createColorSlider,
+  createCommandSearch,
+  createContextMenu,
+  createCreditCard,
+  createDataTable,
+  createDateRangePicker,
+  createDateTimePicker,
+  createDrawer,
+  createEditableTable,
+  createEmptyState,
+  createFileExplorer,
+  createFilterBuilder,
+  createHoldConfirm,
+  createHoverCard,
+  createImagePreview,
+  createInputOtp,
+  createJsonViewer,
+  createLikeButton,
+  createLinkPreview,
+  createLoadingButton,
+  createMultiSelect,
+  createNotificationBell,
+  createPagination,
+  createPasswordStrength,
+  createPopover,
+  createProgress,
+  createQuantity,
+  createQuestionnaire,
+  createRangeCalendar,
+  createRangeSlider,
+  createResizablePanel,
+  createRichTextEditor,
+  createScratchCard,
+  createSkeleton,
+  createSlotPicker,
+  createSplitView,
+  createStarRating,
+  createStatCard,
+  createStudioDock,
+  createSwipeActions,
+  createTagInput,
+  createTimeField,
+  createTimeline,
+  createTooltip,
+  createTrailer,
+  createTreeView,
+  createVirtualList
+} from "../chunk-CU6SXW3E.js";
 import "../chunk-34EZ7DF4.js";
 import {
   MK_HEAD_SCRIPT
@@ -110,6 +178,74 @@ 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,
+  "credit-card": createCreditCard,
+  "command-search": createCommandSearch,
+  "hold-confirm": createHoldConfirm,
+  "image-preview": createImagePreview,
+  "like-button": createLikeButton,
+  "notification-bell": createNotificationBell,
+  "password-strength": createPasswordStrength,
+  "scratch-card": createScratchCard,
+  "star-rating": createStarRating,
+  "swipe-actions": createSwipeActions,
+  "attachment": createAttachment,
+  "skeleton": createSkeleton,
+  "questionnaire": createQuestionnaire,
+  "code-block": createCodeBlock,
+  "context-menu": createContextMenu,
+  "drawer": createDrawer,
+  "link-preview": createLinkPreview,
+  "progress": createProgress,
+  "range-slider": createRangeSlider,
+  "chart": createChart,
+  "color-slider": createColorSlider,
+  "color-area": createColorArea,
+  "color-field": createColorField,
+  "color-picker": createColorPicker,
+  "time-field": createTimeField,
+  "range-calendar": createRangeCalendar,
+  "date-range-picker": createDateRangePicker,
+  "tooltip": createTooltip,
+  "popover": createPopover,
+  "loading-button": createLoadingButton,
+  "breadcrumb": createBreadcrumb,
+  "empty-state": createEmptyState,
+  "stat-card": createStatCard,
+  "chart-tooltip": createChartTooltip,
+  "multi-select": createMultiSelect,
+  "tag-input": createTagInput,
+  "date-time-picker": createDateTimePicker,
+  "filter-builder": createFilterBuilder,
+  "timeline": createTimeline,
+  "activity-feed": createActivityFeed,
+  "tree-view": createTreeView,
+  "file-explorer": createFileExplorer,
+  "json-viewer": createJsonViewer,
+  "virtual-list": createVirtualList,
+  "resizable-panel": createResizablePanel,
+  "split-view": createSplitView,
+  "data-table": createDataTable,
+  "editable-table": createEditableTable,
+  "rich-text-editor": createRichTextEditor,
+  "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 { 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":"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","names":[]}