@blcklab/anyo-player 0.5.0

package/dist/react.d.ts

@@ -0,0 +1,44 @@
+import type { HTMLAttributes, MutableRefObject } from 'react';
+import type { AnyoPlayerError } from './errors.js';
+import type { AnyoPlayerAdapterOptions, FrameworkAdapterCallbacks } from './internal/FrameworkAdapterController.js';
+import type { AnyoPlayer as AnyoPlayerCore, AnyoPlayerEventMap, AnyoPlayerSource } from './types.js';
+export type { AnyoPlayerAdapterOptions as AnyoPlayerReactOptions, } from './internal/FrameworkAdapterController.js';
+export interface UseAnyoPlayerReactOptions extends FrameworkAdapterCallbacks {
+    source?: AnyoPlayerSource | null;
+    options?: AnyoPlayerAdapterOptions;
+}
+export interface UseAnyoPlayerReactResult {
+    containerRef: (element: HTMLElement | null) => void;
+    playerRef: MutableRefObject<AnyoPlayerCore | null>;
+    load(source?: AnyoPlayerSource): Promise<void>;
+    activate(): Promise<void>;
+    replaceWorld(source: AnyoPlayerSource): Promise<void>;
+    disposeAsync(): Promise<void>;
+}
+export interface AnyoPlayerReactHandle {
+    readonly player: AnyoPlayerCore | null;
+    load(source?: AnyoPlayerSource): Promise<void>;
+    activate(): Promise<void>;
+    replaceWorld(source: AnyoPlayerSource): Promise<void>;
+    disposeAsync(): Promise<void>;
+}
+export interface AnyoPlayerReactProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children' | 'onError' | 'onReady'> {
+    source?: AnyoPlayerSource | null;
+    options?: AnyoPlayerAdapterOptions;
+    onPlayerChange?: (player: AnyoPlayerCore | null) => void;
+    onReady?: (event: AnyoPlayerEventMap['ready']) => void;
+    onError?: (error: AnyoPlayerError) => void;
+    onStateChange?: (event: AnyoPlayerEventMap['statechange']) => void;
+    onPhaseChange?: (event: AnyoPlayerEventMap['phasechange']) => void;
+    onWorldReplaced?: (event: AnyoPlayerEventMap['worldreplaced']) => void;
+    onThemeChange?: (event: AnyoPlayerEventMap['themechange']) => void;
+    onDisposed?: () => void;
+}
+/**
+ * Low-level React hook for mounting the framework-neutral Player into a host
+ * ref. The mount effect is microtask-deferred so React Strict Mode's
+ * development effect replay does not create a throwaway renderer generation.
+ */
+export declare function useAnyoPlayer(config?: UseAnyoPlayerReactOptions): UseAnyoPlayerReactResult;
+export declare const AnyoPlayer: import("react").ForwardRefExoticComponent<AnyoPlayerReactProps & import("react").RefAttributes<AnyoPlayerReactHandle>>;
+//# sourceMappingURL=react.d.ts.map

package/dist/react.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"react.d.ts","sourceRoot":"","sources":["../src/react.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,EAEV,cAAc,EACd,gBAAgB,EAEjB,MAAM,OAAO,CAAA;AACd,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,aAAa,CAAA;AAIlD,OAAO,KAAK,EACV,wBAAwB,EACxB,yBAAyB,EAC1B,MAAM,0CAA0C,CAAA;AACjD,OAAO,KAAK,EACV,UAAU,IAAI,cAAc,EAC5B,kBAAkB,EAClB,gBAAgB,EACjB,MAAM,YAAY,CAAA;AAEnB,YAAY,EACV,wBAAwB,IAAI,sBAAsB,GACnD,MAAM,0CAA0C,CAAA;AAEjD,MAAM,WAAW,yBAA0B,SAAQ,yBAAyB;IAC1E,MAAM,CAAC,EAAE,gBAAgB,GAAG,IAAI,CAAA;IAChC,OAAO,CAAC,EAAE,wBAAwB,CAAA;CACnC;AAED,MAAM,WAAW,wBAAwB;IACvC,YAAY,EAAE,CAAC,OAAO,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAA;IACnD,SAAS,EAAE,gBAAgB,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;IAClD,IAAI,CAAC,MAAM,CAAC,EAAE,gBAAgB,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;IAC9C,QAAQ,IAAI,OAAO,CAAC,IAAI,CAAC,CAAA;IACzB,YAAY,CAAC,MAAM,EAAE,gBAAgB,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;IACrD,YAAY,IAAI,OAAO,CAAC,IAAI,CAAC,CAAA;CAC9B;AAED,MAAM,WAAW,qBAAqB;IACpC,QAAQ,CAAC,MAAM,EAAE,cAAc,GAAG,IAAI,CAAA;IACtC,IAAI,CAAC,MAAM,CAAC,EAAE,gBAAgB,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;IAC9C,QAAQ,IAAI,OAAO,CAAC,IAAI,CAAC,CAAA;IACzB,YAAY,CAAC,MAAM,EAAE,gBAAgB,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;IACrD,YAAY,IAAI,OAAO,CAAC,IAAI,CAAC,CAAA;CAC9B;AAED,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAChD,cAAc,CAAC,cAAc,CAAC,EAC9B,UAAU,GAAG,SAAS,GAAG,SAAS,CACnC;IACC,MAAM,CAAC,EAAE,gBAAgB,GAAG,IAAI,CAAA;IAChC,OAAO,CAAC,EAAE,wBAAwB,CAAA;IAClC,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,cAAc,GAAG,IAAI,KAAK,IAAI,CAAA;IACxD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,kBAAkB,CAAC,OAAO,CAAC,KAAK,IAAI,CAAA;IACtD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,IAAI,CAAA;IAC1C,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,kBAAkB,CAAC,aAAa,CAAC,KAAK,IAAI,CAAA;IAClE,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,kBAAkB,CAAC,aAAa,CAAC,KAAK,IAAI,CAAA;IAClE,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,kBAAkB,CAAC,eAAe,CAAC,KAAK,IAAI,CAAA;IACtE,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,kBAAkB,CAAC,aAAa,CAAC,KAAK,IAAI,CAAA;IAClE,UAAU,CAAC,EAAE,MAAM,IAAI,CAAA;CACxB;AAmCD;;;;GAIG;AACH,wBAAgB,aAAa,CAC3B,MAAM,GAAE,yBAA8B,GACrC,wBAAwB,CA0D1B;AAkDD,eAAO,MAAM,UAAU,wHAAkC,CAAA"}

