@unoverse-platform/studio 0.1.103 → 0.1.105

package/vendor/sdk/lib/orb/theme.ts

@@ -1,83 +0,0 @@
-// Theme resolution: explicit prop → ancestor data-theme/.dark|.light
-// class (watched live) → prefers-color-scheme (subscribed live).
-// SSR-safe: everything runs in effects; the pre-mount fallback is dark.
-
-import type { RefObject } from 'react';
-import { useEffect, useState } from 'react';
-import type { OrbTheme } from './types';
-
-function ancestorTheme(el: Element | null): boolean | null {
-  let node: Element | null = el;
-  while (node) {
-    const attr = node.getAttribute('data-theme');
-    if (attr === 'dark') return true;
-    if (attr === 'light') return false;
-    if (node.classList.contains('dark')) return true;
-    if (node.classList.contains('light')) return false;
-    node = node.parentElement;
-  }
-  return null;
-}
-
-function systemDark(): boolean {
-  return typeof matchMedia === 'undefined' || matchMedia('(prefers-color-scheme: dark)').matches;
-}
-
-/** Resolve the effective dark/light substrate for a mounted element. */
-export function useResolvedDark(theme: OrbTheme, hostRef: RefObject<Element | null>): boolean {
-  const [dark, setDark] = useState(true);
-
-  useEffect(() => {
-    if (theme === 'dark') {
-      setDark(true);
-      return;
-    }
-    if (theme === 'light') {
-      setDark(false);
-      return;
-    }
-
-    const resolve = () => {
-      const fromTree = ancestorTheme(hostRef.current);
-      setDark(fromTree ?? systemDark());
-    };
-    resolve();
-
-    // live OS/browser theme switches
-    const mq = typeof matchMedia !== 'undefined' ? matchMedia('(prefers-color-scheme: dark)') : null;
-    const onMq = () => resolve();
-    mq?.addEventListener('change', onMq);
-
-    // live app-level toggles: watch class/data-theme flips on ancestors
-    let mo: MutationObserver | null = null;
-    if (typeof MutationObserver !== 'undefined' && hostRef.current) {
-      mo = new MutationObserver(resolve);
-      mo.observe(document.documentElement, {
-        attributes: true,
-        attributeFilter: ['class', 'data-theme'],
-        subtree: true
-      });
-    }
-
-    return () => {
-      mq?.removeEventListener('change', onMq);
-      mo?.disconnect();
-    };
-  }, [theme, hostRef]);
-
-  return dark;
-}
-
-/** Live `prefers-reduced-motion` — reduced users get a static frame. */
-export function useReducedMotion(): boolean {
-  const [reduced, setReduced] = useState(false);
-  useEffect(() => {
-    if (typeof matchMedia === 'undefined') return;
-    const mq = matchMedia('(prefers-reduced-motion: reduce)');
-    setReduced(mq.matches);
-    const on = (e: MediaQueryListEvent) => setReduced(e.matches);
-    mq.addEventListener('change', on);
-    return () => mq.removeEventListener('change', on);
-  }, []);
-  return reduced;
-}