cineview 1.0.0

package/dist/animations/presets/bounce.d.ts

@@ -0,0 +1,18 @@
+import { Variant } from 'framer-motion';
+export declare const bounceAnimations: {
+    bounce: {
+        initial: Variant;
+        animate: Variant;
+        exit: Variant;
+    };
+    'bounce-in': {
+        initial: Variant;
+        animate: Variant;
+        exit: Variant;
+    };
+    'bounce-out': {
+        initial: Variant;
+        animate: Variant;
+        exit: Variant;
+    };
+};

package/dist/animations/presets/elastic.d.ts

@@ -0,0 +1,23 @@
+import { Variant } from 'framer-motion';
+export declare const elasticAnimations: {
+    elastic: {
+        initial: Variant;
+        animate: Variant;
+        exit: Variant;
+    };
+    'rubber-band': {
+        initial: Variant;
+        animate: Variant;
+        exit: Variant;
+    };
+    wobble: {
+        initial: Variant;
+        animate: Variant;
+        exit: Variant;
+    };
+    swing: {
+        initial: Variant;
+        animate: Variant;
+        exit: Variant;
+    };
+};

package/dist/animations/presets/fade.d.ts

@@ -0,0 +1,18 @@
+import { Variant } from 'framer-motion';
+export declare const fadeAnimations: {
+    fade: {
+        initial: Variant;
+        animate: Variant;
+        exit: Variant;
+    };
+    'fade-in': {
+        initial: Variant;
+        animate: Variant;
+        exit: Variant;
+    };
+    'fade-out': {
+        initial: Variant;
+        animate: Variant;
+        exit: Variant;
+    };
+};

package/dist/animations/presets/flip.d.ts

@@ -0,0 +1,18 @@
+import { Variant } from 'framer-motion';
+export declare const flipAnimations: {
+    flip: {
+        initial: Variant;
+        animate: Variant;
+        exit: Variant;
+    };
+    'flip-x': {
+        initial: Variant;
+        animate: Variant;
+        exit: Variant;
+    };
+    'flip-y': {
+        initial: Variant;
+        animate: Variant;
+        exit: Variant;
+    };
+};

package/dist/animations/presets/index.d.ts

@@ -0,0 +1,38 @@
+import { Variant } from 'framer-motion';
+export interface PresetAnimation {
+    initial: Variant;
+    animate: Variant;
+    exit: Variant;
+}
+export type PresetLoadErrorCode = 'INVALID_ANIMATION' | 'ANIMATION_ASSET_LOAD_FAILED';
+export type PresetLoadState = 'idle' | 'pending' | 'success' | 'failed-permanent' | 'failed-transient';
+export declare const PRESET_LOAD_TIMEOUT_MS = 3000;
+export declare class PresetLoadError extends Error {
+    readonly code: PresetLoadErrorCode;
+    readonly permanent: boolean;
+    readonly category?: string;
+    readonly presetName?: string;
+    readonly cause?: unknown;
+    constructor(code: PresetLoadErrorCode, message: string, options: {
+        permanent: boolean;
+        category?: string;
+        presetName?: string;
+        cause?: unknown;
+    });
+}
+export declare function isPresetLoadError(error: unknown): error is PresetLoadError;
+type AnimationModule = Record<string, PresetAnimation>;
+type CategoryLoader = (category: string) => Promise<AnimationModule>;
+/** Load one category, coalescing concurrent requests across all CineView roots. */
+export declare function loadAnimationModule(category: string): Promise<AnimationModule>;
+/** Resolve one preset. Unknown names/missing exports are permanent failures. */
+export declare function getPresetAnimation(name: string): Promise<PresetAnimation>;
+export declare function preloadAnimationCategory(category: string): Promise<void>;
+export declare function preloadAllAnimations(): Promise<void>;
+/** Clears success/permanent caches. Pending imports may finish but cannot repopulate a cleared epoch. */
+export declare function clearAnimationCache(): void;
+/** Read-only diagnostic state used by tests and development tooling. */
+export declare function getPresetCategoryState(category: string): PresetLoadState;
+/** Test seam; intentionally not re-exported from the package barrel. */
+export declare function setPresetCategoryLoaderForTests(loader: CategoryLoader | null): void;
+export {};