package/dist/react.js

@@ -0,0 +1,115 @@
+import { createElement, forwardRef, useCallback, useEffect, useImperativeHandle, useRef, useState, } from 'react';
+import { FrameworkAdapterController, } from './internal/FrameworkAdapterController.js';
+function useCallbackRefs(config) {
+    const refs = {
+        playerchange: useRef(config.playerchange),
+        ready: useRef(config.ready),
+        error: useRef(config.error),
+        statechange: useRef(config.statechange),
+        phasechange: useRef(config.phasechange),
+        worldreplaced: useRef(config.worldreplaced),
+        themechange: useRef(config.themechange),
+        disposed: useRef(config.disposed),
+    };
+    refs.playerchange.current = config.playerchange;
+    refs.ready.current = config.ready;
+    refs.error.current = config.error;
+    refs.statechange.current = config.statechange;
+    refs.phasechange.current = config.phasechange;
+    refs.worldreplaced.current = config.worldreplaced;
+    refs.themechange.current = config.themechange;
+    refs.disposed.current = config.disposed;
+    return refs;
+}
+/**
+ * Low-level React hook for mounting the framework-neutral Player into a host
+ * ref. The mount effect is microtask-deferred so React Strict Mode's
+ * development effect replay does not create a throwaway renderer generation.
+ */
+export function useAnyoPlayer(config = {}) {
+    const [container, setContainer] = useState(null);
+    const playerRef = useRef(null);
+    const sourceRef = useRef(config.source ?? null);
+    const optionsRef = useRef(config.options ?? {});
+    const callbacks = useCallbackRefs(config);
+    sourceRef.current = config.source ?? null;
+    optionsRef.current = config.options ?? {};
+    const controllerRef = useRef(null);
+    if (!controllerRef.current) {
+        controllerRef.current = new FrameworkAdapterController({
+            playerchange: value => {
+                playerRef.current = value;
+                callbacks.playerchange.current?.(value);
+            },
+            ready: event => callbacks.ready.current?.(event),
+            error: error => callbacks.error.current?.(error),
+            statechange: event => callbacks.statechange.current?.(event),
+            phasechange: event => callbacks.phasechange.current?.(event),
+            worldreplaced: event => callbacks.worldreplaced.current?.(event),
+            themechange: event => callbacks.themechange.current?.(event),
+            disposed: () => callbacks.disposed.current?.(),
+        });
+    }
+    const controller = controllerRef.current;
+    const containerRef = useCallback((element) => {
+        setContainer(element);
+    }, []);
+    useEffect(() => {
+        if (!container)
+            return;
+        let canceled = false;
+        queueMicrotask(() => {
+            if (canceled)
+                return;
+            void controller.mount(container, sourceRef.current, optionsRef.current)
+                .catch(() => undefined);
+        });
+        return () => {
+            canceled = true;
+            void controller.disposeAsync();
+        };
+    }, [container, controller]);
+    useEffect(() => {
+        void controller.setSource(config.source).catch(() => undefined);
+    }, [config.source, controller]);
+    return {
+        containerRef,
+        playerRef,
+        load: source => controller.load(source),
+        activate: () => controller.activate(),
+        replaceWorld: source => controller.replaceWorld(source),
+        disposeAsync: () => controller.disposeAsync(),
+    };
+}
+function AnyoPlayerComponent(props, ref) {
+    const { source = null, options = {}, onPlayerChange, onReady, onError, onStateChange, onPhaseChange, onWorldReplaced, onThemeChange, onDisposed, ...hostProps } = props;
+    const api = useAnyoPlayer({
+        source,
+        options,
+        ...(onPlayerChange ? { playerchange: onPlayerChange } : {}),
+        ...(onReady ? { ready: onReady } : {}),
+        ...(onError ? { error: onError } : {}),
+        ...(onStateChange ? { statechange: onStateChange } : {}),
+        ...(onPhaseChange ? { phasechange: onPhaseChange } : {}),
+        ...(onWorldReplaced ? { worldreplaced: onWorldReplaced } : {}),
+        ...(onThemeChange ? { themechange: onThemeChange } : {}),
+        ...(onDisposed ? { disposed: onDisposed } : {}),
+    });
+    useImperativeHandle(ref, () => ({
+        get player() {
+            return api.playerRef.current;
+        },
+        load: api.load,
+        activate: api.activate,
+        replaceWorld: api.replaceWorld,
+        disposeAsync: api.disposeAsync,
+    }), [api]);
+    return createElement('div', {
+        ...hostProps,
+        ref: api.containerRef,
+        'data-anyo-player-react': '',
+    });
+}
+export const AnyoPlayer = forwardRef(AnyoPlayerComponent);
+AnyoPlayer.displayName = 'AnyoPlayer';
+//# sourceMappingURL=react.js.map

package/dist/react.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"react.js","sourceRoot":"","sources":["../src/react.ts"],"names":[],"mappings":"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"}

package/dist/session.d.ts

@@ -0,0 +1,3 @@
+export declare const ANYO_PLAYER_SESSION_FORMAT: "@blcklab/anyo-player/session";
+export declare const ANYO_PLAYER_SESSION_VERSION: 1;
+//# sourceMappingURL=session.d.ts.map

package/dist/session.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"session.d.ts","sourceRoot":"","sources":["../src/session.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,0BAA0B,EAAG,8BAAuC,CAAA;AACjF,eAAO,MAAM,2BAA2B,EAAG,CAAU,CAAA"}

