@zyncat/ui 0.11.0 → 0.12.0

package/dist/motion-devtools.css

@@ -1,4 +1,7 @@
-/* MotionDevtools - a floating dev overlay, styled on-brand with the design system's own
+@layer zyncat.tokens, zyncat.components;
+
+@layer zyncat.components {
+  /* MotionDevtools - a floating dev overlay, styled on-brand with the design system's own
    surface tokens so the <Button>/<Checkbox>/<Collapse> it dogfoods render natively.
 
    Collapsed it's a small pill (gauge + current factor); opening morphs it into the full panel.
@@ -12,254 +15,255 @@
    A motion debugger must stay crisp while the app runs in slow-mo. Token fallbacks keep it
    legible if dropped in without the base layer. */
 
-.mdt {
-  /* immune to the global slow-mo the engine applies to --duration-* */
-  --duration-fast: 140ms;
-  --duration-base: 200ms;
-  --duration-slow: 300ms;
-  --duration-slower: 450ms;
-  --duration-slowest: 900ms;
-  --duration-spin: 600ms;
-  --duration-pulse: 1600ms;
+  .mdt {
+    /* immune to the global slow-mo the engine applies to --duration-* */
+    --duration-fast: 140ms;
+    --duration-base: 200ms;
+    --duration-slow: 300ms;
+    --duration-slower: 450ms;
+    --duration-slowest: 900ms;
+    --duration-spin: 600ms;
+    --duration-pulse: 1600ms;
 
-  --mdt-offset: 16px;
-  --mdt-surface: color-mix(in oklab, var(--bg-surface, #fff) 88%, transparent);
+    --mdt-offset: 16px;
+    --mdt-surface: color-mix(in oklab, var(--bg-surface, #fff) 88%, transparent);
 
-  position: fixed;
-  z-index: 2147483000; /* above every app layer, including tooltips */
-  display: flex;
-  color: var(--text-body, oklch(0.35 0.01 264));
-  font-family: var(--font-sans, ui-sans-serif, system-ui, sans-serif);
-  -webkit-font-smoothing: antialiased;
-}
+    position: fixed;
+    z-index: 2147483000; /* above every app layer, including tooltips */
+    display: flex;
+    color: var(--text-body, oklch(0.35 0.01 264));
+    font-family: var(--font-sans, ui-sans-serif, system-ui, sans-serif);
+    -webkit-font-smoothing: antialiased;
+  }
 
-.mdt--top-left {
-  top: var(--mdt-offset);
-  left: var(--mdt-offset);
-}
-.mdt--top-right {
-  top: var(--mdt-offset);
-  right: var(--mdt-offset);
-}
-.mdt--bottom-left {
-  bottom: var(--mdt-offset);
-  left: var(--mdt-offset);
-}
-.mdt--bottom-right {
-  bottom: var(--mdt-offset);
-  right: var(--mdt-offset);
-}
+  .mdt--top-left {
+    top: var(--mdt-offset);
+    left: var(--mdt-offset);
+  }
+  .mdt--top-right {
+    top: var(--mdt-offset);
+    right: var(--mdt-offset);
+  }
+  .mdt--bottom-left {
+    bottom: var(--mdt-offset);
+    left: var(--mdt-offset);
+  }
+  .mdt--bottom-right {
+    bottom: var(--mdt-offset);
+    right: var(--mdt-offset);
+  }
 
-/* ---------- card (pill when collapsed, panel when open) ---------- */
+  /* ---------- card (pill when collapsed, panel when open) ---------- */
 
-.mdt__panel {
-  box-sizing: border-box;
-  /* Compact pill when collapsed; eases to the full panel width in step with the <Collapse>
+  .mdt__panel {
+    box-sizing: border-box;
+    /* Compact pill when collapsed; eases to the full panel width in step with the <Collapse>
      body height below, so the whole thing morphs open and never teleports. */
-  width: 128px;
-  padding: 5px;
-  border: 1px solid var(--border-subtle, oklch(0.92 0.004 264));
-  border-radius: var(--radius-xl, 0.75rem);
-  background: var(--mdt-surface);
-  backdrop-filter: blur(16px) saturate(1.6);
-  -webkit-backdrop-filter: blur(16px) saturate(1.6);
-  box-shadow: var(--shadow-lg, 0 12px 28px oklch(0 0 0 / 0.1));
-  animation: mdt-in var(--duration-base) var(--ease-entrance, ease);
-  transition:
-    width var(--duration-slow) var(--ease-entrance, ease),
-    box-shadow var(--duration-slow) var(--ease-entrance, ease);
-}
-.mdt__panel.is-open {
-  width: 232px;
-  box-shadow: var(--shadow-xl, 0 24px 48px oklch(0 0 0 / 0.16));
-}
+    width: 128px;
+    padding: 5px;
+    border: 1px solid var(--border-subtle, oklch(0.92 0.004 264));
+    border-radius: var(--radius-xl, 0.75rem);
+    background: var(--mdt-surface);
+    backdrop-filter: blur(16px) saturate(1.6);
+    -webkit-backdrop-filter: blur(16px) saturate(1.6);
+    box-shadow: var(--shadow-lg, 0 12px 28px oklch(0 0 0 / 0.1));
+    animation: mdt-in var(--duration-base) var(--ease-entrance, ease);
+    transition:
+      width var(--duration-slow) var(--ease-entrance, ease),
+      box-shadow var(--duration-slow) var(--ease-entrance, ease);
+  }
+  .mdt__panel.is-open {
+    width: 232px;
+    box-shadow: var(--shadow-xl, 0 24px 48px oklch(0 0 0 / 0.16));
+  }
 
-@keyframes mdt-in {
-  from {
-    opacity: 0;
-    transform: translateY(6px) scale(0.985);
+  @keyframes mdt-in {
+    from {
+      opacity: 0;
+      transform: translateY(6px) scale(0.985);
+    }
   }
-}
 
-/* ---------- pill / header (the toggle) ---------- */
+  /* ---------- pill / header (the toggle) ---------- */
 
-.mdt__head {
-  appearance: none;
-  width: 100%;
-  display: flex;
-  align-items: center;
-  gap: 0.5rem;
-  padding: 0.3125rem 0.4375rem;
-  border: 0;
-  border-radius: var(--radius-md, 0.375rem);
-  background: transparent;
-  color: inherit;
-  font: inherit;
-  text-align: left;
-  cursor: pointer;
-  transition: background var(--duration-fast) var(--ease-standard, ease);
-}
-.mdt__head:hover {
-  background: var(--neutral-wash, oklch(0.5 0.01 264 / 0.07));
-}
-.mdt__head:focus-visible {
-  outline: none;
-  box-shadow: var(--ring-accent, 0 0 0 3px oklch(0.7 0.12 185 / 0.35));
-}
+  .mdt__head {
+    appearance: none;
+    width: 100%;
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+    padding: 0.3125rem 0.4375rem;
+    border: 0;
+    border-radius: var(--radius-md, 0.375rem);
+    background: transparent;
+    color: inherit;
+    font: inherit;
+    text-align: left;
+    cursor: pointer;
+    transition: background var(--duration-fast) var(--ease-standard, ease);
+  }
+  .mdt__head:hover {
+    background: var(--neutral-wash, oklch(0.5 0.01 264 / 0.07));
+  }
+  .mdt__head:focus-visible {
+    outline: none;
+    box-shadow: var(--ring-accent, 0 0 0 3px oklch(0.7 0.12 185 / 0.35));
+  }
 
-.mdt__glyph {
-  color: var(--text-subtle, oklch(0.6 0.01 264));
-  flex: none;
-  display: block;
-}
-.mdt--active .mdt__glyph {
-  color: var(--accent, oklch(0.62 0.12 185));
-}
-.mdt--paused .mdt__glyph {
-  color: var(--warning, oklch(0.72 0.13 75));
-}
-.mdt__spacer {
-  flex: 1;
-}
-.mdt__badge {
-  font-size: 0.75rem;
-  font-weight: 650;
-  font-variant-numeric: tabular-nums;
-  line-height: 1;
-  padding: 0.1875rem 0.4375rem;
-  border-radius: var(--radius-full, 999px);
-  color: var(--text-muted, oklch(0.55 0.01 264));
-  background: var(--neutral-wash, oklch(0.5 0.01 264 / 0.08));
-  white-space: nowrap;
-}
-.mdt--active .mdt__badge {
-  color: var(--text-on-accent, #fff);
-  background: var(--accent, oklch(0.62 0.12 185));
-}
-.mdt--paused .mdt__badge {
-  color: var(--text-on-accent, #fff);
-  background: var(--warning, oklch(0.72 0.13 75));
-}
-.mdt__chevron {
-  color: var(--text-subtle, oklch(0.6 0.01 264));
-  flex: none;
-  transition: transform var(--duration-base) var(--ease-standard, ease);
-}
-.mdt__chevron--open {
-  transform: rotate(180deg);
-}
+  .mdt__glyph {
+    color: var(--text-subtle, oklch(0.6 0.01 264));
+    flex: none;
+    display: block;
+  }
+  .mdt--active .mdt__glyph {
+    color: var(--accent, oklch(0.62 0.12 185));
+  }
+  .mdt--paused .mdt__glyph {
+    color: var(--warning, oklch(0.72 0.13 75));
+  }
+  .mdt__spacer {
+    flex: 1;
+  }
+  .mdt__badge {
+    font-size: 0.75rem;
+    font-weight: 650;
+    font-variant-numeric: tabular-nums;
+    line-height: 1;
+    padding: 0.1875rem 0.4375rem;
+    border-radius: var(--radius-full, 999px);
+    color: var(--text-muted, oklch(0.55 0.01 264));
+    background: var(--neutral-wash, oklch(0.5 0.01 264 / 0.08));
+    white-space: nowrap;
+  }
+  .mdt--active .mdt__badge {
+    color: var(--text-on-accent, #fff);
+    background: var(--accent, oklch(0.62 0.12 185));
+  }
+  .mdt--paused .mdt__badge {
+    color: var(--text-on-accent, #fff);
+    background: var(--warning, oklch(0.72 0.13 75));
+  }
+  .mdt__chevron {
+    color: var(--text-subtle, oklch(0.6 0.01 264));
+    flex: none;
+    transition: transform var(--duration-base) var(--ease-standard, ease);
+  }
+  .mdt__chevron--open {
+    transform: rotate(180deg);
+  }
 
-/* ---------- body (inside <Collapse>) ---------- */
+  /* ---------- body (inside <Collapse>) ---------- */
 
-.mdt__body {
-  box-sizing: border-box;
-  /* Hold a stable layout width so controls don't reflow as the card animates open; the
+  .mdt__body {
+    box-sizing: border-box;
+    /* Hold a stable layout width so controls don't reflow as the card animates open; the
      collapsed pill is narrower, so this overflows and is clipped by <Collapse>'s overflow. */
-  width: 100%;
-  min-width: 208px;
-  display: flex;
-  flex-direction: column;
-  gap: 0.8125rem;
-  padding: 0.625rem 0.375rem 0.375rem;
-}
+    width: 100%;
+    min-width: 208px;
+    display: flex;
+    flex-direction: column;
+    gap: 0.8125rem;
+    padding: 0.625rem 0.375rem 0.375rem;
+  }
 
-.mdt__title {
-  font-size: 0.6875rem;
-  font-weight: 650;
-  letter-spacing: 0.06em;
-  text-transform: uppercase;
-  color: var(--text-subtle, oklch(0.6 0.01 264));
-}
-.mdt__readout {
-  display: flex;
-  align-items: baseline;
-  gap: 0.375rem;
-  margin-top: -0.375rem;
-}
-.mdt__value {
-  font-size: 1.5rem;
-  font-weight: 700;
-  font-variant-numeric: tabular-nums;
-  line-height: 1;
-  color: var(--text-strong, oklch(0.25 0.01 264));
-}
-.mdt__unit {
-  font-size: 0.75rem;
-  color: var(--text-muted, oklch(0.55 0.01 264));
-  font-weight: 500;
-}
+  .mdt__title {
+    font-size: 0.6875rem;
+    font-weight: 650;
+    letter-spacing: 0.06em;
+    text-transform: uppercase;
+    color: var(--text-subtle, oklch(0.6 0.01 264));
+  }
+  .mdt__readout {
+    display: flex;
+    align-items: baseline;
+    gap: 0.375rem;
+    margin-top: -0.375rem;
+  }
+  .mdt__value {
+    font-size: 1.5rem;
+    font-weight: 700;
+    font-variant-numeric: tabular-nums;
+    line-height: 1;
+    color: var(--text-strong, oklch(0.25 0.01 264));
+  }
+  .mdt__unit {
+    font-size: 0.75rem;
+    color: var(--text-muted, oklch(0.55 0.01 264));
+    font-weight: 500;
+  }
 
-.mdt__slider {
-  -webkit-appearance: none;
-  appearance: none;
-  width: 100%;
-  height: 4px;
-  border-radius: 999px;
-  background: linear-gradient(
-    to right,
-    var(--accent, oklch(0.62 0.12 185)) 0%,
-    var(--accent, oklch(0.62 0.12 185)) var(--mdt-fill, 0%),
-    var(--bg-muted, oklch(0.93 0.004 264)) var(--mdt-fill, 0%)
-  );
-  cursor: pointer;
-  margin: 0;
-}
-.mdt__slider::-webkit-slider-thumb {
-  -webkit-appearance: none;
-  appearance: none;
-  width: 16px;
-  height: 16px;
-  border-radius: 50%;
-  background: var(--bg-surface, #fff);
-  border: 2px solid var(--accent, oklch(0.62 0.12 185));
-  box-shadow: var(--shadow-sm, 0 1px 2px oklch(0 0 0 / 0.15));
-}
-.mdt__slider::-moz-range-thumb {
-  width: 16px;
-  height: 16px;
-  border-radius: 50%;
-  background: var(--bg-surface, #fff);
-  border: 2px solid var(--accent, oklch(0.62 0.12 185));
-  box-shadow: var(--shadow-sm, 0 1px 2px oklch(0 0 0 / 0.15));
-}
-.mdt__slider:focus-visible {
-  outline: none;
-}
-.mdt__slider:focus-visible::-webkit-slider-thumb {
-  box-shadow: var(--ring-accent, 0 0 0 3px oklch(0.7 0.12 185 / 0.35));
-}
-.mdt__slider:focus-visible::-moz-range-thumb {
-  box-shadow: var(--ring-accent, 0 0 0 3px oklch(0.7 0.12 185 / 0.35));
-}
+  .mdt__slider {
+    -webkit-appearance: none;
+    appearance: none;
+    width: 100%;
+    height: 4px;
+    border-radius: 999px;
+    background: linear-gradient(
+      to right,
+      var(--accent, oklch(0.62 0.12 185)) 0%,
+      var(--accent, oklch(0.62 0.12 185)) var(--mdt-fill, 0%),
+      var(--bg-muted, oklch(0.93 0.004 264)) var(--mdt-fill, 0%)
+    );
+    cursor: pointer;
+    margin: 0;
+  }
+  .mdt__slider::-webkit-slider-thumb {
+    -webkit-appearance: none;
+    appearance: none;
+    width: 16px;
+    height: 16px;
+    border-radius: 50%;
+    background: var(--bg-surface, #fff);
+    border: 2px solid var(--accent, oklch(0.62 0.12 185));
+    box-shadow: var(--shadow-sm, 0 1px 2px oklch(0 0 0 / 0.15));
+  }
+  .mdt__slider::-moz-range-thumb {
+    width: 16px;
+    height: 16px;
+    border-radius: 50%;
+    background: var(--bg-surface, #fff);
+    border: 2px solid var(--accent, oklch(0.62 0.12 185));
+    box-shadow: var(--shadow-sm, 0 1px 2px oklch(0 0 0 / 0.15));
+  }
+  .mdt__slider:focus-visible {
+    outline: none;
+  }
+  .mdt__slider:focus-visible::-webkit-slider-thumb {
+    box-shadow: var(--ring-accent, 0 0 0 3px oklch(0.7 0.12 185 / 0.35));
+  }
+  .mdt__slider:focus-visible::-moz-range-thumb {
+    box-shadow: var(--ring-accent, 0 0 0 3px oklch(0.7 0.12 185 / 0.35));
+  }
 
-/* preset chip grid + action row - children are DS <Button>s */
-.mdt__chips {
-  display: grid;
-  grid-template-columns: repeat(5, 1fr);
-  gap: 0.25rem;
-}
-.mdt__chips .btn {
-  padding-inline: 0;
-  min-width: 0;
-}
-.mdt__row {
-  display: flex;
-  gap: 0.375rem;
-}
-.mdt__row .btn {
-  flex: 1;
-}
+  /* preset chip grid + action row - children are DS <Button>s */
+  .mdt__chips {
+    display: grid;
+    grid-template-columns: repeat(5, 1fr);
+    gap: 0.25rem;
+  }
+  .mdt__chips .btn {
+    padding-inline: 0;
+    min-width: 0;
+  }
+  .mdt__row {
+    display: flex;
+    gap: 0.375rem;
+  }
+  .mdt__row .btn {
+    flex: 1;
+  }
 
-.mdt__opt {
-  border-top: 1px solid var(--border-subtle, oklch(0.92 0.004 264));
-  padding-top: 0.75rem;
-  display: flex;
-  flex-direction: column;
-  gap: 0.5rem;
-}
-.mdt__hint {
-  font-size: 0.6875rem;
-  line-height: 1.45;
-  color: var(--text-subtle, oklch(0.6 0.01 264));
-  margin: 0;
+  .mdt__opt {
+    border-top: 1px solid var(--border-subtle, oklch(0.92 0.004 264));
+    padding-top: 0.75rem;
+    display: flex;
+    flex-direction: column;
+    gap: 0.5rem;
+  }
+  .mdt__hint {
+    font-size: 0.6875rem;
+    line-height: 1.45;
+    color: var(--text-subtle, oklch(0.6 0.01 264));
+    margin: 0;
+  }
 }

package/dist/motion-devtools.js

@@ -1,9 +1,10 @@
-'use client';import { clock } from './chunk-YGCVWGUG.js';
-import { Button } from './chunk-2F5PITAO.js';
-import { Checkbox } from './chunk-QDK66S4G.js';
-import './chunk-NNXJCLTV.js';
-import { Collapse } from './chunk-7SZCJ7WI.js';
-import './chunk-VTJTGVZZ.js';
+'use client';import { clock } from './chunk-IJS7TPGV.js';
+import './chunk-7IZJERGA.js';
+import { Button } from './chunk-HY5MPISE.js';
+import { Checkbox } from './chunk-I45AU6KH.js';
+import './chunk-RJFGWJ4W.js';
+import { Collapse } from './chunk-45R4Z5XN.js';
+import './chunk-DMX2F6B4.js';
 import { cx } from './chunk-QGNC7LH5.js';
 import './motion-devtools.css';
 import { useState, useEffect } from 'react';

package/dist/motion-devtools.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/dev/slowmo-engine.ts","../src/components/dev/MotionDevtools.tsx"],"names":["active"],"mappings":"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","file":"motion-devtools.js","sourcesContent":["import { clock } from '../../engine';\n\nexport interface SlowmoState {\n  /** 1 = real time. >1 = that many times slower (4 = quarter speed). */\n  factor: number;\n  /** Freeze motion in place - useful for inspecting a transition mid-flight. */\n  paused: boolean;\n}\n\nexport interface SlowmoOptions {\n  /** Also scale setTimeout/setInterval so duration-coupled JS cleanups don't truncate\n   *  slowed CSS. Turn off if stretched app timers get in your way. @default true */\n  scaleTimers: boolean;\n}\n\nconst CANONICAL: Record<string, number> = {\n  '--duration-fast': 140,\n  '--duration-base': 200,\n  '--duration-slow': 300,\n  '--duration-slower': 450,\n  '--duration-slowest': 900,\n  '--duration-spin': 600,\n  '--duration-pulse': 1600,\n};\nconst DURATION_TOKENS = Object.keys(CANONICAL);\nconst COLLAPSED_MS = 4;\nconst FROZEN_MS = 600_000;\nconst MAX_TIMER_DELAY = 2 ** 30;\n\nconst clamp = (min: number, max: number, v: number) => (v < min ? min : v > max ? max : v);\nconst hasDOM = typeof document !== 'undefined' && typeof window !== 'undefined';\n\nconst state: SlowmoState = { factor: 1, paused: false };\nconst options: SlowmoOptions = { scaleTimers: true };\nconst listeners = new Set<(s: SlowmoState) => void>();\n\nlet active = false;\nlet baseMs: Record<string, number> = {};\n\ntype SetTimer = (handler: TimerHandler, timeout?: number, ...args: unknown[]) => number;\nlet origSetTimeout: SetTimer | null = null;\nlet origSetInterval: SetTimer | null = null;\n\ntype AnimateFn = (this: Element, ...args: unknown[]) => Animation;\nlet origAnimate: AnimateFn | null = null;\nconst trackedRates = new Map<Animation, number>();\n\nfunction readBaseMs(token: string): number {\n  const raw = getComputedStyle(document.documentElement).getPropertyValue(token).trim();\n  const n = raw.endsWith('ms') ? parseFloat(raw) : raw.endsWith('s') ? parseFloat(raw) * 1000 : parseFloat(raw);\n  if (isNaN(n) || n <= COLLAPSED_MS) return CANONICAL[token];\n  return n;\n}\n\nfunction applyCssTokens() {\n  const root = document.documentElement.style;\n  for (const token of DURATION_TOKENS) {\n    const ms = state.paused ? FROZEN_MS : baseMs[token] * state.factor;\n    root.setProperty(token, `${ms}ms`);\n  }\n}\n\nfunction clearCssTokens() {\n  const root = document.documentElement.style;\n  for (const token of DURATION_TOKENS) root.removeProperty(token);\n}\n\nfunction scaleDelay(delay?: number): number | undefined {\n  if (typeof delay !== 'number' || !isFinite(delay)) return delay;\n  return Math.min(delay * state.factor, MAX_TIMER_DELAY);\n}\n\nfunction patchTimers() {\n  if (origSetTimeout) return;\n  origSetTimeout = window.setTimeout as unknown as SetTimer;\n  origSetInterval = window.setInterval as unknown as SetTimer;\n  const nativeTimeout = origSetTimeout.bind(window);\n  const nativeInterval = origSetInterval.bind(window);\n  window.setTimeout = ((h: TimerHandler, t?: number, ...a: unknown[]) =>\n    nativeTimeout(h, scaleDelay(t), ...a)) as typeof window.setTimeout;\n  window.setInterval = ((h: TimerHandler, t?: number, ...a: unknown[]) =>\n    nativeInterval(h, scaleDelay(t), ...a)) as typeof window.setInterval;\n}\n\nfunction restoreTimers() {\n  if (origSetTimeout) window.setTimeout = origSetTimeout as typeof window.setTimeout;\n  if (origSetInterval) window.setInterval = origSetInterval as typeof window.setInterval;\n  origSetTimeout = origSetInterval = null;\n}\n\nfunction liveRate(): number {\n  return state.paused ? 0 : 1 / state.factor;\n}\n\nfunction track(anim: Animation, original: number) {\n  if (trackedRates.has(anim)) return;\n  trackedRates.set(anim, original);\n  const forget = () => trackedRates.delete(anim);\n  anim.finished.then(forget).catch(forget);\n}\n\nfunction patchAnimate() {\n  if (origAnimate) return;\n  origAnimate = Element.prototype.animate as unknown as AnimateFn;\n  const original = origAnimate;\n  Element.prototype.animate = function (this: Element, ...args: unknown[]): Animation {\n    const anim = original.apply(this, args);\n    try {\n      track(anim, anim.playbackRate);\n      anim.playbackRate = liveRate();\n    } catch {}\n    return anim;\n  } as typeof Element.prototype.animate;\n}\n\nfunction restoreAnimate() {\n  if (origAnimate) Element.prototype.animate = origAnimate as typeof Element.prototype.animate;\n  origAnimate = null;\n}\n\nfunction sweepExisting() {\n  const rate = liveRate();\n  for (const anim of document.getAnimations()) {\n    try {\n      track(anim, anim.playbackRate);\n      anim.playbackRate = rate;\n    } catch {}\n  }\n}\n\nfunction applyTrackedRates() {\n  const rate = liveRate();\n  for (const anim of trackedRates.keys()) {\n    try {\n      anim.playbackRate = rate;\n    } catch {}\n  }\n}\n\nfunction restoreTrackedRates() {\n  for (const [anim, original] of trackedRates) {\n    try {\n      anim.playbackRate = original;\n    } catch {}\n  }\n  trackedRates.clear();\n}\n\nfunction applyEngineClock() {\n  clock.scale = state.paused ? Infinity : state.factor;\n}\n\nfunction install() {\n  active = true;\n  baseMs = {};\n  for (const token of DURATION_TOKENS) baseMs[token] = readBaseMs(token);\n  applyCssTokens();\n  applyEngineClock();\n  if (options.scaleTimers) patchTimers();\n  patchAnimate();\n  sweepExisting();\n}\n\nfunction reconfigure() {\n  applyCssTokens();\n  applyEngineClock();\n  applyTrackedRates();\n}\n\nfunction uninstall() {\n  active = false;\n  clearCssTokens();\n  clock.scale = 1;\n  restoreTimers();\n  restoreAnimate();\n  restoreTrackedRates();\n}\n\nfunction notify() {\n  const snapshot = { ...state };\n  for (const cb of listeners) cb(snapshot);\n}\n\nexport function shouldBeActive(factor: number, paused: boolean): boolean {\n  return factor > 1 || paused;\n}\n\n/** Imperative control surface - drive slow-mo from a console, a hotkey, or the panel.\n *  Safe to call during SSR (no-ops the DOM work, still tracks state for hydration). */\nexport const motionSlowmo = {\n  /** Current state (a copy). */\n  get(): SlowmoState {\n    return { ...state };\n  },\n\n  /** Merge a partial state. factor is clamped to [1, 64]. */\n  set(patch: Partial<SlowmoState>): void {\n    if (typeof patch.factor === 'number') state.factor = clamp(1, 64, patch.factor);\n    if (typeof patch.paused === 'boolean') state.paused = patch.paused;\n\n    if (hasDOM) {\n      const wantActive = shouldBeActive(state.factor, state.paused);\n      if (!active && wantActive) install();\n      else if (active && !wantActive) uninstall();\n      else if (active) reconfigure();\n    }\n    notify();\n  },\n\n  /** Tune engine behaviour (e.g. stop scaling timers). Applies immediately if active. */\n  configure(patch: Partial<SlowmoOptions>): void {\n    if (typeof patch.scaleTimers === 'boolean' && patch.scaleTimers !== options.scaleTimers) {\n      options.scaleTimers = patch.scaleTimers;\n      if (active) options.scaleTimers ? patchTimers() : restoreTimers();\n    }\n  },\n\n  /** Convenience: back to real time and unpaused. */\n  reset(): void {\n    this.set({ factor: 1, paused: false });\n  },\n\n  /** Subscribe to state changes; returns an unsubscribe fn. */\n  subscribe(cb: (s: SlowmoState) => void): () => void {\n    listeners.add(cb);\n    return () => listeners.delete(cb);\n  },\n};\n\nexport type MotionSlowmo = typeof motionSlowmo;\n","'use client';\n\nimport './motion-devtools.css';\nimport { useEffect, useState, type CSSProperties } from 'react';\nimport { createPortal } from 'react-dom';\nimport { Button } from '../primitives/button/Button';\nimport { Checkbox } from '../primitives/checkbox/Checkbox';\nimport { Collapse } from '../primitives/collapse/Collapse';\nimport { motionSlowmo, shouldBeActive, type SlowmoState } from './slowmo-engine';\nimport { cx } from '../internal/utils/cx';\n\nexport type MotionDevtoolsPlacement = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';\n\nexport interface MotionDevtoolsProps {\n  /** Which corner of the viewport to pin to. @default 'bottom-right' */\n  placement?: MotionDevtoolsPlacement;\n  /** Distance from the viewport edges, in px. @default 16 */\n  offset?: number;\n  /** Quick-select slow-down factors (1 = real time). @default [1, 2, 4, 8, 16] */\n  presets?: number[];\n  /** Upper bound of the fine slider. @default 16 */\n  maxFactor?: number;\n  /** Slow-down factor to start at. @default 1 */\n  defaultFactor?: number;\n  /** Scale setTimeout/setInterval too, so duration-coupled JS cleanups don't truncate\n   *  slowed CSS. Exposed as a live toggle in the panel. @default true */\n  scaleTimers?: boolean;\n  /** Remember the chosen factor across reloads (localStorage). @default true */\n  persist?: boolean;\n  /** Start with the full panel open rather than collapsed to its header. @default false */\n  defaultOpen?: boolean;\n}\n\nconst STORAGE_KEY = 'zyncat-ui:motion-devtools';\nconst fmt = (n: number) => (Number.isInteger(n) ? String(n) : n.toFixed(1));\n\nfunction GaugeGlyph() {\n  return (\n    <svg className=\"mdt__glyph\" width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n      <path\n        d=\"M12 4a8 8 0 0 1 8 8 8 8 0 0 1-.6 3\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        strokeWidth=\"2\"\n        strokeLinecap=\"round\"\n      />\n      <path\n        d=\"M12 4a8 8 0 0 0-8 8 8 8 0 0 0 .6 3\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        strokeWidth=\"2\"\n        strokeLinecap=\"round\"\n        opacity=\"0.35\"\n      />\n      <path d=\"M12 12l4-2.5\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" />\n      <circle cx=\"12\" cy=\"12\" r=\"1.6\" fill=\"currentColor\" />\n    </svg>\n  );\n}\n\nexport function MotionDevtools({\n  placement = 'bottom-right',\n  offset = 16,\n  presets = [1, 2, 4, 8, 16],\n  maxFactor = 16,\n  defaultFactor = 1,\n  scaleTimers = true,\n  persist = true,\n  defaultOpen = false,\n}: MotionDevtoolsProps) {\n  const [mounted, setMounted] = useState(false);\n  const [open, setOpen] = useState(defaultOpen);\n  const [snap, setSnap] = useState<SlowmoState>(() => motionSlowmo.get());\n  const [timers, setTimers] = useState(scaleTimers);\n\n  useEffect(() => motionSlowmo.subscribe(setSnap), []);\n\n  useEffect(() => {\n    setMounted(true);\n    let initial: Partial<SlowmoState> = { factor: defaultFactor, paused: false };\n    if (persist) {\n      try {\n        const raw = localStorage.getItem(STORAGE_KEY);\n        if (raw) initial = { ...initial, ...JSON.parse(raw) };\n      } catch {}\n    }\n    motionSlowmo.set(initial);\n    if ((initial.factor ?? 1) > 1 || initial.paused) setOpen(true);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  useEffect(() => {\n    motionSlowmo.configure({ scaleTimers: timers });\n  }, [timers]);\n\n  useEffect(() => {\n    if (!persist) return;\n    try {\n      localStorage.setItem(STORAGE_KEY, JSON.stringify({ factor: snap.factor, paused: snap.paused }));\n    } catch {}\n  }, [snap.factor, snap.paused, persist]);\n\n  if (!mounted) return null;\n\n  const active = shouldBeActive(snap.factor, snap.paused);\n  const rootClass = cx('mdt', `mdt--${placement}`, active && 'mdt--active', snap.paused && 'mdt--paused');\n\n  const setFactor = (factor: number) => motionSlowmo.set({ factor, paused: false });\n  const fill = `${((Math.min(snap.factor, maxFactor) - 1) / Math.max(1, maxFactor - 1)) * 100}%`;\n  const pillBadge = snap.factor === 1 ? '1×' : `${fmt(snap.factor)}×`;\n\n  return createPortal(\n    <div className={rootClass} style={{ '--mdt-offset': `${offset}px` } as CSSProperties}>\n      <div className={'mdt__panel' + (open ? ' is-open' : '')} role=\"group\" aria-label=\"Motion devtools\">\n        <button\n          className=\"mdt__head\"\n          onClick={() => setOpen((o) => !o)}\n          aria-expanded={open}\n          title=\"Motion devtools\"\n          aria-label={open ? 'Collapse motion devtools' : 'Expand motion devtools'}\n        >\n          <GaugeGlyph />\n          <span className=\"mdt__spacer\" />\n          <span className=\"mdt__badge\">{pillBadge}</span>\n          <svg\n            className={'mdt__chevron' + (open ? ' mdt__chevron--open' : '')}\n            width=\"12\"\n            height=\"12\"\n            viewBox=\"0 0 12 12\"\n            aria-hidden=\"true\"\n          >\n            <path d=\"M2.5 4.5 6 8l3.5-3.5\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"1.6\" strokeLinecap=\"round\" />\n          </svg>\n        </button>\n\n        <Collapse open={open} fade>\n          <div className=\"mdt__body\">\n            <span className=\"mdt__title\">Motion</span>\n            <div className=\"mdt__readout\">\n              <span className=\"mdt__value\">\n                {snap.paused ? 'Paused' : snap.factor === 1 ? 'Normal' : `${fmt(snap.factor)}×`}\n              </span>\n              <span className=\"mdt__unit\">{snap.paused ? 'frozen' : snap.factor === 1 ? 'real-time' : 'slower'}</span>\n            </div>\n\n            <input\n              className=\"mdt__slider\"\n              type=\"range\"\n              min={1}\n              max={maxFactor}\n              step={0.5}\n              value={Math.min(snap.factor, maxFactor)}\n              onChange={(e) => setFactor(Number(e.target.value))}\n              style={{ '--mdt-fill': fill } as CSSProperties}\n              aria-label=\"Slow-down factor\"\n            />\n\n            <div className=\"mdt__chips\">\n              {presets.map((p) => (\n                <Button\n                  key={p}\n                  size=\"sm\"\n                  variant={!snap.paused && snap.factor === p ? 'primary' : 'secondary'}\n                  onClick={() => setFactor(p)}\n                >\n                  {p}×\n                </Button>\n              ))}\n            </div>\n\n            <div className=\"mdt__row\">\n              <Button\n                size=\"sm\"\n                variant={snap.paused ? 'primary' : 'secondary'}\n                onClick={() => motionSlowmo.set({ paused: !snap.paused })}\n              >\n                {snap.paused ? 'Resume' : 'Freeze'}\n              </Button>\n              <Button size=\"sm\" variant=\"ghost\" disabled={!active} onClick={() => motionSlowmo.reset()}>\n                Reset\n              </Button>\n            </div>\n\n            <div className=\"mdt__opt\">\n              <Checkbox size=\"sm\" checked={timers} onChange={(e) => setTimers(e.target.checked)} label=\"Scale timers\" />\n              <p className=\"mdt__hint\">\n                Slows CSS, Motion &amp; WAAPI together. Timer scaling keeps duration-based cleanups from cutting\n                animations short.\n              </p>\n            </div>\n          </div>\n        </Collapse>\n      </div>\n    </div>,\n    document.body,\n  );\n}\n\nexport { motionSlowmo, type SlowmoState } from './slowmo-engine';\nexport default MotionDevtools;\n"]}
+{"version":3,"sources":["../src/components/dev/slowmo-engine.ts","../src/components/dev/MotionDevtools.tsx"],"names":["active"],"mappings":";;;;;;;;;;;;;;AAeA,IAAM,SAAA,GAAoC;AAAA,EACxC,iBAAA,EAAmB,GAAA;AAAA,EACnB,iBAAA,EAAmB,GAAA;AAAA,EACnB,iBAAA,EAAmB,GAAA;AAAA,EACnB,mBAAA,EAAqB,GAAA;AAAA,EACrB,oBAAA,EAAsB,GAAA;AAAA,EACtB,iBAAA,EAAmB,GAAA;AAAA,EACnB,kBAAA,EAAoB;AACtB,CAAA;AACA,IAAM,eAAA,GAAkB,MAAA,CAAO,IAAA,CAAK,SAAS,CAAA;AAC7C,IAAM,YAAA,GAAe,CAAA;AACrB,IAAM,SAAA,GAAY,GAAA;AAClB,IAAM,kBAAkB,CAAA,IAAK,EAAA;AAE7B,IAAM,KAAA,GAAQ,CAAC,GAAA,EAAa,GAAA,EAAa,CAAA,KAAe,IAAI,GAAA,GAAM,GAAA,GAAM,CAAA,GAAI,GAAA,GAAM,GAAA,GAAM,CAAA;AACxF,IAAM,MAAA,GAAS,OAAO,QAAA,KAAa,WAAA,IAAe,OAAO,MAAA,KAAW,WAAA;AAEpE,IAAM,KAAA,GAAqB,EAAE,MAAA,EAAQ,CAAA,EAAG,QAAQ,KAAA,EAAM;AACtD,IAAM,OAAA,GAAyB,EAAE,WAAA,EAAa,IAAA,EAAK;AACnD,IAAM,SAAA,uBAAgB,GAAA,EAA8B;AAEpD,IAAI,MAAA,GAAS,KAAA;AACb,IAAI,SAAiC,EAAC;AAGtC,IAAI,cAAA,GAAkC,IAAA;AACtC,IAAI,eAAA,GAAmC,IAAA;AAGvC,IAAI,WAAA,GAAgC,IAAA;AACpC,IAAM,YAAA,uBAAmB,GAAA,EAAuB;AAEhD,SAAS,WAAW,KAAA,EAAuB;AACzC,EAAA,MAAM,GAAA,GAAM,iBAAiB,QAAA,CAAS,eAAe,EAAE,gBAAA,CAAiB,KAAK,EAAE,IAAA,EAAK;AACpF,EAAA,MAAM,IAAI,GAAA,CAAI,QAAA,CAAS,IAAI,CAAA,GAAI,WAAW,GAAG,CAAA,GAAI,GAAA,CAAI,QAAA,CAAS,GAAG,CAAA,GAAI,UAAA,CAAW,GAAG,CAAA,GAAI,GAAA,GAAO,WAAW,GAAG,CAAA;AAC5G,EAAA,IAAI,MAAM,CAAC,CAAA,IAAK,KAAK,YAAA,EAAc,OAAO,UAAU,KAAK,CAAA;AACzD,EAAA,OAAO,CAAA;AACT;AAEA,SAAS,cAAA,GAAiB;AACxB,EAAA,MAAM,IAAA,GAAO,SAAS,eAAA,CAAgB,KAAA;AACtC,EAAA,KAAA,MAAW,SAAS,eAAA,EAAiB;AACnC,IAAA,MAAM,KAAK,KAAA,CAAM,MAAA,GAAS,YAAY,MAAA,CAAO,KAAK,IAAI,KAAA,CAAM,MAAA;AAC5D,IAAA,IAAA,CAAK,WAAA,CAAY,KAAA,EAAO,CAAA,EAAG,EAAE,CAAA,EAAA,CAAI,CAAA;AAAA,EACnC;AACF;AAEA,SAAS,cAAA,GAAiB;AACxB,EAAA,MAAM,IAAA,GAAO,SAAS,eAAA,CAAgB,KAAA;AACtC,EAAA,KAAA,MAAW,KAAA,IAAS,eAAA,EAAiB,IAAA,CAAK,cAAA,CAAe,KAAK,CAAA;AAChE;AAEA,SAAS,WAAW,KAAA,EAAoC;AACtD,EAAA,IAAI,OAAO,KAAA,KAAU,QAAA,IAAY,CAAC,QAAA,CAAS,KAAK,GAAG,OAAO,KAAA;AAC1D,EAAA,OAAO,IAAA,CAAK,GAAA,CAAI,KAAA,GAAQ,KAAA,CAAM,QAAQ,eAAe,CAAA;AACvD;AAEA,SAAS,WAAA,GAAc;AACrB,EAAA,IAAI,cAAA,EAAgB;AACpB,EAAA,cAAA,GAAiB,MAAA,CAAO,UAAA;AACxB,EAAA,eAAA,GAAkB,MAAA,CAAO,WAAA;AACzB,EAAA,MAAM,aAAA,GAAgB,cAAA,CAAe,IAAA,CAAK,MAAM,CAAA;AAChD,EAAA,MAAM,cAAA,GAAiB,eAAA,CAAgB,IAAA,CAAK,MAAM,CAAA;AAClD,EAAA,MAAA,CAAO,UAAA,IAAc,CAAC,CAAA,EAAiB,CAAA,EAAA,GAAe,CAAA,KACpD,aAAA,CAAc,CAAA,EAAG,UAAA,CAAW,CAAC,CAAA,EAAG,GAAG,CAAC,CAAA,CAAA;AACtC,EAAA,MAAA,CAAO,WAAA,IAAe,CAAC,CAAA,EAAiB,CAAA,EAAA,GAAe,CAAA,KACrD,cAAA,CAAe,CAAA,EAAG,UAAA,CAAW,CAAC,CAAA,EAAG,GAAG,CAAC,CAAA,CAAA;AACzC;AAEA,SAAS,aAAA,GAAgB;AACvB,EAAA,IAAI,cAAA,SAAuB,UAAA,GAAa,cAAA;AACxC,EAAA,IAAI,eAAA,SAAwB,WAAA,GAAc,eAAA;AAC1C,EAAA,cAAA,GAAiB,eAAA,GAAkB,IAAA;AACrC;AAEA,SAAS,QAAA,GAAmB;AAC1B,EAAA,OAAO,KAAA,CAAM,MAAA,GAAS,CAAA,GAAI,CAAA,GAAI,KAAA,CAAM,MAAA;AACtC;AAEA,SAAS,KAAA,CAAM,MAAiB,QAAA,EAAkB;AAChD,EAAA,IAAI,YAAA,CAAa,GAAA,CAAI,IAAI,CAAA,EAAG;AAC5B,EAAA,YAAA,CAAa,GAAA,CAAI,MAAM,QAAQ,CAAA;AAC/B,EAAA,MAAM,MAAA,GAAS,MAAM,YAAA,CAAa,MAAA,CAAO,IAAI,CAAA;AAC7C,EAAA,IAAA,CAAK,QAAA,CAAS,IAAA,CAAK,MAAM,CAAA,CAAE,MAAM,MAAM,CAAA;AACzC;AAEA,SAAS,YAAA,GAAe;AACtB,EAAA,IAAI,WAAA,EAAa;AACjB,EAAA,WAAA,GAAc,QAAQ,SAAA,CAAU,OAAA;AAChC,EAAA,MAAM,QAAA,GAAW,WAAA;AACjB,EAAA,OAAA,CAAQ,SAAA,CAAU,OAAA,GAAU,SAAA,GAA4B,IAAA,EAA4B;AAClF,IAAA,MAAM,IAAA,GAAO,QAAA,CAAS,KAAA,CAAM,IAAA,EAAM,IAAI,CAAA;AACtC,IAAA,IAAI;AACF,MAAA,KAAA,CAAM,IAAA,EAAM,KAAK,YAAY,CAAA;AAC7B,MAAA,IAAA,CAAK,eAAe,QAAA,EAAS;AAAA,IAC/B,CAAA,CAAA,MAAQ;AAAA,IAAC;AACT,IAAA,OAAO,IAAA;AAAA,EACT,CAAA;AACF;AAEA,SAAS,cAAA,GAAiB;AACxB,EAAA,IAAI,WAAA,EAAa,OAAA,CAAQ,SAAA,CAAU,OAAA,GAAU,WAAA;AAC7C,EAAA,WAAA,GAAc,IAAA;AAChB;AAEA,SAAS,aAAA,GAAgB;AACvB,EAAA,MAAM,OAAO,QAAA,EAAS;AACtB,EAAA,KAAA,MAAW,IAAA,IAAQ,QAAA,CAAS,aAAA,EAAc,EAAG;AAC3C,IAAA,IAAI;AACF,MAAA,KAAA,CAAM,IAAA,EAAM,KAAK,YAAY,CAAA;AAC7B,MAAA,IAAA,CAAK,YAAA,GAAe,IAAA;AAAA,IACtB,CAAA,CAAA,MAAQ;AAAA,IAAC;AAAA,EACX;AACF;AAEA,SAAS,iBAAA,GAAoB;AAC3B,EAAA,MAAM,OAAO,QAAA,EAAS;AACtB,EAAA,KAAA,MAAW,IAAA,IAAQ,YAAA,CAAa,IAAA,EAAK,EAAG;AACtC,IAAA,IAAI;AACF,MAAA,IAAA,CAAK,YAAA,GAAe,IAAA;AAAA,IACtB,CAAA,CAAA,MAAQ;AAAA,IAAC;AAAA,EACX;AACF;AAEA,SAAS,mBAAA,GAAsB;AAC7B,EAAA,KAAA,MAAW,CAAC,IAAA,EAAM,QAAQ,CAAA,IAAK,YAAA,EAAc;AAC3C,IAAA,IAAI;AACF,MAAA,IAAA,CAAK,YAAA,GAAe,QAAA;AAAA,IACtB,CAAA,CAAA,MAAQ;AAAA,IAAC;AAAA,EACX;AACA,EAAA,YAAA,CAAa,KAAA,EAAM;AACrB;AAEA,SAAS,gBAAA,GAAmB;AAC1B,EAAA,KAAA,CAAM,KAAA,GAAQ,KAAA,CAAM,MAAA,GAAS,QAAA,GAAW,KAAA,CAAM,MAAA;AAChD;AAEA,SAAS,OAAA,GAAU;AACjB,EAAA,MAAA,GAAS,IAAA;AACT,EAAA,MAAA,GAAS,EAAC;AACV,EAAA,KAAA,MAAW,SAAS,eAAA,EAAiB,MAAA,CAAO,KAAK,CAAA,GAAI,WAAW,KAAK,CAAA;AACrE,EAAA,cAAA,EAAe;AACf,EAAA,gBAAA,EAAiB;AACjB,EAAA,IAAI,OAAA,CAAQ,aAAa,WAAA,EAAY;AACrC,EAAA,YAAA,EAAa;AACb,EAAA,aAAA,EAAc;AAChB;AAEA,SAAS,WAAA,GAAc;AACrB,EAAA,cAAA,EAAe;AACf,EAAA,gBAAA,EAAiB;AACjB,EAAA,iBAAA,EAAkB;AACpB;AAEA,SAAS,SAAA,GAAY;AACnB,EAAA,MAAA,GAAS,KAAA;AACT,EAAA,cAAA,EAAe;AACf,EAAA,KAAA,CAAM,KAAA,GAAQ,CAAA;AACd,EAAA,aAAA,EAAc;AACd,EAAA,cAAA,EAAe;AACf,EAAA,mBAAA,EAAoB;AACtB;AAEA,SAAS,MAAA,GAAS;AAChB,EAAA,MAAM,QAAA,GAAW,EAAE,GAAG,KAAA,EAAM;AAC5B,EAAA,KAAA,MAAW,EAAA,IAAM,SAAA,EAAW,EAAA,CAAG,QAAQ,CAAA;AACzC;AAEO,SAAS,cAAA,CAAe,QAAgB,MAAA,EAA0B;AACvE,EAAA,OAAO,SAAS,CAAA,IAAK,MAAA;AACvB;AAIO,IAAM,YAAA,GAAe;AAAA;AAAA,EAE1B,GAAA,GAAmB;AACjB,IAAA,OAAO,EAAE,GAAG,KAAA,EAAM;AAAA,EACpB,CAAA;AAAA;AAAA,EAGA,IAAI,KAAA,EAAmC;AACrC,IAAA,IAAI,OAAO,KAAA,CAAM,MAAA,KAAW,QAAA,EAAU,KAAA,CAAM,SAAS,KAAA,CAAM,CAAA,EAAG,EAAA,EAAI,KAAA,CAAM,MAAM,CAAA;AAC9E,IAAA,IAAI,OAAO,KAAA,CAAM,MAAA,KAAW,SAAA,EAAW,KAAA,CAAM,SAAS,KAAA,CAAM,MAAA;AAE5D,IAAA,IAAI,MAAA,EAAQ;AACV,MAAA,MAAM,UAAA,GAAa,cAAA,CAAe,KAAA,CAAM,MAAA,EAAQ,MAAM,MAAM,CAAA;AAC5D,MAAA,IAAI,CAAC,MAAA,IAAU,UAAA,EAAY,OAAA,EAAQ;AAAA,WAAA,IAC1B,MAAA,IAAU,CAAC,UAAA,EAAY,SAAA,EAAU;AAAA,WAAA,IACjC,QAAQ,WAAA,EAAY;AAAA,IAC/B;AACA,IAAA,MAAA,EAAO;AAAA,EACT,CAAA;AAAA;AAAA,EAGA,UAAU,KAAA,EAAqC;AAC7C,IAAA,IAAI,OAAO,KAAA,CAAM,WAAA,KAAgB,aAAa,KAAA,CAAM,WAAA,KAAgB,QAAQ,WAAA,EAAa;AACvF,MAAA,OAAA,CAAQ,cAAc,KAAA,CAAM,WAAA;AAC5B,MAAA,IAAI,MAAA,EAAQ,OAAA,CAAQ,WAAA,GAAc,WAAA,KAAgB,aAAA,EAAc;AAAA,IAClE;AAAA,EACF,CAAA;AAAA;AAAA,EAGA,KAAA,GAAc;AACZ,IAAA,IAAA,CAAK,IAAI,EAAE,MAAA,EAAQ,CAAA,EAAG,MAAA,EAAQ,OAAO,CAAA;AAAA,EACvC,CAAA;AAAA;AAAA,EAGA,UAAU,EAAA,EAA0C;AAClD,IAAA,SAAA,CAAU,IAAI,EAAE,CAAA;AAChB,IAAA,OAAO,MAAM,SAAA,CAAU,MAAA,CAAO,EAAE,CAAA;AAAA,EAClC;AACF;AChMA,IAAM,WAAA,GAAc,2BAAA;AACpB,IAAM,GAAA,GAAM,CAAC,CAAA,KAAe,MAAA,CAAO,SAAA,CAAU,CAAC,CAAA,GAAI,MAAA,CAAO,CAAC,CAAA,GAAI,CAAA,CAAE,OAAA,CAAQ,CAAC,CAAA;AAEzE,SAAS,UAAA,GAAa;AACpB,EAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,YAAA,EAAa,KAAA,EAAM,IAAA,EAAK,MAAA,EAAO,IAAA,EAAK,OAAA,EAAQ,WAAA,EAAY,aAAA,EAAY,MAAA,EACjF,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,CAAA,EAAE,oCAAA;AAAA,QACF,IAAA,EAAK,MAAA;AAAA,QACL,MAAA,EAAO,cAAA;AAAA,QACP,WAAA,EAAY,GAAA;AAAA,QACZ,aAAA,EAAc;AAAA;AAAA,KAChB;AAAA,oBACA,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,CAAA,EAAE,oCAAA;AAAA,QACF,IAAA,EAAK,MAAA;AAAA,QACL,MAAA,EAAO,cAAA;AAAA,QACP,WAAA,EAAY,GAAA;AAAA,QACZ,aAAA,EAAc,OAAA;AAAA,QACd,OAAA,EAAQ;AAAA;AAAA,KACV;AAAA,oBACA,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,cAAA,EAAe,IAAA,EAAK,MAAA,EAAO,MAAA,EAAO,cAAA,EAAe,WAAA,EAAY,GAAA,EAAI,aAAA,EAAc,OAAA,EAAQ,CAAA;AAAA,oBAC/F,GAAA,CAAC,YAAO,EAAA,EAAG,IAAA,EAAK,IAAG,IAAA,EAAK,CAAA,EAAE,KAAA,EAAM,IAAA,EAAK,cAAA,EAAe;AAAA,GAAA,EACtD,CAAA;AAEJ;AAEO,SAAS,cAAA,CAAe;AAAA,EAC7B,SAAA,GAAY,cAAA;AAAA,EACZ,MAAA,GAAS,EAAA;AAAA,EACT,UAAU,CAAC,CAAA,EAAG,CAAA,EAAG,CAAA,EAAG,GAAG,EAAE,CAAA;AAAA,EACzB,SAAA,GAAY,EAAA;AAAA,EACZ,aAAA,GAAgB,CAAA;AAAA,EAChB,WAAA,GAAc,IAAA;AAAA,EACd,OAAA,GAAU,IAAA;AAAA,EACV,WAAA,GAAc;AAChB,CAAA,EAAwB;AACtB,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAI,SAAS,KAAK,CAAA;AAC5C,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAI,SAAS,WAAW,CAAA;AAC5C,EAAA,MAAM,CAAC,MAAM,OAAO,CAAA,GAAI,SAAsB,MAAM,YAAA,CAAa,KAAK,CAAA;AACtE,EAAA,MAAM,CAAC,MAAA,EAAQ,SAAS,CAAA,GAAI,SAAS,WAAW,CAAA;AAEhD,EAAA,SAAA,CAAU,MAAM,YAAA,CAAa,SAAA,CAAU,OAAO,CAAA,EAAG,EAAE,CAAA;AAEnD,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,UAAA,CAAW,IAAI,CAAA;AACf,IAAA,IAAI,OAAA,GAAgC,EAAE,MAAA,EAAQ,aAAA,EAAe,QAAQ,KAAA,EAAM;AAC3E,IAAA,IAAI,OAAA,EAAS;AACX,MAAA,IAAI;AACF,QAAA,MAAM,GAAA,GAAM,YAAA,CAAa,OAAA,CAAQ,WAAW,CAAA;AAC5C,QAAA,IAAI,GAAA,YAAe,EAAE,GAAG,SAAS,GAAG,IAAA,CAAK,KAAA,CAAM,GAAG,CAAA,EAAE;AAAA,MACtD,CAAA,CAAA,MAAQ;AAAA,MAAC;AAAA,IACX;AACA,IAAA,YAAA,CAAa,IAAI,OAAO,CAAA;AACxB,IAAA,IAAA,CAAK,QAAQ,MAAA,IAAU,CAAA,IAAK,KAAK,OAAA,CAAQ,MAAA,UAAgB,IAAI,CAAA;AAAA,EAE/D,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,YAAA,CAAa,SAAA,CAAU,EAAE,WAAA,EAAa,MAAA,EAAQ,CAAA;AAAA,EAChD,CAAA,EAAG,CAAC,MAAM,CAAC,CAAA;AAEX,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAAC,OAAA,EAAS;AACd,IAAA,IAAI;AACF,MAAA,YAAA,CAAa,OAAA,CAAQ,WAAA,EAAa,IAAA,CAAK,SAAA,CAAU,EAAE,MAAA,EAAQ,IAAA,CAAK,MAAA,EAAQ,MAAA,EAAQ,IAAA,CAAK,MAAA,EAAQ,CAAC,CAAA;AAAA,IAChG,CAAA,CAAA,MAAQ;AAAA,IAAC;AAAA,EACX,GAAG,CAAC,IAAA,CAAK,QAAQ,IAAA,CAAK,MAAA,EAAQ,OAAO,CAAC,CAAA;AAEtC,EAAA,IAAI,CAAC,SAAS,OAAO,IAAA;AAErB,EAAA,MAAMA,OAAAA,GAAS,cAAA,CAAe,IAAA,CAAK,MAAA,EAAQ,KAAK,MAAM,CAAA;AACtD,EAAA,MAAM,SAAA,GAAY,EAAA,CAAG,KAAA,EAAO,CAAA,KAAA,EAAQ,SAAS,IAAIA,OAAAA,IAAU,aAAA,EAAe,IAAA,CAAK,MAAA,IAAU,aAAa,CAAA;AAEtG,EAAA,MAAM,SAAA,GAAY,CAAC,MAAA,KAAmB,YAAA,CAAa,IAAI,EAAE,MAAA,EAAQ,MAAA,EAAQ,KAAA,EAAO,CAAA;AAChF,EAAA,MAAM,IAAA,GAAO,CAAA,EAAA,CAAK,IAAA,CAAK,GAAA,CAAI,KAAK,MAAA,EAAQ,SAAS,CAAA,GAAI,CAAA,IAAK,KAAK,GAAA,CAAI,CAAA,EAAG,SAAA,GAAY,CAAC,IAAK,GAAG,CAAA,CAAA,CAAA;AAC3F,EAAA,MAAM,SAAA,GAAY,KAAK,MAAA,KAAW,CAAA,GAAI,UAAO,CAAA,EAAG,GAAA,CAAI,IAAA,CAAK,MAAM,CAAC,CAAA,IAAA,CAAA;AAEhE,EAAA,OAAO,YAAA;AAAA,oBACL,GAAA,CAAC,SAAI,SAAA,EAAW,SAAA,EAAW,OAAO,EAAE,cAAA,EAAgB,GAAG,MAAM,CAAA,EAAA,CAAA,IAC3D,QAAA,kBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAW,YAAA,IAAgB,IAAA,GAAO,aAAa,EAAA,CAAA,EAAK,IAAA,EAAK,OAAA,EAAQ,YAAA,EAAW,iBAAA,EAC/E,QAAA,EAAA;AAAA,sBAAA,IAAA;AAAA,QAAC,QAAA;AAAA,QAAA;AAAA,UACC,SAAA,EAAU,WAAA;AAAA,UACV,SAAS,MAAM,OAAA,CAAQ,CAAC,CAAA,KAAM,CAAC,CAAC,CAAA;AAAA,UAChC,eAAA,EAAe,IAAA;AAAA,UACf,KAAA,EAAM,iBAAA;AAAA,UACN,YAAA,EAAY,OAAO,0BAAA,GAA6B,wBAAA;AAAA,UAEhD,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,UAAA,EAAA,EAAW,CAAA;AAAA,4BACZ,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,aAAA,EAAc,CAAA;AAAA,4BAC9B,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,YAAA,EAAc,QAAA,EAAA,SAAA,EAAU,CAAA;AAAA,4BACxC,GAAA;AAAA,cAAC,KAAA;AAAA,cAAA;AAAA,gBACC,SAAA,EAAW,cAAA,IAAkB,IAAA,GAAO,qBAAA,GAAwB,EAAA,CAAA;AAAA,gBAC5D,KAAA,EAAM,IAAA;AAAA,gBACN,MAAA,EAAO,IAAA;AAAA,gBACP,OAAA,EAAQ,WAAA;AAAA,gBACR,aAAA,EAAY,MAAA;AAAA,gBAEZ,QAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,sBAAA,EAAuB,IAAA,EAAK,MAAA,EAAO,MAAA,EAAO,cAAA,EAAe,WAAA,EAAY,KAAA,EAAM,aAAA,EAAc,OAAA,EAAQ;AAAA;AAAA;AAC3G;AAAA;AAAA,OACF;AAAA,sBAEA,GAAA,CAAC,YAAS,IAAA,EAAY,IAAA,EAAI,MACxB,QAAA,kBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,WAAA,EACb,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,YAAA,EAAa,QAAA,EAAA,QAAA,EAAM,CAAA;AAAA,wBACnC,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,cAAA,EACb,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,YAAA,EACb,QAAA,EAAA,IAAA,CAAK,SAAS,QAAA,GAAW,IAAA,CAAK,MAAA,KAAW,CAAA,GAAI,WAAW,CAAA,EAAG,GAAA,CAAI,IAAA,CAAK,MAAM,CAAC,CAAA,IAAA,CAAA,EAC9E,CAAA;AAAA,0BACA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,WAAA,EAAa,QAAA,EAAA,IAAA,CAAK,MAAA,GAAS,QAAA,GAAW,IAAA,CAAK,MAAA,KAAW,CAAA,GAAI,WAAA,GAAc,QAAA,EAAS;AAAA,SAAA,EACnG,CAAA;AAAA,wBAEA,GAAA;AAAA,UAAC,OAAA;AAAA,UAAA;AAAA,YACC,SAAA,EAAU,aAAA;AAAA,YACV,IAAA,EAAK,OAAA;AAAA,YACL,GAAA,EAAK,CAAA;AAAA,YACL,GAAA,EAAK,SAAA;AAAA,YACL,IAAA,EAAM,GAAA;AAAA,YACN,KAAA,EAAO,IAAA,CAAK,GAAA,CAAI,IAAA,CAAK,QAAQ,SAAS,CAAA;AAAA,YACtC,QAAA,EAAU,CAAC,CAAA,KAAM,SAAA,CAAU,OAAO,CAAA,CAAE,MAAA,CAAO,KAAK,CAAC,CAAA;AAAA,YACjD,KAAA,EAAO,EAAE,YAAA,EAAc,IAAA,EAAK;AAAA,YAC5B,YAAA,EAAW;AAAA;AAAA,SACb;AAAA,4BAEC,KAAA,EAAA,EAAI,SAAA,EAAU,cACZ,QAAA,EAAA,OAAA,CAAQ,GAAA,CAAI,CAAC,CAAA,qBACZ,IAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YAEC,IAAA,EAAK,IAAA;AAAA,YACL,SAAS,CAAC,IAAA,CAAK,UAAU,IAAA,CAAK,MAAA,KAAW,IAAI,SAAA,GAAY,WAAA;AAAA,YACzD,OAAA,EAAS,MAAM,SAAA,CAAU,CAAC,CAAA;AAAA,YAEzB,QAAA,EAAA;AAAA,cAAA,CAAA;AAAA,cAAE;AAAA;AAAA,WAAA;AAAA,UALE;AAAA,SAOR,CAAA,EACH,CAAA;AAAA,wBAEA,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,UAAA,EACb,QAAA,EAAA;AAAA,0BAAA,GAAA;AAAA,YAAC,MAAA;AAAA,YAAA;AAAA,cACC,IAAA,EAAK,IAAA;AAAA,cACL,OAAA,EAAS,IAAA,CAAK,MAAA,GAAS,SAAA,GAAY,WAAA;AAAA,cACnC,OAAA,EAAS,MAAM,YAAA,CAAa,GAAA,CAAI,EAAE,MAAA,EAAQ,CAAC,IAAA,CAAK,MAAA,EAAQ,CAAA;AAAA,cAEvD,QAAA,EAAA,IAAA,CAAK,SAAS,QAAA,GAAW;AAAA;AAAA,WAC5B;AAAA,0BACA,GAAA,CAAC,MAAA,EAAA,EAAO,IAAA,EAAK,IAAA,EAAK,SAAQ,OAAA,EAAQ,QAAA,EAAU,CAACA,OAAAA,EAAQ,OAAA,EAAS,MAAM,YAAA,CAAa,KAAA,IAAS,QAAA,EAAA,OAAA,EAE1F;AAAA,SAAA,EACF,CAAA;AAAA,wBAEA,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,UAAA,EACb,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,QAAA,EAAA,EAAS,IAAA,EAAK,IAAA,EAAK,OAAA,EAAS,QAAQ,QAAA,EAAU,CAAC,CAAA,KAAM,SAAA,CAAU,CAAA,CAAE,MAAA,CAAO,OAAO,CAAA,EAAG,OAAM,cAAA,EAAe,CAAA;AAAA,0BACxG,GAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,WAAA,EAAY,QAAA,EAAA,gHAAA,EAGzB;AAAA,SAAA,EACF;AAAA,OAAA,EACF,CAAA,EACF;AAAA,KAAA,EACF,CAAA,EACF,CAAA;AAAA,IACA,QAAA,CAAS;AAAA,GACX;AACF;AAGA,IAAO,sBAAA,GAAQ","file":"motion-devtools.js","sourcesContent":["import { clock } from '../../engine';\n\nexport interface SlowmoState {\n  /** 1 = real time. >1 = that many times slower (4 = quarter speed). */\n  factor: number;\n  /** Freeze motion in place - useful for inspecting a transition mid-flight. */\n  paused: boolean;\n}\n\nexport interface SlowmoOptions {\n  /** Also scale setTimeout/setInterval so duration-coupled JS cleanups don't truncate\n   *  slowed CSS. Turn off if stretched app timers get in your way. @default true */\n  scaleTimers: boolean;\n}\n\nconst CANONICAL: Record<string, number> = {\n  '--duration-fast': 140,\n  '--duration-base': 200,\n  '--duration-slow': 300,\n  '--duration-slower': 450,\n  '--duration-slowest': 900,\n  '--duration-spin': 600,\n  '--duration-pulse': 1600,\n};\nconst DURATION_TOKENS = Object.keys(CANONICAL);\nconst COLLAPSED_MS = 4;\nconst FROZEN_MS = 600_000;\nconst MAX_TIMER_DELAY = 2 ** 30;\n\nconst clamp = (min: number, max: number, v: number) => (v < min ? min : v > max ? max : v);\nconst hasDOM = typeof document !== 'undefined' && typeof window !== 'undefined';\n\nconst state: SlowmoState = { factor: 1, paused: false };\nconst options: SlowmoOptions = { scaleTimers: true };\nconst listeners = new Set<(s: SlowmoState) => void>();\n\nlet active = false;\nlet baseMs: Record<string, number> = {};\n\ntype SetTimer = (handler: TimerHandler, timeout?: number, ...args: unknown[]) => number;\nlet origSetTimeout: SetTimer | null = null;\nlet origSetInterval: SetTimer | null = null;\n\ntype AnimateFn = (this: Element, ...args: unknown[]) => Animation;\nlet origAnimate: AnimateFn | null = null;\nconst trackedRates = new Map<Animation, number>();\n\nfunction readBaseMs(token: string): number {\n  const raw = getComputedStyle(document.documentElement).getPropertyValue(token).trim();\n  const n = raw.endsWith('ms') ? parseFloat(raw) : raw.endsWith('s') ? parseFloat(raw) * 1000 : parseFloat(raw);\n  if (isNaN(n) || n <= COLLAPSED_MS) return CANONICAL[token];\n  return n;\n}\n\nfunction applyCssTokens() {\n  const root = document.documentElement.style;\n  for (const token of DURATION_TOKENS) {\n    const ms = state.paused ? FROZEN_MS : baseMs[token] * state.factor;\n    root.setProperty(token, `${ms}ms`);\n  }\n}\n\nfunction clearCssTokens() {\n  const root = document.documentElement.style;\n  for (const token of DURATION_TOKENS) root.removeProperty(token);\n}\n\nfunction scaleDelay(delay?: number): number | undefined {\n  if (typeof delay !== 'number' || !isFinite(delay)) return delay;\n  return Math.min(delay * state.factor, MAX_TIMER_DELAY);\n}\n\nfunction patchTimers() {\n  if (origSetTimeout) return;\n  origSetTimeout = window.setTimeout as unknown as SetTimer;\n  origSetInterval = window.setInterval as unknown as SetTimer;\n  const nativeTimeout = origSetTimeout.bind(window);\n  const nativeInterval = origSetInterval.bind(window);\n  window.setTimeout = ((h: TimerHandler, t?: number, ...a: unknown[]) =>\n    nativeTimeout(h, scaleDelay(t), ...a)) as typeof window.setTimeout;\n  window.setInterval = ((h: TimerHandler, t?: number, ...a: unknown[]) =>\n    nativeInterval(h, scaleDelay(t), ...a)) as typeof window.setInterval;\n}\n\nfunction restoreTimers() {\n  if (origSetTimeout) window.setTimeout = origSetTimeout as typeof window.setTimeout;\n  if (origSetInterval) window.setInterval = origSetInterval as typeof window.setInterval;\n  origSetTimeout = origSetInterval = null;\n}\n\nfunction liveRate(): number {\n  return state.paused ? 0 : 1 / state.factor;\n}\n\nfunction track(anim: Animation, original: number) {\n  if (trackedRates.has(anim)) return;\n  trackedRates.set(anim, original);\n  const forget = () => trackedRates.delete(anim);\n  anim.finished.then(forget).catch(forget);\n}\n\nfunction patchAnimate() {\n  if (origAnimate) return;\n  origAnimate = Element.prototype.animate as unknown as AnimateFn;\n  const original = origAnimate;\n  Element.prototype.animate = function (this: Element, ...args: unknown[]): Animation {\n    const anim = original.apply(this, args);\n    try {\n      track(anim, anim.playbackRate);\n      anim.playbackRate = liveRate();\n    } catch {}\n    return anim;\n  } as typeof Element.prototype.animate;\n}\n\nfunction restoreAnimate() {\n  if (origAnimate) Element.prototype.animate = origAnimate as typeof Element.prototype.animate;\n  origAnimate = null;\n}\n\nfunction sweepExisting() {\n  const rate = liveRate();\n  for (const anim of document.getAnimations()) {\n    try {\n      track(anim, anim.playbackRate);\n      anim.playbackRate = rate;\n    } catch {}\n  }\n}\n\nfunction applyTrackedRates() {\n  const rate = liveRate();\n  for (const anim of trackedRates.keys()) {\n    try {\n      anim.playbackRate = rate;\n    } catch {}\n  }\n}\n\nfunction restoreTrackedRates() {\n  for (const [anim, original] of trackedRates) {\n    try {\n      anim.playbackRate = original;\n    } catch {}\n  }\n  trackedRates.clear();\n}\n\nfunction applyEngineClock() {\n  clock.scale = state.paused ? Infinity : state.factor;\n}\n\nfunction install() {\n  active = true;\n  baseMs = {};\n  for (const token of DURATION_TOKENS) baseMs[token] = readBaseMs(token);\n  applyCssTokens();\n  applyEngineClock();\n  if (options.scaleTimers) patchTimers();\n  patchAnimate();\n  sweepExisting();\n}\n\nfunction reconfigure() {\n  applyCssTokens();\n  applyEngineClock();\n  applyTrackedRates();\n}\n\nfunction uninstall() {\n  active = false;\n  clearCssTokens();\n  clock.scale = 1;\n  restoreTimers();\n  restoreAnimate();\n  restoreTrackedRates();\n}\n\nfunction notify() {\n  const snapshot = { ...state };\n  for (const cb of listeners) cb(snapshot);\n}\n\nexport function shouldBeActive(factor: number, paused: boolean): boolean {\n  return factor > 1 || paused;\n}\n\n/** Imperative control surface - drive slow-mo from a console, a hotkey, or the panel.\n *  Safe to call during SSR (no-ops the DOM work, still tracks state for hydration). */\nexport const motionSlowmo = {\n  /** Current state (a copy). */\n  get(): SlowmoState {\n    return { ...state };\n  },\n\n  /** Merge a partial state. factor is clamped to [1, 64]. */\n  set(patch: Partial<SlowmoState>): void {\n    if (typeof patch.factor === 'number') state.factor = clamp(1, 64, patch.factor);\n    if (typeof patch.paused === 'boolean') state.paused = patch.paused;\n\n    if (hasDOM) {\n      const wantActive = shouldBeActive(state.factor, state.paused);\n      if (!active && wantActive) install();\n      else if (active && !wantActive) uninstall();\n      else if (active) reconfigure();\n    }\n    notify();\n  },\n\n  /** Tune engine behaviour (e.g. stop scaling timers). Applies immediately if active. */\n  configure(patch: Partial<SlowmoOptions>): void {\n    if (typeof patch.scaleTimers === 'boolean' && patch.scaleTimers !== options.scaleTimers) {\n      options.scaleTimers = patch.scaleTimers;\n      if (active) options.scaleTimers ? patchTimers() : restoreTimers();\n    }\n  },\n\n  /** Convenience: back to real time and unpaused. */\n  reset(): void {\n    this.set({ factor: 1, paused: false });\n  },\n\n  /** Subscribe to state changes; returns an unsubscribe fn. */\n  subscribe(cb: (s: SlowmoState) => void): () => void {\n    listeners.add(cb);\n    return () => listeners.delete(cb);\n  },\n};\n\nexport type MotionSlowmo = typeof motionSlowmo;\n","'use client';\n\nimport './motion-devtools.css';\n\nimport { useEffect, useState, type CSSProperties } from 'react';\nimport { createPortal } from 'react-dom';\n\nimport { cx } from '../internal/utils/cx';\nimport { Button } from '../primitives/button/Button';\nimport { Checkbox } from '../primitives/checkbox/Checkbox';\nimport { Collapse } from '../primitives/collapse/Collapse';\nimport { motionSlowmo, shouldBeActive, type SlowmoState } from './slowmo-engine';\n\nexport type MotionDevtoolsPlacement = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';\n\nexport interface MotionDevtoolsProps {\n  /** Which corner of the viewport to pin to. @default 'bottom-right' */\n  placement?: MotionDevtoolsPlacement;\n  /** Distance from the viewport edges, in px. @default 16 */\n  offset?: number;\n  /** Quick-select slow-down factors (1 = real time). @default [1, 2, 4, 8, 16] */\n  presets?: number[];\n  /** Upper bound of the fine slider. @default 16 */\n  maxFactor?: number;\n  /** Slow-down factor to start at. @default 1 */\n  defaultFactor?: number;\n  /** Scale setTimeout/setInterval too, so duration-coupled JS cleanups don't truncate\n   *  slowed CSS. Exposed as a live toggle in the panel. @default true */\n  scaleTimers?: boolean;\n  /** Remember the chosen factor across reloads (localStorage). @default true */\n  persist?: boolean;\n  /** Start with the full panel open rather than collapsed to its header. @default false */\n  defaultOpen?: boolean;\n}\n\nconst STORAGE_KEY = 'zyncat-ui:motion-devtools';\nconst fmt = (n: number) => (Number.isInteger(n) ? String(n) : n.toFixed(1));\n\nfunction GaugeGlyph() {\n  return (\n    <svg className=\"mdt__glyph\" width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n      <path\n        d=\"M12 4a8 8 0 0 1 8 8 8 8 0 0 1-.6 3\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        strokeWidth=\"2\"\n        strokeLinecap=\"round\"\n      />\n      <path\n        d=\"M12 4a8 8 0 0 0-8 8 8 8 0 0 0 .6 3\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        strokeWidth=\"2\"\n        strokeLinecap=\"round\"\n        opacity=\"0.35\"\n      />\n      <path d=\"M12 12l4-2.5\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" />\n      <circle cx=\"12\" cy=\"12\" r=\"1.6\" fill=\"currentColor\" />\n    </svg>\n  );\n}\n\nexport function MotionDevtools({\n  placement = 'bottom-right',\n  offset = 16,\n  presets = [1, 2, 4, 8, 16],\n  maxFactor = 16,\n  defaultFactor = 1,\n  scaleTimers = true,\n  persist = true,\n  defaultOpen = false,\n}: MotionDevtoolsProps) {\n  const [mounted, setMounted] = useState(false);\n  const [open, setOpen] = useState(defaultOpen);\n  const [snap, setSnap] = useState<SlowmoState>(() => motionSlowmo.get());\n  const [timers, setTimers] = useState(scaleTimers);\n\n  useEffect(() => motionSlowmo.subscribe(setSnap), []);\n\n  useEffect(() => {\n    setMounted(true);\n    let initial: Partial<SlowmoState> = { factor: defaultFactor, paused: false };\n    if (persist) {\n      try {\n        const raw = localStorage.getItem(STORAGE_KEY);\n        if (raw) initial = { ...initial, ...JSON.parse(raw) };\n      } catch {}\n    }\n    motionSlowmo.set(initial);\n    if ((initial.factor ?? 1) > 1 || initial.paused) setOpen(true);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  useEffect(() => {\n    motionSlowmo.configure({ scaleTimers: timers });\n  }, [timers]);\n\n  useEffect(() => {\n    if (!persist) return;\n    try {\n      localStorage.setItem(STORAGE_KEY, JSON.stringify({ factor: snap.factor, paused: snap.paused }));\n    } catch {}\n  }, [snap.factor, snap.paused, persist]);\n\n  if (!mounted) return null;\n\n  const active = shouldBeActive(snap.factor, snap.paused);\n  const rootClass = cx('mdt', `mdt--${placement}`, active && 'mdt--active', snap.paused && 'mdt--paused');\n\n  const setFactor = (factor: number) => motionSlowmo.set({ factor, paused: false });\n  const fill = `${((Math.min(snap.factor, maxFactor) - 1) / Math.max(1, maxFactor - 1)) * 100}%`;\n  const pillBadge = snap.factor === 1 ? '1×' : `${fmt(snap.factor)}×`;\n\n  return createPortal(\n    <div className={rootClass} style={{ '--mdt-offset': `${offset}px` } as CSSProperties}>\n      <div className={'mdt__panel' + (open ? ' is-open' : '')} role=\"group\" aria-label=\"Motion devtools\">\n        <button\n          className=\"mdt__head\"\n          onClick={() => setOpen((o) => !o)}\n          aria-expanded={open}\n          title=\"Motion devtools\"\n          aria-label={open ? 'Collapse motion devtools' : 'Expand motion devtools'}\n        >\n          <GaugeGlyph />\n          <span className=\"mdt__spacer\" />\n          <span className=\"mdt__badge\">{pillBadge}</span>\n          <svg\n            className={'mdt__chevron' + (open ? ' mdt__chevron--open' : '')}\n            width=\"12\"\n            height=\"12\"\n            viewBox=\"0 0 12 12\"\n            aria-hidden=\"true\"\n          >\n            <path d=\"M2.5 4.5 6 8l3.5-3.5\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"1.6\" strokeLinecap=\"round\" />\n          </svg>\n        </button>\n\n        <Collapse open={open} fade>\n          <div className=\"mdt__body\">\n            <span className=\"mdt__title\">Motion</span>\n            <div className=\"mdt__readout\">\n              <span className=\"mdt__value\">\n                {snap.paused ? 'Paused' : snap.factor === 1 ? 'Normal' : `${fmt(snap.factor)}×`}\n              </span>\n              <span className=\"mdt__unit\">{snap.paused ? 'frozen' : snap.factor === 1 ? 'real-time' : 'slower'}</span>\n            </div>\n\n            <input\n              className=\"mdt__slider\"\n              type=\"range\"\n              min={1}\n              max={maxFactor}\n              step={0.5}\n              value={Math.min(snap.factor, maxFactor)}\n              onChange={(e) => setFactor(Number(e.target.value))}\n              style={{ '--mdt-fill': fill } as CSSProperties}\n              aria-label=\"Slow-down factor\"\n            />\n\n            <div className=\"mdt__chips\">\n              {presets.map((p) => (\n                <Button\n                  key={p}\n                  size=\"sm\"\n                  variant={!snap.paused && snap.factor === p ? 'primary' : 'secondary'}\n                  onClick={() => setFactor(p)}\n                >\n                  {p}×\n                </Button>\n              ))}\n            </div>\n\n            <div className=\"mdt__row\">\n              <Button\n                size=\"sm\"\n                variant={snap.paused ? 'primary' : 'secondary'}\n                onClick={() => motionSlowmo.set({ paused: !snap.paused })}\n              >\n                {snap.paused ? 'Resume' : 'Freeze'}\n              </Button>\n              <Button size=\"sm\" variant=\"ghost\" disabled={!active} onClick={() => motionSlowmo.reset()}>\n                Reset\n              </Button>\n            </div>\n\n            <div className=\"mdt__opt\">\n              <Checkbox size=\"sm\" checked={timers} onChange={(e) => setTimers(e.target.checked)} label=\"Scale timers\" />\n              <p className=\"mdt__hint\">\n                Slows CSS, Motion &amp; WAAPI together. Timer scaling keeps duration-based cleanups from cutting\n                animations short.\n              </p>\n            </div>\n          </div>\n        </Collapse>\n      </div>\n    </div>,\n    document.body,\n  );\n}\n\nexport { motionSlowmo, type SlowmoState } from './slowmo-engine';\nexport default MotionDevtools;\n"]}