package/dist/animations/presets/rotate.d.ts

@@ -0,0 +1,23 @@
+import { Variant } from 'framer-motion';
+export declare const rotateAnimations: {
+    rotate: {
+        initial: Variant;
+        animate: Variant;
+        exit: Variant;
+    };
+    'rotate-in': {
+        initial: Variant;
+        animate: Variant;
+        exit: Variant;
+    };
+    'rotate-out': {
+        initial: Variant;
+        animate: Variant;
+        exit: Variant;
+    };
+    spin: {
+        initial: Variant;
+        animate: Variant;
+        exit: Variant;
+    };
+};

package/dist/animations/presets/shake.d.ts

@@ -0,0 +1,28 @@
+import { Variant } from 'framer-motion';
+export declare const shakeAnimations: {
+    shake: {
+        initial: Variant;
+        animate: Variant;
+        exit: Variant;
+    };
+    'shake-x': {
+        initial: Variant;
+        animate: Variant;
+        exit: Variant;
+    };
+    'shake-y': {
+        initial: Variant;
+        animate: Variant;
+        exit: Variant;
+    };
+    vibrate: {
+        initial: Variant;
+        animate: Variant;
+        exit: Variant;
+    };
+    jello: {
+        initial: Variant;
+        animate: Variant;
+        exit: Variant;
+    };
+};

package/dist/animations/presets/slide.d.ts

@@ -0,0 +1,23 @@
+import { Variant } from 'framer-motion';
+export declare const slideAnimations: {
+    'slide-up': {
+        initial: Variant;
+        animate: Variant;
+        exit: Variant;
+    };
+    'slide-down': {
+        initial: Variant;
+        animate: Variant;
+        exit: Variant;
+    };
+    'slide-left': {
+        initial: Variant;
+        animate: Variant;
+        exit: Variant;
+    };
+    'slide-right': {
+        initial: Variant;
+        animate: Variant;
+        exit: Variant;
+    };
+};

package/dist/animations/presets/special.d.ts

@@ -0,0 +1,38 @@
+import { Variant } from 'framer-motion';
+export declare const specialAnimations: {
+    heartbeat: {
+        initial: Variant;
+        animate: Variant;
+        exit: Variant;
+    };
+    tada: {
+        initial: Variant;
+        animate: Variant;
+        exit: Variant;
+    };
+    wave: {
+        initial: Variant;
+        animate: Variant;
+        exit: Variant;
+    };
+    'roll-in': {
+        initial: Variant;
+        animate: Variant;
+        exit: Variant;
+    };
+    'roll-out': {
+        initial: Variant;
+        animate: Variant;
+        exit: Variant;
+    };
+    hinge: {
+        initial: Variant;
+        animate: Variant;
+        exit: Variant;
+    };
+    'jack-in-the-box': {
+        initial: Variant;
+        animate: Variant;
+        exit: Variant;
+    };
+};

package/dist/animations/presets/zoom.d.ts

@@ -0,0 +1,23 @@
+import { Variant } from 'framer-motion';
+export declare const zoomAnimations: {
+    'zoom-in': {
+        initial: Variant;
+        animate: Variant;
+        exit: Variant;
+    };
+    'zoom-out': {
+        initial: Variant;
+        animate: Variant;
+        exit: Variant;
+    };
+    'scale-up': {
+        initial: Variant;
+        animate: Variant;
+        exit: Variant;
+    };
+    'scale-down': {
+        initial: Variant;
+        animate: Variant;
+        exit: Variant;
+    };
+};

package/dist/animations/registry.d.ts