package/dist/session.js

@@ -0,0 +1,3 @@
+export const ANYO_PLAYER_SESSION_FORMAT = '@blcklab/anyo-player/session';
+export const ANYO_PLAYER_SESSION_VERSION = 1;
+//# sourceMappingURL=session.js.map

package/dist/session.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"session.js","sourceRoot":"","sources":["../src/session.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,0BAA0B,GAAG,8BAAuC,CAAA;AACjF,MAAM,CAAC,MAAM,2BAA2B,GAAG,CAAU,CAAA"}

package/dist/styleText.d.ts

@@ -0,0 +1,2 @@
+export declare const ANYO_PLAYER_CSS_TEXT: ".anyo-player {\n  --anyo-player-ui-background: rgba(12, 15, 20, 0.88);\n  --anyo-player-ui-surface: rgba(24, 28, 35, 0.94);\n  --anyo-player-ui-text: #f7f8fa;\n  --anyo-player-ui-muted: #b7bec9;\n  --anyo-player-ui-border: rgba(255, 255, 255, 0.12);\n  --anyo-player-ui-accent: #f7f8fa;\n  --anyo-player-ui-accent-text: #111318;\n  --anyo-player-ui-warning: #f6c85f;\n  --anyo-player-ui-error: #ff8f8f;\n  --anyo-player-ui-panel-radius: 14px;\n  --anyo-player-ui-control-radius: 9px;\n  --anyo-player-ui-font-family: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n  --anyo-player-ui-backdrop-blur: 14px;\n  position: relative;\n  overflow: hidden;\n  contain: layout paint style;\n  background: #111318;\n}\n\n.anyo-player__canvas {\n  display: block;\n  width: 100%;\n  height: 100%;\n  outline: none;\n  touch-action: none;\n}\n\n.anyo-player__ui,\n.anyo-player__ui * {\n  box-sizing: border-box;\n}\n\n.anyo-player__ui[hidden],\n.anyo-player__ui [hidden] {\n  display: none !important;\n}\n\n.anyo-player__slot {\n  display: contents;\n}\n\n.anyo-player__ui[data-anyo-player-adapter-mode=\"replace\"] [data-anyo-player-default-ui] {\n  display: none !important;\n}\n\n.anyo-player__ui {\n  position: absolute;\n  inset: 0;\n  z-index: 2;\n  display: grid;\n  place-items: center;\n  padding: 20px;\n  pointer-events: none;\n  color: var(--anyo-player-ui-text);\n  font: 500 14px/1.45 var(--anyo-player-ui-font-family);\n}\n\n.anyo-player__panel {\n  width: min(360px, 100%);\n  padding: 20px;\n  border: 1px solid var(--anyo-player-ui-border);\n  border-radius: var(--anyo-player-ui-panel-radius);\n  background: var(--anyo-player-ui-background);\n  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.3);\n  backdrop-filter: blur(var(--anyo-player-ui-backdrop-blur));\n  text-align: center;\n}\n\n.anyo-player__title,\n.anyo-player__message,\n.anyo-player__progress-details,\n.anyo-player__diagnostic-message {\n  margin: 0;\n}\n\n.anyo-player__title {\n  font-size: 16px;\n  font-weight: 700;\n  letter-spacing: -0.01em;\n}\n\n.anyo-player__message {\n  margin-top: 7px;\n  color: var(--anyo-player-ui-muted);\n}\n\n.anyo-player__progress {\n  width: 100%;\n  height: 5px;\n  margin-top: 16px;\n  overflow: hidden;\n  border-radius: 999px;\n  background: rgba(255, 255, 255, 0.13);\n}\n\n.anyo-player__progress-fill {\n  width: 0;\n  height: 100%;\n  border-radius: inherit;\n  background: var(--anyo-player-ui-accent);\n  transition: width 160ms ease-out;\n}\n\n.anyo-player__progress-details {\n  margin-top: 9px;\n  color: var(--anyo-player-ui-muted);\n  font-size: 12px;\n}\n\n.anyo-player__diagnostic {\n  position: absolute;\n  top: 16px;\n  left: 50%;\n  width: min(520px, calc(100% - 32px));\n  transform: translateX(-50%);\n  padding: 10px 13px;\n  border: 1px solid var(--anyo-player-ui-border);\n  border-radius: 10px;\n  background: var(--anyo-player-ui-surface);\n  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.22);\n  text-align: center;\n}\n\n.anyo-player__diagnostic[data-severity=\"warning\"] {\n  border-color: color-mix(in srgb, var(--anyo-player-ui-warning) 55%, transparent);\n}\n\n.anyo-player__diagnostic[data-severity=\"error\"] {\n  border-color: color-mix(in srgb, var(--anyo-player-ui-error) 55%, transparent);\n}\n\n.anyo-player__panel--error {\n  pointer-events: auto;\n}\n\n.anyo-player__button {\n  min-height: 38px;\n  margin-top: 16px;\n  padding: 8px 16px;\n  border: 0;\n  border-radius: var(--anyo-player-ui-control-radius);\n  background: var(--anyo-player-ui-accent);\n  color: var(--anyo-player-ui-accent-text);\n  font: inherit;\n  font-weight: 700;\n  cursor: pointer;\n}\n\n.anyo-player__button:hover:not(:disabled) {\n  filter: brightness(0.92);\n}\n\n.anyo-player__button:focus-visible {\n  outline: 2px solid var(--anyo-player-ui-text);\n  outline-offset: 3px;\n}\n\n.anyo-player__button:disabled {\n  cursor: wait;\n  opacity: 0.55;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .anyo-player__progress-fill,\n  .anyo-player__reticle {\n    transition: none;\n  }\n}\n\n.anyo-player__panel--enter {\n  pointer-events: auto;\n}\n\n.anyo-player__panel--enter .anyo-player__button {\n  min-width: 112px;\n}\n\n.anyo-player__canvas:focus-visible {\n  outline: 2px solid var(--anyo-player-ui-accent);\n  outline-offset: -2px;\n}\n\n.anyo-player__panel--paused {\n  pointer-events: auto;\n}\n\n.anyo-player__pause-actions {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-top: 14px;\n}\n\n.anyo-player__pause-action {\n  min-width: 104px;\n  margin-top: 0;\n}\n\n.anyo-player__controls {\n  position: absolute;\n  right: 16px;\n  bottom: 16px;\n  display: flex;\n  gap: 8px;\n  pointer-events: auto;\n}\n\n.anyo-player__control {\n  min-height: 36px;\n  padding: 7px 12px;\n  border: 1px solid var(--anyo-player-ui-border);\n  border-radius: var(--anyo-player-ui-control-radius);\n  background: var(--anyo-player-ui-surface);\n  color: var(--anyo-player-ui-text);\n  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.22);\n  backdrop-filter: blur(12px);\n  font: inherit;\n  font-weight: 650;\n  cursor: pointer;\n}\n\n.anyo-player__control:hover:not(:disabled) {\n  background: color-mix(in srgb, var(--anyo-player-ui-surface) 84%, white);\n}\n\n.anyo-player__control:focus-visible {\n  outline: 2px solid var(--anyo-player-ui-text);\n  outline-offset: 3px;\n}\n\n.anyo-player__control:disabled {\n  cursor: wait;\n  opacity: 0.55;\n}\n\n@media (max-width: 520px) {\n  .anyo-player__pause-actions {\n    display: grid;\n    width: min(100%, 280px);\n    grid-template-columns: 1fr;\n  }\n\n  .anyo-player__pause-action {\n    width: 100%;\n  }\n\n  .anyo-player__controls {\n    right: 10px;\n    bottom: 10px;\n  }\n\n  .anyo-player__control {\n    min-height: 40px;\n    padding-inline: 11px;\n  }\n}\n\n.anyo-player__reticle {\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  width: 18px;\n  height: 18px;\n  transform: translate(-50%, -50%);\n  pointer-events: none;\n  opacity: 0.72;\n  transition: opacity 120ms ease, transform 120ms ease;\n}\n\n.anyo-player__reticle::before,\n.anyo-player__reticle::after {\n  content: \"\";\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  border-radius: 999px;\n  background: var(--anyo-player-ui-text);\n  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.55);\n  transform: translate(-50%, -50%);\n}\n\n.anyo-player__reticle::before {\n  width: 2px;\n  height: 14px;\n}\n\n.anyo-player__reticle::after {\n  width: 14px;\n  height: 2px;\n}\n\n.anyo-player__reticle[data-active=\"true\"] {\n  opacity: 1;\n  transform: translate(-50%, -50%) scale(1.18);\n}\n\n.anyo-player__reticle[data-active=\"true\"]::before,\n.anyo-player__reticle[data-active=\"true\"]::after {\n  background: var(--anyo-player-ui-accent);\n}\n\n.anyo-player__interaction-prompt {\n  position: absolute;\n  left: 50%;\n  bottom: 72px;\n  width: max-content;\n  max-width: min(420px, calc(100% - 32px));\n  transform: translateX(-50%);\n  padding: 10px 13px;\n  border: 1px solid var(--anyo-player-ui-border);\n  border-radius: 12px;\n  background: var(--anyo-player-ui-surface);\n  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.24);\n  backdrop-filter: blur(12px);\n  display: flex;\n  flex-direction: column;\n  pointer-events: auto;\n  text-align: left;\n}\n\n.anyo-player__interaction-prompt-title,\n.anyo-player__interaction-prompt-message,\n.anyo-player__interaction-prompt-description {\n  margin: 0;\n}\n\n.anyo-player__interaction-prompt-title {\n  order: -1;\n  margin-bottom: 2px;\n  color: var(--anyo-player-ui-muted);\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: 0.06em;\n  text-transform: uppercase;\n}\n\n.anyo-player__interaction-prompt-message {\n  color: var(--anyo-player-ui-text);\n  font-size: 13px;\n  font-weight: 700;\n}\n\n.anyo-player__interaction-prompt-description {\n  margin-top: 3px;\n  color: var(--anyo-player-ui-muted);\n  font-size: 12px;\n  font-weight: 500;\n}\n\n.anyo-player__interaction-prompt-footer {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 12px;\n  margin-top: 7px;\n}\n\n.anyo-player__interaction-prompt-hint {\n  color: var(--anyo-player-ui-muted);\n  font-size: 11px;\n  font-weight: 650;\n}\n\n.anyo-player__interaction-action {\n  min-height: 30px;\n  padding: 5px 10px;\n  border: 1px solid var(--anyo-player-ui-border);\n  border-radius: 8px;\n  background: var(--anyo-player-ui-accent);\n  color: var(--anyo-player-ui-accent-text);\n  font: inherit;\n  font-size: 12px;\n  font-weight: 750;\n  cursor: pointer;\n}\n\n.anyo-player__interaction-action:focus-visible {\n  outline: 2px solid var(--anyo-player-ui-text);\n  outline-offset: 2px;\n}\n\n.anyo-player__interaction-action:disabled {\n  cursor: wait;\n  opacity: 0.55;\n}\n\n.anyo-player__touch,\n.anyo-player__touch * {\n  box-sizing: border-box;\n}\n\n.anyo-player__touch[hidden],\n.anyo-player__touch [hidden] {\n  display: none !important;\n}\n\n.anyo-player__touch {\n  position: absolute;\n  inset: 0;\n  z-index: 1;\n  pointer-events: none;\n  user-select: none;\n  -webkit-user-select: none;\n}\n\n.anyo-player__touch-move {\n  position: absolute;\n  left: max(18px, env(safe-area-inset-left));\n  bottom: max(18px, env(safe-area-inset-bottom));\n  width: calc(var(--anyo-player-touch-radius, 54px) * 2);\n  height: calc(var(--anyo-player-touch-radius, 54px) * 2);\n  display: grid;\n  place-items: center;\n  border-radius: 50%;\n  pointer-events: auto;\n  touch-action: none;\n}\n\n.anyo-player__touch-base {\n  width: 100%;\n  height: 100%;\n  display: grid;\n  place-items: center;\n  border: 1px solid var(--anyo-player-ui-border);\n  border-radius: 50%;\n  background: rgba(12, 15, 20, 0.42);\n  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.04), 0 8px 24px rgba(0, 0, 0, 0.18);\n  backdrop-filter: blur(10px);\n}\n\n.anyo-player__touch-thumb {\n  width: 46%;\n  height: 46%;\n  border-radius: 50%;\n  background: rgba(247, 248, 250, 0.9);\n  box-shadow: 0 5px 16px rgba(0, 0, 0, 0.28);\n  transform: translate(0, 0);\n  will-change: transform;\n}\n\n.anyo-player__touch-run,\n.anyo-player__touch-jump {\n  position: absolute;\n  right: max(20px, env(safe-area-inset-right));\n  bottom: max(26px, env(safe-area-inset-bottom));\n  min-width: 58px;\n  min-height: 58px;\n  padding: 8px 12px;\n  border: 1px solid var(--anyo-player-ui-border);\n  border-radius: 50%;\n  background: rgba(12, 15, 20, 0.62);\n  color: var(--anyo-player-ui-text);\n  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.22);\n  backdrop-filter: blur(10px);\n  pointer-events: auto;\n  touch-action: none;\n  font: 700 12px/1 system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n}\n\n.anyo-player__touch-jump {\n  right: max(92px, calc(env(safe-area-inset-right) + 92px));\n}\n\n.anyo-player__touch-run[aria-pressed=\"true\"] {\n  background: var(--anyo-player-ui-accent);\n  color: var(--anyo-player-ui-accent-text);\n}\n\n@media (max-width: 520px) {\n  .anyo-player__interaction-prompt {\n    bottom: 86px;\n  }\n}\n\n.anyo-player__xr-status {\n  position: absolute;\n  top: 16px;\n  right: 16px;\n  max-width: min(360px, calc(100% - 32px));\n  padding: 9px 12px;\n  border: 1px solid var(--anyo-player-ui-border);\n  border-radius: 10px;\n  background: var(--anyo-player-ui-surface);\n  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.22);\n  backdrop-filter: blur(12px);\n  pointer-events: none;\n}\n\n.anyo-player__xr-status[data-severity=\"error\"] {\n  border-color: color-mix(in srgb, var(--anyo-player-ui-error) 55%, transparent);\n}\n\n.anyo-player__xr-status-message {\n  margin: 0;\n  color: var(--anyo-player-ui-text);\n  font-size: 12px;\n  font-weight: 650;\n}\n\n.anyo-player__control--vr[aria-pressed=\"true\"] {\n  background: var(--anyo-player-ui-accent);\n  color: var(--anyo-player-ui-accent-text);\n}\n\n@media (max-width: 520px) {\n  .anyo-player__xr-status {\n    top: 10px;\n    right: 10px;\n    max-width: calc(100% - 20px);\n  }\n}\n\n.anyo-player__sr-only {\n  position: absolute !important;\n  width: 1px !important;\n  height: 1px !important;\n  padding: 0 !important;\n  margin: -1px !important;\n  overflow: hidden !important;\n  clip: rect(0, 0, 0, 0) !important;\n  white-space: nowrap !important;\n  border: 0 !important;\n}\n\n.anyo-player[data-anyo-player-reduced-motion=\"true\"] .anyo-player__ui *,\n.anyo-player[data-anyo-player-reduced-motion=\"true\"] .anyo-player__ui *::before,\n.anyo-player[data-anyo-player-reduced-motion=\"true\"] .anyo-player__ui *::after {\n  animation-duration: 0.001ms !important;\n  animation-iteration-count: 1 !important;\n  scroll-behavior: auto !important;\n  transition-duration: 0.001ms !important;\n}\n\n.anyo-player__poster {\n  position: absolute;\n  inset: 0;\n  z-index: 2;\n  overflow: hidden;\n  background: #090b11;\n  pointer-events: none;\n}\n\n.anyo-player__poster[hidden] {\n  display: none;\n}\n\n.anyo-player__poster-image {\n  width: 100%;\n  height: 100%;\n  display: block;\n  user-select: none;\n}\n\n\n.anyo-player__canvas {\n  transition: opacity 160ms ease;\n}\n\n.anyo-player--world-transition .anyo-player__canvas {\n  opacity: 0.16;\n}\n\n.anyo-player[data-anyo-player-reduced-motion=\"true\"] .anyo-player__canvas {\n  transition-duration: 0.001ms !important;\n}\n\n.anyo-player__map-attribution{position:absolute;left:10px;bottom:8px;z-index:9;max-width:min(80%,520px);padding:5px 8px;border:1px solid color-mix(in srgb,currentColor 18%,transparent);border-radius:6px;background:color-mix(in srgb,#07100d 82%,transparent);color:#d9e6df;font:500 11px/1.3 system-ui,sans-serif;pointer-events:none;backdrop-filter:blur(8px)}\n\n.anyo-player__caption{position:absolute;left:50%;bottom:clamp(32px,7vh,72px);z-index:12;max-width:min(86%,780px);transform:translateX(-50%);padding:10px 16px;border:1px solid color-mix(in srgb,#fff 18%,transparent);border-radius:8px;background:color-mix(in srgb,#05080d 84%,transparent);color:#fff;text-align:center;font:600 clamp(14px,1.7vw,20px)/1.45 system-ui,sans-serif;letter-spacing:.01em;text-shadow:0 1px 2px #000;box-shadow:0 8px 28px #0006;pointer-events:none;backdrop-filter:blur(10px)}\n.anyo-player__caption-speaker{color:#ffdca8;font-weight:750}\n.anyo-player[data-anyo-player-reduced-motion=\"true\"] .anyo-player__caption{transition:none}\n";
+//# sourceMappingURL=styleText.d.ts.map

