@yewdiel21/motion-kit 0.10.0 → 0.15.0

package/dist/chunk-TFNRIZHU.js

@@ -1,3977 +0,0 @@
-import {
-  TIMING,
-  createScope,
-  reduced
-} from "./chunk-DOOMULVV.js";
-import {
-  inert,
-  warnOnce
-} from "./chunk-TGV27ZWM.js";
-
-// src/core/curves.ts
-var PATHS = {
-  /** The signature: a strong deceleration that is not a plain ease-out. */
-  signature: "M0,0 C0.308,0.19 0.107,0.633 0.288,0.866 0.382,0.987 0.656,1 1,1",
-  /** Lists and steps entering (`flowSoft`, also `numberSoft`). */
-  flow: "M0,0 C0.25,0.1 0.25,1 1,1",
-  /** A conversation scrolling to its newest message. */
-  chatScroll: "M0,0 C0.308,0.19 0.318,0.567 0.5,0.8 0.593,0.921 0.656,1 1,1"
-};
-function springPath(ratio, velocity = 0, steps = 72) {
-  const damping = Math.min(Math.max(ratio, 0.05), 0.999);
-  const stiffness = 5.6;
-  const frequency = stiffness / damping * Math.sqrt(1 - damping * damping);
-  const phase = (velocity - stiffness) / frequency;
-  const at = (time2) => 1 + Math.exp(-stiffness * time2) * (-Math.cos(frequency * time2) + phase * Math.sin(frequency * time2));
-  let path = "M0,0";
-  for (let step = 1; step <= steps; step += 1) {
-    const time2 = step / steps;
-    path += ` L${time2.toFixed(4)},${(step === steps ? 1 : at(time2)).toFixed(4)}`;
-  }
-  return path;
-}
-var SIGNATURE_LINEAR = "linear(0 0%, .017 2.5%, .037 5%, .061 7.5%, .091 10%, .13 12.5%, .184 15%, .275 17.5%, .562 20%, .733 22.5%, .803 25%, .848 27.5%, .88 30%, .902 32.5%, .942 40%, .97 50%, .985 60%, .993 70%, .998 80%, 1 90%, 1 100%)";
-
-// src/core/gsap.ts
-import { gsap } from "gsap";
-import { ScrollTrigger } from "gsap/ScrollTrigger";
-import { SplitText } from "gsap/SplitText";
-import { CustomEase } from "gsap/CustomEase";
-import { Flip } from "gsap/Flip";
-var ELASTIC = "elastic.out(1, 0.45)";
-var EASE = {
-  signature: "mk-signature",
-  flow: "mk-flow",
-  /** A closing surface's fade (`.56,.27,0,1`). Kept from v0.1; same curve as `fadeAway`. */
-  close: "mk-close",
-  fadeAway: "mk-fade-away",
-  /** A closing surface's blur (`.37,.35,0,1`). */
-  blurAway: "mk-blur-away",
-  chatScroll: "mk-chat-scroll",
-  /** Items travelling to a new place in a list (spring ratio .52). */
-  layoutReflow: "mk-layout-reflow",
-  /** A dragged item landing in its slot (spring ratio .62). */
-  sortableLand: "mk-sortable-land",
-  slot: "mk-slot",
-  slotResize: "mk-slot-resize",
-  liquidSize: "mk-liquid-size",
-  swatch: "mk-swatch",
-  swatchLight: "mk-swatch-light",
-  sheet: "mk-sheet",
-  inOut: "mk-in-out"
-};
-var CURVES = {
-  signature: PATHS.signature,
-  flow: PATHS.flow,
-  close: ".56,.27,0,1",
-  fadeAway: ".56,.27,0,1",
-  blurAway: ".37,.35,0,1",
-  chatScroll: PATHS.chatScroll,
-  layoutReflow: springPath(0.52),
-  sortableLand: springPath(0.62),
-  slot: ".34,1.56,.64,1",
-  slotResize: ".2,0,0,1",
-  liquidSize: ".8,.3,.5,.8",
-  swatch: ".38,.49,0,1.5",
-  swatchLight: ".11,1,0,1",
-  sheet: ".16,1,.3,1",
-  inOut: ".42,0,.58,1"
-};
-var registered = false;
-function registerMotion() {
-  if (typeof window === "undefined") return;
-  document.documentElement.classList.add("mk-ready");
-  if (registered) return;
-  registered = true;
-  gsap.registerPlugin(ScrollTrigger, SplitText, CustomEase, Flip);
-  for (const key of Object.keys(EASE)) CustomEase.create(EASE[key], CURVES[key]);
-}
-
-// src/core/channels.ts
-import { gsap as gsap2 } from "gsap";
-var easeOut = (t) => 1 - (1 - t) * (1 - t);
-var easeOutCubic = (t) => 1 - (1 - t) ** 3;
-var easeInCubic = (t) => t * t * t;
-function bezier(x1, y1, x2, y2) {
-  const at = (t, a, b) => {
-    const u = 1 - t;
-    return 3 * u * u * t * a + 3 * u * t * t * b + t * t * t;
-  };
-  return (progress) => {
-    if (progress <= 0 || progress >= 1) return Math.min(1, Math.max(0, progress));
-    let low = 0;
-    let high = 1;
-    let t = progress;
-    for (let step = 0; step < 24; step += 1) {
-      const x = at(t, x1, x2);
-      if (Math.abs(x - progress) < 1e-5) break;
-      if (x < progress) low = t;
-      else high = t;
-      t = (low + high) / 2;
-    }
-    return at(t, y1, y2);
-  };
-}
-var spring = (stiffness, damping, extra = {}) => ({
-  type: "spring",
-  stiffness,
-  damping,
-  ...extra
-});
-var eased = (duration, ease) => ({ type: "ease", duration, ease });
-var createChannelState = (value) => ({
-  current: value,
-  origin: value,
-  target: value,
-  velocity: 0,
-  elapsed: 0,
-  active: false,
-  config: null
-});
-function stepChannel(channel, seconds) {
-  const config = channel.config;
-  if (!channel.active || !config) return;
-  if (config.type === "spring") {
-    const time2 = Math.min(0.064, Math.max(0, seconds));
-    const steps = Math.max(1, Math.ceil(time2 / (1 / 60) - 1e-9));
-    const step = time2 / steps;
-    for (let index = 0; index < steps; index += 1) {
-      const force = -config.stiffness * (channel.current - channel.target) - config.damping * channel.velocity;
-      channel.velocity += force / (config.mass ?? 1) * step;
-      channel.current += channel.velocity * step;
-    }
-    if (Math.abs(channel.velocity) <= 0.01 && Math.abs(channel.target - channel.current) <= 0.01) {
-      channel.current = channel.target;
-      channel.velocity = 0;
-      channel.active = false;
-    }
-  } else {
-    channel.elapsed += Math.max(0, seconds);
-    const progress = Math.min(1, channel.elapsed / config.duration);
-    channel.current = progress >= 1 ? channel.target : channel.origin + (channel.target - channel.origin) * config.ease(progress);
-    if (progress >= 1) channel.active = false;
-  }
-}
-function channels(start, onChange) {
-  const names = Object.keys(start);
-  const state = Object.fromEntries(names.map((name) => [name, createChannelState(start[name])]));
-  let last = 0;
-  let resolveDone = null;
-  const tick = () => {
-    const now = performance.now();
-    const elapsed = Math.max(0, (now - last) / 1e3);
-    last = now;
-    let running2 = false;
-    for (const name of names) {
-      const channel = state[name];
-      if (!channel.active) continue;
-      stepChannel(channel, elapsed);
-      onChange(name, channel.current);
-      running2 ||= channel.active;
-    }
-    if (!running2) {
-      gsap2.ticker.remove(tick);
-      resolveDone?.();
-      resolveDone = null;
-    }
-  };
-  return {
-    state,
-    /** Start moving; resolves when every channel has settled (or `stop()` is called). */
-    animate(targets, configs) {
-      for (const name of Object.keys(targets)) {
-        const channel = state[name];
-        const config = configs[name];
-        if (!channel || !config) continue;
-        channel.config = config;
-        channel.origin = channel.current;
-        channel.target = targets[name];
-        channel.elapsed = 0;
-        if (config.type === "spring" && config.velocity) {
-          const sign = config.direction !== void 0 ? Math.sign(config.direction) : Math.sign(channel.target - channel.current);
-          channel.velocity = Math.abs(config.velocity) * sign;
-        }
-        channel.active = channel.target !== channel.current || channel.velocity !== 0;
-      }
-      last = performance.now();
-      gsap2.ticker.remove(tick);
-      gsap2.ticker.add(tick);
-      resolveDone?.();
-      return new Promise((resolve) => {
-        resolveDone = resolve;
-      });
-    },
-    stop() {
-      gsap2.ticker.remove(tick);
-      for (const name of names) state[name].active = false;
-      resolveDone?.();
-      resolveDone = null;
-    }
-  };
-}
-function springEase(ratio, velocity = 0) {
-  const damping = Math.min(Math.max(ratio, 0.05), 0.999);
-  const stiffness = 5.6;
-  const frequency = stiffness / damping * Math.sqrt(1 - damping * damping);
-  const phase = (velocity - stiffness) / frequency;
-  return (progress) => progress >= 1 ? 1 : 1 + Math.exp(-stiffness * progress) * (-Math.cos(frequency * progress) + phase * Math.sin(frequency * progress));
-}
-
-// src/core/split.ts
-function splitWords(el, { exclude = ["table", "pre"], className = "mk-split-word" } = {}) {
-  const parts = [];
-  const replaced = [];
-  const skip = exclude.join(",");
-  const walker = document.createTreeWalker(el, NodeFilter.SHOW_TEXT);
-  const texts = [];
-  for (let node = walker.nextNode(); node; node = walker.nextNode()) {
-    const parent = node.parentElement;
-    if (skip && parent?.closest(skip) && el.contains(parent.closest(skip))) continue;
-    if (node.data.trim()) texts.push(node);
-  }
-  for (const text of texts) {
-    const pieces = text.data.split(/(\s+)/);
-    const nodes = [];
-    for (const piece of pieces) {
-      if (!piece) continue;
-      if (/^\s+$/.test(piece)) {
-        nodes.push(document.createTextNode(piece));
-        continue;
-      }
-      const span = document.createElement("span");
-      span.className = className;
-      span.style.display = "inline-block";
-      span.textContent = piece;
-      parts.push(span);
-      nodes.push(span);
-    }
-    text.replaceWith(...nodes);
-    replaced.push([text, nodes]);
-  }
-  let reverted = false;
-  return {
-    parts,
-    revert() {
-      if (reverted) return;
-      reverted = true;
-      for (const [text, nodes] of replaced.reverse()) {
-        nodes[0]?.parentNode?.insertBefore(text, nodes[0]);
-        for (const node of nodes) node.parentNode?.removeChild(node);
-      }
-      el.normalize();
-    }
-  };
-}
-function splitGraphemes(text, limit = 64) {
-  const Ctor = Intl.Segmenter;
-  const all = Ctor ? Array.from(new Ctor(void 0, { granularity: "grapheme" }).segment(text), (part2) => part2.segment) : Array.from(text);
-  return all.slice(0, limit);
-}
-
-// src/core/frame.ts
-function requestFrame(fn) {
-  if (typeof requestAnimationFrame === "function") {
-    const id2 = requestAnimationFrame(fn);
-    return () => cancelAnimationFrame(id2);
-  }
-  const id = setTimeout(() => fn(Date.now()), 16);
-  return () => clearTimeout(id);
-}
-var nextFrame = () => new Promise((resolve) => requestFrame(() => resolve()));
-
-// src/core/styles.ts
-function clearStyles(targets, properties) {
-  for (const element of targets) {
-    const style = element.style;
-    if (!style) continue;
-    for (const property of properties) style.removeProperty(property);
-    if (element.getAttribute("style") === "") element.removeAttribute("style");
-    delete element._gsap;
-  }
-}
-var MORPH_STYLES = [
-  "transform",
-  "translate",
-  "rotate",
-  "scale",
-  "transform-origin",
-  "clip-path",
-  "opacity",
-  "visibility",
-  "filter",
-  "will-change"
-];
-
-// src/core/physics-spring.ts
-var REST = 1e-3;
-var STEP = 1 / 240;
-var LIMIT = 10;
-function position(stiffness, damping, mass) {
-  const w0 = Math.sqrt(stiffness / mass);
-  const zeta = damping / (2 * Math.sqrt(stiffness * mass));
-  if (zeta < 1) {
-    const wd = w0 * Math.sqrt(1 - zeta * zeta);
-    return (t) => 1 - Math.exp(-zeta * w0 * t) * (Math.cos(wd * t) + zeta * w0 / wd * Math.sin(wd * t));
-  }
-  if (zeta === 1) return (t) => 1 - Math.exp(-w0 * t) * (1 + w0 * t);
-  const root = Math.sqrt(zeta * zeta - 1);
-  const r1 = -w0 * (zeta - root);
-  const r2 = -w0 * (zeta + root);
-  return (t) => 1 - (r2 * Math.exp(r1 * t) - r1 * Math.exp(r2 * t)) / (r2 - r1);
-}
-var springs = /* @__PURE__ */ new Map();
-function motionSpring(stiffness, damping, mass = 1) {
-  const key = `${stiffness}/${damping}/${mass}`;
-  const known = springs.get(key);
-  if (known) return known;
-  const x = position(Math.max(stiffness, 1e-6), Math.max(damping, 0), Math.max(mass, 1e-6));
-  let settled = 0;
-  for (let i = 0; i * STEP <= LIMIT; i++) if (Math.abs(x(i * STEP) - 1) > REST) settled = (i + 1) * STEP;
-  const duration = Math.round(Math.min(settled, LIMIT) * 1e3) / 1e3;
-  const spring2 = {
-    ease: (progress) => progress <= 0 ? 0 : progress >= 1 ? 1 : x(progress * duration),
-    duration
-  };
-  springs.set(key, spring2);
-  return spring2;
-}
-var springDuration = (stiffness, damping, mass = 1) => motionSpring(stiffness, damping, mass).duration;
-function springLinear(stiffness, damping, mass = 1, points = 40) {
-  const { ease } = motionSpring(stiffness, damping, mass);
-  return `linear(${Array.from({ length: points + 1 }, (_, i) => Number(ease(i / points).toFixed(4))).join(", ")})`;
-}
-
-// src/motion/flow.ts
-var CLEAR = "transform,filter,opacity,visibility";
-function list(targets, target, reverse) {
-  let items;
-  if (target && targets instanceof Element) items = [...targets.querySelectorAll(target)];
-  else items = gsap.utils.toArray(targets);
-  return reverse ? items.reverse() : items;
-}
-function flowIn(targets, options = {}) {
-  registerMotion();
-  const {
-    y = 20,
-    blur = 16,
-    duration = TIMING.flow,
-    stagger = TIMING.flowStagger,
-    delay = 0,
-    style = 1,
-    startScale = 0.9,
-    reverse = false,
-    target,
-    ease = EASE.flow,
-    autoAlpha = true
-  } = options;
-  const items = list(targets, target, reverse);
-  if (!items.length) return null;
-  if (reduced()) {
-    clearStyles(items, ["transform", "translate", "rotate", "scale", "filter", "opacity", "visibility"]);
-    return null;
-  }
-  const from = style === 2 ? { scale: startScale } : { y: -y };
-  const to = style === 2 ? { scale: 1 } : { y: 0 };
-  const alpha = autoAlpha ? "autoAlpha" : "opacity";
-  return gsap.fromTo(
-    items,
-    { ...from, [alpha]: 0, filter: `blur(${blur}px)` },
-    { ...to, [alpha]: 1, filter: "blur(0px)", duration, stagger, delay, ease, clearProps: CLEAR }
-  );
-}
-function flowOut(targets, options = {}) {
-  registerMotion();
-  const { y = 20, blur = 16, duration = TIMING.flow, stagger = TIMING.flowStagger, delay = 0, reverse = false, target } = options;
-  const items = list(targets, target, reverse);
-  if (!items.length) return null;
-  if (reduced()) {
-    gsap.set(items, { autoAlpha: 0 });
-    return null;
-  }
-  return gsap.to(items, { y, autoAlpha: 0, filter: `blur(${blur}px)`, duration, stagger, delay, ease: EASE.flow });
-}
-async function stepChange(container, mutate, { duration = TIMING.stepChange } = {}) {
-  const before = [...container.children];
-  const out = flowOut(before, { duration });
-  if (out) await out;
-  await mutate();
-  await nextFrame();
-  flowIn([...container.children], { duration });
-}
-
-// src/motion/entrances.ts
-var flowInMenu = (targets) => flowIn(targets, { style: 2, startScale: 0.9, blur: 4, reverse: true, autoAlpha: false, ...TIMING.menu });
-var flowInPalette = (targets) => flowIn(targets, { style: 2, startScale: 0.5, blur: 4, autoAlpha: false, ...TIMING.palette });
-var flowInForm = (targets) => flowIn(targets, { style: 2, startScale: 0.9, blur: 8, ...TIMING.form });
-var flowInLanding = (targets) => flowIn(targets, { style: 2, startScale: 0.85, blur: 24, ...TIMING.landing });
-var flowInContent = (root) => flowIn(root, { style: 2, target: "[data-flow], .markdown-content > *", ...TIMING.content });
-
-// src/core/pointer.ts
-import { gsap as gsap3 } from "gsap";
-var pointer = { x: 0, y: 0, active: false };
-var mx = 0;
-var my = 0;
-var lastX = null;
-var lastY = null;
-var users = 0;
-function onMove(e) {
-  if (lastX !== null && lastY !== null) {
-    mx += e.clientX - lastX;
-    my += e.clientY - lastY;
-  }
-  lastX = pointer.x = e.clientX;
-  lastY = pointer.y = e.clientY;
-  pointer.active = true;
-}
-function onOut(e) {
-  if (e.relatedTarget) return;
-  pointer.active = false;
-  lastX = lastY = null;
-}
-function bindPointer() {
-  if (users++ === 0) {
-    addEventListener("pointermove", onMove, { passive: true });
-    document.addEventListener("pointerout", onOut);
-  }
-  let released = false;
-  return () => {
-    if (released) return;
-    released = true;
-    if (--users > 0) return;
-    removeEventListener("pointermove", onMove);
-    document.removeEventListener("pointerout", onOut);
-    pointer.active = false;
-    lastX = lastY = null;
-    mx = my = 0;
-  };
-}
-var frameMovement = { mx: 0, my: 0 };
-var movementFrame = -1;
-function takeMovement() {
-  const frame = gsap3.ticker.frame;
-  if (frame !== movementFrame) {
-    movementFrame = frame;
-    frameMovement = { mx, my };
-    mx = my = 0;
-  }
-  return frameMovement;
-}
-
-// src/motion/reveal.ts
-var TRANSPARENT = /^(transparent|rgba\(0, 0, 0, 0\))$/;
-function backgroundOf(el) {
-  for (let node = el; node; node = node.parentElement) {
-    const color = getComputedStyle(node).backgroundColor;
-    if (color && !TRANSPARENT.test(color)) return color;
-  }
-  return "var(--mk-bg, #fff)";
-}
-function revealFrom(target, options = {}) {
-  if (reduced() || !target.isConnected) return null;
-  registerMotion();
-  const { speed = "normal", delay = 0, overshoot = 2 } = options;
-  const style = getComputedStyle(target);
-  const fill = options.fill ?? backgroundOf(target);
-  const position2 = target.style.position;
-  if (style.position === "static") target.style.position = "relative";
-  const box = target.getBoundingClientRect();
-  const width = target.clientWidth;
-  const height = target.clientHeight;
-  let point = null;
-  const origin = options.origin;
-  if (origin instanceof Element) {
-    if (origin.isConnected) {
-      const rect = origin.getBoundingClientRect();
-      point = { x: rect.left + rect.width / 2, y: rect.top + rect.height / 2 };
-    }
-  } else if (origin) point = origin;
-  else if (origin === void 0 && pointer.active) point = { x: pointer.x, y: pointer.y };
-  const x = point ? point.x - box.left - target.clientLeft : width / 2;
-  const y = point ? point.y - box.top - target.clientTop : height / 2;
-  const radius = Math.max(Math.hypot(x, y), Math.hypot(width - x, y), Math.hypot(x, height - y), Math.hypot(width - x, height - y)) * overshoot;
-  const veil = document.createElement("div");
-  veil.setAttribute("aria-hidden", "true");
-  veil.dataset.mkVeil = "";
-  Object.assign(veil.style, {
-    position: "absolute",
-    top: `${target.scrollTop}px`,
-    left: `${target.scrollLeft}px`,
-    width: `${width}px`,
-    height: `${height}px`,
-    borderRadius: style.borderRadius,
-    pointerEvents: "none",
-    zIndex: "1000"
-  });
-  const progress = { value: 0 };
-  const paint = () => {
-    veil.style.background = `radial-gradient(${radius}px at ${x}px ${y}px, transparent 0%, ${fill} ${progress.value}%)`;
-  };
-  paint();
-  target.append(veil);
-  let done = false;
-  let resolve;
-  const finished = new Promise((r) => resolve = r);
-  const cleanup = () => {
-    if (done) return;
-    done = true;
-    veil.remove();
-    target.style.position = position2;
-    resolve();
-  };
-  const [duration, fade] = TIMING.reveal[speed];
-  const timeline = gsap.timeline({ delay, onComplete: cleanup, onInterrupt: cleanup }).to(progress, { value: 100, duration, ease: "power2.out", onUpdate: paint }, 0).to(veil, { opacity: 0, duration: fade, ease: "power1.out" }, Math.max(0, duration * Math.min(1, 1 / overshoot) - 0.1));
-  return {
-    timeline,
-    finished,
-    cancel() {
-      timeline.kill();
-      cleanup();
-    }
-  };
-}
-
-// src/motion/count.ts
-var shown = /* @__PURE__ */ new WeakMap();
-var tweens = /* @__PURE__ */ new WeakMap();
-var frames = /* @__PURE__ */ new WeakMap();
-var defaultFormat = (value) => String(Math.round(value));
-function current(el) {
-  const known = shown.get(el);
-  if (known !== void 0) return known;
-  const parsed = Number((el.textContent ?? "").replace(/[^\d.-]/g, ""));
-  return Number.isFinite(parsed) ? parsed : 0;
-}
-function tweenNumber(from, to, onUpdate, { duration = TIMING.number } = {}) {
-  registerMotion();
-  if (from === to || reduced()) {
-    onUpdate(to);
-    return null;
-  }
-  const state = { value: from };
-  return gsap.to(state, { value: to, duration, ease: EASE.flow, onUpdate: () => onUpdate(state.value), onComplete: () => onUpdate(to) });
-}
-function countTo(el, to, { from, duration = TIMING.number, format = defaultFormat } = {}) {
-  registerMotion();
-  tweens.get(el)?.kill();
-  const start = from ?? current(el);
-  const write = (value) => {
-    shown.set(el, value);
-    el.textContent = format(value);
-  };
-  if (start === to || reduced()) {
-    write(to);
-    return null;
-  }
-  const state = { value: start };
-  const tween = gsap.to(state, {
-    value: to,
-    duration,
-    ease: EASE.flow,
-    onUpdate: () => write(state.value),
-    onComplete: () => {
-      write(to);
-      tweens.delete(el);
-    }
-  });
-  tweens.set(el, tween);
-  return tween;
-}
-function revealCounter(el, to, { from, duration = TIMING.revealCounter, format = defaultFormat } = {}) {
-  frames.get(el)?.();
-  const start = from ?? current(el);
-  const write = (value) => {
-    shown.set(el, value);
-    el.textContent = format(value);
-  };
-  if (start === to || reduced()) {
-    write(to);
-    return () => {
-    };
-  }
-  let began = null;
-  let cancel = () => {
-  };
-  const step = (time2) => {
-    began ??= time2;
-    const progress = Math.min(1, (time2 - began) / (duration * 1e3));
-    write(start + (to - start) * (1 - (1 - progress) ** 3));
-    if (progress < 1) cancel = requestFrame(step);
-    else frames.delete(el);
-  };
-  cancel = requestFrame(step);
-  const stop2 = () => cancel();
-  frames.set(el, stop2);
-  return stop2;
-}
-
-// src/motion/anchor.ts
-var EDGE = 16;
-var GAP = 8;
-var PHONE = 680;
-var PLACED = ["top", "left", "right", "bottom", "margin", "margin-top", "margin-right", "margin-bottom", "margin-left"];
-function anchorSurface(surface, origin, viewport) {
-  const view = viewport ?? { width: innerWidth, height: innerHeight };
-  if (!origin || view.width < PHONE) {
-    for (const side of PLACED) surface.style.removeProperty(side);
-    return;
-  }
-  const box = surface.getBoundingClientRect();
-  const clampLeft = (value) => Math.max(EDGE, Math.min(value, view.width - box.width - EDGE));
-  const below = origin.bottom + GAP;
-  const above = origin.top - GAP - box.height;
-  const lowest = Math.max(EDGE, view.height - box.height - EDGE);
-  const besideRight = origin.right + GAP;
-  const besideLeft = origin.left - GAP - box.width;
-  let top;
-  let left;
-  if (below <= lowest) [top, left] = [below, clampLeft(origin.left)];
-  else if (above >= EDGE) [top, left] = [above, clampLeft(origin.left)];
-  else if (besideRight + box.width <= view.width - EDGE) [top, left] = [Math.min(Math.max(EDGE, origin.top), lowest), besideRight];
-  else if (besideLeft >= EDGE) [top, left] = [Math.min(Math.max(EDGE, origin.top), lowest), besideLeft];
-  else [top, left] = [lowest, clampLeft(origin.left)];
-  Object.assign(surface.style, { margin: "0", top: `${Math.round(top)}px`, left: `${Math.round(left)}px`, right: "auto", bottom: "auto" });
-}
-function clearAnchor(surface) {
-  for (const side of PLACED) surface.style.removeProperty(side);
-}
-
-// src/motion/drag-dismiss.ts
-var START = 6;
-var FOLLOW = 0.5;
-var DISMISS = 100;
-var SHRINK = 400;
-var WHEEL_SPEED = 1.5;
-var WHEEL_MIN = 16;
-var WHEEL_IDLE = 90;
-var WHEEL_COOLDOWN = 250;
-var CONTROLS = [
-  "a[href]",
-  "button",
-  "input",
-  "select",
-  "textarea",
-  "label",
-  "summary",
-  '[contenteditable="true"]',
-  '[role="button"]',
-  '[role="slider"]',
-  '[role="combobox"]',
-  '[role="option"]',
-  '[role="checkbox"]',
-  '[role="menuitem"]'
-].join(",");
-function scrollerOf(target, surface) {
-  let element = target instanceof Element ? target : null;
-  while (element) {
-    if (element.scrollHeight > element.clientHeight + 1) {
-      const overflow = getComputedStyle(element).overflowY;
-      if (overflow === "auto" || overflow === "scroll") return element;
-    }
-    if (element === surface) break;
-    element = element.parentElement;
-  }
-  return null;
-}
-var draggableFrom = (target, surface) => target instanceof Element && !target.closest("[data-mk-no-drag], [popover]") && !target.closest(CONTROLS) && !(surface.querySelector("[data-mk-drag-handle]") && !target.closest("[data-mk-drag-handle]"));
-function attachDragDismiss(surface, { canDrag = () => true, onDismiss }) {
-  registerMotion();
-  let pointer2 = null;
-  let startX = 0;
-  let startY = 0;
-  let mode = null;
-  let pulled = 0;
-  let base = { x: 0, y: 0, scale: 1 };
-  let target = null;
-  const noSelect = (event) => event.preventDefault();
-  const begin = () => {
-    mode = "drag";
-    gsap.killTweensOf(surface, "x,y,scale");
-    base = {
-      x: Number(gsap.getProperty(surface, "x")) || 0,
-      y: Number(gsap.getProperty(surface, "y")) || 0,
-      scale: Number(gsap.getProperty(surface, "scaleX")) || 1
-    };
-    window.getSelection?.()?.removeAllRanges();
-    document.body.style.userSelect = "none";
-    document.addEventListener("selectstart", noSelect);
-  };
-  const follow = (dx, dy) => {
-    pulled = dy * FOLLOW;
-    gsap.set(surface, { x: base.x + dx * FOLLOW, y: base.y + pulled, scale: Math.max(0.1, base.scale * (1 - pulled / SHRINK)) });
-  };
-  const restore = () => gsap.to(surface, { x: 0, y: 0, scale: 1, duration: TIMING.drag.restore, ease: "elastic.out(0.5,0.5)" });
-  const release = () => {
-    document.removeEventListener("selectstart", noSelect);
-    document.body.style.userSelect = "";
-    const dismiss = pulled > DISMISS;
-    mode = null;
-    pulled = 0;
-    if (dismiss) onDismiss();
-    else restore();
-  };
-  const onPointerDown = (event) => {
-    if (event.button !== 0 || pointer2 !== null || reduced() || !canDrag()) return;
-    if (!draggableFrom(event.target, surface)) return;
-    pointer2 = event.pointerId;
-    target = event.target;
-    startX = event.clientX;
-    startY = event.clientY;
-    mode = null;
-    pulled = 0;
-  };
-  const onPointerMove = (event) => {
-    if (event.pointerId !== pointer2 || mode === "scroll") return;
-    const dx = event.clientX - startX;
-    const dy = event.clientY - startY;
-    if (mode === null) {
-      if (Math.abs(dx) < START && Math.abs(dy) < START) return;
-      if (event.pointerType !== "mouse") {
-        const scroller = scrollerOf(target, surface);
-        if (scroller && Math.abs(dx) < Math.abs(dy) && !(dy > 0 && scroller.scrollTop <= 0)) {
-          mode = "scroll";
-          return;
-        }
-      }
-      begin();
-    }
-    if (event.cancelable) event.preventDefault();
-    follow(dx, dy);
-  };
-  const onPointerUp = (event) => {
-    if (event.pointerId !== pointer2) return;
-    pointer2 = null;
-    target = null;
-    if (mode !== "drag") {
-      mode = null;
-      return;
-    }
-    const swallow = (click) => {
-      click.stopPropagation();
-      click.preventDefault();
-    };
-    window.addEventListener("click", swallow, { capture: true, once: true });
-    setTimeout(() => window.removeEventListener("click", swallow, { capture: true }), 50);
-    release();
-  };
-  let wheeling = false;
-  let wheelPull = 0;
-  let wheelSpeed = 0;
-  let lastWheel = 0;
-  let idle;
-  let quietUntil = 0;
-  const deltaOf = (event) => event.deltaMode === 1 ? event.deltaY * 16 : event.deltaMode === 2 ? event.deltaY * innerHeight : event.deltaY;
-  function endWheel(dismiss, at) {
-    window.removeEventListener("wheel", onWheelCapture, { capture: true });
-    clearTimeout(idle);
-    wheeling = false;
-    quietUntil = at + WHEEL_COOLDOWN;
-    pulled = 0;
-    wheelPull = 0;
-    wheelSpeed = 0;
-    lastWheel = 0;
-    document.body.style.userSelect = "";
-    if (dismiss) onDismiss();
-    else restore();
-  }
-  function stepWheel(event) {
-    const amount = -deltaOf(event);
-    const elapsed = lastWheel ? Math.max(1, event.timeStamp - lastWheel) : 16;
-    lastWheel = event.timeStamp;
-    wheelSpeed = wheelSpeed * 0.4 + amount / elapsed * 0.6;
-    wheelPull = Math.max(0, wheelPull + amount);
-    follow(0, wheelPull);
-    if (wheelSpeed > WHEEL_SPEED && pulled > WHEEL_MIN || pulled > DISMISS) {
-      endWheel(true, event.timeStamp);
-      return;
-    }
-    clearTimeout(idle);
-    idle = setTimeout(() => wheeling && endWheel(false, performance.now()), WHEEL_IDLE);
-  }
-  function onWheelCapture(event) {
-    if (!wheeling) return;
-    event.preventDefault();
-    event.stopPropagation();
-    stepWheel(event);
-  }
-  const onWheel = (event) => {
-    if (wheeling || reduced() || !canDrag()) return;
-    const up = deltaOf(event) < 0;
-    const scroller = scrollerOf(event.target, surface);
-    const canScroll = scroller ? up ? scroller.scrollTop > 0 : scroller.scrollTop + scroller.clientHeight < scroller.scrollHeight - 1 : false;
-    if (canScroll || !up || event.timeStamp < quietUntil) return;
-    if (event.target instanceof Element && event.target.closest("[data-mk-no-drag], [popover]")) return;
-    event.preventDefault();
-    wheeling = true;
-    wheelPull = 0;
-    wheelSpeed = 0;
-    lastWheel = 0;
-    begin();
-    mode = null;
-    window.addEventListener("wheel", onWheelCapture, { passive: false, capture: true });
-    stepWheel(event);
-  };
-  surface.addEventListener("pointerdown", onPointerDown);
-  window.addEventListener("pointermove", onPointerMove, { passive: false });
-  window.addEventListener("pointerup", onPointerUp);
-  window.addEventListener("pointercancel", onPointerUp);
-  surface.addEventListener("wheel", onWheel, { passive: false });
-  return () => {
-    surface.removeEventListener("pointerdown", onPointerDown);
-    window.removeEventListener("pointermove", onPointerMove);
-    window.removeEventListener("pointerup", onPointerUp);
-    window.removeEventListener("pointercancel", onPointerUp);
-    surface.removeEventListener("wheel", onWheel);
-    window.removeEventListener("wheel", onWheelCapture, { capture: true });
-    clearTimeout(idle);
-    document.removeEventListener("selectstart", noSelect);
-    document.body.style.userSelect = "";
-  };
-}
-
-// src/motion/floating.ts
-var MIN_WIDTH = 320;
-var MIN_HEIGHT = 240;
-var MARGIN = 8;
-var DESKTOP = 680;
-var LIFT = 4;
-var SPRING = { stiffness: 1100, damping: 38 };
-var MASS_AREA = 24e3;
-var MAX_MASS = 1.5;
-var REST_SPEED = 24;
-var FLING_SPEED = 350;
-var POINTER_SMOOTHING = 0.05;
-var SHRINK_FULL = 0.85;
-var FLOAT_SHADOW = "rgba(0, 0, 0, 0.24) 0px 0px 24px -6px";
-var floatingAvailable = () => typeof innerWidth === "number" && innerWidth >= DESKTOP;
-function clampRect(rect, viewport = { width: innerWidth, height: innerHeight }) {
-  const maxWidth = Math.max(MIN_WIDTH, viewport.width - MARGIN * 2);
-  const maxHeight = Math.max(MIN_HEIGHT, viewport.height - MARGIN * 2);
-  const width = Math.min(maxWidth, Math.max(MIN_WIDTH, rect.width));
-  const height = Math.min(maxHeight, Math.max(MIN_HEIGHT, rect.height));
-  return {
-    top: Math.min(Math.max(MARGIN, viewport.height - height - MARGIN), Math.max(MARGIN, rect.top)),
-    left: Math.min(Math.max(MARGIN, viewport.width - width - MARGIN), Math.max(MARGIN, rect.left)),
-    width,
-    height
-  };
-}
-var rectOf = (element) => {
-  const box = element.getBoundingClientRect();
-  return { top: box.top, left: box.left, width: box.width, height: box.height };
-};
-var place = (element, rect) => Object.assign(element.style, {
-  position: "fixed",
-  inset: "auto",
-  margin: "0",
-  top: `${rect.top}px`,
-  left: `${rect.left}px`,
-  width: `${rect.width}px`,
-  height: `${rect.height}px`,
-  maxWidth: "none",
-  maxHeight: "none"
-});
-var storageKey = (key) => `mk-float.${key}`;
-function savedFloat(key) {
-  try {
-    const value = JSON.parse(localStorage.getItem(storageKey(key)) ?? "null");
-    return value && ["top", "left", "width", "height"].every((name) => Number.isFinite(value[name])) ? clampRect(value) : null;
-  } catch {
-    return null;
-  }
-}
-function saveFloat(key, rect) {
-  try {
-    localStorage.setItem(
-      storageKey(key),
-      JSON.stringify({ top: Math.round(rect.top), left: Math.round(rect.left), width: Math.round(rect.width), height: Math.round(rect.height) })
-    );
-  } catch {
-  }
-}
-function forgetFloat(key) {
-  try {
-    localStorage.removeItem(storageKey(key));
-  } catch {
-  }
-}
-function liftWindow(surface, rect) {
-  registerMotion();
-  place(surface, clampRect(rect));
-  surface.classList.add("is-floating");
-  if (!reduced()) {
-    gsap.fromTo(
-      surface,
-      { boxShadow: "rgba(0, 0, 0, 0) 0px 0px 0px 0px" },
-      { boxShadow: FLOAT_SHADOW, duration: TIMING.float.shadow, ease: EASE.signature, clearProps: "boxShadow" }
-    );
-  }
-}
-var PLACED2 = [
-  "position",
-  "inset",
-  "right",
-  "bottom",
-  "margin",
-  "margin-top",
-  "margin-right",
-  "margin-bottom",
-  "margin-left",
-  "top",
-  "left",
-  "width",
-  "height",
-  "max-width",
-  "max-height"
-];
-function unplaceWindow(surface) {
-  surface.classList.remove("is-floating");
-  for (const name of PLACED2) surface.style.removeProperty(name);
-}
-function dockWindow(surface, from) {
-  registerMotion();
-  unplaceWindow(surface);
-  if (reduced()) return;
-  const to = rectOf(surface);
-  gsap.from(surface, { x: from.left - to.left, y: from.top - to.top, duration: TIMING.float.shadow, ease: EASE.signature, clearProps: "transform" });
-}
-function attachFloating(surface, { key, handle, corners = [], isFloating, float, dock }) {
-  const cleanups = [];
-  const listen = (element, listener) => {
-    element.addEventListener("pointerdown", listener);
-    cleanups.push(() => element.removeEventListener("pointerdown", listener));
-  };
-  let active = null;
-  let release = null;
-  const capture = (element, down, { onMove: onMove2, onUp }) => {
-    release?.();
-    active = down.pointerId;
-    try {
-      element.setPointerCapture?.(down.pointerId);
-    } catch {
-    }
-    const move = (event) => {
-      if (event.pointerId === active) onMove2(event);
-    };
-    const up = (event) => {
-      if (event.pointerId !== active) return;
-      stop2();
-      onUp();
-    };
-    const stop2 = () => {
-      active = null;
-      release = null;
-      window.removeEventListener("pointermove", move);
-      window.removeEventListener("pointerup", up);
-      window.removeEventListener("pointercancel", up);
-    };
-    release = stop2;
-    window.addEventListener("pointermove", move);
-    window.addEventListener("pointerup", up);
-    window.addEventListener("pointercancel", up);
-  };
-  cleanups.push(() => release?.());
-  let body = null;
-  const settle = () => {
-    if (!body) return;
-    gsap.ticker.remove(tick);
-    body = null;
-  };
-  function tick() {
-    if (!body) return;
-    const now = performance.now();
-    const elapsed = Math.min((now - body.time) / 1e3, 1 / 30);
-    if (elapsed <= 0) return;
-    body.time = now;
-    if (body.gliding) {
-      const decay = Math.exp(-elapsed / TIMING.float.glideDecay);
-      body.vx *= decay;
-      body.vy *= decay;
-    } else {
-      body.vx += ((body.targetX - body.x) * SPRING.stiffness - body.vx * SPRING.damping) * elapsed / body.mass;
-      body.vy += ((body.targetY - body.y) * SPRING.stiffness - body.vy * SPRING.damping) * elapsed / body.mass;
-    }
-    body.x += body.vx * elapsed;
-    body.y += body.vy * elapsed;
-    const smoothing = 1 - Math.exp(-elapsed / TIMING.float.sizeSmoothing);
-    body.w += (body.targetW - body.w) * smoothing;
-    body.h += (body.targetH - body.h) * smoothing;
-    if (Math.abs(body.targetW - body.w) < 0.5) body.w = body.targetW;
-    if (Math.abs(body.targetH - body.h) < 0.5) body.h = body.targetH;
-    const rect = clampRect({ top: body.y, left: body.x, width: body.w, height: body.h });
-    if (rect.left !== body.x) {
-      body.x = rect.left;
-      body.vx = 0;
-    }
-    if (rect.top !== body.y) {
-      body.y = rect.top;
-      body.vy = 0;
-    }
-    place(surface, rect);
-    const resting = Math.hypot(body.vx, body.vy) < REST_SPEED && body.w === body.targetW && body.h === body.targetH;
-    if (body.gliding && resting) {
-      saveFloat(key, rect);
-      settle();
-    }
-  }
-  listen(handle, (down) => {
-    if (down.button !== 0 || active !== null || !floatingAvailable()) return;
-    down.preventDefault();
-    settle();
-    let moved = false;
-    capture(handle, down, {
-      onMove(event) {
-        const dx = event.clientX - down.clientX;
-        const dy = event.clientY - down.clientY;
-        if (!moved) {
-          if (Math.abs(dx) < LIFT && Math.abs(dy) < LIFT) return;
-          moved = true;
-          if (!isFloating()) float();
-          const rect = rectOf(surface);
-          const fullWidth = innerWidth - MARGIN * 2;
-          const fullHeight = innerHeight - MARGIN * 2;
-          const width = rect.width >= fullWidth - 2 ? Math.max(MIN_WIDTH, Math.round(fullWidth * SHRINK_FULL)) : rect.width;
-          const height = rect.height >= fullHeight - 2 ? Math.max(MIN_HEIGHT, Math.round(fullHeight * SHRINK_FULL)) : rect.height;
-          const grip = rect.width > 0 ? (down.clientX - rect.left) / rect.width : 0;
-          const left = rect.left + (rect.width - width) * grip;
-          const now2 = performance.now();
-          body = {
-            x: left,
-            y: rect.top,
-            vx: 0,
-            vy: 0,
-            w: rect.width,
-            h: rect.height,
-            targetX: left,
-            targetY: rect.top,
-            targetW: width,
-            targetH: height,
-            mass: Math.min(MAX_MASS, Math.max(1, Math.sqrt(rect.width * rect.height / MASS_AREA))),
-            time: now2,
-            gliding: false,
-            fromX: left,
-            fromY: rect.top,
-            pointerVx: 0,
-            pointerVy: 0,
-            pointerX: event.clientX,
-            pointerY: event.clientY,
-            pointerTime: now2
-          };
-          gsap.ticker.add(tick);
-        }
-        if (!body) return;
-        body.targetX = body.fromX + dx;
-        body.targetY = body.fromY + dy;
-        const now = performance.now();
-        const seconds = Math.max(1, now - body.pointerTime) / 1e3;
-        const smoothing = 1 - Math.exp(-seconds / POINTER_SMOOTHING);
-        body.pointerVx += ((event.clientX - body.pointerX) / seconds - body.pointerVx) * smoothing;
-        body.pointerVy += ((event.clientY - body.pointerY) / seconds - body.pointerVy) * smoothing;
-        body.pointerX = event.clientX;
-        body.pointerY = event.clientY;
-        body.pointerTime = now;
-      },
-      onUp() {
-        if (!moved) {
-          if (isFloating()) dock();
-          else float();
-          return;
-        }
-        if (!body) return;
-        const speed = performance.now() - body.pointerTime > 80 ? 0 : Math.hypot(body.pointerVx, body.pointerVy);
-        if (speed >= FLING_SPEED) {
-          body.vx = body.pointerVx;
-          body.vy = body.pointerVy;
-        } else {
-          body.vx = 0;
-          body.vy = 0;
-          body.targetX = body.x;
-          body.targetY = body.y;
-        }
-        body.gliding = true;
-      }
-    });
-  });
-  for (const corner of corners) {
-    listen(corner, (down) => {
-      if (down.button !== 0 || active !== null || !floatingAvailable()) return;
-      down.preventDefault();
-      settle();
-      const side = corner.dataset.mkFloatCorner ?? "br";
-      const fromLeft = side.endsWith("l");
-      const fromTop = side.startsWith("t");
-      let start = null;
-      capture(corner, down, {
-        onMove(event) {
-          const dx = event.clientX - down.clientX;
-          const dy = event.clientY - down.clientY;
-          if (!start) {
-            if (Math.abs(dx) < LIFT && Math.abs(dy) < LIFT) return;
-            if (!isFloating()) float();
-            start = rectOf(surface);
-          }
-          const width = Math.min(innerWidth - MARGIN * 2, Math.max(MIN_WIDTH, fromLeft ? start.width - dx : start.width + dx));
-          const height = Math.min(innerHeight - MARGIN * 2, Math.max(MIN_HEIGHT, fromTop ? start.height - dy : start.height + dy));
-          place(
-            surface,
-            clampRect({
-              top: fromTop ? start.top + start.height - height : start.top,
-              left: fromLeft ? start.left + start.width - width : start.left,
-              width,
-              height
-            })
-          );
-        },
-        onUp() {
-          if (start) saveFloat(key, rectOf(surface));
-        }
-      });
-    });
-  }
-  return () => {
-    if (body?.gliding) saveFloat(key, rectOf(surface));
-    settle();
-    for (const cleanup of cleanups) cleanup();
-  };
-}
-
-// src/motion/surface.ts
-var transparentColor = (color) => !color || color === "transparent" || /,\s*0\)$/.test(color) || /\/\s*0\)$/.test(color);
-function openModal(dialog, modal = true) {
-  if (dialog.hasAttribute("open")) return;
-  if (modal && typeof dialog.showModal === "function") dialog.showModal();
-  else if (typeof dialog.show === "function") dialog.show();
-  else dialog.setAttribute("open", "");
-}
-function closeModal(dialog) {
-  if (typeof dialog.close === "function") dialog.close();
-  else dialog.removeAttribute("open");
-}
-function fadeBackdrop(dialog, direction) {
-  if (typeof dialog.animate !== "function" || reduced()) return Promise.resolve();
-  try {
-    const animation = dialog.animate(direction === "in" ? [{ opacity: 0 }, { opacity: 1 }] : [{ opacity: 1 }, { opacity: 0 }], {
-      duration: (direction === "in" ? TIMING.dialog.backdrop : TIMING.dialog.close) * 1e3,
-      easing: direction === "in" ? SIGNATURE_LINEAR : "linear",
-      fill: direction === "out" ? "forwards" : "none",
-      pseudoElement: "::backdrop"
-    });
-    return animation.finished.then(
-      () => void 0,
-      () => void 0
-    );
-  } catch {
-    return Promise.resolve();
-  }
-}
-function backdropVeil(surface) {
-  const backdrop = getComputedStyle(surface, "::backdrop");
-  const veil = document.createElement("div");
-  veil.setAttribute("aria-hidden", "true");
-  veil.dataset.mkVeil = "";
-  Object.assign(veil.style, {
-    position: "fixed",
-    inset: "0",
-    zIndex: "2147483645",
-    background: backdrop.background || backdrop.backgroundColor,
-    backdropFilter: backdrop.backdropFilter,
-    pointerEvents: "none"
-  });
-  return veil;
-}
-function ghostOf(surface) {
-  const rect = surface.getBoundingClientRect();
-  if (rect.width === 0 || rect.height === 0) return null;
-  const style = getComputedStyle(surface);
-  const ghost = document.createElement("div");
-  ghost.className = surface.className;
-  ghost.innerHTML = surface.innerHTML;
-  ghost.setAttribute("aria-hidden", "true");
-  ghost.inert = true;
-  ghost.dataset.mkGhost = "";
-  const strip = ["id", "for", "name", "aria-labelledby", "aria-describedby", "aria-label", "role"];
-  for (const element of ghost.querySelectorAll(strip.map((name) => `[${name}]`).join(","))) {
-    for (const name of strip) element.removeAttribute(name);
-  }
-  for (const label of ghost.querySelectorAll("label")) {
-    const span = document.createElement("span");
-    span.className = label.className;
-    span.append(...label.childNodes);
-    label.replaceWith(span);
-  }
-  Object.assign(ghost.style, {
-    position: "fixed",
-    inset: "auto",
-    left: `${rect.left}px`,
-    top: `${rect.top}px`,
-    width: `${rect.width}px`,
-    height: `${rect.height}px`,
-    margin: "0",
-    display: style.display === "none" ? "flex" : style.display,
-    flexDirection: style.flexDirection,
-    zIndex: "2147483646",
-    pointerEvents: "none"
-  });
-  return ghost;
-}
-
-// src/motion/liquid.ts
-var GOO = "mk-liquid-goo";
-function ensureGoo() {
-  if (document.getElementById(GOO)) return;
-  const svg = document.createElementNS("http://www.w3.org/2000/svg", "svg");
-  svg.setAttribute("aria-hidden", "true");
-  svg.setAttribute("width", "0");
-  svg.setAttribute("height", "0");
-  svg.style.position = "absolute";
-  svg.innerHTML = `<defs><filter id="${GOO}" x="-50%" y="-50%" width="200%" height="200%"><feGaussianBlur in="SourceGraphic" stdDeviation="20"/><feColorMatrix type="matrix" values="1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 19 -9"/></filter></defs>`;
-  document.body.append(svg);
-}
-function gooLayer(surface) {
-  ensureGoo();
-  const box = surface.getBoundingClientRect();
-  const layer = document.createElement("div");
-  layer.className = "mk-morph-face mk-liquid";
-  layer.setAttribute("aria-hidden", "true");
-  Object.assign(layer.style, {
-    position: "absolute",
-    left: `${-box.left - surface.clientLeft}px`,
-    top: `${-box.top - surface.clientTop}px`,
-    width: `${innerWidth}px`,
-    height: `${innerHeight}px`,
-    zIndex: "-1",
-    pointerEvents: "none",
-    filter: `url(#${GOO})`,
-    borderRadius: "0",
-    background: "none"
-  });
-  const blob = (from, radius, color) => {
-    const element = document.createElement("div");
-    Object.assign(element.style, {
-      position: "absolute",
-      top: `${from.top}px`,
-      left: `${from.left}px`,
-      width: `${from.width}px`,
-      height: `${from.height}px`,
-      borderRadius: `${radius}px`,
-      background: color
-    });
-    layer.append(element);
-    return element;
-  };
-  surface.append(layer);
-  return { layer, blob };
-}
-function hideFrame(surface) {
-  const saved = surface.getAttribute("style");
-  Object.assign(surface.style, {
-    transition: "none",
-    background: "transparent",
-    boxShadow: "none",
-    borderColor: "transparent",
-    overflow: "visible"
-  });
-  return () => {
-    if (saved === null) surface.removeAttribute("style");
-    else surface.setAttribute("style", saved);
-  };
-}
-var radiusOf = (element, box) => Math.min(parseFloat(getComputedStyle(element).borderTopLeftRadius) || 0, box.width / 2, box.height / 2);
-function centerParts(surface, parts) {
-  const box = surface.getBoundingClientRect();
-  const centerX = box.left + box.width / 2;
-  const centerY = box.top + box.height / 2;
-  for (const part2 of parts) {
-    const own = part2.getBoundingClientRect();
-    gsap.set(part2, { transformOrigin: `${centerX - own.left}px ${centerY - own.top}px` });
-  }
-  return { centerX, centerY };
-}
-function liquidOpen(surface, origin, parts) {
-  const box = surface.getBoundingClientRect();
-  const start = origin.getBoundingClientRect();
-  const surfaceColor = getComputedStyle(surface).backgroundColor;
-  const originLook = getComputedStyle(origin).backgroundColor;
-  const originColor = transparentColor(originLook) ? surfaceColor : originLook;
-  const endRadius = radiusOf(surface, box);
-  const startRadius = radiusOf(origin, start);
-  const { centerX, centerY } = centerParts(surface, parts);
-  const restore = hideFrame(surface);
-  const { layer, blob } = gooLayer(surface);
-  const originBlob = blob(start, startRadius, originColor);
-  const shape = blob(start, startRadius, originColor);
-  const towardX = start.left + start.width / 2 < innerWidth / 2 ? 1 : -1;
-  const towardY = start.top + start.height / 2 < innerHeight / 2 ? 1 : -1;
-  if (parts.length) gsap.set(parts, { opacity: 0 });
-  const current2 = { top: start.top, left: start.left, width: start.width, height: start.height, scale: 2, blur: 8 };
-  const paint = () => {
-    if (!parts.length) return;
-    gsap.set(parts, {
-      x: current2.left + current2.width / 2 - centerX,
-      y: current2.top + current2.height / 2 - centerY,
-      scale: current2.scale,
-      filter: `blur(${current2.blur}px)`
-    });
-  };
-  const motion = channels({ ...current2, radius: startRadius }, (name, value) => {
-    if (name === "radius") shape.style.borderRadius = `${value}px`;
-    else {
-      current2[name] = value;
-      if (name === "top" || name === "left" || name === "width" || name === "height") shape.style[name] = `${value}px`;
-      paint();
-    }
-  });
-  const L = TIMING.liquid;
-  void motion.animate(
-    { top: box.top, left: box.left, width: box.width, height: box.height, radius: endRadius, scale: 1, blur: 0 },
-    {
-      top: spring(144, 14, { velocity: 2400, direction: towardY }),
-      left: spring(144, 14, { velocity: 2400, direction: towardX }),
-      width: eased(L.size, bezier(0.8, 0.3, 0.5, 0.8)),
-      height: eased(L.size, bezier(0.8, 0.3, 0.5, 0.8)),
-      radius: eased(L.radius, easeOut),
-      scale: eased(L.content, easeOut),
-      blur: eased(L.content, easeOut)
-    }
-  );
-  gsap.to(shape, { background: surfaceColor, duration: L.color, delay: L.colorDelay, ease: "power2.out" });
-  if (parts.length) gsap.to(parts, { opacity: 1, duration: L.color, delay: L.colorDelay, ease: "power2.out" });
-  gsap.to(originBlob, { opacity: 0, duration: L.ghost, delay: L.ghostDelay, ease: "power2.out" });
-  let done = false;
-  const finish = () => {
-    if (done) return;
-    done = true;
-    motion.stop();
-    clearTimeout(timer);
-    layer.remove();
-    restore();
-    if (parts.length) gsap.set(parts, { clearProps: "opacity,transform,transformOrigin,filter" });
-  };
-  const timer = setTimeout(finish, L.safetyMs);
-  return finish;
-}
-function liquidClose(surface, origin, parts, onComplete) {
-  const box = surface.getBoundingClientRect();
-  const end = origin.getBoundingClientRect();
-  const surfaceColor = getComputedStyle(surface).backgroundColor;
-  const originLook = getComputedStyle(origin).backgroundColor;
-  const originColor = transparentColor(originLook) ? surfaceColor : originLook;
-  const startRadius = radiusOf(surface, box);
-  const endRadius = radiusOf(origin, end);
-  const { centerX, centerY } = centerParts(surface, parts);
-  hideFrame(surface);
-  const { blob } = gooLayer(surface);
-  const originBlob = blob(end, endRadius, originColor);
-  originBlob.style.opacity = "0";
-  const shape = blob(box, startRadius, surfaceColor);
-  const current2 = { top: box.top, left: box.left, width: box.width, height: box.height, scale: 1, blur: 0 };
-  const motion = channels({ ...current2, radius: startRadius, opacity: 1 }, (name, value) => {
-    if (name === "radius") shape.style.borderRadius = `${value}px`;
-    else if (name === "opacity") {
-      if (parts.length) gsap.set(parts, { opacity: value });
-    } else {
-      current2[name] = value;
-      if (name === "top" || name === "left" || name === "width" || name === "height") shape.style[name] = `${value}px`;
-      if (parts.length) {
-        gsap.set(parts, {
-          x: current2.left + current2.width / 2 - centerX,
-          y: current2.top + current2.height / 2 - centerY,
-          scale: current2.scale,
-          filter: `blur(${current2.blur}px)`
-        });
-      }
-    }
-  });
-  const L = TIMING.liquid;
-  void motion.animate(
-    { top: end.top, left: end.left, width: end.width, height: end.height, radius: endRadius, scale: 2, blur: 8, opacity: 0 },
-    {
-      top: spring(130, 18),
-      left: spring(130, 18),
-      width: eased(L.closeSize, easeOut),
-      height: eased(L.closeSize, easeOut),
-      // It rounds into the opener's shape early, long before it arrives.
-      radius: eased(L.closeSize, easeOut),
-      scale: eased(L.closeContent, easeOut),
-      blur: eased(L.closeContent, easeOut),
-      opacity: spring(137, 20)
-    }
-  );
-  gsap.to(originBlob, { opacity: 1, duration: L.originRestore, delay: 0.15, ease: "power2.in" });
-  gsap.to(shape, { background: originColor, duration: L.originRestore, ease: "power2.out" });
-  gsap.to(surface, { opacity: 0, duration: TIMING.dialog.close, ease: "power3.in" });
-  setTimeout(() => {
-    motion.stop();
-    onComplete();
-  }, L.safetyMs);
-}
-
-// src/motion/morph.ts
-var FACE = "mk-morph-face";
-var HIDDEN_ORIGIN = "data-mk-morph-origin";
-var SHARED = "data-mk-shared";
-var SHARED_HIDDEN = "data-mk-shared-hidden";
-var clamp = (value, min, max) => Math.min(Math.max(value, min), Math.max(min, max));
-var radiusOf2 = (value, size) => {
-  const parsed = Number.parseFloat(value) || 0;
-  return value.trim().endsWith("%") ? parsed / 100 * size : parsed;
-};
-function shapeOf(surface, origin) {
-  if (!origin?.isConnected) return null;
-  const start = origin.getBoundingClientRect();
-  const box = surface.getBoundingClientRect();
-  if (start.width < 4 || start.height < 4 || !box.width || !box.height) return null;
-  if (start.bottom < 0 || start.top > innerHeight || start.right < 0 || start.left > innerWidth) return null;
-  const width = Math.min(start.width, box.width);
-  const height = Math.min(start.height, box.height);
-  const left = clamp(start.left - box.left, 0, box.width - width);
-  const top = clamp(start.top - box.top, 0, box.height - height);
-  const corner = Math.min(radiusOf2(getComputedStyle(origin).borderTopLeftRadius, start.height), width / 2, height / 2);
-  const radius = radiusOf2(getComputedStyle(surface).borderTopLeftRadius, box.height);
-  return {
-    x: start.left + (start.width - width) / 2 - (box.left + left),
-    y: start.top + (start.height - height) / 2 - (box.top + top),
-    from: `inset(${top}px ${box.width - left - width}px ${box.height - top - height}px ${left}px round ${corner}px)`,
-    to: `inset(0px 0px 0px 0px round ${radius}px)`,
-    left,
-    top,
-    width,
-    height
-  };
-}
-var LOOK = [
-  "display",
-  "alignItems",
-  "justifyContent",
-  "gap",
-  "padding",
-  "borderRadius",
-  "borderWidth",
-  "borderStyle",
-  "borderColor",
-  "backgroundColor",
-  "color",
-  "fontFamily",
-  "fontSize",
-  "fontWeight",
-  "lineHeight",
-  "letterSpacing",
-  "whiteSpace"
-];
-function faceOf(surface, origin, shape, withCopy) {
-  const look = getComputedStyle(origin);
-  const face = document.createElement("div");
-  face.className = FACE;
-  face.setAttribute("aria-hidden", "true");
-  face.inert = true;
-  if (!transparentColor(look.backgroundColor)) face.style.background = look.backgroundColor;
-  surface.append(face);
-  if (!withCopy) return { face, copy: null };
-  const copy = document.createElement("span");
-  copy.innerHTML = origin.innerHTML;
-  for (const element of copy.querySelectorAll("[id], [name], [for]")) for (const name of ["id", "name", "for"]) element.removeAttribute(name);
-  for (const property of LOOK) copy.style[property] = look[property];
-  Object.assign(copy.style, {
-    position: "absolute",
-    left: `${shape.left}px`,
-    top: `${shape.top}px`,
-    width: `${shape.width}px`,
-    height: `${shape.height}px`,
-    boxSizing: "border-box",
-    margin: "0",
-    overflow: "hidden"
-  });
-  face.append(copy);
-  return { face, copy };
-}
-var running = /* @__PURE__ */ new WeakMap();
-var isMorphing = (surface) => running.has(surface);
-function stop(surface) {
-  running.get(surface)?.kill();
-  running.delete(surface);
-  gsap.killTweensOf(surface);
-  for (const face of surface.querySelectorAll(`:scope > .${FACE}`)) face.remove();
-  clearStyles([surface], MORPH_STYLES);
-}
-function stopMorph(surface) {
-  stop(surface);
-  const parts = [...surface.querySelectorAll(":scope > *")].filter((element) => !element.classList.contains("mk-liquid"));
-  gsap.killTweensOf(parts);
-  clearStyles(parts, MORPH_STYLES);
-}
-var compact = (element) => {
-  const box = element.getBoundingClientRect();
-  return box.width <= 360 && box.height <= 72;
-};
-function showOrigin(origin, { fade = false } = {}) {
-  if (!origin?.hasAttribute(HIDDEN_ORIGIN)) return;
-  if (!fade || reduced()) {
-    origin.removeAttribute(HIDDEN_ORIGIN);
-    return;
-  }
-  const previous = origin.style.transition;
-  const { originShow, originShowDelay } = TIMING.dialog;
-  origin.style.transition = `opacity ${originShow}s cubic-bezier(0.215, 0.61, 0.355, 1) ${originShowDelay}s`;
-  origin.removeAttribute(HIDDEN_ORIGIN);
-  setTimeout(() => {
-    origin.style.transition = previous;
-  }, (originShow + originShowDelay) * 1e3 + 50);
-}
-function groupOf(surface, parts, shape) {
-  const box = surface.getBoundingClientRect();
-  for (const part2 of parts) {
-    const own = part2.getBoundingClientRect();
-    gsap.set(part2, { transformOrigin: `${box.left - own.left}px ${box.top - own.top}px` });
-  }
-  return {
-    x: shape.left,
-    y: shape.top,
-    scaleX: box.width ? shape.width / box.width : 1,
-    scaleY: box.height ? shape.height / box.height : 1
-  };
-}
-var escape = (value) => typeof CSS !== "undefined" && CSS.escape ? CSS.escape(value) : value.replace(/"/g, '\\"');
-function sharedPairs(origin, surface) {
-  return [origin, ...origin.querySelectorAll(`[${SHARED}]`)].filter((source) => source.hasAttribute(SHARED)).map((source) => ({
-    source,
-    target: surface.querySelector(`[${SHARED}="${escape(source.getAttribute(SHARED) ?? "")}"]`)
-  })).filter((pair) => pair.target !== null);
-}
-function textBox(element) {
-  const box = element.getBoundingClientRect();
-  const style = getComputedStyle(element);
-  const px = (value) => parseFloat(value) || 0;
-  const left = box.left + px(style.borderLeftWidth) + px(style.paddingLeft);
-  const top = box.top + px(style.borderTopWidth) + px(style.paddingTop);
-  const bottom = box.bottom - px(style.borderBottomWidth) - px(style.paddingBottom);
-  return { left, top, height: Math.max(0, bottom - top), style };
-}
-var textOf = (element) => element instanceof HTMLInputElement || element instanceof HTMLTextAreaElement ? element.value || element.placeholder : element.firstChild?.textContent ?? element.textContent ?? "";
-function flyText(from, to, text, duration) {
-  return new Promise((resolve) => {
-    const start = textBox(from);
-    const end = textBox(to);
-    const fromSize = parseFloat(start.style.fontSize) || 16;
-    const toSize = parseFloat(end.style.fontSize) || fromSize;
-    const scale = toSize / fromSize;
-    const ghost = document.createElement("div");
-    ghost.setAttribute("aria-hidden", "true");
-    ghost.setAttribute("popover", "manual");
-    ghost.textContent = text;
-    Object.assign(ghost.style, {
-      position: "fixed",
-      inset: "auto",
-      left: `${start.left}px`,
-      top: `${start.top}px`,
-      margin: "0",
-      padding: "0",
-      border: "0",
-      background: "transparent",
-      overflow: "visible",
-      whiteSpace: "nowrap",
-      pointerEvents: "none",
-      fontFamily: start.style.fontFamily,
-      fontSize: start.style.fontSize,
-      fontWeight: start.style.fontWeight,
-      lineHeight: `${start.height || fromSize * 1.2}px`,
-      letterSpacing: start.style.letterSpacing,
-      color: start.style.color,
-      transformOrigin: "0 0"
-    });
-    document.body.append(ghost);
-    if (typeof ghost.showPopover === "function") ghost.showPopover();
-    const height = (start.height || fromSize * 1.2) * scale;
-    gsap.to(ghost, {
-      x: end.left - start.left,
-      y: end.top + end.height / 2 - height / 2 - start.top,
-      scale,
-      color: end.style.color,
-      duration,
-      ease: EASE.signature,
-      onComplete: () => {
-        ghost.remove();
-        resolve();
-      }
-    });
-  });
-}
-function releaseShared(origin) {
-  if (!origin) return;
-  for (const element of [origin, ...origin.querySelectorAll(`[${SHARED_HIDDEN}]`)]) element.removeAttribute(SHARED_HIDDEN);
-}
-function shareInto(origin, surface, duration = TIMING.dialog.open) {
-  for (const { source, target } of sharedPairs(origin, surface)) {
-    const text = textOf(source);
-    source.setAttribute(SHARED_HIDDEN, "");
-    gsap.set(target, { opacity: 0 });
-    void flyText(source, target, text, duration).then(() => gsap.set(target, { clearProps: "opacity" }));
-  }
-}
-function shareBack(surface, origin, duration = TIMING.dialog.close) {
-  for (const { source, target } of sharedPairs(origin, surface)) {
-    gsap.set(target, { opacity: 0 });
-    void flyText(target, source, textOf(source), duration).then(() => source.removeAttribute(SHARED_HIDDEN));
-  }
-}
-var partsOf = (surface, content) => [...surface.querySelectorAll(content ?? ":scope > *")].filter(
-  (element) => !element.classList.contains(FACE) && !element.classList.contains("mk-liquid")
-);
-function morphOpen(surface, origin, options = {}) {
-  registerMotion();
-  const { duration = TIMING.dialog.open, hideOrigin = false, content, stagger = 0, liquid = false } = options;
-  stop(surface);
-  if (reduced()) return null;
-  const parts = partsOf(surface, content);
-  if (liquid && !stagger && origin && shapeOf(surface, origin)) {
-    if (hideOrigin && compact(origin)) origin.setAttribute(HIDDEN_ORIGIN, "");
-    const settle = liquidOpen(surface, origin, parts);
-    const window2 = gsap.timeline({
-      onComplete: () => {
-        settle();
-        running.delete(surface);
-      },
-      onInterrupt: settle
-    });
-    window2.to({}, { duration: TIMING.liquid.safetyMs / 1e3 });
-    running.set(surface, window2);
-    return window2;
-  }
-  const enter = stagger ? { opacity: 1, y: 0, duration: TIMING.dialog.list, ease: "power2.out", stagger, clearProps: "opacity,transform" } : { opacity: 1, filter: "blur(0px)", duration, ease: EASE.signature, clearProps: "opacity,filter" };
-  const enterFrom = stagger ? { opacity: 0, y: -6 } : { opacity: 0, filter: "blur(8px)" };
-  const shape = shapeOf(surface, origin);
-  if (!shape || !origin) {
-    const rise = gsap.timeline({
-      onComplete: () => {
-        running.delete(surface);
-      }
-    }).fromTo(
-      surface,
-      { opacity: 0, scale: 0.92 },
-      { opacity: 1, scale: 1, duration: TIMING.dialog.fallback, ease: "power2.out", clearProps: "opacity,transform" }
-    );
-    if (parts.length) rise.fromTo(parts, enterFrom, { ...enter, duration: Math.min(enter.duration, TIMING.dialog.fallback) }, 0);
-    running.set(surface, rise);
-    return rise;
-  }
-  const list2 = Boolean(stagger);
-  if (!list2) shareInto(origin, surface, duration);
-  const { face, copy } = faceOf(surface, origin, shape, list2);
-  const group = list2 ? null : groupOf(surface, parts, shape);
-  if (hideOrigin && compact(origin)) origin.setAttribute(HIDDEN_ORIGIN, "");
-  const finish = () => {
-    face.remove();
-    running.delete(surface);
-    gsap.set(surface, { clearProps: "transform,clipPath,willChange" });
-    if (parts.length) gsap.set(parts, { clearProps: "opacity,transform,transformOrigin,filter" });
-  };
-  const timeline = gsap.timeline({ onComplete: finish, onInterrupt: finish }).fromTo(
-    surface,
-    { x: shape.x, y: shape.y, clipPath: shape.from, willChange: "transform,clip-path" },
-    { x: 0, y: 0, clipPath: shape.to, duration, ease: EASE.signature },
-    0
-  ).to(face, { opacity: 0, duration: TIMING.dialog.surfaceColor, ease: EASE.signature }, 0);
-  if (copy) timeline.to(copy, { opacity: 0, duration: 0.25, ease: "power2.out" }, 0.05);
-  if (parts.length) {
-    if (group) {
-      timeline.fromTo(
-        parts,
-        { ...group, opacity: 0, filter: "blur(8px)" },
-        { x: 0, y: 0, scaleX: 1, scaleY: 1, opacity: 1, filter: "blur(0px)", duration, ease: EASE.signature },
-        0
-      );
-    } else timeline.fromTo(parts, enterFrom, enter, duration * 0.2);
-  }
-  running.set(surface, timeline);
-  return timeline;
-}
-function morphClose(surface, origin, onComplete, options = {}) {
-  registerMotion();
-  const { duration = TIMING.dialog.close, content, liquid = false } = options;
-  stop(surface);
-  if (reduced()) {
-    onComplete();
-    return null;
-  }
-  const parts = partsOf(surface, content);
-  const shape = shapeOf(surface, origin);
-  if (!shape || !origin) {
-    const fade = gsap.timeline({
-      onComplete: () => {
-        running.delete(surface);
-        onComplete();
-        gsap.set(surface, { clearProps: "opacity,transform" });
-        if (parts.length) gsap.set(parts, { clearProps: "filter" });
-      }
-    }).to(surface, { scale: 0.9, duration, ease: EASE.signature }, 0).to(surface, { opacity: 0, duration, ease: EASE.fadeAway }, 0);
-    if (parts.length) fade.to(parts, { filter: "blur(32px)", duration, ease: EASE.blurAway }, 0);
-    running.set(surface, fade);
-    return fade;
-  }
-  const list2 = content !== void 0;
-  if (liquid && !list2) {
-    liquidClose(surface, origin, parts, onComplete);
-    return null;
-  }
-  const { face, copy } = faceOf(surface, origin, shape, list2);
-  gsap.set(copy ? [face, copy] : face, { opacity: 0 });
-  if (!list2) {
-    shareBack(surface, origin, duration);
-    const group = groupOf(surface, parts, shape);
-    const signature = gsap.parseEase(EASE.signature);
-    const toward = (progress) => signature(progress * (duration / TIMING.dialog.contentReturn));
-    const timeline2 = gsap.timeline({
-      onComplete: () => {
-        running.delete(surface);
-        onComplete();
-        face.remove();
-        gsap.set(surface, { clearProps: "transform,clipPath,opacity,willChange" });
-        if (parts.length) gsap.set(parts, { clearProps: "opacity,transform,transformOrigin,filter,borderRadius" });
-      },
-      onInterrupt: () => {
-        face.remove();
-        if (parts.length) gsap.set(parts, { clearProps: "opacity,transform,transformOrigin,filter,borderRadius" });
-      }
-    }).fromTo(
-      surface,
-      { clipPath: shape.to, willChange: "transform,clip-path" },
-      { x: shape.x, y: shape.y, clipPath: shape.from, duration, ease: EASE.signature },
-      0
-    ).to(face, { opacity: 1, duration, ease: EASE.signature }, 0).to(surface, { opacity: 0, duration, ease: "power3.in" }, 0);
-    if (parts.length) {
-      timeline2.to(parts, { ...group, duration, ease: toward }, 0).to(parts, { opacity: 0, borderRadius: "400px", duration, ease: EASE.fadeAway }, 0).to(parts, { filter: "blur(32px)", duration, ease: EASE.blurAway }, 0);
-    }
-    running.set(surface, timeline2);
-    return timeline2;
-  }
-  const timeline = gsap.timeline({
-    onComplete: () => {
-      running.delete(surface);
-      onComplete();
-      face.remove();
-      gsap.set(surface, { clearProps: "transform,clipPath,willChange" });
-      if (parts.length) gsap.set(parts, { clearProps: "opacity,transform,filter" });
-    },
-    onInterrupt: () => {
-      face.remove();
-      if (parts.length) gsap.set(parts, { clearProps: "opacity,transform,filter" });
-    }
-  }).fromTo(
-    surface,
-    { clipPath: shape.to, willChange: "transform,clip-path" },
-    { x: shape.x, y: shape.y, clipPath: shape.from, duration, ease: EASE.signature },
-    0
-  ).to(face, { opacity: 1, duration: duration * 0.5, ease: "power1.in" }, duration * 0.3);
-  if (parts.length) timeline.to(parts, { opacity: 0, filter: "blur(32px)", duration: duration * 0.7, ease: "power2.in" }, 0);
-  if (copy) timeline.to(copy, { opacity: 1, duration: duration * 0.3, ease: "power1.in" }, duration * 0.65);
-  running.set(surface, timeline);
-  return timeline;
-}
-function morphCloseWithGhost(surface, origin, { inPlace = false, liquid = false } = {}) {
-  registerMotion();
-  const dragged = inPlace ? {
-    x: Number(gsap.getProperty(surface, "x")) || 0,
-    y: Number(gsap.getProperty(surface, "y")) || 0,
-    scale: Number(gsap.getProperty(surface, "scaleX")) || 1
-  } : null;
-  if (dragged) gsap.set(surface, { clearProps: "transform" });
-  const ghost = reduced() ? null : ghostOf(surface);
-  if (!ghost) {
-    showOrigin(origin);
-    releaseShared(origin);
-    return;
-  }
-  const veil = backdropVeil(surface);
-  document.body.append(veil, ghost);
-  showOrigin(origin, { fade: true });
-  gsap.to(veil, { opacity: 0, duration: TIMING.dialog.close, ease: "power3.in" });
-  if (dragged) gsap.set(ghost, { ...dragged, transformOrigin: getComputedStyle(surface).transformOrigin });
-  morphClose(
-    ghost,
-    dragged ? null : origin,
-    () => {
-      showOrigin(origin);
-      releaseShared(origin);
-      ghost.remove();
-      veil.remove();
-    },
-    { liquid }
-  );
-}
-
-// src/motion/sheet.ts
-var UNDERLAY_STYLES = ["transform", "translate", "rotate", "scale", "transform-origin", "opacity"];
-function sheetOpen(surface) {
-  if (reduced()) return null;
-  registerMotion();
-  return gsap.fromTo(surface, { yPercent: 100 }, { yPercent: 0, duration: TIMING.sheet.open, ease: EASE.sheet, clearProps: "transform" });
-}
-function sheetClose(surface, { inPlace = false } = {}) {
-  registerMotion();
-  const dragged = inPlace ? Number(gsap.getProperty(surface, "y")) || 0 : 0;
-  gsap.killTweensOf(surface);
-  clearStyles([surface], ["transform", "translate", "rotate", "scale"]);
-  const ghost = reduced() ? null : ghostOf(surface);
-  if (!ghost) return null;
-  const veil = backdropVeil(surface);
-  document.body.append(veil, ghost);
-  gsap.to(veil, { opacity: 0, duration: TIMING.sheet.close, ease: "power3.in", onComplete: () => veil.remove() });
-  return gsap.fromTo(
-    ghost,
-    { y: dragged, yPercent: 0 },
-    { yPercent: 100, duration: TIMING.sheet.close, ease: EASE.sheet, onComplete: () => ghost.remove() }
-  );
-}
-function pushUnderlay(elements) {
-  if (!elements.length || reduced()) return;
-  registerMotion();
-  const { ease, duration } = motionSpring(...TIMING.springs.underlay);
-  gsap.to(elements, {
-    scale: TIMING.sheet.underlayScale,
-    opacity: TIMING.sheet.underlayOpacity,
-    transformOrigin: "50% 0",
-    duration,
-    ease,
-    overwrite: "auto"
-  });
-}
-function releaseUnderlay(elements, animated = true) {
-  if (!elements.length) return;
-  const restore = () => clearStyles(elements, UNDERLAY_STYLES);
-  if (!animated || reduced()) {
-    gsap.killTweensOf(elements);
-    restore();
-    return;
-  }
-  const { ease, duration } = motionSpring(...TIMING.springs.underlay);
-  gsap.to(elements, { scale: 1, opacity: 1, duration, ease, overwrite: "auto", onComplete: restore });
-}
-
-// src/components/dialog/engine.ts
-var DEFAULT_LABELS = { close: "Cerrar", float: "Ventana flotante", dock: "Volver a su sitio" };
-var FIELDS = '[autofocus], input:not([type="hidden"]):not(:disabled), textarea:not(:disabled), select:not(:disabled)';
-var CORNERS = ["tl", "tr", "bl", "br"];
-var uid = 0;
-var part = (dialog, name) => dialog.querySelector(`[data-mk-part="${name}"]`);
-function createDialog(dialog, options = {}) {
-  if (!dialog) {
-    warnOnce("dialog: missing <dialog> element");
-    return inert({ open() {
-    }, close() {
-    }, toggle() {
-    }, float() {
-    }, dock() {
-    }, isOpen: false, isFloating: false, element: null });
-  }
-  registerMotion();
-  const {
-    variant = "morph",
-    placement = "center",
-    backdrop = true,
-    closeOnBackdrop = true,
-    drag = true,
-    float: floatKey = false,
-    autoResize = true,
-    triggers = true,
-    modal = true
-  } = options;
-  const labels = { ...DEFAULT_LABELS, ...options.labels };
-  const liquid = variant === "liquid";
-  const sheet = variant === "sheet";
-  const scope = createScope();
-  let session = [];
-  let opener = null;
-  let isOpen = false;
-  let closing = false;
-  let floating = false;
-  let ownCloses = 0;
-  const closeNatively = () => {
-    if (!dialog.hasAttribute("open")) return;
-    ownCloses += 1;
-    closeModal(dialog);
-  };
-  let destroyed = false;
-  let tearingDown = false;
-  if (placement !== "center") scope.attr(dialog, "data-mk-placement", placement);
-  if (!backdrop) scope.attr(dialog, "data-mk-backdrop", "none");
-  scope.attr(dialog, "data-mk-variant", variant);
-  const title = part(dialog, "title");
-  if (title && !dialog.hasAttribute("aria-label") && !dialog.hasAttribute("aria-labelledby")) {
-    if (!title.id) scope.attr(title, "id", `mk-dialog-title-${++uid}`);
-    scope.attr(dialog, "aria-labelledby", title.id);
-  }
-  const description = part(dialog, "description");
-  if (description && !dialog.hasAttribute("aria-describedby")) {
-    if (!description.id) scope.attr(description, "id", `mk-dialog-description-${++uid}`);
-    scope.attr(dialog, "aria-describedby", description.id);
-  }
-  const closeButton = part(dialog, "close");
-  if (closeButton && !closeButton.hasAttribute("aria-label") && !closeButton.textContent?.trim()) {
-    scope.attr(closeButton, "aria-label", labels.close);
-  }
-  const handle = floatKey ? part(dialog, "handle") : null;
-  if (handle) {
-    scope.attr(handle, "data-mk-no-drag", "");
-    scope.attr(handle, "aria-pressed", "false");
-    scope.attr(handle, "aria-label", labels.float);
-  }
-  const corners = [];
-  if (floatKey) {
-    for (const corner of CORNERS) {
-      const element = document.createElement("span");
-      element.className = "mk-float-corner";
-      element.dataset.mkFloatCorner = corner;
-      element.dataset.mkNoDrag = "";
-      element.setAttribute("aria-hidden", "true");
-      dialog.append(element);
-      corners.push(element);
-    }
-    scope.add(() => corners.forEach((corner) => corner.remove()));
-  }
-  const emit = (type, cancelable = false, detail = {}) => dialog.dispatchEvent(new CustomEvent(type, { bubbles: true, cancelable, detail: { dialog, ...detail } }));
-  const endSession = () => {
-    for (const cleanup of session.splice(0).reverse()) cleanup();
-  };
-  const settleFloating = () => {
-    if (!floating) return;
-    floating = false;
-    if (typeof dialog.hidePopover === "function" && dialog.hasAttribute("popover")) {
-      try {
-        dialog.hidePopover();
-      } catch {
-      }
-    }
-    dialog.removeAttribute("popover");
-    unplaceWindow(dialog);
-    if (handle) {
-      handle.setAttribute("aria-pressed", "false");
-      handle.setAttribute("aria-label", labels.float);
-    }
-  };
-  const closedQuietly = () => {
-    stopMorph(dialog);
-    endSession();
-    isOpen = false;
-    closing = false;
-    showOrigin(opener);
-    releaseShared(opener);
-    emit("mk:closed");
-    options.onClose?.();
-  };
-  const lift = () => {
-    if (!floatKey || floating || !isOpen || !floatingAvailable()) return;
-    const box = dialog.getBoundingClientRect();
-    const rect = savedFloat(floatKey) ?? { top: box.top, left: box.left, width: box.width, height: box.height };
-    const focused = document.activeElement;
-    const backdropStyle = getComputedStyle(dialog, "::backdrop");
-    const veil = document.createElement("div");
-    veil.setAttribute("aria-hidden", "true");
-    Object.assign(veil.style, {
-      position: "fixed",
-      inset: "0",
-      background: backdropStyle.background || backdropStyle.backgroundColor,
-      backdropFilter: backdropStyle.backdropFilter,
-      pointerEvents: "none"
-    });
-    closeNatively();
-    document.body.append(veil);
-    dialog.setAttribute("popover", "manual");
-    if (typeof dialog.showPopover === "function") dialog.showPopover();
-    else openModal(dialog, false);
-    liftWindow(dialog, rect);
-    gsap.to(veil, { opacity: 0, duration: reduced() ? 0 : TIMING.float.shadow, ease: EASE.signature, onComplete: () => veil.remove() });
-    floating = true;
-    if (handle) {
-      handle.setAttribute("aria-pressed", "true");
-      handle.setAttribute("aria-label", labels.dock);
-    }
-    showOrigin(opener, { fade: true });
-    if (focused instanceof HTMLElement && dialog.contains(focused)) focused.focus();
-  };
-  const dock = () => {
-    if (!floatKey || !floating) return;
-    const box = dialog.getBoundingClientRect();
-    const focused = document.activeElement;
-    floating = false;
-    if (typeof dialog.hidePopover === "function") dialog.hidePopover();
-    dialog.removeAttribute("popover");
-    closeNatively();
-    openModal(dialog, modal);
-    dockWindow(dialog, { top: box.top, left: box.left, width: box.width, height: box.height });
-    if (backdrop) void fadeBackdrop(dialog, "in");
-    forgetFloat(floatKey);
-    if (handle) {
-      handle.setAttribute("aria-pressed", "false");
-      handle.setAttribute("aria-label", labels.float);
-    }
-    if (focused instanceof HTMLElement && dialog.contains(focused)) focused.focus();
-  };
-  const startSession = () => {
-    if (sheet) {
-      const behind = [...document.querySelectorAll("[data-mk-underlay]")];
-      pushUnderlay(behind);
-      const root = document.documentElement;
-      const overflow = root.style.overflow;
-      root.style.overflow = "hidden";
-      session.push(() => {
-        root.style.overflow = overflow;
-        if (root.getAttribute("style") === "") root.removeAttribute("style");
-        releaseUnderlay(behind, !tearingDown);
-      });
-    }
-    if (autoResize && typeof ResizeObserver === "function") {
-      let last = dialog.offsetHeight;
-      let resizing = null;
-      const observer = new ResizeObserver(() => {
-        if (resizing?.isActive()) return;
-        const next = dialog.offsetHeight;
-        const previous = last;
-        last = next;
-        if (floating || Math.abs(next - previous) < 2 || !previous || isMorphing(dialog) || reduced()) return;
-        resizing = gsap.fromTo(
-          dialog,
-          { height: previous },
-          {
-            height: next,
-            duration: TIMING.dialog.autoResize,
-            ease: EASE.signature,
-            clearProps: "height",
-            onComplete: () => {
-              last = dialog.offsetHeight;
-            }
-          }
-        );
-      });
-      observer.observe(dialog);
-      session.push(() => {
-        observer.disconnect();
-        resizing?.kill();
-        clearStyles([dialog], ["height"]);
-      });
-    }
-    if (drag) {
-      session.push(
-        attachDragDismiss(dialog, {
-          canDrag: () => !isMorphing(dialog) && !floating && !closing && isOpen,
-          onDismiss: () => close(true)
-        })
-      );
-    }
-    if (placement === "anchor") {
-      const onResize = () => {
-        if (isOpen && !floating) anchorSurface(dialog, opener?.isConnected ? opener.getBoundingClientRect() : null);
-      };
-      addEventListener("resize", onResize);
-      session.push(() => {
-        removeEventListener("resize", onResize);
-        clearAnchor(dialog);
-      });
-    }
-    if (floatKey && handle) {
-      session.push(attachFloating(dialog, { key: floatKey, handle, corners, isFloating: () => floating, float: lift, dock }));
-      const onResize = () => {
-        if (floating && !floatingAvailable()) dock();
-      };
-      addEventListener("resize", onResize);
-      session.push(() => removeEventListener("resize", onResize));
-    }
-  };
-  const open = (origin) => {
-    if (destroyed || isOpen) return;
-    const active = document.activeElement;
-    opener = origin !== void 0 ? origin : active instanceof HTMLElement && active !== document.body && !dialog.contains(active) ? active : null;
-    closing = false;
-    isOpen = true;
-    openModal(dialog, modal);
-    if (placement === "anchor") anchorSurface(dialog, opener?.getBoundingClientRect());
-    if (backdrop && modal) void fadeBackdrop(dialog, "in");
-    if (sheet) sheetOpen(dialog);
-    else morphOpen(dialog, opener, { hideOrigin: true, liquid, content: options.animateContent === false ? ":scope > :not(*)" : void 0 });
-    startSession();
-    dialog.querySelector(FIELDS)?.focus({ preventScroll: true });
-    emit("mk:open", false, { origin: opener });
-    options.onOpen?.();
-  };
-  const close = (inPlace = false) => {
-    if (destroyed || !isOpen || closing) return;
-    if (!emit("mk:close", true, { inPlace })) return;
-    closing = true;
-    if (sheet) sheetClose(dialog, { inPlace });
-    else morphCloseWithGhost(dialog, opener, { inPlace, liquid });
-    endSession();
-    if (floating) settleFloating();
-    if (dialog.hasAttribute("open")) closeModal(dialog);
-    isOpen = false;
-    closing = false;
-    if (opener?.isConnected) opener.focus();
-    emit("mk:closed");
-    options.onClose?.();
-  };
-  scope.on(dialog, "cancel", (event) => {
-    event.preventDefault();
-    close();
-  });
-  scope.on(dialog, "close", () => {
-    if (ownCloses > 0) {
-      ownCloses -= 1;
-      return;
-    }
-    if (!isOpen || closing) return;
-    closedQuietly();
-  });
-  scope.on(dialog, "keydown", (event) => {
-    if (event.key === "Escape" && floating) {
-      event.preventDefault();
-      close();
-    }
-  });
-  scope.on(dialog, "click", (event) => {
-    const target = event.target;
-    if (target?.closest('[data-mk-part="close"], [data-mk-close]') && dialog.contains(target)) {
-      close();
-      return;
-    }
-    if (target !== dialog || !closeOnBackdrop || floating) return;
-    const mouse = event;
-    const box = dialog.getBoundingClientRect();
-    if (mouse.clientX < box.left || mouse.clientX > box.right || mouse.clientY < box.top || mouse.clientY > box.bottom) close();
-  });
-  const triggerId = triggers === true ? dialog.id : triggers || "";
-  if (triggerId) {
-    const selector = `[data-mk-open="${typeof CSS !== "undefined" && CSS.escape ? CSS.escape(triggerId) : triggerId}"]`;
-    scope.on(document, "click", (event) => {
-      const trigger = event.target?.closest(selector);
-      if (!trigger || dialog.contains(trigger)) return;
-      event.preventDefault();
-      if (isOpen) close();
-      else open(trigger);
-    });
-  }
-  dialog.dataset.mkReady = "";
-  return {
-    open,
-    close: () => close(),
-    toggle: (origin) => isOpen ? close() : open(origin),
-    float: lift,
-    dock,
-    get isOpen() {
-      return isOpen;
-    },
-    get isFloating() {
-      return floating;
-    },
-    element: dialog,
-    destroy() {
-      if (destroyed) return;
-      tearingDown = true;
-      if (isOpen) {
-        settleFloating();
-        closing = true;
-        if (dialog.hasAttribute("open")) closeModal(dialog);
-        closedQuietly();
-      }
-      destroyed = true;
-      endSession();
-      gsap.killTweensOf(dialog);
-      clearStyles([dialog], [...MORPH_STYLES, "height"]);
-      scope.dispose();
-      delete dialog.dataset.mkReady;
-    }
-  };
-}
-
-// src/components/menu/engine.ts
-var ITEM = "[data-mk-item]";
-function createMenu(dialog, options = {}) {
-  if (!dialog) {
-    warnOnce("menu: missing <dialog> element");
-    return inert({
-      open() {
-      },
-      close() {
-      },
-      toggle() {
-      },
-      float() {
-      },
-      dock() {
-      },
-      isOpen: false,
-      isFloating: false,
-      element: null,
-      items: []
-    });
-  }
-  const { closeOnSelect = true } = options;
-  const scope = createScope();
-  let ticketAnimation;
-  if (options.ticket) {
-    scope.attr(dialog, "data-mk-ticket", "");
-    scope.attr(dialog, "style", dialog.getAttribute("style"));
-    for (const item of dialog.querySelectorAll(ITEM)) scope.attr(item, "style", item.getAttribute("style"));
-    scope.add(() => ticketAnimation?.kill());
-  }
-  const items = () => [...dialog.querySelectorAll(ITEM)].filter((item) => !item.hasAttribute("disabled") && item.getAttribute("aria-disabled") !== "true");
-  scope.attr(dialog, "role", "menu");
-  const markItems = () => {
-    for (const item of dialog.querySelectorAll(ITEM)) {
-      scope.attr(item, "role", "menuitem");
-      scope.attr(item, "tabindex", "-1");
-    }
-  };
-  markItems();
-  const surface = createDialog(dialog, {
-    ...options,
-    placement: "anchor",
-    backdrop: false,
-    drag: false,
-    autoResize: false,
-    animateContent: false,
-    onOpen: () => {
-      markItems();
-      const list2 = items();
-      if (options.ticket && !reduced()) {
-        ticketAnimation?.kill();
-        ticketAnimation = gsap.timeline().fromTo(dialog, { clipPath: "inset(0 0 100% 0)" }, { clipPath: "inset(0 0 0% 0)", duration: TIMING.ticketMenu.open, ease: "expo.out" }).fromTo(list2, { yPercent: TIMING.ticketMenu.from }, { yPercent: 0, duration: TIMING.ticketMenu.content, stagger: TIMING.ticketMenu.stagger, ease: "expo.out" }, 0);
-      } else flowInMenu(list2);
-      list2[0]?.focus({ preventScroll: true });
-      options.onOpen?.();
-    }
-  });
-  const select = (item) => {
-    const value = item.dataset.mkValue ?? item.textContent?.trim() ?? "";
-    dialog.dispatchEvent(new CustomEvent("mk:select", { bubbles: true, detail: { value, item } }));
-    options.onSelect?.(value, item);
-    if (closeOnSelect) surface.close();
-  };
-  scope.on(dialog, "click", (event) => {
-    const item = event.target?.closest(ITEM);
-    if (item && dialog.contains(item) && items().includes(item)) select(item);
-  });
-  scope.on(dialog, "keydown", (event) => {
-    const key = event.key;
-    const list2 = items();
-    if (!list2.length) return;
-    const at = list2.indexOf(document.activeElement);
-    const moves = {
-      ArrowDown: at < 0 ? 0 : (at + 1) % list2.length,
-      ArrowUp: at < 0 ? list2.length - 1 : (at - 1 + list2.length) % list2.length,
-      Home: 0,
-      End: list2.length - 1
-    };
-    if (key in moves) {
-      event.preventDefault();
-      list2[moves[key]]?.focus();
-      return;
-    }
-    const target = event.target;
-    if ((key === "Enter" || key === " ") && list2.includes(target) && !target.matches("button, a[href]")) {
-      event.preventDefault();
-      select(target);
-    }
-  });
-  return {
-    open: surface.open,
-    close: surface.close,
-    toggle: surface.toggle,
-    float: surface.float,
-    dock: surface.dock,
-    get isOpen() {
-      return surface.isOpen;
-    },
-    get isFloating() {
-      return surface.isFloating;
-    },
-    get items() {
-      return items();
-    },
-    element: dialog,
-    destroy() {
-      surface.destroy();
-      scope.dispose();
-    }
-  };
-}
-
-// src/components/quantity/engine.ts
-function createQuantity(root, options = {}) {
-  const input = root?.querySelector("[data-mk-quantity-input]");
-  if (!root || !input) return inert({ setValue() {
-  }, value: 0 });
-  const scope = createScope();
-  const min = Number.isFinite(options.min) ? options.min : 1;
-  const max = Number.isFinite(options.max) ? Math.max(min, options.max) : Math.max(min, 999);
-  const step = Number.isFinite(options.step) && options.step > 0 ? options.step : 1;
-  const steps = Math.floor((max - min) / step + 1e-9);
-  const upper = Math.min(max, Number((min + steps * step).toFixed(10)));
-  const normalize = (n) => Math.max(min, Math.min(upper, Number((min + Math.round((n - min) / step) * step).toFixed(10))));
-  const original = input.value;
-  const disabled = options.disabled ?? input.disabled;
-  const decrease = root.querySelector("[data-mk-quantity-decrease]");
-  const increase = root.querySelector("[data-mk-quantity-increase]");
-  scope.attr(input, "min", String(min));
-  scope.attr(input, "max", String(max));
-  scope.attr(input, "step", String(step));
-  scope.attr(input, "disabled", disabled ? "" : null);
-  scope.attr(root, "data-mk-ready", "");
-  const initial = input.value.trim() ? Number(input.value) : NaN;
-  let value = normalize(Number.isFinite(options.value) ? options.value : Number.isFinite(initial) ? initial : min);
-  let pendingReset = null;
-  const typed = () => input.value.trim() && Number.isFinite(input.valueAsNumber) ? input.valueAsNumber : NaN;
-  const render = (syncInput = true) => {
-    if (pendingReset) {
-      if (pendingReset.eventPhase !== 0) return;
-      if (!pendingReset.defaultPrevented) value = normalize(Number.isFinite(typed()) ? typed() : min);
-      pendingReset = null;
-    }
-    if (syncInput) input.value = String(value);
-    if (decrease) scope.attr(decrease, "disabled", disabled || value <= min ? "" : null);
-    if (increase) scope.attr(increase, "disabled", disabled || value >= upper ? "" : null);
-  };
-  const commit = (next, notify, syncInput) => {
-    if (scope.disposed || !Number.isFinite(next)) return;
-    if (pendingReset?.eventPhase === 0) pendingReset = null;
-    const previous = value;
-    value = normalize(next);
-    render(syncInput);
-    if (notify && value !== previous) {
-      options.onChange?.(value);
-      root.dispatchEvent(new CustomEvent("mk:change", { bubbles: true, detail: { value, previous } }));
-    }
-  };
-  const setValue = (next, notify = true) => commit(next, notify, true);
-  if (decrease) scope.on(decrease, "click", () => {
-    if (!decrease.disabled) setValue(value - step);
-  });
-  if (increase) scope.on(increase, "click", () => {
-    if (!increase.disabled) setValue(value + step);
-  });
-  scope.on(input, "input", () => {
-    const n = typed();
-    if (Number.isFinite(n) && normalize(n) === n) commit(n, true, false);
-  });
-  scope.on(input, "change", () => {
-    if (Number.isFinite(typed())) setValue(typed());
-    else render();
-  });
-  scope.on(input, "blur", () => render());
-  if (input.form) scope.on(input.form, "reset", (event) => {
-    render();
-    pendingReset = event;
-    scope.timeout(() => {
-      if (pendingReset === event) render();
-    }, 0);
-  });
-  scope.add(() => {
-    input.value = original;
-  });
-  render();
-  return { setValue, get value() {
-    return value;
-  }, destroy: () => scope.dispose() };
-}
-
-// src/components/pagination/engine.ts
-var positive = (n, fallback) => Number.isFinite(n) ? Math.max(1, Math.min(Number.MAX_SAFE_INTEGER - 32, Math.floor(n))) : fallback;
-function createPagination(root, options = {}) {
-  const pages = root?.querySelector("[data-mk-pagination-pages]");
-  if (!root || !pages) return inert({ setPage() {
-  }, setTotalPages() {
-  }, page: 1, totalPages: 1 });
-  const scope = createScope();
-  const original = [...pages.childNodes];
-  const previous = root.querySelector("[data-mk-pagination-previous]");
-  const next = root.querySelector("[data-mk-pagination-next]");
-  let total = positive(options.totalPages, 10);
-  let page = Math.min(total, positive(options.page, 1));
-  const siblings = Math.min(10, Math.max(0, Number.isFinite(options.siblings) ? Math.floor(options.siblings) : 1));
-  scope.attr(root, "data-mk-ready", "");
-  const render = () => {
-    const hadFocus = pages.contains(document.activeElement);
-    const selected = /* @__PURE__ */ new Set([1, total]);
-    for (let n = Math.max(1, page - siblings); n <= Math.min(total, page + siblings); n++) selected.add(n);
-    const fragment = document.createDocumentFragment();
-    let last = 0;
-    for (const n of [...selected].sort((a, b) => a - b)) {
-      if (last && n - last > 1) {
-        const gap = document.createElement("span");
-        gap.className = "mk-pagination__gap";
-        gap.textContent = "\u2026";
-        gap.setAttribute("aria-hidden", "true");
-        fragment.append(gap);
-      }
-      const button = document.createElement("button");
-      button.type = "button";
-      button.dataset.mkPage = String(n);
-      button.textContent = String(n);
-      button.setAttribute("aria-label", options.pageLabel?.(n) ?? `P\xE1gina ${n}`);
-      if (n === page) button.setAttribute("aria-current", "page");
-      fragment.append(button);
-      last = n;
-    }
-    pages.replaceChildren(fragment);
-    if (hadFocus) pages.querySelector("[aria-current]")?.focus();
-    if (previous) scope.attr(previous, "disabled", page === 1 ? "" : null);
-    if (next) scope.attr(next, "disabled", page === total ? "" : null);
-  };
-  const setPage = (value, notify = true) => {
-    if (scope.disposed || !Number.isFinite(value)) return;
-    const candidate = Math.max(1, Math.min(total, Math.round(value)));
-    if (candidate === page) return;
-    const focused = pages.contains(document.activeElement);
-    page = candidate;
-    render();
-    if (focused) pages.querySelector("[aria-current]")?.focus();
-    if (notify) {
-      options.onChange?.(page);
-      root.dispatchEvent(new CustomEvent("mk:change", { bubbles: true, detail: { page, totalPages: total } }));
-    }
-  };
-  scope.on(root, "click", (event) => {
-    const target = event.target.closest("button");
-    if (!target || target.disabled) return;
-    if (target === previous) setPage(page - 1);
-    else if (target === next) setPage(page + 1);
-    else if (target.dataset.mkPage) setPage(Number(target.dataset.mkPage));
-  });
-  scope.on(root, "keydown", (event) => {
-    if (!(event.target instanceof HTMLButtonElement)) return;
-    const to = event.key === "ArrowRight" ? page + 1 : event.key === "ArrowLeft" ? page - 1 : event.key === "Home" ? 1 : event.key === "End" ? total : null;
-    if (to === null) return;
-    event.preventDefault();
-    setPage(to);
-    pages.querySelector("[aria-current]")?.focus();
-  });
-  scope.add(() => pages.replaceChildren(...original));
-  render();
-  return {
-    setPage,
-    setTotalPages(value) {
-      if (scope.disposed || !Number.isFinite(value)) return;
-      total = positive(value, 1);
-      if (page > total) setPage(total);
-      else render();
-    },
-    get page() {
-      return page;
-    },
-    get totalPages() {
-      return total;
-    },
-    destroy: () => scope.dispose()
-  };
-}
-
-// src/components/hover-card/engine.ts
-var sequence = 0;
-function createHoverCard(root, options = {}) {
-  const trigger = root?.querySelector("[data-mk-hover-trigger]");
-  const panel = root?.querySelector("[data-mk-hover-panel]");
-  if (!root || !trigger || !panel) return inert({ open() {
-  }, close() {
-  }, isOpen: false });
-  const scope = createScope();
-  const openDelay = Number.isFinite(options.openDelay) ? Math.max(0, options.openDelay) : 120;
-  const closeDelay = Number.isFinite(options.closeDelay) ? Math.max(0, options.closeDelay) : 140;
-  let opened = false;
-  let timer;
-  let pointerInside = false;
-  let id = panel.id;
-  if (!id) {
-    do {
-      id = `mk-hover-${++sequence}`;
-    } while (document.getElementById(id));
-  }
-  scope.attr(panel, "id", id);
-  scope.attr(trigger, "aria-controls", id);
-  scope.attr(root, "data-mk-placement", options.placement ?? "top");
-  scope.attr(root, "data-mk-ready", "");
-  const cancel = () => {
-    clearTimeout(timer);
-    timer = void 0;
-  };
-  const set = (value) => {
-    cancel();
-    if (scope.disposed) return;
-    const changed = value !== opened;
-    opened = value;
-    scope.attr(trigger, "aria-expanded", String(value));
-    scope.attr(panel, "hidden", value ? null : "");
-    scope.attr(root, "data-mk-open", value ? "" : null);
-    if (changed) {
-      options.onOpenChange?.(value);
-      root.dispatchEvent(new CustomEvent("mk:open-change", { bubbles: true, detail: { open: value } }));
-    }
-  };
-  const schedule = (value, delay) => {
-    cancel();
-    timer = setTimeout(() => set(value), delay);
-  };
-  scope.on(root, "pointerenter", () => {
-    pointerInside = true;
-    schedule(true, openDelay);
-  });
-  scope.on(root, "pointerleave", () => {
-    pointerInside = false;
-    if (!root.contains(document.activeElement)) schedule(false, closeDelay);
-  });
-  scope.on(root, "focusin", () => set(true));
-  scope.on(root, "focusout", (event) => {
-    if (!pointerInside && !root.contains(event.relatedTarget)) schedule(false, closeDelay);
-  });
-  scope.on(trigger, "click", () => set(true));
-  scope.on(document, "pointerdown", (event) => {
-    if (!root.contains(event.target)) set(false);
-  });
-  scope.on(root, "keydown", (event) => {
-    if (event.key !== "Escape" || !opened) return;
-    event.preventDefault();
-    trigger.focus();
-    set(false);
-  });
-  scope.add(cancel);
-  set(false);
-  return { open: () => set(true), close: () => set(false), get isOpen() {
-    return opened;
-  }, destroy: () => scope.dispose() };
-}
-
-// src/components/input-otp/engine.ts
-function createInputOtp(root, options = {}) {
-  const input = root?.querySelector("[data-mk-otp-input]");
-  const slots = root?.querySelector("[data-mk-otp-slots]");
-  if (!root || !input || !slots) return inert({ setValue() {
-  }, focus() {
-  }, value: "" });
-  const scope = createScope();
-  const length = Number.isFinite(options.length) ? Math.min(16, Math.max(1, Math.round(options.length))) : 6;
-  const clean = (text) => text.replace(/[^0-9]/g, "").slice(0, length);
-  const original = input.value;
-  const originalNodes = [...slots.childNodes];
-  let value = clean(options.value ?? input.value);
-  let pendingReset = null;
-  const cells = Array.from({ length }, () => {
-    const cell = document.createElement("span");
-    cell.className = "mk-input-otp__slot";
-    return cell;
-  });
-  slots.replaceChildren(...cells);
-  scope.attr(slots, "aria-hidden", "true");
-  scope.attr(input, "type", "text");
-  scope.attr(input, "inputmode", "numeric");
-  scope.attr(input, "autocomplete", "one-time-code");
-  scope.attr(input, "maxlength", String(length));
-  scope.attr(input, "pattern", `[0-9]{${length}}`);
-  scope.attr(root, "data-mk-ready", "");
-  const render = () => {
-    if (pendingReset) {
-      if (pendingReset.eventPhase !== 0) return;
-      if (!pendingReset.defaultPrevented) value = clean(input.value);
-      pendingReset = null;
-    }
-    input.value = value;
-    const active = document.activeElement === input ? Math.min(length - 1, input.selectionStart ?? value.length) : -1;
-    cells.forEach((cell, i) => {
-      const text = value[i] ? options.mask ? "\u2022" : value[i] : "";
-      if (cell.textContent !== text) cell.textContent = text;
-      cell.toggleAttribute("data-mk-active", i === active);
-      cell.toggleAttribute("data-mk-filled", i < value.length);
-    });
-    scope.attr(root, "data-mk-complete", value.length === length ? "" : null);
-  };
-  const setValue = (next, notify = true) => {
-    if (scope.disposed) return;
-    if (pendingReset?.eventPhase === 0) pendingReset = null;
-    const previous = value;
-    value = clean(String(next));
-    render();
-    if (notify && value !== previous) {
-      options.onChange?.(value);
-      root.dispatchEvent(new CustomEvent("mk:change", { bubbles: true, detail: { value, complete: value.length === length } }));
-      if (value.length === length) {
-        options.onComplete?.(value);
-        root.dispatchEvent(new CustomEvent("mk:complete", { bubbles: true, detail: { value } }));
-      }
-    }
-  };
-  scope.on(input, "input", (event) => {
-    if (event.isComposing) return;
-    const caret = clean(input.value.slice(0, input.selectionStart ?? input.value.length)).length;
-    setValue(input.value);
-    input.setSelectionRange(caret, caret);
-    render();
-  });
-  scope.on(input, "compositionend", () => setValue(input.value));
-  scope.on(input, "paste", (event) => {
-    const text = event.clipboardData?.getData("text");
-    if (text === void 0) return;
-    event.preventDefault();
-    const start = input.selectionStart ?? value.length;
-    const end = input.selectionEnd ?? start;
-    const inserted = clean(text);
-    setValue(value.slice(0, start) + inserted + value.slice(end));
-    const caret = Math.min(length, start + inserted.length);
-    input.setSelectionRange(caret, caret);
-    render();
-  });
-  scope.on(input, "focus", render);
-  scope.on(input, "blur", render);
-  scope.on(input, "keyup", render);
-  scope.on(input, "click", render);
-  scope.on(document, "selectionchange", () => {
-    if (document.activeElement === input) render();
-  });
-  if (input.form) scope.on(input.form, "reset", (event) => {
-    render();
-    pendingReset = event;
-    scope.timeout(() => {
-      if (pendingReset === event) render();
-    }, 0);
-  });
-  scope.add(() => {
-    slots.replaceChildren(...originalNodes);
-    input.value = original;
-  });
-  render();
-  return { setValue, focus: () => {
-    if (!scope.disposed) input.focus();
-  }, get value() {
-    return value;
-  }, destroy: () => scope.dispose() };
-}
-
-// src/components/studio-dock/engine.ts
-var nextId = 0;
-var PANEL_OFFSET = 76;
-var VIEWPORT_GAP = 12;
-var MIN_SPACE = 320;
-var FOCUSABLE = 'a[href],button:not(:disabled),input:not(:disabled),select:not(:disabled),textarea:not(:disabled),video[controls],[tabindex]:not([tabindex="-1"])';
-function createStudioDock(root, options = {}) {
-  const toggleButton = root?.querySelector("[data-mk-studio-toggle]");
-  const panel = root?.querySelector("[data-mk-studio-panel]");
-  if (!root || !toggleButton || !panel) return inert({ open() {
-  }, close() {
-  }, toggle() {
-  }, selectPage() {
-  }, state: { open: false, view: "menu", page: 0 } });
-  registerMotion();
-  const scope = createScope();
-  const context = gsap.context(() => {
-  }, root);
-  scope.add(() => context.revert());
-  const views = [...panel.querySelectorAll("[data-mk-studio-view]")];
-  const pages = [...panel.querySelectorAll("[data-mk-studio-page]")];
-  const pageButtons = [...root.querySelectorAll("[data-mk-studio-page-to]")];
-  const slide = root.querySelector("[data-mk-studio-slide]");
-  const tracked = [root, panel, ...slide ? [slide] : []];
-  tracked.forEach((el) => {
-    const style = el.getAttribute("style");
-    scope.add(() => style === null ? el.removeAttribute("style") : el.setAttribute("style", style));
-  });
-  scope.attr(panel, "id", panel.id || `mk-studio-panel-${++nextId}`);
-  scope.attr(panel, "role", panel.getAttribute("role") || "dialog");
-  scope.attr(panel, "aria-label", panel.getAttribute("aria-label") || "Studio navigation");
-  scope.attr(panel, "tabindex", "-1");
-  scope.attr(toggleButton, "aria-controls", panel.id);
-  scope.attr(toggleButton, "aria-expanded", "false");
-  scope.attr(panel, "hidden", "");
-  scope.attr(panel, "aria-hidden", "true");
-  scope.attr(root, "data-mk-ready", "");
-  let state = { open: false, view: "menu", page: 0 };
-  let previousFocus = null;
-  let animation;
-  let slideStart = null;
-  let slideDistance = 0;
-  let slideMoved = false;
-  let suppressSlideClick = false;
-  const place2 = (decide = false) => {
-    const view = root.ownerDocument.defaultView;
-    if (!state.open || !view) return;
-    const rect = root.getBoundingClientRect();
-    const offset = parseFloat(view.getComputedStyle(root).getPropertyValue("--mk-studio-dock-offset")) || PANEL_OFFSET;
-    const above = rect.bottom - offset - VIEWPORT_GAP;
-    const below = view.innerHeight - rect.top - offset - VIEWPORT_GAP;
-    if (decide) scope.attr(root, "data-mk-studio-below", above < Math.min(panel.scrollHeight || MIN_SPACE, MIN_SPACE) && below > above ? "" : null);
-    const flip = root.hasAttribute("data-mk-studio-below");
-    root.style.setProperty("--mk-studio-dock-space", `${Math.max(MIN_SPACE / 2, Math.floor(flip ? below : above))}px`);
-  };
-  const hidden = () => root.hasAttribute("data-mk-studio-below") ? { clipPath: "inset(0% 0% 100% 0% round 18px)", y: -16, opacity: 0 } : { clipPath: "inset(100% 0% 0% 0% round 18px)", y: 16, opacity: 0 };
-  const notify = () => {
-    const value = { ...state };
-    options.onChange?.(value);
-    root.dispatchEvent(new CustomEvent("mk:studio-dock", { bubbles: true, detail: value }));
-  };
-  const isTabbable = (el) => el.tabIndex >= 0 && !el.closest("[hidden], [inert]") && el.getAttribute("aria-disabled") !== "true";
-  const visibleFocus = () => [...panel.querySelectorAll(FOCUSABLE)].filter(isTabbable);
-  const focusView = () => {
-    if (options.focusOnOpen !== false) (visibleFocus()[0] ?? panel).focus({ preventScroll: true });
-  };
-  const setView = (view) => {
-    state.view = views.length && !views.some((el) => el.dataset.mkStudioView === view) ? "menu" : view;
-    views.forEach((el) => scope.attr(el, "hidden", el.dataset.mkStudioView === state.view ? null : ""));
-    scope.attr(root, "data-mk-studio-active", state.view);
-    panel.querySelectorAll("video").forEach((video) => {
-      if (state.view !== "reel") video.pause();
-    });
-  };
-  const selectPage = (index, announce = true) => {
-    if (scope.disposed || !pages.length || !Number.isFinite(index)) return;
-    state.page = (Math.round(index) % pages.length + pages.length) % pages.length;
-    pages.forEach((el, i) => scope.attr(el, "hidden", i === state.page ? null : ""));
-    pageButtons.forEach((el) => scope.attr(el, "aria-current", Number(el.dataset.mkStudioPageTo) === state.page ? "true" : null));
-    if (announce) notify();
-  };
-  const open = (view = "menu") => {
-    if (scope.disposed) return;
-    const wasOpen = state.open;
-    if (wasOpen && state.view === view) return;
-    if (!wasOpen) {
-      const active = root.ownerDocument.activeElement;
-      previousFocus = active instanceof HTMLElement && active !== root.ownerDocument.body && !panel.contains(active) ? active : toggleButton;
-    }
-    animation?.kill();
-    state.open = true;
-    scope.attr(panel, "hidden", null);
-    scope.attr(panel, "inert", null);
-    scope.attr(panel, "aria-hidden", "false");
-    scope.attr(root, "data-mk-studio-open", "");
-    scope.attr(toggleButton, "aria-expanded", "true");
-    setView(view);
-    place2(!wasOpen);
-    if (!reduced()) context.add(() => {
-      animation = gsap.fromTo(panel, hidden(), { clipPath: "inset(0% 0% 0% 0% round 18px)", y: 0, opacity: 1, duration: Math.max(0, options.duration ?? 1.3), ease: options.ease ?? "back.out(0.52)", overwrite: true });
-    });
-    else context.add(() => {
-      gsap.set(panel, { clipPath: "inset(0% round 18px)", y: 0, opacity: 1 });
-    });
-    focusView();
-    notify();
-  };
-  const close = (restoreFocus = true) => {
-    if (scope.disposed || !state.open) return;
-    animation?.kill();
-    state.open = false;
-    scope.attr(toggleButton, "aria-expanded", "false");
-    scope.attr(root, "data-mk-studio-open", null);
-    scope.attr(panel, "inert", "");
-    scope.attr(panel, "aria-hidden", "true");
-    if (reduced()) scope.attr(panel, "hidden", "");
-    else context.add(() => {
-      animation = gsap.to(panel, { ...hidden(), duration: Math.max(0, options.duration ?? 1.3), ease: options.ease ?? "back.out(0.52)", overwrite: true, onComplete: () => {
-        if (!scope.disposed && !state.open) scope.attr(panel, "hidden", "");
-      } });
-    });
-    panel.querySelectorAll("video").forEach((video) => video.pause());
-    if (restoreFocus) (previousFocus?.isConnected ? previousFocus : toggleButton).focus({ preventScroll: true });
-    notify();
-  };
-  scope.on(root, "click", (event) => {
-    const target = event.target instanceof Element ? event.target : null;
-    if (!target) return;
-    if (target.closest("[data-mk-studio-toggle]") === toggleButton) state.open ? close() : open();
-    else if (target.closest("[data-mk-studio-close]")) close();
-    else if (target.closest("[data-mk-studio-slide]")) {
-      if (suppressSlideClick) {
-        event.preventDefault();
-        suppressSlideClick = false;
-      } else open("contact");
-    } else {
-      const view = target.closest("[data-mk-studio-to]")?.dataset.mkStudioTo;
-      if (view === "menu" || view === "contact" || view === "reel") open(view);
-      const page = target.closest("[data-mk-studio-page-to]");
-      if (page) selectPage(Number(page.dataset.mkStudioPageTo));
-    }
-  });
-  if (root.ownerDocument.defaultView) scope.on(root.ownerDocument.defaultView, "resize", () => place2());
-  scope.on(root.ownerDocument, "scroll", () => place2(), { passive: true, capture: true });
-  scope.on(root.ownerDocument, "pointerdown", (event) => {
-    if (state.open && event.target instanceof Node && !root.contains(event.target)) close(false);
-  });
-  scope.on(root.ownerDocument, "keydown", (event) => {
-    if (!state.open || event.defaultPrevented) return;
-    if (event.key === "Escape") {
-      event.preventDefault();
-      close();
-      return;
-    }
-    if (!(event.target instanceof Node) || !root.contains(event.target)) return;
-    if ((event.key === "ArrowLeft" || event.key === "ArrowRight") && event.target.closest("[data-mk-studio-pages]")) {
-      event.preventDefault();
-      selectPage(state.page + (event.key === "ArrowRight" ? 1 : -1));
-      pageButtons.find((el) => Number(el.dataset.mkStudioPageTo) === state.page)?.focus();
-    }
-    if (event.key === "Tab" && options.trapFocus !== false) {
-      const elements = [...root.querySelectorAll(FOCUSABLE)].filter((el) => (el === toggleButton || panel.contains(el)) && isTabbable(el));
-      if (!elements.length) {
-        event.preventDefault();
-        panel.focus();
-        return;
-      }
-      const first = elements[0], last = elements.at(-1);
-      if (event.shiftKey && (root.ownerDocument.activeElement === first || root.ownerDocument.activeElement === panel)) {
-        event.preventDefault();
-        last.focus();
-      } else if (!event.shiftKey && root.ownerDocument.activeElement === last) {
-        event.preventDefault();
-        first.focus();
-      }
-    }
-  });
-  if (slide) {
-    scope.on(slide, "pointerdown", (event) => {
-      if (event.button !== 0) return;
-      slideStart = event.clientX;
-      slideDistance = 0;
-      slideMoved = false;
-    });
-    scope.on(root.ownerDocument, "pointermove", (event) => {
-      if (slideStart === null) return;
-      const width = Math.max(0, (slide.parentElement?.clientWidth ?? 0) - slide.offsetWidth);
-      slideMoved ||= Math.abs(event.clientX - slideStart) > 5;
-      slideDistance = Math.max(0, Math.min(width, event.clientX - slideStart));
-      if (!reduced()) slide.style.setProperty("--mk-studio-drag", `${slideDistance}px`);
-    });
-    const release = (cancel = false) => {
-      if (slideStart === null) return;
-      const width = Math.max(0, (slide.parentElement?.clientWidth ?? 0) - slide.offsetWidth);
-      suppressSlideClick = slideMoved;
-      slideStart = null;
-      slide.style.removeProperty("--mk-studio-drag");
-      if (!cancel && width > 0 && slideDistance / width >= 0.7) open("contact");
-      scope.timeout(() => {
-        suppressSlideClick = false;
-      }, 150);
-    };
-    scope.on(root.ownerDocument, "pointerup", () => release());
-    scope.on(root.ownerDocument, "pointercancel", () => release(true));
-  }
-  const clocks = [...root.querySelectorAll("[data-mk-studio-timezone]")];
-  const clockOriginals = clocks.map((el) => ({ el, text: el.textContent, style: el.getAttribute("style") }));
-  const tick = () => clocks.forEach((el) => {
-    try {
-      el.textContent = new Intl.DateTimeFormat(void 0, { hour: "2-digit", minute: "2-digit", timeZone: el.dataset.mkStudioTimezone }).format(/* @__PURE__ */ new Date());
-    } catch {
-    }
-  });
-  if (clocks.length) {
-    tick();
-    const timer = setInterval(tick, 6e4);
-    scope.add(() => clearInterval(timer));
-  }
-  scope.add(() => clockOriginals.forEach(({ el, text, style }) => {
-    el.textContent = text;
-    if (style === null) el.removeAttribute("style");
-    else el.setAttribute("style", style);
-  }));
-  setView("menu");
-  selectPage(0, false);
-  return { open, close, toggle: () => state.open ? close() : open(), selectPage, get state() {
-    return { ...state };
-  }, destroy() {
-    if (scope.disposed) return;
-    const focused = root.contains(root.ownerDocument.activeElement);
-    animation?.kill();
-    panel.querySelectorAll("video").forEach((video) => video.pause());
-    scope.dispose();
-    if (focused) toggleButton.focus({ preventScroll: true });
-  } };
-}
-
-// src/components/trailer/engine.ts
-var time = (value) => {
-  const seconds = Number.isFinite(value) ? Math.max(0, Math.floor(value)) : 0;
-  return `${Math.floor(seconds / 60).toString().padStart(2, "0")}:${(seconds % 60).toString().padStart(2, "0")}`;
-};
-function createTrailer(root, options = {}) {
-  const video = root?.querySelector("video");
-  if (!root || !video || root.tagName !== "DIALOG") return inert({ open() {
-  }, close() {
-  }, toggle() {
-  }, play: async () => false, pause() {
-  }, seek() {
-  }, setVolume() {
-  }, isOpen: false });
-  const scope = createScope();
-  const get = (name) => root.querySelector(`[data-mk-trailer-${name}]`);
-  const playButton = get("play");
-  const muteButton = get("mute");
-  const fullButton = get("fullscreen");
-  const fullTarget = get("stage") ?? video;
-  const captionsButton = get("captions");
-  const seekInput = get("seek");
-  const volumeInput = get("volume");
-  const output = get("time");
-  const status = get("status");
-  const originalText = [output, status].filter((el) => !!el).map((el) => [el, el.textContent]);
-  scope.add(() => originalText.forEach(([el, text]) => {
-    el.textContent = text;
-  }));
-  scope.attr(root, "data-mk-trailer-ready", "");
-  scope.attr(root, "data-mk-trailer-state", "paused");
-  const controls = video.controls;
-  if (playButton && muteButton && seekInput && (!video.querySelector("track") || captionsButton)) video.controls = false;
-  scope.add(() => {
-    video.controls = controls;
-  });
-  for (const input of [seekInput, volumeInput]) {
-    if (!input) continue;
-    const initialValue = input.value;
-    scope.add(() => {
-      input.value = initialValue;
-    });
-    scope.attr(input, "min", "0");
-    scope.attr(input, "max", "1");
-    scope.attr(input, "step", input === volumeInput ? ".01" : ".1");
-    scope.attr(input, "aria-label", input.getAttribute("aria-label") ?? (input === volumeInput ? "Volumen" : "Posici\xF3n del video"));
-  }
-  if (status) scope.attr(status, "role", "status");
-  const tell = (message) => {
-    if (!scope.disposed && status) status.textContent = message;
-  };
-  const sync = () => {
-    if (scope.disposed) return;
-    const duration = Number.isFinite(video.duration) ? Math.max(0, video.duration) : 0;
-    scope.attr(root, "data-mk-trailer-state", video.ended ? "ended" : video.paused ? "paused" : "playing");
-    if (playButton) {
-      scope.attr(playButton, "aria-label", video.paused || video.ended ? "Reproducir" : "Pausar");
-      scope.attr(playButton, "aria-pressed", String(!video.paused && !video.ended));
-    }
-    if (muteButton) {
-      scope.attr(muteButton, "aria-label", video.muted ? "Activar sonido" : "Silenciar");
-      scope.attr(muteButton, "aria-pressed", String(video.muted));
-    }
-    if (seekInput) {
-      scope.attr(seekInput, "max", String(duration || 1));
-      scope.attr(seekInput, "disabled", duration ? null : "");
-      scope.attr(seekInput, "aria-valuetext", `${time(video.currentTime)} de ${time(duration)}`);
-      seekInput.value = String(Number.isFinite(video.currentTime) ? video.currentTime : 0);
-    }
-    if (volumeInput) volumeInput.value = String(video.muted ? 0 : video.volume);
-    if (captionsButton) {
-      scope.attr(captionsButton, "disabled", video.textTracks.length ? null : "");
-      scope.attr(captionsButton, "aria-pressed", String(video.textTracks[0]?.mode === "showing"));
-    }
-    if (output) output.textContent = `${time(video.currentTime)} / ${time(duration)}`;
-  };
-  let playRequest = 0;
-  let wantsPlayback = false;
-  const pause = () => {
-    if (!scope.disposed) {
-      wantsPlayback = false;
-      ++playRequest;
-      video.pause();
-      sync();
-    }
-  };
-  const play = async () => {
-    if (scope.disposed) return false;
-    wantsPlayback = true;
-    const request = ++playRequest;
-    try {
-      await video.play();
-      if (scope.disposed || request !== playRequest) {
-        if (scope.disposed || !wantsPlayback) video.pause();
-        return false;
-      }
-      tell("");
-      sync();
-      return true;
-    } catch {
-      if (scope.disposed || request !== playRequest) return false;
-      wantsPlayback = false;
-      tell("No se pudo reproducir el video. Revisa la fuente y vuelve a intentarlo.");
-      sync();
-      return false;
-    }
-  };
-  const seek = (seconds) => {
-    if (scope.disposed || !Number.isFinite(seconds) || !Number.isFinite(video.duration) || video.duration <= 0) return;
-    video.currentTime = Math.max(0, Math.min(video.duration, seconds));
-    sync();
-  };
-  const setVolume = (volume) => {
-    if (scope.disposed || !Number.isFinite(volume)) return;
-    video.volume = Math.max(0, Math.min(1, volume));
-    video.muted = volume <= 0;
-    sync();
-  };
-  const exitFullscreen = () => {
-    if (document.fullscreenElement !== fullTarget) return;
-    void document.exitFullscreen?.().catch(() => {
-    });
-  };
-  const dialog = createDialog(root, {
-    triggers: options.triggers,
-    closeOnBackdrop: options.closeOnBackdrop ?? true,
-    drag: false,
-    autoResize: false,
-    animateContent: false,
-    onOpen: () => {
-      sync();
-      if (options.autoplay) void play();
-      options.onOpen?.();
-    },
-    onClose: () => {
-      ++playRequest;
-      pause();
-      exitFullscreen();
-      options.onClose?.();
-    }
-  });
-  if (playButton) scope.on(playButton, "click", () => video.paused || video.ended ? void play() : pause());
-  if (muteButton) scope.on(muteButton, "click", () => {
-    video.muted = !video.muted;
-    sync();
-  });
-  if (seekInput) scope.on(seekInput, "input", () => seek(Number(seekInput.value)));
-  if (volumeInput) scope.on(volumeInput, "input", () => setVolume(Number(volumeInput.value)));
-  if (captionsButton) scope.on(captionsButton, "click", () => {
-    const track = video.textTracks[0];
-    if (track) track.mode = track.mode === "showing" ? "hidden" : "showing";
-    sync();
-  });
-  const fullscreen = async () => {
-    if (scope.disposed) return;
-    try {
-      if (document.fullscreenElement === fullTarget) await document.exitFullscreen?.();
-      else if (fullTarget.requestFullscreen) {
-        await fullTarget.requestFullscreen();
-        if (scope.disposed || !dialog.isOpen) exitFullscreen();
-      } else tell("La pantalla completa no est\xE1 disponible en este navegador.");
-    } catch {
-      tell("No se pudo abrir la pantalla completa.");
-    }
-  };
-  if (fullButton) {
-    scope.attr(fullButton, "aria-label", "Pantalla completa");
-    scope.on(fullButton, "click", () => {
-      void fullscreen();
-    });
-    scope.on(document, "fullscreenchange", () => {
-      scope.attr(fullButton, "aria-label", document.fullscreenElement === fullTarget ? "Salir de pantalla completa" : "Pantalla completa");
-    });
-  }
-  for (const event of ["loadedmetadata", "durationchange", "timeupdate", "play", "pause", "ended", "volumechange"]) scope.on(video, event, sync);
-  scope.on(video, "error", () => {
-    tell("El video no est\xE1 disponible.");
-    scope.attr(root, "data-mk-trailer-state", "error");
-  });
-  scope.on(root, "keydown", (event) => {
-    if (!dialog.isOpen || event.target instanceof Element && event.target.closest("button, input, select, textarea, a, [contenteditable]")) return;
-    if (event.key === " " || event.key.toLowerCase() === "k") {
-      event.preventDefault();
-      video.paused ? void play() : pause();
-    } else if (event.key === "ArrowRight" || event.key === "ArrowLeft") {
-      event.preventDefault();
-      seek(video.currentTime + (event.key === "ArrowRight" ? 5 : -5));
-    } else if (event.key.toLowerCase() === "m") {
-      video.muted = !video.muted;
-      sync();
-    }
-  });
-  sync();
-  return {
-    open: (origin) => {
-      if (!scope.disposed) dialog.open(origin);
-    },
-    close: () => {
-      if (!scope.disposed) dialog.close();
-    },
-    toggle: (origin) => {
-      if (!scope.disposed) dialog.toggle(origin);
-    },
-    play,
-    pause,
-    seek,
-    setVolume,
-    get isOpen() {
-      return dialog.isOpen;
-    },
-    destroy() {
-      if (scope.disposed) return;
-      wantsPlayback = false;
-      ++playRequest;
-      video.pause();
-      exitFullscreen();
-      dialog.destroy();
-      scope.dispose();
-    }
-  };
-}
-
-// src/core/dates.ts
-function toDate(input, fallback = /* @__PURE__ */ new Date()) {
-  if (input instanceof Date) return Number.isNaN(input.getTime()) ? startOfDay(fallback) : startOfDay(input);
-  if (typeof input === "string") {
-    const day = /^(\d{4})-(\d{2})-(\d{2})$/.exec(input.trim());
-    if (day) return new Date(Number(day[1]), Number(day[2]) - 1, Number(day[3]));
-  }
-  if (typeof input === "string" || typeof input === "number") {
-    const parsed = new Date(input);
-    if (!Number.isNaN(parsed.getTime())) return startOfDay(parsed);
-  }
-  return startOfDay(fallback);
-}
-function toDateTime(input) {
-  if (input instanceof Date) return Number.isNaN(input.getTime()) ? null : input;
-  if (typeof input === "string" && /^\d{4}-\d{2}-\d{2}$/.test(input.trim())) return toDate(input);
-  const parsed = new Date(input);
-  return Number.isNaN(parsed.getTime()) ? null : parsed;
-}
-var startOfDay = (date) => new Date(date.getFullYear(), date.getMonth(), date.getDate());
-var addDays = (date, days) => new Date(date.getFullYear(), date.getMonth(), date.getDate() + days);
-function addMonths(date, months) {
-  const target = new Date(date.getFullYear(), date.getMonth() + months, 1);
-  const last = new Date(target.getFullYear(), target.getMonth() + 1, 0).getDate();
-  return new Date(target.getFullYear(), target.getMonth(), Math.min(date.getDate(), last));
-}
-var startOfMonth = (date) => new Date(date.getFullYear(), date.getMonth(), 1);
-function startOfWeek(date, firstDay = 0) {
-  const shift = (date.getDay() - firstDay + 7) % 7;
-  return addDays(startOfDay(date), -shift);
-}
-var sameDay = (a, b) => !!a && !!b && a.getFullYear() === b.getFullYear() && a.getMonth() === b.getMonth() && a.getDate() === b.getDate();
-var sameMonth = (a, b) => a.getFullYear() === b.getFullYear() && a.getMonth() === b.getMonth();
-var pad = (n) => String(n).padStart(2, "0");
-var dayKey = (date) => `${date.getFullYear()}-${pad(date.getMonth() + 1)}-${pad(date.getDate())}`;
-function monthWeeks(date, firstDay = 0) {
-  const first = startOfMonth(date);
-  const last = new Date(date.getFullYear(), date.getMonth() + 1, 0);
-  const weeks = [];
-  for (let start = startOfWeek(first, firstDay); start <= last; start = addDays(start, 7)) {
-    weeks.push(Array.from({ length: 7 }, (_, i) => addDays(start, i)));
-  }
-  return weeks;
-}
-var weekDays = (date, firstDay = 0) => Array.from({ length: 7 }, (_, i) => addDays(startOfWeek(date, firstDay), i));
-function weekdayNames(locale, firstDay = 0, width = "short") {
-  const format = safeFormat(locale, { weekday: width });
-  return Array.from({ length: 7 }, (_, i) => format.format(new Date(2024, 8, 1 + (firstDay + i) % 7)));
-}
-function safeFormat(locale, options) {
-  try {
-    return new Intl.DateTimeFormat(locale, options);
-  } catch {
-    return new Intl.DateTimeFormat(void 0, options);
-  }
-}
-var capitalize = (text) => text.charAt(0).toLocaleUpperCase() + text.slice(1);
-function fromJson(value) {
-  if (typeof value !== "string") return value;
-  try {
-    return JSON.parse(value);
-  } catch {
-    return void 0;
-  }
-}
-var clampFirstDay = (n) => Number.isInteger(n) && n >= 0 && n <= 6 ? n : 0;
-
-// src/components/calendar/engine.ts
-var SLIDE = 30;
-var SLIDE_OUT = 0.12;
-var SLIDE_GAP = 0.1;
-var SLIDE_DURATION = 0.25;
-var CELL_STAGGER = 5e-3;
-var EVENT_STAGGER = 0.02;
-function createCalendar(root, options = {}) {
-  const grid = root?.querySelector("[data-mk-calendar-grid]");
-  if (!root || !grid) {
-    const now = toDate(null);
-    return inert({
-      next() {
-      },
-      prev() {
-      },
-      goToday() {
-      },
-      setDate() {
-      },
-      setView() {
-      },
-      setEvents() {
-      },
-      select() {
-      },
-      date: now,
-      view: "month",
-      selected: null,
-      range: { start: now, end: now, view: "month" }
-    });
-  }
-  registerMotion();
-  const scope = createScope();
-  const ctx = gsap.context(() => {
-  });
-  scope.add(() => ctx.revert());
-  const locale = options.locale ?? "es";
-  const firstDay = clampFirstDay(options.firstDay);
-  const maxEvents = Number.isFinite(options.maxEvents) ? Math.max(0, Math.floor(options.maxEvents)) : 3;
-  const labels = {
-    more: options.labels?.more ?? ((n) => `+${n} m\xE1s`),
-    events: options.labels?.events ?? ((n) => n === 1 ? "1 evento" : `${n} eventos`),
-    status: { pending: "pendiente", done: "completado", cancelled: "cancelado", ...options.labels?.status }
-  };
-  let date = toDate(options.date);
-  let view = options.view === "week" ? "week" : "month";
-  let selected = options.selected ? toDate(options.selected) : null;
-  let focusDay = selected ?? date;
-  let events = [];
-  let byDay = /* @__PURE__ */ new Map();
-  let first = true;
-  const today = () => toDate(options.today ?? null);
-  const title = root.querySelector("[data-mk-calendar-title]");
-  const prevButton = root.querySelector("[data-mk-calendar-prev]");
-  const nextButton = root.querySelector("[data-mk-calendar-next]");
-  const todayButton = root.querySelector("[data-mk-calendar-today]");
-  const viewButtons = [...root.querySelectorAll("[data-mk-calendar-view]")];
-  const originalGrid = [...grid.childNodes];
-  const originalTitle = title ? [...title.childNodes] : [];
-  scope.add(() => {
-    grid.replaceChildren(...originalGrid);
-    title?.replaceChildren(...originalTitle);
-  });
-  scope.attr(root, "data-mk-ready", "");
-  scope.attr(grid, "role", "grid");
-  if (title) {
-    if (!title.id) scope.attr(title, "id", `mk-calendar-${Math.random().toString(36).slice(2, 8)}`);
-    scope.attr(grid, "aria-labelledby", title.id);
-  }
-  const monthTitle = safeFormat(locale, { month: "long", year: "numeric" });
-  const rangeTitle = safeFormat(locale, { day: "numeric", month: "short", year: "numeric" });
-  const fullDay = safeFormat(locale, { weekday: "long", day: "numeric", month: "long", year: "numeric" });
-  const timeFormat = safeFormat(locale, { hour: "numeric", minute: "2-digit" });
-  const index = (list2) => {
-    events = Array.isArray(list2) ? list2.filter((e) => e && toDateTime(e.start)) : [];
-    byDay = /* @__PURE__ */ new Map();
-    const sorted = [...events].sort((a, b) => toDateTime(a.start).getTime() - toDateTime(b.start).getTime());
-    for (const event of sorted) {
-      const start = toDate(toDateTime(event.start));
-      const endTime = event.end ? toDateTime(event.end) : null;
-      const end = endTime && endTime > start ? toDate(endTime) : start;
-      for (let day = start, n = 0; day <= end && n < 62; day = addDays(day, 1), n++) {
-        const key = dayKey(day);
-        byDay.set(key, [...byDay.get(key) ?? [], event]);
-      }
-    }
-  };
-  index(fromJson(options.events) ?? []);
-  const days = () => view === "week" ? [weekDays(date, firstDay)] : monthWeeks(date, firstDay);
-  const range = () => {
-    const weeks = days();
-    return { start: weeks[0][0], end: weeks[weeks.length - 1][6], view };
-  };
-  const inRange = (day) => {
-    const r = range();
-    return day >= r.start && day <= r.end;
-  };
-  const header = () => {
-    const row = document.createElement("div");
-    row.className = "mk-calendar__head";
-    row.setAttribute("role", "row");
-    const long = weekdayNames(locale, firstDay, "short");
-    const narrow = weekdayNames(locale, firstDay, "narrow");
-    long.forEach((name, i) => {
-      const cell = document.createElement("div");
-      cell.className = "mk-calendar__weekday";
-      cell.setAttribute("role", "columnheader");
-      cell.innerHTML = '<span class="mk-calendar__weekday-long"></span><span class="mk-calendar__weekday-narrow" aria-hidden="true"></span>';
-      cell.firstElementChild.textContent = name;
-      cell.lastElementChild.textContent = narrow[i];
-      row.append(cell);
-    });
-    return row;
-  };
-  const chip = (event) => {
-    const button = document.createElement("button");
-    button.type = "button";
-    button.className = "mk-calendar__event";
-    button.dataset.mkEvent = String(event.id);
-    const status = event.status ?? "pending";
-    button.dataset.state = status;
-    if (event.color) button.style.setProperty("--mk-calendar-event-color", event.color);
-    const start = toDateTime(event.start);
-    const time2 = event.allDay ? "" : timeFormat.format(start);
-    button.innerHTML = '<span class="mk-calendar__status" aria-hidden="true"></span><span class="mk-calendar__event-title"></span><span class="mk-calendar__event-time"></span>';
-    button.children[1].textContent = event.title;
-    button.children[2].textContent = time2;
-    button.setAttribute("aria-label", [event.title, time2, labels.status[status]].filter(Boolean).join(", "));
-    return button;
-  };
-  const body = () => {
-    const wrap = document.createElement("div");
-    wrap.className = "mk-calendar__body";
-    wrap.dataset.view = view;
-    wrap.setAttribute("role", "rowgroup");
-    const now = today();
-    const focusKey = dayKey(focusDay);
-    for (const week of days()) {
-      const row = document.createElement("div");
-      row.className = "mk-calendar__week";
-      row.setAttribute("role", "row");
-      for (const day of week) {
-        const key = dayKey(day);
-        const cell = document.createElement("div");
-        cell.className = "mk-calendar__day";
-        cell.setAttribute("role", "gridcell");
-        cell.dataset.mkDate = key;
-        if (view === "month" && !sameMonth(day, date)) cell.dataset.outside = "";
-        if (sameDay(day, now)) cell.dataset.today = "";
-        const isSelected = sameDay(day, selected);
-        cell.setAttribute("aria-selected", String(isSelected));
-        const list2 = byDay.get(key) ?? [];
-        const number = document.createElement("button");
-        number.type = "button";
-        number.className = "mk-calendar__number";
-        number.dataset.mkDay = key;
-        number.textContent = view === "week" ? `${day.getDate()}` : String(day.getDate());
-        number.tabIndex = key === focusKey ? 0 : -1;
-        number.setAttribute("aria-label", `${capitalize(fullDay.format(day))}${list2.length ? `, ${labels.events(list2.length)}` : ""}`);
-        if (sameDay(day, now)) number.setAttribute("aria-current", "date");
-        cell.append(number);
-        if (list2.length) {
-          const box = document.createElement("div");
-          box.className = "mk-calendar__events";
-          const shown2 = view === "week" ? list2 : list2.slice(0, maxEvents);
-          for (const event of shown2) box.append(chip(event));
-          if (shown2.length < list2.length) {
-            const more = document.createElement("button");
-            more.type = "button";
-            more.className = "mk-calendar__more";
-            more.dataset.mkMore = key;
-            more.textContent = labels.more(list2.length - shown2.length);
-            box.append(more);
-          }
-          cell.append(box);
-        }
-        row.append(cell);
-      }
-      wrap.append(row);
-    }
-    return wrap;
-  };
-  let current2 = null;
-  const leaving = /* @__PURE__ */ new Set();
-  scope.add(() => leaving.forEach((el) => el.remove()));
-  const syncChrome = () => {
-    if (title) {
-      const r = range();
-      let text = capitalize(monthTitle.format(date));
-      if (view === "week") {
-        const format = rangeTitle;
-        text = format.formatRange ? format.formatRange(r.start, r.end) : `${rangeTitle.format(r.start)} \u2013 ${rangeTitle.format(r.end)}`;
-      }
-      title.textContent = text;
-    }
-    for (const button of viewButtons) {
-      scope.attr(button, "aria-pressed", String(button.dataset.mkCalendarView === view));
-    }
-  };
-  const render = (direction) => {
-    const next = body();
-    const motion = !reduced();
-    if (!current2) {
-      grid.replaceChildren(header(), next);
-    } else if (motion && direction !== 0) {
-      const old = current2;
-      old.style.top = `${old.offsetTop}px`;
-      old.classList.add("mk-calendar__body--leaving");
-      old.setAttribute("aria-hidden", "true");
-      old.querySelectorAll("button").forEach((b) => b.tabIndex = -1);
-      leaving.add(old);
-      grid.append(next);
-      ctx.add(() => {
-        gsap.to(old, { x: -SLIDE * direction, opacity: 0, duration: SLIDE_OUT, ease: "power1.in", onComplete: () => {
-          old.remove();
-          leaving.delete(old);
-        } });
-        gsap.fromTo(next, { x: SLIDE * direction, opacity: 0 }, { x: 0, opacity: 1, duration: SLIDE_DURATION, delay: SLIDE_GAP, ease: "power2.out", clearProps: "transform,opacity" });
-      });
-    } else {
-      current2.replaceWith(next);
-    }
-    current2 = next;
-    syncChrome();
-    if (motion) {
-      ctx.add(() => {
-        if (first) flowIn(next, { target: ".mk-calendar__day", stagger: CELL_STAGGER });
-        flowIn(next, { target: ".mk-calendar__event, .mk-calendar__more", stagger: EVENT_STAGGER, delay: first ? 0.1 : direction ? SLIDE_GAP + SLIDE_DURATION * 0.5 : 0 });
-      });
-    }
-    first = false;
-  };
-  const focusButton = () => grid.querySelector(`.mk-calendar__body:not(.mk-calendar__body--leaving) [data-mk-day="${dayKey(focusDay)}"]`);
-  const navigate = (to, focus = false) => {
-    if (scope.disposed) return;
-    const from = date;
-    const moved = view === "week" ? !sameDay(startOfWeek(to, firstDay), startOfWeek(from, firstDay)) : !sameMonth(to, from);
-    date = to;
-    focusDay = to;
-    if (moved) {
-      render(to > from ? 1 : -1);
-      const r = range();
-      options.onNavigate?.(r);
-      root.dispatchEvent(new CustomEvent("mk:navigate", { bubbles: true, detail: r }));
-    } else {
-      grid.querySelectorAll("[data-mk-day]").forEach((b) => b.tabIndex = b.dataset.mkDay === dayKey(to) ? 0 : -1);
-    }
-    if (focus) focusButton()?.focus();
-  };
-  const select = (value, notify = true) => {
-    if (scope.disposed) return;
-    selected = value === null ? null : toDate(value);
-    grid.querySelectorAll(".mk-calendar__day").forEach((cell) => cell.setAttribute("aria-selected", String(!!selected && cell.dataset.mkDate === dayKey(selected))));
-    if (selected && notify) {
-      options.onSelect?.(selected);
-      root.dispatchEvent(new CustomEvent("mk:select", { bubbles: true, detail: { date: selected, key: dayKey(selected) } }));
-    }
-  };
-  scope.on(root, "click", (e) => {
-    const target = e.target.closest("button");
-    if (!target || !root.contains(target) || target.disabled) return;
-    if (target === prevButton) navigate(view === "week" ? addDays(date, -7) : addMonths(date, -1));
-    else if (target === nextButton) navigate(view === "week" ? addDays(date, 7) : addMonths(date, 1));
-    else if (target === todayButton) navigate(today(), true);
-    else if (target.dataset.mkCalendarView) setView(target.dataset.mkCalendarView);
-    else if (target.dataset.mkEvent !== void 0) {
-      const event = events.find((ev) => String(ev.id) === target.dataset.mkEvent);
-      if (event) {
-        options.onEventClick?.(event);
-        root.dispatchEvent(new CustomEvent("mk:event", { bubbles: true, detail: { event } }));
-      }
-    } else if (target.dataset.mkDay || target.dataset.mkMore) {
-      const day = toDate(target.dataset.mkDay ?? target.dataset.mkMore);
-      focusDay = day;
-      grid.querySelectorAll("[data-mk-day]").forEach((b) => b.tabIndex = b.dataset.mkDay === dayKey(day) ? 0 : -1);
-      select(day);
-    }
-  });
-  scope.on(grid, "keydown", (e) => {
-    const event = e;
-    const target = event.target;
-    if (!target.dataset?.mkDay) return;
-    const day = toDate(target.dataset.mkDay);
-    const map = {
-      ArrowLeft: () => addDays(day, -1),
-      ArrowRight: () => addDays(day, 1),
-      ArrowUp: () => addDays(day, -7),
-      ArrowDown: () => addDays(day, 7),
-      Home: () => startOfWeek(day, firstDay),
-      End: () => addDays(startOfWeek(day, firstDay), 6),
-      PageUp: () => addMonths(day, event.shiftKey ? -12 : -1),
-      PageDown: () => addMonths(day, event.shiftKey ? 12 : 1)
-    };
-    const to = map[event.key]?.();
-    if (!to) return;
-    event.preventDefault();
-    if (!event.key.startsWith("Page") && inRange(to)) {
-      focusDay = to;
-      grid.querySelectorAll("[data-mk-day]").forEach((b) => b.tabIndex = b.dataset.mkDay === dayKey(to) ? 0 : -1);
-      focusButton()?.focus();
-    } else navigate(to, true);
-  });
-  const setView = (next) => {
-    if (scope.disposed || next !== "month" && next !== "week" || next === view) return;
-    view = next;
-    date = focusDay;
-    render(0);
-    const r = range();
-    options.onNavigate?.(r);
-    root.dispatchEvent(new CustomEvent("mk:navigate", { bubbles: true, detail: r }));
-  };
-  render(0);
-  return {
-    next: () => navigate(view === "week" ? addDays(date, 7) : addMonths(date, 1)),
-    prev: () => navigate(view === "week" ? addDays(date, -7) : addMonths(date, -1)),
-    goToday: () => navigate(today()),
-    setDate: (value) => navigate(toDate(value, date)),
-    setView,
-    setEvents(list2) {
-      if (scope.disposed) return;
-      const hadFocus = grid.contains(document.activeElement);
-      index(fromJson(list2) ?? []);
-      const fresh = body();
-      current2?.replaceWith(fresh);
-      current2 = fresh;
-      if (hadFocus) focusButton()?.focus();
-    },
-    select,
-    get date() {
-      return date;
-    },
-    get view() {
-      return view;
-    },
-    get selected() {
-      return selected;
-    },
-    get range() {
-      return range();
-    },
-    destroy: () => scope.dispose()
-  };
-}
-
-// src/components/slot-picker/engine.ts
-var SLIDE2 = 30;
-var SLIDE_DURATION2 = 0.25;
-var slotEaseReady = false;
-function createSlotPicker(root, options = {}) {
-  const daysHost = root?.querySelector("[data-mk-slot-days]");
-  const timesHost = root?.querySelector("[data-mk-slot-times]");
-  if (!root || !daysHost || !timesHost) {
-    return inert({ selectDate() {
-    }, selectTime() {
-    }, setSlots() {
-    }, date: null, time: null, value: null });
-  }
-  registerMotion();
-  if (!slotEaseReady && typeof window !== "undefined") {
-    CustomEase.create("mk-slot-in", ".38,.49,0,1.1");
-    slotEaseReady = true;
-  }
-  const scope = createScope();
-  const ctx = gsap.context(() => {
-  });
-  scope.add(() => ctx.revert());
-  const locale = options.locale ?? "es";
-  const firstDay = clampFirstDay(options.firstDay);
-  const labels = {
-    placeholder: options.labels?.placeholder ?? "Elige un d\xEDa para ver los horarios.",
-    empty: options.labels?.empty ?? "No hay horarios este d\xEDa.",
-    loading: options.labels?.loading ?? "Cargando horarios\u2026",
-    heading: options.labels?.heading ?? ((d) => capitalize(safeFormat(locale, { weekday: "long", day: "numeric", month: "long" }).format(d)))
-  };
-  const min = options.min !== void 0 ? toDate(options.min) : null;
-  const max = options.max !== void 0 ? toDate(options.max) : null;
-  const closedList = fromJson(options.closedDays);
-  const closed = new Set((Array.isArray(closedList) ? closedList : []).filter((n) => Number.isInteger(n)));
-  let slots = fromJson(options.slots) ?? [];
-  const initial = (() => {
-    const v = options.value;
-    if (typeof v === "string") {
-      const match = /^(\d{4}-\d{2}-\d{2})(?:T(\d{1,2}:\d{2}))?/.exec(v);
-      return match ? { date: toDate(match[1]), time: match[2] ?? null } : null;
-    }
-    return v ? { date: toDate(v.date), time: v.time ?? null } : null;
-  })();
-  let month = initial?.date ?? toDate(options.date);
-  let date = initial?.date ?? (options.date !== void 0 ? toDate(options.date) : null);
-  let time2 = initial?.time ?? null;
-  let focusDay = date ?? month;
-  let times = [];
-  let request = 0;
-  const title = root.querySelector("[data-mk-slot-title]");
-  const heading = root.querySelector("[data-mk-slot-heading]");
-  const prev = root.querySelector("[data-mk-slot-prev]");
-  const next = root.querySelector("[data-mk-slot-next]");
-  const output = root.querySelector("[data-mk-slot-value]");
-  const originals = [daysHost, timesHost, title, heading].filter(Boolean).map((el) => [el, [...el.childNodes]]);
-  scope.add(() => originals.forEach(([el, nodes]) => el.replaceChildren(...nodes)));
-  if (output) {
-    const before = output.value;
-    scope.add(() => {
-      output.value = before;
-    });
-  }
-  scope.attr(root, "data-mk-ready", "");
-  scope.attr(daysHost, "role", "grid");
-  scope.attr(timesHost, "role", "radiogroup");
-  if (heading) {
-    if (!heading.id) scope.attr(heading, "id", `mk-slot-${Math.random().toString(36).slice(2, 8)}`);
-    scope.attr(timesHost, "aria-labelledby", heading.id);
-  }
-  if (title) {
-    if (!title.id) scope.attr(title, "id", `mk-slot-month-${Math.random().toString(36).slice(2, 8)}`);
-    scope.attr(daysHost, "aria-labelledby", title.id);
-  }
-  const monthTitle = safeFormat(locale, { month: "long", year: "numeric" });
-  const fullDay = safeFormat(locale, { weekday: "long", day: "numeric", month: "long", year: "numeric" });
-  const disabled = (d) => min && d < min || max && d > max || closed.has(d.getDay()) || !!options.isDisabled?.(d);
-  let daysBody = null;
-  const leaving = /* @__PURE__ */ new Set();
-  scope.add(() => leaving.forEach((el) => el.remove()));
-  const buildDays = () => {
-    const wrap = document.createElement("div");
-    wrap.className = "mk-slot-picker__days";
-    wrap.setAttribute("role", "rowgroup");
-    const head = document.createElement("div");
-    head.className = "mk-slot-picker__weekdays";
-    head.setAttribute("role", "row");
-    for (const name of weekdayNames(locale, firstDay, "short")) {
-      const cell = document.createElement("span");
-      cell.setAttribute("role", "columnheader");
-      cell.textContent = name.slice(0, 2);
-      head.append(cell);
-    }
-    wrap.append(head);
-    const focusKey = dayKey(focusDay);
-    for (const week of monthWeeks(month, firstDay)) {
-      const row = document.createElement("div");
-      row.className = "mk-slot-picker__week";
-      row.setAttribute("role", "row");
-      for (const d of week) {
-        const cell = document.createElement("span");
-        cell.setAttribute("role", "gridcell");
-        if (!sameMonth(d, month)) {
-          row.append(cell);
-          continue;
-        }
-        const button = document.createElement("button");
-        button.type = "button";
-        button.className = "mk-slot-picker__day";
-        button.dataset.mkSlotDay = dayKey(d);
-        button.textContent = String(d.getDate());
-        button.tabIndex = dayKey(d) === focusKey ? 0 : -1;
-        button.setAttribute("aria-label", capitalize(fullDay.format(d)));
-        if (disabled(d)) button.disabled = true;
-        if (sameDay(d, /* @__PURE__ */ new Date())) button.setAttribute("aria-current", "date");
-        cell.setAttribute("aria-selected", String(sameDay(d, date)));
-        cell.append(button);
-        row.append(cell);
-      }
-      wrap.append(row);
-    }
-    return wrap;
-  };
-  const renderDays = (direction) => {
-    const fresh = buildDays();
-    if (title) title.textContent = capitalize(monthTitle.format(month));
-    if (prev) scope.attr(prev, "disabled", min && new Date(month.getFullYear(), month.getMonth(), 0) < min ? "" : null);
-    if (next) scope.attr(next, "disabled", max && new Date(month.getFullYear(), month.getMonth() + 1, 1) > max ? "" : null);
-    if (daysBody && direction && !reduced()) {
-      const old = daysBody;
-      old.style.top = `${old.offsetTop}px`;
-      old.classList.add("mk-slot-picker__leaving");
-      old.setAttribute("aria-hidden", "true");
-      leaving.add(old);
-      daysHost.append(fresh);
-      ctx.add(() => {
-        gsap.to(old, { x: -SLIDE2 * direction, opacity: 0, duration: SLIDE_DURATION2, ease: "power1.out", onComplete: () => {
-          old.remove();
-          leaving.delete(old);
-        } });
-        gsap.fromTo(fresh, { x: SLIDE2 * direction, opacity: 0 }, { x: 0, opacity: 1, duration: SLIDE_DURATION2, ease: "power1.out", clearProps: "transform,opacity" });
-      });
-    } else if (daysBody) daysBody.replaceWith(fresh);
-    else daysHost.replaceChildren(fresh);
-    daysBody = fresh;
-  };
-  const dayButton = (d) => daysHost.querySelector(`.mk-slot-picker__days:not(.mk-slot-picker__leaving) [data-mk-slot-day="${dayKey(d)}"]`);
-  const moveFocus = (to, focus) => {
-    focusDay = to;
-    if (!sameMonth(to, month)) {
-      const direction = to > month ? 1 : -1;
-      month = to;
-      renderDays(direction);
-    } else daysHost.querySelectorAll("[data-mk-slot-day]").forEach((b) => b.tabIndex = b.dataset.mkSlotDay === dayKey(to) ? 0 : -1);
-    if (focus) dayButton(to)?.focus();
-  };
-  let timesBody = null;
-  let firstList = true;
-  const buildTimes = (state) => {
-    const wrap = document.createElement("div");
-    wrap.className = "mk-slot-picker__list";
-    if (state !== "ready" || !times.length) {
-      const note = document.createElement("p");
-      note.className = "mk-slot-picker__note";
-      note.textContent = state === "placeholder" ? labels.placeholder : state === "loading" ? labels.loading : labels.empty;
-      wrap.append(note);
-      return wrap;
-    }
-    const focusTime = time2 && times.includes(time2) ? time2 : times[0];
-    for (const t of times) {
-      const button = document.createElement("button");
-      button.type = "button";
-      button.className = "mk-slot-picker__time";
-      button.setAttribute("role", "radio");
-      button.dataset.mkSlotTime = t;
-      button.textContent = t;
-      button.setAttribute("aria-checked", String(t === time2));
-      button.tabIndex = t === focusTime ? 0 : -1;
-      wrap.append(button);
-    }
-    return wrap;
-  };
-  const renderTimes = (state, direction) => {
-    const fresh = buildTimes(state);
-    scope.attr(timesHost, "aria-busy", state === "loading" ? "true" : null);
-    const motion = !reduced();
-    if (timesBody && direction && motion) {
-      const old = timesBody;
-      old.style.top = `${old.offsetTop}px`;
-      old.classList.add("mk-slot-picker__leaving");
-      old.setAttribute("aria-hidden", "true");
-      old.querySelectorAll("button").forEach((b) => b.tabIndex = -1);
-      leaving.add(old);
-      timesHost.append(fresh);
-      ctx.add(() => {
-        gsap.to(old, { x: -SLIDE2 * direction, opacity: 0, duration: SLIDE_DURATION2, ease: "power1.out", onComplete: () => {
-          old.remove();
-          leaving.delete(old);
-        } });
-        gsap.fromTo(fresh, { x: SLIDE2 * direction, opacity: 0 }, { x: 0, opacity: 1, duration: SLIDE_DURATION2, ease: "power1.out", clearProps: "transform,opacity" });
-      });
-    } else if (timesBody) timesBody.replaceWith(fresh);
-    else timesHost.replaceChildren(fresh);
-    timesBody = fresh;
-    if (state === "ready" && times.length && motion && firstList) {
-      firstList = false;
-      ctx.add(() => flowIn(fresh, { target: ".mk-slot-picker__time", style: 2, startScale: 0.7, blur: 32, duration: 0.3, stagger: 0.02, ease: "mk-slot-in" }));
-    }
-  };
-  const resolve = (d) => {
-    const source = slots;
-    if (Array.isArray(source)) return source;
-    if (typeof source === "function") return source(d);
-    return source?.[dayKey(d)] ?? [];
-  };
-  const clean = (list2) => Array.isArray(list2) ? [...new Set(list2.filter((t) => typeof t === "string" && /^\d{1,2}:\d{2}$/.test(t)))] : [];
-  const load = (direction) => {
-    if (!date) {
-      times = [];
-      renderTimes("placeholder", 0);
-      return;
-    }
-    const mine = ++request;
-    let result;
-    try {
-      result = resolve(date);
-    } catch {
-      result = [];
-    }
-    if (result && typeof result.then === "function") {
-      renderTimes("loading", direction);
-      result.then(
-        (list2) => {
-          if (mine === request && !scope.disposed) {
-            times = clean(list2);
-            renderTimes("ready", 0);
-          }
-        },
-        () => {
-          if (mine === request && !scope.disposed) {
-            times = [];
-            renderTimes("ready", 0);
-          }
-        }
-      );
-    } else {
-      times = clean(result);
-      if (time2 && !times.includes(time2)) time2 = null;
-      renderTimes("ready", direction);
-    }
-  };
-  const syncHeading = () => {
-    if (!heading) return;
-    if (date) {
-      heading.textContent = labels.heading(date);
-      if (!heading.hasAttribute("data-mk-shown")) scope.attr(heading, "data-mk-shown", "");
-    }
-  };
-  const emit = () => {
-    const key = date ? dayKey(date) : "";
-    const value = date && time2 ? `${key}T${time2}` : null;
-    if (output) {
-      output.value = value ?? "";
-      output.dispatchEvent(new Event("input", { bubbles: true }));
-      output.dispatchEvent(new Event("change", { bubbles: true }));
-    }
-    if (date && time2 && value) {
-      const detail = { date, time: time2, key, value };
-      options.onChange?.(detail);
-      root.dispatchEvent(new CustomEvent("mk:change", { bubbles: true, detail }));
-    }
-  };
-  const selectDate = (input, notify = true) => {
-    if (scope.disposed) return;
-    const d = toDate(input);
-    if (disabled(d)) return;
-    const direction = date ? Math.sign(d.getTime() - date.getTime()) : 0;
-    if (sameDay(d, date)) return;
-    date = d;
-    time2 = null;
-    focusDay = d;
-    if (!sameMonth(d, month)) {
-      const dir = d > month ? 1 : -1;
-      month = d;
-      renderDays(dir);
-    }
-    daysHost.querySelectorAll('[role="gridcell"]').forEach((cell) => {
-      const b = cell.querySelector("[data-mk-slot-day]");
-      if (b) {
-        cell.setAttribute("aria-selected", String(b.dataset.mkSlotDay === dayKey(d)));
-        b.tabIndex = b.dataset.mkSlotDay === dayKey(d) ? 0 : -1;
-      }
-    });
-    syncHeading();
-    load(direction);
-    if (notify) {
-      options.onDateChange?.(d);
-      emit();
-    }
-  };
-  const selectTime = (t, notify = true) => {
-    if (scope.disposed || !date) return;
-    if (t !== null && !times.includes(t)) return;
-    time2 = t;
-    timesHost.querySelectorAll("[data-mk-slot-time]").forEach((b) => {
-      b.setAttribute("aria-checked", String(b.dataset.mkSlotTime === t));
-      b.tabIndex = (t ? b.dataset.mkSlotTime === t : b === timesHost.querySelector("[data-mk-slot-time]")) ? 0 : -1;
-    });
-    if (notify) emit();
-  };
-  scope.on(root, "click", (e) => {
-    const target = e.target.closest("button");
-    if (!target || target.disabled || !root.contains(target)) return;
-    if (target === prev) moveFocus(addMonths(month, -1), false);
-    else if (target === next) moveFocus(addMonths(month, 1), false);
-    else if (target.dataset.mkSlotDay) selectDate(target.dataset.mkSlotDay);
-    else if (target.dataset.mkSlotTime) selectTime(target.dataset.mkSlotTime);
-  });
-  scope.on(daysHost, "keydown", (e) => {
-    const event = e;
-    const key = event.target.dataset?.mkSlotDay;
-    if (!key) return;
-    const d = toDate(key);
-    const to = {
-      ArrowLeft: () => addDays(d, -1),
-      ArrowRight: () => addDays(d, 1),
-      ArrowUp: () => addDays(d, -7),
-      ArrowDown: () => addDays(d, 7),
-      Home: () => startOfWeek(d, firstDay),
-      End: () => addDays(startOfWeek(d, firstDay), 6),
-      PageUp: () => addMonths(d, -1),
-      PageDown: () => addMonths(d, 1)
-    }[event.key]?.();
-    if (!to) return;
-    event.preventDefault();
-    moveFocus(to, true);
-  });
-  scope.on(timesHost, "keydown", (e) => {
-    const event = e;
-    const current2 = event.target.dataset?.mkSlotTime;
-    if (!current2) return;
-    const i = times.indexOf(current2);
-    const to = { ArrowRight: i + 1, ArrowDown: i + 1, ArrowLeft: i - 1, ArrowUp: i - 1, Home: 0, End: times.length - 1 }[event.key];
-    if (to === void 0) return;
-    event.preventDefault();
-    const t = times[(to + times.length) % times.length];
-    selectTime(t);
-    timesHost.querySelector(`[data-mk-slot-time="${t}"]`)?.focus();
-  });
-  renderDays(0);
-  if (date) {
-    syncHeading();
-    load(0);
-    if (time2 && !times.includes(time2)) time2 = null;
-  } else renderTimes("placeholder", 0);
-  return {
-    selectDate: (d) => selectDate(d),
-    selectTime: (t) => selectTime(t),
-    setSlots(source) {
-      if (scope.disposed) return;
-      slots = fromJson(source) ?? [];
-      load(0);
-    },
-    get date() {
-      return date;
-    },
-    get time() {
-      return time2;
-    },
-    get value() {
-      return date && time2 ? `${dayKey(date)}T${time2}` : null;
-    },
-    destroy: () => scope.dispose()
-  };
-}
-
-export {
-  PATHS,
-  springPath,
-  SIGNATURE_LINEAR,
-  gsap,
-  ScrollTrigger,
-  SplitText,
-  CustomEase,
-  Flip,
-  ELASTIC,
-  EASE,
-  registerMotion,
-  easeOut,
-  easeOutCubic,
-  easeInCubic,
-  bezier,
-  spring,
-  eased,
-  createChannelState,
-  stepChannel,
-  channels,
-  springEase,
-  splitWords,
-  splitGraphemes,
-  requestFrame,
-  nextFrame,
-  clearStyles,
-  MORPH_STYLES,
-  motionSpring,
-  springDuration,
-  springLinear,
-  flowIn,
-  flowOut,
-  stepChange,
-  flowInMenu,
-  flowInPalette,
-  flowInForm,
-  flowInLanding,
-  flowInContent,
-  pointer,
-  bindPointer,
-  takeMovement,
-  revealFrom,
-  tweenNumber,
-  countTo,
-  revealCounter,
-  anchorSurface,
-  clearAnchor,
-  attachDragDismiss,
-  floatingAvailable,
-  clampRect,
-  savedFloat,
-  forgetFloat,
-  liftWindow,
-  dockWindow,
-  attachFloating,
-  transparentColor,
-  openModal,
-  closeModal,
-  fadeBackdrop,
-  backdropVeil,
-  ghostOf,
-  liquidOpen,
-  liquidClose,
-  isMorphing,
-  stopMorph,
-  showOrigin,
-  releaseShared,
-  shareInto,
-  shareBack,
-  morphOpen,
-  morphClose,
-  morphCloseWithGhost,
-  sheetOpen,
-  sheetClose,
-  pushUnderlay,
-  releaseUnderlay,
-  createDialog,
-  createMenu,
-  createQuantity,
-  createPagination,
-  createHoverCard,
-  createInputOtp,
-  createStudioDock,
-  createTrailer,
-  toDate,
-  dayKey,
-  createCalendar,
-  createSlotPicker
-};
-//# sourceMappingURL=chunk-TFNRIZHU.js.map