@@ -0,0 +1,51 @@
+export type AnimateTimelineLane = 'drag' | 'scroll' | 'visibility';
+export declare function isLaneCompatible(followerLane: AnimateTimelineLane, leaderLane: AnimateTimelineLane): boolean;
+export interface AnimateRegistrationInfo {
+    delay: number;
+    duration: number;
+    after?: string;
+    /** Concrete runtime driver. Optional only for legacy/internal callers while the
+     * registration API migrates to owner-safe leases. */
+    lane?: AnimateTimelineLane;
+}
+export type AnimationRegistryIssue = {
+    type: 'missing-dependency';
+    animateId: string;
+    after: string;
+} | {
+    type: 'circular-dependency';
+    animateId: string;
+    cycle: string[];
+} | {
+    type: 'duplicate-id';
+    animateId: string;
+} | {
+    type: 'incompatible-lane';
+    animateId: string;
+    after: string;
+    followerLane: AnimateTimelineLane;
+    leaderLane: AnimateTimelineLane;
+};
+export interface AnimationRegistrySnapshot {
+    registrations: Map<string, AnimateRegistrationInfo>;
+    calculatedDelays: Map<string, number>;
+    issues: AnimationRegistryIssue[];
+    timelineDuration: number;
+}
+/** Immutable registry compilation captured by prepared scenes and transactions. */
+export interface FrozenAnimationRegistrySnapshot {
+    readonly registrations: ReadonlyMap<string, Readonly<AnimateRegistrationInfo>>;
+    readonly calculatedDelays: ReadonlyMap<string, number>;
+    readonly issues: readonly AnimationRegistryIssue[];
+    readonly timelineDuration: number;
+}
+export declare function createImmutableMap<K, V>(entries: Iterable<readonly [K, V]>): ReadonlyMap<K, V>;
+export declare function freezeAnimationRegistrySnapshot(snapshot: AnimationRegistrySnapshot): FrozenAnimationRegistrySnapshot;
+export interface BuildAnimationRegistrySnapshotOptions {
+    baseDuration: number;
+    registrations: Map<string, AnimateRegistrationInfo>;
+    /** Driver-only declarations never enter registrations or extend timelineDuration. */
+    declaredLanes?: ReadonlyMap<string, AnimateTimelineLane>;
+    duplicateIds?: Iterable<string>;
+}
+export declare function buildAnimationRegistrySnapshot({ baseDuration, registrations, declaredLanes, duplicateIds, }: BuildAnimationRegistrySnapshotOptions): AnimationRegistrySnapshot;

package/dist/artifacts.json

@@ -0,0 +1,40 @@
+{
+  "generatedBy": "scripts/build-all.mjs",
+  "artifacts": [
+    {
+      "file": "cineview.es.mjs",
+      "module": true,
+      "budgetKB": 50,
+      "label": "全量 ESM（运行时按 mode 派发）",
+      "entry": "src/index.ts"
+    },
+    {
+      "file": "cineview.umd.js",
+      "module": false,
+      "budgetKB": 56,
+      "label": "全量 UMD（运行时按 mode 派发）",
+      "entry": "src/index.ts"
+    },
+    {
+      "file": "cineview-drag.umd.js",
+      "module": false,
+      "budgetKB": 50,
+      "label": "UMD（仅拖拽引擎）",
+      "entry": "src/entry-drag.ts"
+    },
+    {
+      "file": "cineview-scroll.umd.js",
+      "module": false,
+      "budgetKB": 50,
+      "label": "UMD（仅滚动引擎）",
+      "entry": "src/entry-scroll.ts"
+    },
+    {
+      "file": "cineview-dev.es.mjs",
+      "module": true,
+      "budgetKB": 10,
+      "label": "开发工具 ESM",
+      "entry": "src/dev/index.ts"
+    }
+  ]
+}

package/dist/blink-BGmsrTwW.mjs