package/dist/styleText.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styleText.d.ts","sourceRoot":"","sources":["../src/styleText.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,oBAAoB,EAAG,25bAAo6b,CAAA"}

package/dist/styleText.js

@@ -0,0 +1,2 @@
+export const ANYO_PLAYER_CSS_TEXT = ".anyo-player {\n  --anyo-player-ui-background: rgba(12, 15, 20, 0.88);\n  --anyo-player-ui-surface: rgba(24, 28, 35, 0.94);\n  --anyo-player-ui-text: #f7f8fa;\n  --anyo-player-ui-muted: #b7bec9;\n  --anyo-player-ui-border: rgba(255, 255, 255, 0.12);\n  --anyo-player-ui-accent: #f7f8fa;\n  --anyo-player-ui-accent-text: #111318;\n  --anyo-player-ui-warning: #f6c85f;\n  --anyo-player-ui-error: #ff8f8f;\n  --anyo-player-ui-panel-radius: 14px;\n  --anyo-player-ui-control-radius: 9px;\n  --anyo-player-ui-font-family: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n  --anyo-player-ui-backdrop-blur: 14px;\n  position: relative;\n  overflow: hidden;\n  contain: layout paint style;\n  background: #111318;\n}\n\n.anyo-player__canvas {\n  display: block;\n  width: 100%;\n  height: 100%;\n  outline: none;\n  touch-action: none;\n}\n\n.anyo-player__ui,\n.anyo-player__ui * {\n  box-sizing: border-box;\n}\n\n.anyo-player__ui[hidden],\n.anyo-player__ui [hidden] {\n  display: none !important;\n}\n\n.anyo-player__slot {\n  display: contents;\n}\n\n.anyo-player__ui[data-anyo-player-adapter-mode=\"replace\"] [data-anyo-player-default-ui] {\n  display: none !important;\n}\n\n.anyo-player__ui {\n  position: absolute;\n  inset: 0;\n  z-index: 2;\n  display: grid;\n  place-items: center;\n  padding: 20px;\n  pointer-events: none;\n  color: var(--anyo-player-ui-text);\n  font: 500 14px/1.45 var(--anyo-player-ui-font-family);\n}\n\n.anyo-player__panel {\n  width: min(360px, 100%);\n  padding: 20px;\n  border: 1px solid var(--anyo-player-ui-border);\n  border-radius: var(--anyo-player-ui-panel-radius);\n  background: var(--anyo-player-ui-background);\n  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.3);\n  backdrop-filter: blur(var(--anyo-player-ui-backdrop-blur));\n  text-align: center;\n}\n\n.anyo-player__title,\n.anyo-player__message,\n.anyo-player__progress-details,\n.anyo-player__diagnostic-message {\n  margin: 0;\n}\n\n.anyo-player__title {\n  font-size: 16px;\n  font-weight: 700;\n  letter-spacing: -0.01em;\n}\n\n.anyo-player__message {\n  margin-top: 7px;\n  color: var(--anyo-player-ui-muted);\n}\n\n.anyo-player__progress {\n  width: 100%;\n  height: 5px;\n  margin-top: 16px;\n  overflow: hidden;\n  border-radius: 999px;\n  background: rgba(255, 255, 255, 0.13);\n}\n\n.anyo-player__progress-fill {\n  width: 0;\n  height: 100%;\n  border-radius: inherit;\n  background: var(--anyo-player-ui-accent);\n  transition: width 160ms ease-out;\n}\n\n.anyo-player__progress-details {\n  margin-top: 9px;\n  color: var(--anyo-player-ui-muted);\n  font-size: 12px;\n}\n\n.anyo-player__diagnostic {\n  position: absolute;\n  top: 16px;\n  left: 50%;\n  width: min(520px, calc(100% - 32px));\n  transform: translateX(-50%);\n  padding: 10px 13px;\n  border: 1px solid var(--anyo-player-ui-border);\n  border-radius: 10px;\n  background: var(--anyo-player-ui-surface);\n  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.22);\n  text-align: center;\n}\n\n.anyo-player__diagnostic[data-severity=\"warning\"] {\n  border-color: color-mix(in srgb, var(--anyo-player-ui-warning) 55%, transparent);\n}\n\n.anyo-player__diagnostic[data-severity=\"error\"] {\n  border-color: color-mix(in srgb, var(--anyo-player-ui-error) 55%, transparent);\n}\n\n.anyo-player__panel--error {\n  pointer-events: auto;\n}\n\n.anyo-player__button {\n  min-height: 38px;\n  margin-top: 16px;\n  padding: 8px 16px;\n  border: 0;\n  border-radius: var(--anyo-player-ui-control-radius);\n  background: var(--anyo-player-ui-accent);\n  color: var(--anyo-player-ui-accent-text);\n  font: inherit;\n  font-weight: 700;\n  cursor: pointer;\n}\n\n.anyo-player__button:hover:not(:disabled) {\n  filter: brightness(0.92);\n}\n\n.anyo-player__button:focus-visible {\n  outline: 2px solid var(--anyo-player-ui-text);\n  outline-offset: 3px;\n}\n\n.anyo-player__button:disabled {\n  cursor: wait;\n  opacity: 0.55;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .anyo-player__progress-fill,\n  .anyo-player__reticle {\n    transition: none;\n  }\n}\n\n.anyo-player__panel--enter {\n  pointer-events: auto;\n}\n\n.anyo-player__panel--enter .anyo-player__button {\n  min-width: 112px;\n}\n\n.anyo-player__canvas:focus-visible {\n  outline: 2px solid var(--anyo-player-ui-accent);\n  outline-offset: -2px;\n}\n\n.anyo-player__panel--paused {\n  pointer-events: auto;\n}\n\n.anyo-player__pause-actions {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-top: 14px;\n}\n\n.anyo-player__pause-action {\n  min-width: 104px;\n  margin-top: 0;\n}\n\n.anyo-player__controls {\n  position: absolute;\n  right: 16px;\n  bottom: 16px;\n  display: flex;\n  gap: 8px;\n  pointer-events: auto;\n}\n\n.anyo-player__control {\n  min-height: 36px;\n  padding: 7px 12px;\n  border: 1px solid var(--anyo-player-ui-border);\n  border-radius: var(--anyo-player-ui-control-radius);\n  background: var(--anyo-player-ui-surface);\n  color: var(--anyo-player-ui-text);\n  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.22);\n  backdrop-filter: blur(12px);\n  font: inherit;\n  font-weight: 650;\n  cursor: pointer;\n}\n\n.anyo-player__control:hover:not(:disabled) {\n  background: color-mix(in srgb, var(--anyo-player-ui-surface) 84%, white);\n}\n\n.anyo-player__control:focus-visible {\n  outline: 2px solid var(--anyo-player-ui-text);\n  outline-offset: 3px;\n}\n\n.anyo-player__control:disabled {\n  cursor: wait;\n  opacity: 0.55;\n}\n\n@media (max-width: 520px) {\n  .anyo-player__pause-actions {\n    display: grid;\n    width: min(100%, 280px);\n    grid-template-columns: 1fr;\n  }\n\n  .anyo-player__pause-action {\n    width: 100%;\n  }\n\n  .anyo-player__controls {\n    right: 10px;\n    bottom: 10px;\n  }\n\n  .anyo-player__control {\n    min-height: 40px;\n    padding-inline: 11px;\n  }\n}\n\n.anyo-player__reticle {\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  width: 18px;\n  height: 18px;\n  transform: translate(-50%, -50%);\n  pointer-events: none;\n  opacity: 0.72;\n  transition: opacity 120ms ease, transform 120ms ease;\n}\n\n.anyo-player__reticle::before,\n.anyo-player__reticle::after {\n  content: \"\";\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  border-radius: 999px;\n  background: var(--anyo-player-ui-text);\n  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.55);\n  transform: translate(-50%, -50%);\n}\n\n.anyo-player__reticle::before {\n  width: 2px;\n  height: 14px;\n}\n\n.anyo-player__reticle::after {\n  width: 14px;\n  height: 2px;\n}\n\n.anyo-player__reticle[data-active=\"true\"] {\n  opacity: 1;\n  transform: translate(-50%, -50%) scale(1.18);\n}\n\n.anyo-player__reticle[data-active=\"true\"]::before,\n.anyo-player__reticle[data-active=\"true\"]::after {\n  background: var(--anyo-player-ui-accent);\n}\n\n.anyo-player__interaction-prompt {\n  position: absolute;\n  left: 50%;\n  bottom: 72px;\n  width: max-content;\n  max-width: min(420px, calc(100% - 32px));\n  transform: translateX(-50%);\n  padding: 10px 13px;\n  border: 1px solid var(--anyo-player-ui-border);\n  border-radius: 12px;\n  background: var(--anyo-player-ui-surface);\n  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.24);\n  backdrop-filter: blur(12px);\n  display: flex;\n  flex-direction: column;\n  pointer-events: auto;\n  text-align: left;\n}\n\n.anyo-player__interaction-prompt-title,\n.anyo-player__interaction-prompt-message,\n.anyo-player__interaction-prompt-description {\n  margin: 0;\n}\n\n.anyo-player__interaction-prompt-title {\n  order: -1;\n  margin-bottom: 2px;\n  color: var(--anyo-player-ui-muted);\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: 0.06em;\n  text-transform: uppercase;\n}\n\n.anyo-player__interaction-prompt-message {\n  color: var(--anyo-player-ui-text);\n  font-size: 13px;\n  font-weight: 700;\n}\n\n.anyo-player__interaction-prompt-description {\n  margin-top: 3px;\n  color: var(--anyo-player-ui-muted);\n  font-size: 12px;\n  font-weight: 500;\n}\n\n.anyo-player__interaction-prompt-footer {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 12px;\n  margin-top: 7px;\n}\n\n.anyo-player__interaction-prompt-hint {\n  color: var(--anyo-player-ui-muted);\n  font-size: 11px;\n  font-weight: 650;\n}\n\n.anyo-player__interaction-action {\n  min-height: 30px;\n  padding: 5px 10px;\n  border: 1px solid var(--anyo-player-ui-border);\n  border-radius: 8px;\n  background: var(--anyo-player-ui-accent);\n  color: var(--anyo-player-ui-accent-text);\n  font: inherit;\n  font-size: 12px;\n  font-weight: 750;\n  cursor: pointer;\n}\n\n.anyo-player__interaction-action:focus-visible {\n  outline: 2px solid var(--anyo-player-ui-text);\n  outline-offset: 2px;\n}\n\n.anyo-player__interaction-action:disabled {\n  cursor: wait;\n  opacity: 0.55;\n}\n\n.anyo-player__touch,\n.anyo-player__touch * {\n  box-sizing: border-box;\n}\n\n.anyo-player__touch[hidden],\n.anyo-player__touch [hidden] {\n  display: none !important;\n}\n\n.anyo-player__touch {\n  position: absolute;\n  inset: 0;\n  z-index: 1;\n  pointer-events: none;\n  user-select: none;\n  -webkit-user-select: none;\n}\n\n.anyo-player__touch-move {\n  position: absolute;\n  left: max(18px, env(safe-area-inset-left));\n  bottom: max(18px, env(safe-area-inset-bottom));\n  width: calc(var(--anyo-player-touch-radius, 54px) * 2);\n  height: calc(var(--anyo-player-touch-radius, 54px) * 2);\n  display: grid;\n  place-items: center;\n  border-radius: 50%;\n  pointer-events: auto;\n  touch-action: none;\n}\n\n.anyo-player__touch-base {\n  width: 100%;\n  height: 100%;\n  display: grid;\n  place-items: center;\n  border: 1px solid var(--anyo-player-ui-border);\n  border-radius: 50%;\n  background: rgba(12, 15, 20, 0.42);\n  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.04), 0 8px 24px rgba(0, 0, 0, 0.18);\n  backdrop-filter: blur(10px);\n}\n\n.anyo-player__touch-thumb {\n  width: 46%;\n  height: 46%;\n  border-radius: 50%;\n  background: rgba(247, 248, 250, 0.9);\n  box-shadow: 0 5px 16px rgba(0, 0, 0, 0.28);\n  transform: translate(0, 0);\n  will-change: transform;\n}\n\n.anyo-player__touch-run,\n.anyo-player__touch-jump {\n  position: absolute;\n  right: max(20px, env(safe-area-inset-right));\n  bottom: max(26px, env(safe-area-inset-bottom));\n  min-width: 58px;\n  min-height: 58px;\n  padding: 8px 12px;\n  border: 1px solid var(--anyo-player-ui-border);\n  border-radius: 50%;\n  background: rgba(12, 15, 20, 0.62);\n  color: var(--anyo-player-ui-text);\n  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.22);\n  backdrop-filter: blur(10px);\n  pointer-events: auto;\n  touch-action: none;\n  font: 700 12px/1 system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n}\n\n.anyo-player__touch-jump {\n  right: max(92px, calc(env(safe-area-inset-right) + 92px));\n}\n\n.anyo-player__touch-run[aria-pressed=\"true\"] {\n  background: var(--anyo-player-ui-accent);\n  color: var(--anyo-player-ui-accent-text);\n}\n\n@media (max-width: 520px) {\n  .anyo-player__interaction-prompt {\n    bottom: 86px;\n  }\n}\n\n.anyo-player__xr-status {\n  position: absolute;\n  top: 16px;\n  right: 16px;\n  max-width: min(360px, calc(100% - 32px));\n  padding: 9px 12px;\n  border: 1px solid var(--anyo-player-ui-border);\n  border-radius: 10px;\n  background: var(--anyo-player-ui-surface);\n  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.22);\n  backdrop-filter: blur(12px);\n  pointer-events: none;\n}\n\n.anyo-player__xr-status[data-severity=\"error\"] {\n  border-color: color-mix(in srgb, var(--anyo-player-ui-error) 55%, transparent);\n}\n\n.anyo-player__xr-status-message {\n  margin: 0;\n  color: var(--anyo-player-ui-text);\n  font-size: 12px;\n  font-weight: 650;\n}\n\n.anyo-player__control--vr[aria-pressed=\"true\"] {\n  background: var(--anyo-player-ui-accent);\n  color: var(--anyo-player-ui-accent-text);\n}\n\n@media (max-width: 520px) {\n  .anyo-player__xr-status {\n    top: 10px;\n    right: 10px;\n    max-width: calc(100% - 20px);\n  }\n}\n\n.anyo-player__sr-only {\n  position: absolute !important;\n  width: 1px !important;\n  height: 1px !important;\n  padding: 0 !important;\n  margin: -1px !important;\n  overflow: hidden !important;\n  clip: rect(0, 0, 0, 0) !important;\n  white-space: nowrap !important;\n  border: 0 !important;\n}\n\n.anyo-player[data-anyo-player-reduced-motion=\"true\"] .anyo-player__ui *,\n.anyo-player[data-anyo-player-reduced-motion=\"true\"] .anyo-player__ui *::before,\n.anyo-player[data-anyo-player-reduced-motion=\"true\"] .anyo-player__ui *::after {\n  animation-duration: 0.001ms !important;\n  animation-iteration-count: 1 !important;\n  scroll-behavior: auto !important;\n  transition-duration: 0.001ms !important;\n}\n\n.anyo-player__poster {\n  position: absolute;\n  inset: 0;\n  z-index: 2;\n  overflow: hidden;\n  background: #090b11;\n  pointer-events: none;\n}\n\n.anyo-player__poster[hidden] {\n  display: none;\n}\n\n.anyo-player__poster-image {\n  width: 100%;\n  height: 100%;\n  display: block;\n  user-select: none;\n}\n\n\n.anyo-player__canvas {\n  transition: opacity 160ms ease;\n}\n\n.anyo-player--world-transition .anyo-player__canvas {\n  opacity: 0.16;\n}\n\n.anyo-player[data-anyo-player-reduced-motion=\"true\"] .anyo-player__canvas {\n  transition-duration: 0.001ms !important;\n}\n\n.anyo-player__map-attribution{position:absolute;left:10px;bottom:8px;z-index:9;max-width:min(80%,520px);padding:5px 8px;border:1px solid color-mix(in srgb,currentColor 18%,transparent);border-radius:6px;background:color-mix(in srgb,#07100d 82%,transparent);color:#d9e6df;font:500 11px/1.3 system-ui,sans-serif;pointer-events:none;backdrop-filter:blur(8px)}\n\n.anyo-player__caption{position:absolute;left:50%;bottom:clamp(32px,7vh,72px);z-index:12;max-width:min(86%,780px);transform:translateX(-50%);padding:10px 16px;border:1px solid color-mix(in srgb,#fff 18%,transparent);border-radius:8px;background:color-mix(in srgb,#05080d 84%,transparent);color:#fff;text-align:center;font:600 clamp(14px,1.7vw,20px)/1.45 system-ui,sans-serif;letter-spacing:.01em;text-shadow:0 1px 2px #000;box-shadow:0 8px 28px #0006;pointer-events:none;backdrop-filter:blur(10px)}\n.anyo-player__caption-speaker{color:#ffdca8;font-weight:750}\n.anyo-player[data-anyo-player-reduced-motion=\"true\"] .anyo-player__caption{transition:none}\n";
+//# sourceMappingURL=styleText.js.map

package/dist/styleText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styleText.js","sourceRoot":"","sources":["../src/styleText.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,oBAAoB,GAAG,25bAAo6b,CAAA"}