@@ -0,0 +1,81 @@
+var i = {
+  blink: {
+    initial: { opacity: 1 },
+    animate: {
+      opacity: [
+        1,
+        0,
+        1,
+        0,
+        1
+      ],
+      transition: {
+        duration: 1,
+        times: [
+          0,
+          0.25,
+          0.5,
+          0.75,
+          1
+        ]
+      }
+    },
+    exit: { opacity: 0 }
+  },
+  flash: {
+    initial: { opacity: 0 },
+    animate: {
+      opacity: [
+        0,
+        1,
+        0,
+        1
+      ],
+      transition: {
+        duration: 0.8,
+        times: [
+          0,
+          0.25,
+          0.5,
+          1
+        ]
+      }
+    },
+    exit: { opacity: 0 }
+  },
+  pulse: {
+    initial: {
+      scale: 1,
+      opacity: 1
+    },
+    animate: {
+      scale: [
+        1,
+        1.05,
+        1
+      ],
+      opacity: [
+        1,
+        0.8,
+        1
+      ],
+      transition: {
+        duration: 1,
+        times: [
+          0,
+          0.5,
+          1
+        ]
+      }
+    },
+    exit: {
+      scale: 1,
+      opacity: 0
+    }
+  }
+};
+export {
+  i as blinkAnimations
+};
+
+//# sourceMappingURL=blink-BGmsrTwW.mjs.map

package/dist/blur-CQoB_VWp.mjs

@@ -0,0 +1,52 @@
+var i = {
+  "blur-in": {
+    initial: {
+      filter: "blur(10px)",
+      opacity: 0
+    },
+    animate: {
+      filter: "blur(0px)",
+      opacity: 1
+    },
+    exit: {
+      filter: "blur(0px)",
+      opacity: 1
+    }
+  },
+  "blur-out": {
+    initial: {
+      filter: "blur(0px)",
+      opacity: 1
+    },
+    animate: {
+      filter: "blur(0px)",
+      opacity: 1
+    },
+    exit: {
+      filter: "blur(10px)",
+      opacity: 0
+    }
+  },
+  "focus-in": {
+    initial: {
+      filter: "blur(20px)",
+      scale: 0.8,
+      opacity: 0
+    },
+    animate: {
+      filter: "blur(0px)",
+      scale: 1,
+      opacity: 1
+    },
+    exit: {
+      filter: "blur(0px)",
+      scale: 1,
+      opacity: 1
+    }
+  }
+};
+export {
+  i as blurAnimations
+};
+
+//# sourceMappingURL=blur-CQoB_VWp.mjs.map

package/dist/bounce-B_QJxgOq.mjs

@@ -0,0 +1,64 @@
+var i = {
+  bounce: {
+    initial: {
+      y: -100,
+      opacity: 0
+    },
+    animate: {
+      y: 0,
+      opacity: 1,
+      transition: {
+        type: "spring",
+        bounce: 0.5,
+        duration: 0.8
+      }
+    },
+    exit: {
+      y: 100,
+      opacity: 0
+    }
+  },
+  "bounce-in": {
+    initial: {
+      scale: 0,
+      opacity: 0
+    },
+    animate: {
+      scale: 1,
+      opacity: 1,
+      transition: {
+        type: "spring",
+        bounce: 0.6,
+        duration: 0.8
+      }
+    },
+    exit: {
+      scale: 1,
+      opacity: 1
+    }
+  },
+  "bounce-out": {
+    initial: {
+      scale: 1,
+      opacity: 1
+    },
+    animate: {
+      scale: 1,
+      opacity: 1
+    },
+    exit: {
+      scale: 0,
+      opacity: 0,
+      transition: {
+        type: "spring",
+        bounce: 0.6,
+        duration: 0.6
+      }
+    }
+  }
+};
+export {
+  i as bounceAnimations
+};
+
+//# sourceMappingURL=bounce-B_QJxgOq.mjs.map

package/dist/cineview-dev.css

@@ -0,0 +1,2 @@
+.cineview-perf-panel{z-index:999999;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#e5e7eb;-webkit-user-select:none;user-select:none;background:#0a0d12f2;border:1px solid #ffffff1a;border-radius:8px;max-width:320px;font-family:SF Mono,Monaco,Cascadia Code,Consolas,monospace;font-size:11px;transition:background-color .2s,border-color .2s;position:fixed;box-shadow:0 8px 32px #0009}.cineview-perf-panel--top-left{top:16px;left:16px}.cineview-perf-panel--top-right{top:16px;right:16px}.cineview-perf-panel--bottom-left{bottom:16px;left:16px}.cineview-perf-panel--bottom-right{bottom:16px;right:16px}.cineview-perf-panel--collapsed{cursor:pointer;background:#0a0d12e6;padding:8px 12px}.cineview-perf-panel--collapsed:hover{background:#0f131cf2;border-color:#fff3}.cineview-perf-collapsed-label{letter-spacing:.02em;font-size:12px;font-weight:600}.cineview-perf-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.cineview-perf-header[data-draggable=true]{cursor:grab;touch-action:none}.cineview-perf-panel[data-dragging=true] .cineview-perf-header{cursor:grabbing}.cineview-perf-title{color:#f9fafb;letter-spacing:.02em;margin:0;font-size:12px;font-weight:600}.cineview-perf-toggle{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:20px;height:20px;padding:0;font-size:16px;transition:all .15s;display:flex}.cineview-perf-toggle:hover{color:#f9fafb;background:#ffffff1a}.cineview-perf-body{flex-direction:column;gap:12px;padding:12px;display:flex}.cineview-perf-metrics{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.cineview-perf-metric{background:#ffffff08;border:1px solid #ffffff0f;border-radius:6px;flex-direction:column;align-items:center;gap:4px;padding:8px;display:flex}.cineview-perf-metric-label{color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;font-size:9px;font-weight:500}.cineview-perf-metric-value{font-variant-numeric:tabular-nums;font-size:16px;font-weight:700;line-height:1}.cineview-perf-chart{background:#ffffff05;border:1px solid #ffffff0f;border-radius:6px;padding:8px 8px 24px;position:relative}.cineview-perf-chart-title{color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-size:9px;font-weight:500}.cineview-perf-chart-svg{width:100%;height:60px;display:block}.cineview-perf-chart-labels{color:#6b7280;font-variant-numeric:tabular-nums;flex-direction:column;gap:16px;font-size:8px;display:flex;position:absolute;top:32px;right:8px}.cineview-perf-stats{flex-direction:column;gap:6px;display:flex}.cineview-perf-stat{background:#ffffff05;border-radius:4px;justify-content:space-between;align-items:center;padding:6px 8px;display:flex}.cineview-perf-stat-label{color:#9ca3af;font-size:10px}.cineview-perf-stat-value{color:#e5e7eb;font-variant-numeric:tabular-nums;font-size:11px;font-weight:600}.cineview-perf-warning{color:#fbbf24;background:#fbbf241a;border:1px solid #fbbf244d;border-radius:6px;padding:8px 10px;font-size:10px;line-height:1.4}.cineview-perf-warning--critical{color:#ef4444;background:#ef44441a;border-color:#ef44444d}.cineview-perf-warning-details{opacity:.9;flex-direction:column;gap:4px;margin-top:6px;font-size:9px;display:flex}.cineview-perf-tips{color:#6ee7b7;background:#6ee7b71a;border:1px solid #6ee7b74d;border-radius:6px;padding:8px 10px;font-size:10px;line-height:1.4}@media (max-width:768px){.cineview-perf-panel{max-width:280px;font-size:10px}.cineview-perf-panel--top-left,.cineview-perf-panel--top-right{top:8px}.cineview-perf-panel--top-right,.cineview-perf-panel--bottom-right{right:8px}.cineview-perf-metrics{grid-template-columns:repeat(3,1fr);gap:6px}.cineview-perf-metric{padding:6px}.cineview-perf-metric-value{font-size:14px}}@media (prefers-color-scheme:dark){.cineview-perf-panel{background:#0a0d12fa}}@media print{.cineview-perf-panel{display:none!important}}
+/*$vite$:1*/

package/dist/cineview-dev.es.mjs

@@ -0,0 +1,2 @@
+import{useRef as e,useState as i,useSyncExternalStore as r}from"react";import{jsx as a,jsxs as t}from"react/jsx-runtime";var n=new WeakMap,l=()=>null,s=()=>()=>{};function c(e,i=!0){const a=e&&i?function(e){const i=n.get(e.getPerformanceMetrics);if(i)return i;const r=function(e){let i,r=null;const a=new Set,t=()=>{const i=e.getPerformanceMetrics();r={current:i,history:[...(r?.history??[]).slice(-59),i]},a.forEach(e=>e())};return{getSnapshot:()=>r,subscribe:e=>(a.add(e),1===a.size&&(t(),i=setInterval(t,500)),()=>{a.delete(e),0===a.size&&void 0!==i&&(clearInterval(i),i=void 0)})}}(e);return n.set(e.getPerformanceMetrics,r),r}(e):null;return r(a?.subscribe??s,a?.getSnapshot??l,l)}function o({position:r="top-right",defaultExpanded:n=!0,source:l=null,enabled:s=!0,draggable:o=!0,lang:d="en"}){const[p,m]=i(n),f=e(null),v=e(null),u=c(l,s),h=u?.current??null,w=h?.fps??0,g=h?.avgFrameTime??0,b=u?.history.filter(e=>e.avgFrameTime>0).map(e=>e.fps)??[],y=null!==h&&g>32,N=null!==h&&g>50,x=w>=55?"#6ee7b7":w>=45?"#fbbf24":"#ef4444",C=g<=20?"#6ee7b7":g<=32?"#fbbf24":"#ef4444",P="zh"===d?{expand:"展开 CineView 性能面板",collapse:"收起 CineView 性能面板",title:"CineView 性能",fps:"帧率",frame:"平均帧时",loaded:"已加载代码",history:"帧率历史",memory:"内存",samples:"采样数",monitor:"监视器",waiting:"等待 CineView 引用",warning:"性能警告",issue:"性能问题",details:e=>`平均帧时：${e}（目标 <16.67ms）`,loadedTitle:"根据 Resource Timing 估算的页面 JavaScript 和 CSS，不是包 gzip 大小。"}:{expand:"Expand CineView performance panel",collapse:"Collapse CineView performance panel",title:"CineView Performance",fps:"FPS",frame:"Avg Frame",loaded:"Loaded code",history:"FPS History",memory:"Memory",samples:"Samples",monitor:"Monitor",waiting:"Waiting for CineView ref",warning:"Performance warning",issue:"Performance issue",details:e=>`Average frame time: ${e} (target <16.67ms)`,loadedTitle:"Estimated loaded page JavaScript and CSS from Resource Timing; not package gzip size."},S=e=>{v.current?.pointerId===e.pointerId&&(v.current=null,f.current?.removeAttribute("data-dragging"),e.currentTarget.hasPointerCapture(e.pointerId)&&e.currentTarget.releasePointerCapture(e.pointerId))};return p?t("section",{ref:f,className:`cineview-perf-panel cineview-perf-panel--${r}`,"aria-label":P.title,children:[t("div",{className:"cineview-perf-header",onPointerDown:e=>{if(!o||0!==e.button||e.target.closest("button"))return;const i=f.current;if(!i)return;const r=i.getBoundingClientRect();i.style.left=`${r.left}px`,i.style.top=`${r.top}px`,i.style.right="auto",i.style.bottom="auto",i.dataset.dragging="true",v.current={pointerId:e.pointerId,startX:e.clientX,startY:e.clientY,left:r.left,top:r.top},e.currentTarget.setPointerCapture(e.pointerId)},onPointerMove:e=>{const i=v.current,r=f.current;!i||!r||i.pointerId!==e.pointerId||(r.style.left=`${Math.max(8,i.left+e.clientX-i.startX)}px`,r.style.top=`${Math.max(8,i.top+e.clientY-i.startY)}px`)},onPointerUp:S,onPointerCancel:S,"data-draggable":o?"true":"false",children:[a("h3",{className:"cineview-perf-title",children:P.title}),a("button",{type:"button",className:"cineview-perf-toggle",onClick:()=>m(!1),"aria-label":P.collapse,children:"−"})]}),t("div",{className:"cineview-perf-body",children:[t("div",{className:"cineview-perf-metrics",children:[t("div",{className:"cineview-perf-metric",children:[a("div",{className:"cineview-perf-metric-label",children:P.fps}),a("div",{className:"cineview-perf-metric-value",style:{color:x},children:h?w:"--"})]}),t("div",{className:"cineview-perf-metric",children:[a("div",{className:"cineview-perf-metric-label",children:P.frame}),a("div",{className:"cineview-perf-metric-value",style:{color:C},children:h?`${g.toFixed(1)}ms`:"--"})]}),t("div",{className:"cineview-perf-metric",children:[a("div",{className:"cineview-perf-metric-label",title:P.loadedTitle,children:P.loaded}),a("div",{className:"cineview-perf-metric-value",children:h?`~${h.bundleSize.toFixed(1)} KB`:"--"})]})]}),t("div",{className:"cineview-perf-chart",children:[a("div",{className:"cineview-perf-chart-title",children:P.history}),t("svg",{className:"cineview-perf-chart-svg",viewBox:"0 0 300 60",preserveAspectRatio:"none","aria-hidden":"true",children:[a("line",{x1:"0",y1:"30",x2:"300",y2:"30",stroke:"#374151",strokeWidth:"0.5",strokeDasharray:"2,2"}),a("line",{x1:"0",y1:"50",x2:"300",y2:"50",stroke:"#374151",strokeWidth:"0.5",strokeDasharray:"2,2"}),a("polyline",{points:b.map((e,i)=>`${i/Math.max(59,1)*300},${60-e/60*60}`).join(" "),fill:"none",stroke:x,strokeWidth:"2"})]}),t("div",{className:"cineview-perf-chart-labels",children:[a("span",{children:"60"}),a("span",{children:"30"}),a("span",{children:"0"})]})]}),t("div",h?{className:"cineview-perf-stats",children:[t("div",{className:"cineview-perf-stat",children:[a("span",{className:"cineview-perf-stat-label",children:P.memory}),a("span",{className:"cineview-perf-stat-value",children:void 0===h.memoryUsage?"n/a":`${h.memoryUsage.toFixed(1)} MB`})]}),t("div",{className:"cineview-perf-stat",children:[a("span",{className:"cineview-perf-stat-label",children:P.samples}),a("span",{className:"cineview-perf-stat-value",children:u?.history.length??0})]})]}:{className:"cineview-perf-stat",children:[a("span",{className:"cineview-perf-stat-label",children:P.monitor}),a("span",{className:"cineview-perf-stat-value",children:P.waiting})]}),y&&t("div",{className:"cineview-perf-warning "+(N?"cineview-perf-warning--critical":""),children:[N?P.issue:P.warning,a("div",{className:"cineview-perf-warning-details",children:P.details(`${g.toFixed(1)}ms`)})]})]})]}):a("button",{type:"button",className:`cineview-perf-panel cineview-perf-panel--collapsed cineview-perf-panel--${r}`,onClick:()=>m(!0),"aria-label":P.expand,children:t("span",{className:"cineview-perf-collapsed-label",children:[a("span",{style:{color:x},children:h?w:"--"})," fps"]})})}export{o as PerfPanel,c as usePerfMonitor};
+//# sourceMappingURL=cineview-dev.es.mjs.map