@bquery/bquery 1.8.1 → 1.9.0

package/dist/media-D4zLj9t-.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"media-D4zLj9t-.js","names":[],"sources":["../src/media/media-query.ts","../src/media/breakpoints.ts","../src/media/viewport.ts","../src/media/network.ts","../src/media/battery.ts","../src/media/geolocation.ts","../src/media/device-sensors.ts","../src/media/clipboard.ts","../src/media/observers.ts"],"sourcesContent":["/**\n * Reactive media query matching.\n *\n * Returns a reactive boolean signal that tracks whether a CSS media query matches.\n *\n * @module bquery/media\n */\n\nimport { readonly, signal } from '../reactive/index';\nimport type { MediaSignalHandle } from './types';\n\n/**\n * Creates a reactive signal that tracks whether a CSS media query matches.\n *\n * Uses `window.matchMedia()` under the hood and automatically updates\n * when the match state changes (e.g., on window resize, device orientation change).\n *\n * @param query - A valid CSS media query string (e.g., `'(min-width: 768px)'`)\n * @returns A readonly reactive signal that is `true` when the query matches,\n * plus a `destroy()` method to remove the media query listener\n *\n * @example\n * ```ts\n * import { mediaQuery } from '@bquery/bquery/media';\n * import { effect } from '@bquery/bquery/reactive';\n *\n * const isDark = mediaQuery('(prefers-color-scheme: dark)');\n * effect(() => {\n *   document.body.classList.toggle('dark', isDark.value);\n * });\n *\n * const isWide = mediaQuery('(min-width: 1024px)');\n * effect(() => {\n *   console.log('Wide screen:', isWide.value);\n * });\n * ```\n */\nexport const mediaQuery = (query: string): MediaSignalHandle<boolean> => {\n  const s = signal(false);\n  let cleanup: (() => void) | undefined;\n\n  if (typeof window !== 'undefined' && typeof window.matchMedia === 'function') {\n    try {\n      const mql = window.matchMedia(query);\n      s.value = mql.matches;\n\n      const handler = (e: MediaQueryListEvent): void => {\n        s.value = e.matches;\n      };\n\n      if (typeof mql.addEventListener === 'function') {\n        mql.addEventListener('change', handler);\n        cleanup = () => {\n          mql.removeEventListener('change', handler);\n        };\n      } else if (\n        typeof (\n          mql as MediaQueryList & {\n            addListener?: (listener: (event: MediaQueryListEvent) => void) => void;\n            removeListener?: (listener: (event: MediaQueryListEvent) => void) => void;\n          }\n        ).addListener === 'function'\n      ) {\n        const legacyMql = mql as MediaQueryList & {\n          addListener: (listener: (event: MediaQueryListEvent) => void) => void;\n          removeListener: (listener: (event: MediaQueryListEvent) => void) => void;\n        };\n        legacyMql.addListener(handler);\n        cleanup = () => {\n          legacyMql.removeListener(handler);\n        };\n      }\n    } catch {\n      // matchMedia may throw in non-browser environments\n    }\n  }\n\n  const ro = readonly(s) as MediaSignalHandle<boolean>;\n  let destroyed = false;\n  Object.defineProperty(ro, 'destroy', {\n    enumerable: false,\n    configurable: true,\n    value(): void {\n      if (destroyed) return;\n      destroyed = true;\n      cleanup?.();\n      s.dispose();\n    },\n  });\n\n  return ro;\n};\n","/**\n * Named breakpoint signals.\n *\n * Defines named breakpoints that return reactive boolean signals,\n * making it easy to respond to viewport size changes.\n *\n * @module bquery/media\n */\n\nimport { readonly, signal } from '../reactive/index';\nimport type { BreakpointMap, MediaSignalHandle } from './types';\n\ntype BreakpointSignals<T extends BreakpointMap> = { [K in keyof T]: MediaSignalHandle<boolean> } & {\n  destroyAll(): void;\n} & ('destroy' extends keyof T ? Record<never, never> : { destroy(): void });\n\n/**\n * Defines named breakpoints and returns reactive boolean signals for each.\n *\n * Each breakpoint is a minimum-width media query. The returned object maps\n * each breakpoint name to a `ReadonlySignal<boolean>` that is `true` when\n * the viewport width is at or above the breakpoint value.\n *\n * @param bp - An object mapping breakpoint names to minimum widths in pixels\n * @returns An object with the same keys, each a reactive boolean signal with\n * `destroy()`, plus a top-level `destroyAll()` method to clean up all listeners.\n * When no breakpoint is named `destroy`, a `destroy()` alias is also provided.\n *\n * @example\n * ```ts\n * import { breakpoints } from '@bquery/bquery/media';\n * import { effect } from '@bquery/bquery/reactive';\n *\n * const bp = breakpoints({ sm: 640, md: 768, lg: 1024, xl: 1280 });\n *\n * effect(() => {\n *   if (bp.xl.value) {\n *     console.log('Extra large viewport');\n *   } else if (bp.lg.value) {\n *     console.log('Large viewport');\n *   } else if (bp.md.value) {\n *     console.log('Medium viewport');\n *   } else {\n *     console.log('Small viewport');\n *   }\n * });\n * ```\n */\nexport const breakpoints = <T extends BreakpointMap>(bp: T): BreakpointSignals<T> => {\n  const signals = {} as { [K in keyof T]: MediaSignalHandle<boolean> };\n  const destroyers: Array<() => void> = [];\n\n  type LegacyMediaQueryList = MediaQueryList & {\n    addListener?: (listener: (event: MediaQueryListEvent | MediaQueryList) => void) => void;\n    removeListener?: (listener: (event: MediaQueryListEvent | MediaQueryList) => void) => void;\n  };\n\n  for (const key of Object.keys(bp) as Array<keyof T>) {\n    const width = bp[key];\n    const s = signal(false);\n    let cleanup: (() => void) | undefined;\n\n    if (typeof window !== 'undefined' && typeof window.matchMedia === 'function') {\n      try {\n        const mql = window.matchMedia(`(min-width: ${width}px)`);\n        s.value = mql.matches;\n\n        const handler = (e: MediaQueryListEvent | MediaQueryList): void => {\n          s.value = e.matches;\n        };\n\n        if (typeof mql.addEventListener === 'function') {\n          mql.addEventListener('change', handler);\n          cleanup = () => {\n            mql.removeEventListener('change', handler);\n          };\n        } else {\n          const legacyMql = mql as LegacyMediaQueryList;\n          if (typeof legacyMql.addListener === 'function') {\n            legacyMql.addListener(handler);\n            cleanup = () => {\n              legacyMql.removeListener?.(handler);\n            };\n          }\n        }\n      } catch {\n        // matchMedia may throw in non-browser environments\n      }\n    }\n\n    const ro = readonly(s) as MediaSignalHandle<boolean>;\n    let destroyed = false;\n    Object.defineProperty(ro, 'destroy', {\n      enumerable: false,\n      configurable: true,\n      value(): void {\n        if (destroyed) return;\n        destroyed = true;\n        cleanup?.();\n        s.dispose();\n      },\n    });\n    destroyers.push(ro.destroy);\n    signals[key] = ro;\n  }\n\n  let destroyed = false;\n  const result = Object.defineProperty(signals, 'destroyAll', {\n    enumerable: false,\n    configurable: true,\n    value(): void {\n      if (destroyed) return;\n      destroyed = true;\n      destroyers.forEach((destroy) => {\n        destroy();\n      });\n    },\n  }) as BreakpointSignals<T>;\n\n  if (!Object.prototype.hasOwnProperty.call(signals, 'destroy')) {\n    Object.defineProperty(result, 'destroy', {\n      enumerable: false,\n      configurable: true,\n      value: result.destroyAll,\n    });\n  }\n\n  return result;\n};\n","/**\n * Reactive viewport dimensions.\n *\n * Provides a reactive signal tracking the browser viewport's\n * width, height, and orientation.\n *\n * @module bquery/media\n */\n\nimport { readonly, signal } from '../reactive/index';\nimport type { ViewportSignal, ViewportState } from './types';\n\n/**\n * Computes orientation from width and height.\n * @internal\n */\nconst getOrientation = (w: number, h: number): 'portrait' | 'landscape' =>\n  h >= w ? 'portrait' : 'landscape';\n\n/**\n * Returns a reactive signal tracking the current viewport dimensions and orientation.\n *\n * Updates automatically when the window is resized. Uses `window.innerWidth`\n * and `window.innerHeight` under the hood.\n *\n * @returns A readonly reactive signal with `{ width, height, orientation }`\n * and a `destroy()` method to remove the resize listener\n *\n * @example\n * ```ts\n * import { useViewport } from '@bquery/bquery/media';\n * import { effect } from '@bquery/bquery/reactive';\n *\n * const viewport = useViewport();\n * effect(() => {\n *   console.log(`Viewport: ${viewport.value.width}x${viewport.value.height}`);\n *   console.log(`Orientation: ${viewport.value.orientation}`);\n * });\n * ```\n */\nexport const useViewport = (): ViewportSignal => {\n  const initial: ViewportState = {\n    width: typeof window !== 'undefined' ? window.innerWidth : 0,\n    height: typeof window !== 'undefined' ? window.innerHeight : 0,\n    orientation:\n      typeof window !== 'undefined'\n        ? getOrientation(window.innerWidth, window.innerHeight)\n        : 'portrait',\n  };\n\n  const s = signal<ViewportState>(initial);\n\n  let cleanup: (() => void) | undefined;\n\n  if (typeof window !== 'undefined') {\n    const handler = (): void => {\n      s.value = {\n        width: window.innerWidth,\n        height: window.innerHeight,\n        orientation: getOrientation(window.innerWidth, window.innerHeight),\n      };\n    };\n\n    window.addEventListener('resize', handler);\n    cleanup = () => {\n      window.removeEventListener('resize', handler);\n    };\n  }\n\n  const ro = readonly(s) as ViewportSignal;\n  let destroyed = false;\n  Object.defineProperty(ro, 'destroy', {\n    enumerable: false,\n    configurable: true,\n    value: (): void => {\n      if (destroyed) return;\n      destroyed = true;\n      cleanup?.();\n      s.dispose();\n    },\n  });\n\n  return ro;\n};\n","/**\n * Reactive network status.\n *\n * Provides a reactive signal tracking the browser's network connectivity\n * and connection quality via the Network Information API.\n *\n * @module bquery/media\n */\n\nimport { readonly, signal } from '../reactive/index';\nimport type { NetworkSignal, NetworkState } from './types';\n\n/**\n * Navigator connection interface for the Network Information API.\n * @internal\n */\ninterface NavigatorConnection extends EventTarget {\n  effectiveType?: string;\n  downlink?: number;\n  rtt?: number;\n}\n\n/**\n * Extended Navigator with connection property.\n * @internal\n */\ninterface NavigatorWithConnection extends Navigator {\n  connection?: NavigatorConnection;\n}\n\n/**\n * Reads current network state from browser APIs.\n * @internal\n */\nconst getNetworkState = (): NetworkState => {\n  const online =\n    typeof navigator !== 'undefined' && navigator.onLine !== undefined ? navigator.onLine : true;\n\n  const nav = typeof navigator !== 'undefined' ? (navigator as NavigatorWithConnection) : undefined;\n  const conn = nav?.connection;\n\n  return {\n    online,\n    effectiveType: conn?.effectiveType ?? 'unknown',\n    downlink: conn?.downlink ?? 0,\n    rtt: conn?.rtt ?? 0,\n  };\n};\n\n/**\n * Returns a reactive signal tracking network connectivity and quality.\n *\n * Tracks whether the browser is online/offline and, where supported,\n * the effective connection type, downlink speed, and round-trip time\n * via the Network Information API.\n *\n * @returns A readonly reactive signal with `{ online, effectiveType, downlink, rtt }`\n * and a `destroy()` method to remove attached listeners\n *\n * @example\n * ```ts\n * import { useNetworkStatus } from '@bquery/bquery/media';\n * import { effect } from '@bquery/bquery/reactive';\n *\n * const net = useNetworkStatus();\n * effect(() => {\n *   if (!net.value.online) {\n *     console.warn('You are offline!');\n *   }\n *   console.log(`Connection: ${net.value.effectiveType}, RTT: ${net.value.rtt}ms`);\n * });\n * ```\n */\nexport const useNetworkStatus = (): NetworkSignal => {\n  const s = signal<NetworkState>(getNetworkState());\n  let cleanup: (() => void) | undefined;\n\n  if (typeof window !== 'undefined') {\n    const update = (): void => {\n      s.value = getNetworkState();\n    };\n\n    window.addEventListener('online', update);\n    window.addEventListener('offline', update);\n\n    const nav =\n      typeof navigator !== 'undefined' ? (navigator as NavigatorWithConnection) : undefined;\n    if (nav?.connection && typeof nav.connection.addEventListener === 'function') {\n      nav.connection.addEventListener('change', update);\n    }\n\n    cleanup = () => {\n      window.removeEventListener('online', update);\n      window.removeEventListener('offline', update);\n      if (nav?.connection && typeof nav.connection.removeEventListener === 'function') {\n        nav.connection.removeEventListener('change', update);\n      }\n    };\n  }\n\n  const ro = readonly(s) as NetworkSignal;\n  let destroyed = false;\n  Object.defineProperty(ro, 'destroy', {\n    value(): void {\n      if (destroyed) return;\n      destroyed = true;\n      cleanup?.();\n      s.dispose();\n    },\n    enumerable: false,\n    configurable: true,\n  });\n\n  return ro;\n};\n","/**\n * Reactive battery status.\n *\n * Provides a reactive signal tracking the device's battery status\n * via the Battery Status API.\n *\n * @module bquery/media\n */\n\nimport { signal, readonly } from '../reactive/index';\nimport type { BatterySignal, BatteryState } from './types';\n\n/**\n * BatteryManager interface for the Battery Status API.\n * @internal\n */\ninterface BatteryManager extends EventTarget {\n  charging: boolean;\n  chargingTime: number;\n  dischargingTime: number;\n  level: number;\n}\n\n/** Default battery state when API is unavailable. */\nconst DEFAULT_BATTERY_STATE: BatteryState = {\n  supported: false,\n  charging: false,\n  chargingTime: 0,\n  dischargingTime: 0,\n  level: 1,\n};\n\n/**\n * Returns a reactive signal tracking the device's battery status.\n *\n * Uses the Battery Status API (`navigator.getBattery()`) where available.\n * Falls back gracefully to a default state with `supported: false` when\n * the API is not available.\n *\n * @returns A readonly reactive signal with battery state and a `destroy()` method\n * to remove Battery Status API listeners\n *\n * @example\n * ```ts\n * import { useBattery } from '@bquery/bquery/media';\n * import { effect } from '@bquery/bquery/reactive';\n *\n * const battery = useBattery();\n * effect(() => {\n *   if (battery.value.supported) {\n *     console.log(`Battery: ${(battery.value.level * 100).toFixed(0)}%`);\n *     console.log(`Charging: ${battery.value.charging}`);\n *   }\n * });\n * ```\n */\nexport const useBattery = (): BatterySignal => {\n  const s = signal<BatteryState>({ ...DEFAULT_BATTERY_STATE });\n  let cleanup: (() => void) | undefined;\n  let destroyed = false;\n\n  if (\n    typeof navigator !== 'undefined' &&\n    'getBattery' in navigator &&\n    typeof (navigator as Navigator & { getBattery: () => Promise<BatteryManager> }).getBattery ===\n      'function'\n  ) {\n    const nav = navigator as Navigator & { getBattery: () => Promise<BatteryManager> };\n\n    nav\n      .getBattery()\n      .then((battery) => {\n        if (destroyed) return;\n\n        const update = (): void => {\n          s.value = {\n            supported: true,\n            charging: battery.charging,\n            chargingTime: battery.chargingTime,\n            dischargingTime: battery.dischargingTime,\n            level: battery.level,\n          };\n        };\n\n        update();\n\n        battery.addEventListener('chargingchange', update);\n        battery.addEventListener('chargingtimechange', update);\n        battery.addEventListener('dischargingtimechange', update);\n        battery.addEventListener('levelchange', update);\n        cleanup = () => {\n          battery.removeEventListener('chargingchange', update);\n          battery.removeEventListener('chargingtimechange', update);\n          battery.removeEventListener('dischargingtimechange', update);\n          battery.removeEventListener('levelchange', update);\n        };\n      })\n      .catch(() => {\n        // Battery API rejected — keep default state\n      });\n  }\n\n  const ro = readonly(s) as BatterySignal;\n  Object.defineProperty(ro, 'destroy', {\n    enumerable: false,\n    configurable: true,\n    value(): void {\n      if (destroyed) return;\n      destroyed = true;\n      cleanup?.();\n      s.dispose();\n    },\n  });\n\n  return ro;\n};\n","/**\n * Reactive geolocation.\n *\n * Provides a reactive signal tracking the device's geographic position\n * via the Geolocation API.\n *\n * @module bquery/media\n */\n\nimport { signal, readonly } from '../reactive/index';\nimport type { GeolocationOptions, GeolocationSignal, GeolocationState } from './types';\n\n/** Default geolocation state. */\nconst DEFAULT_GEO_STATE: GeolocationState = {\n  supported: false,\n  loading: false,\n  latitude: null,\n  longitude: null,\n  accuracy: null,\n  altitude: null,\n  altitudeAccuracy: null,\n  heading: null,\n  speed: null,\n  timestamp: null,\n  error: null,\n};\n\n/**\n * Returns a reactive signal tracking the device's geographic position.\n *\n * Uses the Geolocation API (`navigator.geolocation`) where available.\n * Can operate in one-shot mode (default) or continuous watch mode.\n *\n * @param options - Configuration for the geolocation request\n * @returns A readonly reactive signal with position data and loading/error state,\n * plus a `destroy()` method to stop an active watcher\n *\n * @example\n * ```ts\n * import { useGeolocation } from '@bquery/bquery/media';\n * import { effect } from '@bquery/bquery/reactive';\n *\n * // One-shot position\n * const geo = useGeolocation();\n * effect(() => {\n *   if (geo.value.loading) return console.log('Getting position...');\n *   if (geo.value.error) return console.error(geo.value.error);\n *   console.log(`Lat: ${geo.value.latitude}, Lng: ${geo.value.longitude}`);\n * });\n *\n * // Continuous watch with high accuracy\n * const geoWatch = useGeolocation({ watch: true, enableHighAccuracy: true });\n * ```\n */\nexport const useGeolocation = (options: GeolocationOptions = {}): GeolocationSignal => {\n  const { enableHighAccuracy = false, maximumAge = 0, timeout = Infinity, watch = false } = options;\n\n  const s = signal<GeolocationState>({ ...DEFAULT_GEO_STATE });\n\n  let destroyWatcher: (() => void) | undefined;\n\n  if (typeof navigator !== 'undefined' && 'geolocation' in navigator) {\n    s.value = { ...DEFAULT_GEO_STATE, supported: true, loading: true };\n\n    const posOptions: PositionOptions = {\n      enableHighAccuracy,\n      maximumAge,\n      timeout: timeout === Infinity ? undefined : timeout,\n    };\n\n    const onSuccess = (pos: GeolocationPosition): void => {\n      s.value = {\n        supported: true,\n        loading: false,\n        latitude: pos.coords.latitude,\n        longitude: pos.coords.longitude,\n        accuracy: pos.coords.accuracy,\n        altitude: pos.coords.altitude,\n        altitudeAccuracy: pos.coords.altitudeAccuracy,\n        heading: pos.coords.heading,\n        speed: pos.coords.speed,\n        timestamp: pos.timestamp,\n        error: null,\n      };\n    };\n\n    const onError = (err: GeolocationPositionError): void => {\n      s.value = {\n        ...s.value,\n        loading: false,\n        error: err.message,\n      };\n    };\n\n    if (watch) {\n      const watchId = navigator.geolocation.watchPosition(onSuccess, onError, posOptions);\n      destroyWatcher = () => {\n        navigator.geolocation.clearWatch(watchId);\n      };\n    } else {\n      navigator.geolocation.getCurrentPosition(onSuccess, onError, posOptions);\n    }\n  }\n\n  const ro = readonly(s) as GeolocationSignal;\n  let destroyed = false;\n  Object.defineProperty(ro, 'destroy', {\n    enumerable: false,\n    configurable: true,\n    value(): void {\n      if (destroyed) return;\n      destroyed = true;\n      destroyWatcher?.();\n      s.dispose();\n    },\n  });\n\n  return ro;\n};\n","/**\n * Reactive device motion and orientation sensors.\n *\n * Provides reactive signals for accelerometer, gyroscope, and\n * compass data via the DeviceMotion and DeviceOrientation APIs.\n *\n * @module bquery/media\n */\n\nimport { signal, readonly } from '../reactive/index';\nimport type {\n  DeviceMotionSignal,\n  DeviceMotionState,\n  DeviceOrientationSignal,\n  DeviceOrientationState,\n} from './types';\n\n/** Default device motion state. */\nconst DEFAULT_MOTION_STATE: DeviceMotionState = {\n  acceleration: { x: null, y: null, z: null },\n  accelerationIncludingGravity: { x: null, y: null, z: null },\n  rotationRate: { alpha: null, beta: null, gamma: null },\n  interval: 0,\n};\n\n/** Default device orientation state. */\nconst DEFAULT_ORIENTATION_STATE: DeviceOrientationState = {\n  alpha: null,\n  beta: null,\n  gamma: null,\n  absolute: false,\n};\n\n/**\n * Returns a reactive signal tracking device motion (accelerometer + gyroscope).\n *\n * Uses the `devicemotion` event to provide acceleration, acceleration\n * including gravity, and rotation rate data.\n *\n * @returns A readonly reactive signal with motion sensor data and a `destroy()`\n * method to remove the underlying event listener\n *\n * @example\n * ```ts\n * import { useDeviceMotion } from '@bquery/bquery/media';\n * import { effect } from '@bquery/bquery/reactive';\n *\n * const motion = useDeviceMotion();\n * effect(() => {\n *   const { acceleration } = motion.value;\n *   console.log(`Acceleration: x=${acceleration.x}, y=${acceleration.y}, z=${acceleration.z}`);\n * });\n * ```\n */\nexport const useDeviceMotion = (): DeviceMotionSignal => {\n  const s = signal<DeviceMotionState>({ ...DEFAULT_MOTION_STATE });\n  let cleanup: (() => void) | undefined;\n\n  if (typeof window !== 'undefined') {\n    const handler = (e: DeviceMotionEvent): void => {\n      s.value = {\n        acceleration: {\n          x: e.acceleration?.x ?? null,\n          y: e.acceleration?.y ?? null,\n          z: e.acceleration?.z ?? null,\n        },\n        accelerationIncludingGravity: {\n          x: e.accelerationIncludingGravity?.x ?? null,\n          y: e.accelerationIncludingGravity?.y ?? null,\n          z: e.accelerationIncludingGravity?.z ?? null,\n        },\n        rotationRate: {\n          alpha: e.rotationRate?.alpha ?? null,\n          beta: e.rotationRate?.beta ?? null,\n          gamma: e.rotationRate?.gamma ?? null,\n        },\n        interval: e.interval ?? 0,\n      };\n    };\n\n    window.addEventListener('devicemotion', handler);\n    cleanup = () => {\n      window.removeEventListener('devicemotion', handler);\n    };\n  }\n\n  const ro = readonly(s) as DeviceMotionSignal;\n  let destroyed = false;\n  Object.defineProperty(ro, 'destroy', {\n    enumerable: false,\n    configurable: true,\n    value(): void {\n      if (destroyed) return;\n      destroyed = true;\n      cleanup?.();\n      s.dispose();\n    },\n  });\n\n  return ro;\n};\n\n/**\n * Returns a reactive signal tracking device orientation (compass/gyroscope).\n *\n * Uses the `deviceorientation` event to provide alpha (compass heading),\n * beta (front-to-back tilt), and gamma (left-to-right tilt) data.\n *\n * @returns A readonly reactive signal with orientation data and a `destroy()`\n * method to remove the underlying event listener\n *\n * @example\n * ```ts\n * import { useDeviceOrientation } from '@bquery/bquery/media';\n * import { effect } from '@bquery/bquery/reactive';\n *\n * const orientation = useDeviceOrientation();\n * effect(() => {\n *   console.log(`Compass heading: ${orientation.value.alpha}°`);\n *   console.log(`Tilt: ${orientation.value.beta}° / ${orientation.value.gamma}°`);\n * });\n * ```\n */\nexport const useDeviceOrientation = (): DeviceOrientationSignal => {\n  const s = signal<DeviceOrientationState>({ ...DEFAULT_ORIENTATION_STATE });\n  let cleanup: (() => void) | undefined;\n\n  if (typeof window !== 'undefined') {\n    const handler = (e: DeviceOrientationEvent): void => {\n      s.value = {\n        alpha: e.alpha ?? null,\n        beta: e.beta ?? null,\n        gamma: e.gamma ?? null,\n        absolute: e.absolute ?? false,\n      };\n    };\n\n    window.addEventListener('deviceorientation', handler);\n    cleanup = () => {\n      window.removeEventListener('deviceorientation', handler);\n    };\n  }\n\n  const ro = readonly(s) as DeviceOrientationSignal;\n  let destroyed = false;\n  Object.defineProperty(ro, 'destroy', {\n    enumerable: false,\n    configurable: true,\n    value(): void {\n      if (destroyed) return;\n      destroyed = true;\n      cleanup?.();\n      s.dispose();\n    },\n  });\n\n  return ro;\n};\n","/**\n * Async clipboard API wrappers.\n *\n * Provides simple read/write access to the system clipboard\n * via the Async Clipboard API.\n *\n * @module bquery/media\n */\n\nimport type { ClipboardAPI } from './types';\n\nconst CLIPBOARD_UNAVAILABLE_ERROR =\n  'bQuery media: Clipboard API is unavailable. Use a secure context (HTTPS or localhost) and ensure clipboard permissions or user-activation requirements are met.';\n\n/**\n * Clipboard API wrapper providing simple async read/write access.\n *\n * Uses the modern Async Clipboard API (`navigator.clipboard`) under the hood.\n * Both methods are `Promise`-based and will reject if the API is unavailable\n * or permission is denied.\n *\n * @example\n * ```ts\n * import { clipboard } from '@bquery/bquery/media';\n *\n * // Write text to clipboard\n * await clipboard.write('Hello, world!');\n *\n * // Read text from clipboard\n * const text = await clipboard.read();\n * console.log(text); // \"Hello, world!\"\n * ```\n */\nexport const clipboard: ClipboardAPI = {\n  /**\n   * Reads text from the system clipboard.\n   *\n   * @returns A promise that resolves with the clipboard text content\n   * @throws Error if the Clipboard API is not available or permission is denied\n   *\n   * @example\n   * ```ts\n   * const text = await clipboard.read();\n   * console.log('Clipboard contains:', text);\n   * ```\n   */\n  read: async (): Promise<string> => {\n    if (\n      typeof navigator === 'undefined' ||\n      !navigator.clipboard ||\n      typeof navigator.clipboard.readText !== 'function'\n    ) {\n      throw new Error(CLIPBOARD_UNAVAILABLE_ERROR);\n    }\n    return navigator.clipboard.readText();\n  },\n\n  /**\n   * Writes text to the system clipboard.\n   *\n   * @param text - The text to write to the clipboard\n   * @returns A promise that resolves when the text has been written\n   * @throws Error if the Clipboard API is not available or permission is denied\n   *\n   * @example\n   * ```ts\n   * await clipboard.write('Copied!');\n   * ```\n   */\n  write: async (text: string): Promise<void> => {\n    if (\n      typeof navigator === 'undefined' ||\n      !navigator.clipboard ||\n      typeof navigator.clipboard.writeText !== 'function'\n    ) {\n      throw new Error(CLIPBOARD_UNAVAILABLE_ERROR);\n    }\n    return navigator.clipboard.writeText(text);\n  },\n};\n","/**\n * Reactive wrappers for browser Observer APIs.\n *\n * Provides composables for IntersectionObserver, ResizeObserver, and\n * MutationObserver that expose reactive signals updated on every callback.\n *\n * @module bquery/media\n */\n\nimport { readonly, signal } from '../reactive/index';\nimport type {\n  IntersectionObserverOptions,\n  IntersectionObserverSignal,\n  IntersectionObserverState,\n  MutationObserverOptions,\n  MutationObserverSignal,\n  MutationObserverState,\n  ResizeObserverOptions,\n  ResizeObserverSignal,\n  ResizeObserverState,\n} from './types';\n\ntype ResizeObserverBoxSizeLike = {\n  inlineSize: number;\n  blockSize: number;\n};\n\nconst getResizeDimensions = (\n  entry: ResizeObserverEntry,\n  box: ResizeObserverBoxOptions\n): Pick<ResizeObserverState, 'width' | 'height'> => {\n  let boxSize:\n    | ResizeObserverBoxSizeLike\n    | readonly ResizeObserverBoxSizeLike[]\n    | undefined;\n\n  if (box === 'border-box') {\n    boxSize = entry.borderBoxSize;\n  } else if (box === 'device-pixel-content-box') {\n    boxSize = (\n      entry as ResizeObserverEntry & {\n        devicePixelContentBoxSize?:\n          | ResizeObserverBoxSizeLike\n          | readonly ResizeObserverBoxSizeLike[];\n      }\n    ).devicePixelContentBoxSize;\n  } else {\n    boxSize = entry.contentBoxSize;\n  }\n\n  const resolvedBoxSize = Array.isArray(boxSize) ? boxSize[0] : boxSize;\n  if (\n    resolvedBoxSize &&\n    typeof resolvedBoxSize.inlineSize === 'number' &&\n    typeof resolvedBoxSize.blockSize === 'number'\n  ) {\n    return {\n      width: resolvedBoxSize.inlineSize,\n      height: resolvedBoxSize.blockSize,\n    };\n  }\n\n  return {\n    width: entry.contentRect.width,\n    height: entry.contentRect.height,\n  };\n};\n\n// ─── useIntersectionObserver ────────────────────────────────────────────────\n\n/**\n * Returns a reactive signal tracking element intersection with a root viewport.\n *\n * The returned handle exposes `observe()` / `unobserve()` methods so you can\n * control which elements are watched. If an initial `target` is provided it is\n * observed immediately.\n *\n * @param target  - Optional element or array of elements to observe immediately.\n * @param options - Standard `IntersectionObserver` init options.\n * @returns A readonly reactive signal with intersection state, plus `observe`,\n * `unobserve`, and `destroy` methods.\n *\n * @example\n * ```ts\n * import { useIntersectionObserver } from '@bquery/bquery/media';\n * import { effect } from '@bquery/bquery/reactive';\n *\n * const el = document.querySelector('#lazy-image')!;\n * const io = useIntersectionObserver(el, { threshold: 0.5 });\n *\n * effect(() => {\n *   if (io.value.isIntersecting) {\n *     console.log('Element is 50% visible');\n *   }\n * });\n *\n * // Cleanup when done\n * io.destroy();\n * ```\n */\nexport const useIntersectionObserver = (\n  target?: Element | Element[] | null,\n  options?: IntersectionObserverOptions,\n): IntersectionObserverSignal => {\n  const initial: IntersectionObserverState = {\n    isIntersecting: false,\n    intersectionRatio: 0,\n    entry: null,\n  };\n\n  const s = signal<IntersectionObserverState>(initial);\n  let observer: IntersectionObserver | undefined;\n  let destroyed = false;\n\n  if (typeof window !== 'undefined' && typeof IntersectionObserver !== 'undefined') {\n    try {\n      observer = new IntersectionObserver(\n        (entries: IntersectionObserverEntry[]) => {\n          if (destroyed) return;\n          const last = entries[entries.length - 1];\n          if (last) {\n            s.value = {\n              isIntersecting: last.isIntersecting,\n              intersectionRatio: last.intersectionRatio,\n              entry: last,\n            };\n          }\n        },\n        {\n          root: options?.root ?? null,\n          rootMargin: options?.rootMargin ?? '0px',\n          threshold: options?.threshold ?? 0,\n        },\n      );\n\n      // Observe initial targets\n      if (target) {\n        const targets = Array.isArray(target) ? target : [target];\n        for (const el of targets) {\n          observer.observe(el);\n        }\n      }\n    } catch {\n      if (observer) observer.disconnect();\n      observer = undefined;\n    }\n  }\n\n  const ro = readonly(s) as IntersectionObserverSignal;\n\n  Object.defineProperties(ro, {\n    observe: {\n      enumerable: false,\n      configurable: true,\n      value(el: Element): void {\n        if (!destroyed) {\n          try {\n            observer?.observe(el);\n          } catch {}\n        }\n      },\n    },\n    unobserve: {\n      enumerable: false,\n      configurable: true,\n      value(el: Element): void {\n        if (!destroyed) observer?.unobserve(el);\n      },\n    },\n    destroy: {\n      enumerable: false,\n      configurable: true,\n      value(): void {\n        if (destroyed) return;\n        destroyed = true;\n        observer?.disconnect();\n        observer = undefined;\n        s.dispose();\n      },\n    },\n  });\n\n  return ro;\n};\n\n// ─── useResizeObserver ──────────────────────────────────────────────────────\n\n/**\n * Returns a reactive signal tracking the size of observed elements.\n *\n * By default it uses the `content-box`, but you can configure the observed box\n * via the underlying `ResizeObserver` options (e.g. `{ box: 'border-box' }`).\n *\n * The returned handle exposes `observe()` / `unobserve()` methods. If an\n * initial `target` is provided it is observed immediately.\n *\n * @param target  - Optional element or array of elements to observe immediately.\n * @param options - ResizeObserver options (e.g. `{ box: 'border-box' }`).\n * @returns A readonly reactive signal with `{ width, height, entry }` derived\n * from the configured box, plus `observe`, `unobserve`, and `destroy` methods.\n *\n * @example\n * ```ts\n * import { useResizeObserver } from '@bquery/bquery/media';\n * import { effect } from '@bquery/bquery/reactive';\n *\n * const el = document.querySelector('#panel')!;\n * const size = useResizeObserver(el);\n *\n * effect(() => {\n *   console.log(`Panel size: ${size.value.width}x${size.value.height}`);\n * });\n *\n * size.destroy();\n * ```\n */\nexport const useResizeObserver = (\n  target?: Element | Element[] | null,\n  options?: ResizeObserverOptions,\n): ResizeObserverSignal => {\n  const initial: ResizeObserverState = {\n    width: 0,\n    height: 0,\n    entry: null,\n  };\n\n  const s = signal<ResizeObserverState>(initial);\n  let observer: ResizeObserver | undefined;\n  let destroyed = false;\n  const box = options?.box ?? 'content-box';\n  const observeOptions = options?.box ? { box: options.box } : undefined;\n\n  if (typeof window !== 'undefined' && typeof ResizeObserver !== 'undefined') {\n    try {\n      observer = new ResizeObserver((entries: ResizeObserverEntry[]) => {\n        if (destroyed) return;\n        const last = entries[entries.length - 1];\n        if (last) {\n          const { width, height } = getResizeDimensions(last, box);\n          s.value = {\n            width,\n            height,\n            entry: last,\n          };\n        }\n      });\n\n      // Observe initial targets\n      if (target) {\n        const targets = Array.isArray(target) ? target : [target];\n        for (const el of targets) {\n          observer.observe(el, observeOptions);\n        }\n      }\n    } catch {\n      if (observer) observer.disconnect();\n      observer = undefined;\n    }\n  }\n\n  const ro = readonly(s) as ResizeObserverSignal;\n\n  Object.defineProperties(ro, {\n    observe: {\n      enumerable: false,\n      configurable: true,\n      value(el: Element): void {\n        if (!destroyed) {\n          try {\n            observer?.observe(el, observeOptions);\n          } catch {}\n        }\n      },\n    },\n    unobserve: {\n      enumerable: false,\n      configurable: true,\n      value(el: Element): void {\n        if (!destroyed) observer?.unobserve(el);\n      },\n    },\n    destroy: {\n      enumerable: false,\n      configurable: true,\n      value(): void {\n        if (destroyed) return;\n        destroyed = true;\n        observer?.disconnect();\n        observer = undefined;\n        s.dispose();\n      },\n    },\n  });\n\n  return ro;\n};\n\n// ─── useMutationObserver ────────────────────────────────────────────────────\n\n/**\n * Returns a reactive signal tracking DOM mutations on observed nodes.\n *\n * The returned handle exposes `observe()` and `takeRecords()` for manual\n * lifecycle control. If an initial `target` is provided it is observed\n * immediately.\n *\n * @param target  - Optional node to observe immediately.\n * @param options - MutationObserver init options. Defaults to `{ attributes: true }`.\n * @returns A readonly reactive signal with `{ mutations, count }`, plus\n * `observe`, `takeRecords`, and `destroy` methods.\n *\n * @example\n * ```ts\n * import { useMutationObserver } from '@bquery/bquery/media';\n * import { effect } from '@bquery/bquery/reactive';\n *\n * const el = document.querySelector('#dynamic-content')!;\n * const mo = useMutationObserver(el, { childList: true, subtree: true });\n *\n * effect(() => {\n *   console.log(`${mo.value.count} mutation batches observed`);\n * });\n *\n * mo.destroy();\n * ```\n */\nexport const useMutationObserver = (\n  target?: Node | null,\n  options?: MutationObserverOptions,\n): MutationObserverSignal => {\n  const initial: MutationObserverState = {\n    mutations: [],\n    count: 0,\n  };\n\n  const s = signal<MutationObserverState>(initial);\n  let observer: MutationObserver | undefined;\n  let destroyed = false;\n  let totalCount = 0;\n\n  const resolvedOptions: MutationObserverInit = {\n    attributes: options?.attributes ?? true,\n    childList: options?.childList ?? false,\n    characterData: options?.characterData ?? false,\n    subtree: options?.subtree ?? false,\n    attributeOldValue: options?.attributeOldValue ?? false,\n    characterDataOldValue: options?.characterDataOldValue ?? false,\n    ...(options && options.attributeFilter !== undefined\n      ? { attributeFilter: options.attributeFilter }\n      : {}),\n  };\n\n  if (!resolvedOptions.attributes && !resolvedOptions.childList && !resolvedOptions.characterData) {\n    resolvedOptions.attributes = true;\n  }\n\n  if (!resolvedOptions.attributes) {\n    resolvedOptions.attributeOldValue = false;\n    delete resolvedOptions.attributeFilter;\n  }\n\n  if (!resolvedOptions.characterData) {\n    resolvedOptions.characterDataOldValue = false;\n  }\n\n  if (typeof window !== 'undefined' && typeof MutationObserver !== 'undefined') {\n    try {\n      observer = new MutationObserver((mutations: MutationRecord[]) => {\n        if (destroyed) return;\n        totalCount += 1;\n        s.value = {\n          mutations,\n          count: totalCount,\n        };\n      });\n\n      if (target) {\n        observer.observe(target, resolvedOptions);\n      }\n    } catch {\n      if (observer) observer.disconnect();\n      observer = undefined;\n    }\n  }\n\n  const ro = readonly(s) as MutationObserverSignal;\n\n  Object.defineProperties(ro, {\n    observe: {\n      enumerable: false,\n      configurable: true,\n      value(node: Node): void {\n        if (!destroyed) {\n          try {\n            observer?.observe(node, resolvedOptions);\n          } catch {}\n        }\n      },\n    },\n    takeRecords: {\n      enumerable: false,\n      configurable: true,\n      value(): MutationRecord[] {\n        return observer?.takeRecords() ?? [];\n      },\n    },\n    destroy: {\n      enumerable: false,\n      configurable: true,\n      value(): void {\n        if (destroyed) return;\n        destroyed = true;\n        observer?.disconnect();\n        observer = undefined;\n        s.dispose();\n      },\n    },\n  });\n\n  return ro;\n};\n"],"mappings":"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"}

package/dist/media.es.mjs

@@ -1,12 +1,15 @@
-import { a as s, c as a, i as o, l as t, n as i, o as r, r as u, s as n, t as c } from "./media-i-fB5WxI.js";
+import { a as s, c as a, d as r, f as t, i as o, l as i, n as u, o as n, r as c, s as b, t as p, u as v } from "./media-D4zLj9t-.js";
 export {
-  a as breakpoints,
-  c as clipboard,
+  r as breakpoints,
+  o as clipboard,
   t as mediaQuery,
-  s as useBattery,
-  i as useDeviceMotion,
-  u as useDeviceOrientation,
-  o as useGeolocation,
-  r as useNetworkStatus,
-  n as useViewport
+  a as useBattery,
+  s as useDeviceMotion,
+  n as useDeviceOrientation,
+  b as useGeolocation,
+  p as useIntersectionObserver,
+  u as useMutationObserver,
+  i as useNetworkStatus,
+  c as useResizeObserver,
+  v as useViewport
 };

package/dist/mount-B-JvH6Y0.js

@@ -0,0 +1,449 @@
+import { n as U } from "./sanitize-B1V4JswB.js";
+import { i as K } from "./object-BCk-1c8T.js";
+import { n as D, r as b } from "./core-DdtZHzsS.js";
+import { c as N, l as j } from "./reactive-BjpLkclt.js";
+import { t as X } from "./env-CTdvLaH2.js";
+import { t as G } from "./custom-directives-Dr4C5lVV.js";
+var V = 500, _ = class {
+  constructor(t) {
+    this.cache = /* @__PURE__ */ new Map(), this.maxSize = t;
+  }
+  get(t) {
+    const e = this.cache.get(t);
+    return e !== void 0 && (this.cache.delete(t), this.cache.set(t, e)), e;
+  }
+  set(t, e) {
+    if (this.cache.has(t)) this.cache.delete(t);
+    else if (this.cache.size >= this.maxSize) {
+      const i = this.cache.keys().next().value;
+      i !== void 0 && this.cache.delete(i);
+    }
+    this.cache.set(t, e);
+  }
+  clear() {
+    this.cache.clear();
+  }
+  get size() {
+    return this.cache.size;
+  }
+}, z = new _(V), I = new _(V), Ee = () => {
+  z.clear(), I.clear();
+}, J = (t) => new Proxy(t, {
+  get(e, i) {
+    if (typeof i != "string") return Reflect.get(e, i);
+    const s = e[i];
+    return j(s) || N(s) ? s.value : s;
+  },
+  has(e, i) {
+    return typeof i != "string" ? Reflect.has(e, i) : i in e;
+  }
+}), p = (t, e) => {
+  try {
+    const i = J(e);
+    let s = z.get(t);
+    return s || (s = new Function("$ctx", `with($ctx) { return (${t}); }`), z.set(t, s)), s(i);
+  } catch (i) {
+    console.error(`bQuery view: Error evaluating "${t}"`, i);
+    return;
+  }
+}, O = (t, e) => {
+  try {
+    let i = I.get(t);
+    return i || (i = new Function("$ctx", `with($ctx) { return (${t}); }`), I.set(t, i)), i(e);
+  } catch (i) {
+    console.error(`bQuery view: Error evaluating "${t}"`, i);
+    return;
+  }
+}, H = (t) => {
+  const e = {}, i = t.trim().replace(/^\{|\}$/g, "").trim();
+  if (!i) return e;
+  const s = [];
+  let r = "", c = 0, o = null;
+  for (let a = 0; a < i.length; a++) {
+    const n = i[a];
+    if (n === '"' || n === "'" || n === "`") {
+      let l = 0, u = a - 1;
+      for (; u >= 0 && i[u] === "\\"; )
+        l++, u--;
+      l % 2 === 0 && (o === null ? o = n : o === n && (o = null)), r += n;
+      continue;
+    }
+    if (o !== null) {
+      r += n;
+      continue;
+    }
+    n === "(" || n === "[" || n === "{" ? (c++, r += n) : n === ")" || n === "]" || n === "}" ? (c--, r += n) : n === "," && c === 0 ? (s.push(r.trim()), r = "") : r += n;
+  }
+  r.trim() && s.push(r.trim());
+  for (const a of s) {
+    let n = -1, l = 0, u = null;
+    for (let f = 0; f < a.length; f++) {
+      const h = a[f];
+      if (h === '"' || h === "'" || h === "`") {
+        let M = 0, $ = f - 1;
+        for (; $ >= 0 && a[$] === "\\"; )
+          M++, $--;
+        M % 2 === 0 && (u === null ? u = h : u === h && (u = null));
+        continue;
+      }
+      if (u === null) {
+        if (h === "(" || h === "[" || h === "{") l++;
+        else if (h === ")" || h === "]" || h === "}") l--;
+        else if (h === ":" && l === 0) {
+          n = f;
+          break;
+        }
+      }
+    }
+    if (n > -1) {
+      const f = a.slice(0, n).trim().replace(/^['"]|['"]$/g, "");
+      if (K(f)) continue;
+      e[f] = a.slice(n + 1).trim();
+    }
+  }
+  return e;
+}, Y = (t) => t.replace(/([A-Z])/g, "-$1").toLowerCase(), x = (t) => {
+  const e = t.trim(), i = e.toLowerCase();
+  return i.startsWith("aria-") ? i : `aria-${Y(/^aria[A-Z]/.test(e) ? e.slice(4) : e).replace(/^-/, "")}`;
+}, ee = (t) => t == null || t === "", te = (t, e, i, s) => {
+  let r = /* @__PURE__ */ new Set();
+  const c = b(() => {
+    const o = /* @__PURE__ */ new Set(), a = /* @__PURE__ */ Object.create(null);
+    if (e.trimStart().startsWith("{")) {
+      const n = H(e);
+      for (const [l, u] of Object.entries(n)) a[l] = p(u, i);
+    } else {
+      const n = p(e, i);
+      if (n && typeof n == "object" && !Array.isArray(n)) for (const [l, u] of Object.entries(n))
+        K(l) || (a[l] = u);
+    }
+    for (const [n, l] of Object.entries(a)) {
+      const u = x(n);
+      if (ee(l)) {
+        t.removeAttribute(u);
+        continue;
+      }
+      t.setAttribute(u, l === !0 ? "true" : String(l)), o.add(u);
+    }
+    for (const n of r) o.has(n) || t.removeAttribute(n);
+    r = o;
+  });
+  s.push(c);
+}, re = (t) => (e, i, s, r) => {
+  const c = b(() => {
+    const o = p(i, s);
+    o == null || o === !1 ? e.removeAttribute(t) : o === !0 ? e.setAttribute(t, "") : e.setAttribute(t, String(o));
+  });
+  r.push(c);
+}, ne = (t, e, i, s) => {
+  let r = /* @__PURE__ */ new Set();
+  const c = b(() => {
+    const o = /* @__PURE__ */ new Set();
+    if (e.trimStart().startsWith("{")) {
+      const a = H(e);
+      for (const [n, l] of Object.entries(a)) {
+        const u = p(l, i);
+        t.classList.toggle(n, !!u), o.add(n);
+      }
+    } else if (/^\s*\[/.test(e)) {
+      const a = p(e, i);
+      if (Array.isArray(a))
+        for (const n of a) n && (t.classList.add(n), o.add(n));
+    } else {
+      const a = p(e, i);
+      typeof a == "string" ? a.split(/\s+/).forEach((n) => {
+        n && (t.classList.add(n), o.add(n));
+      }) : Array.isArray(a) && a.forEach((n) => {
+        n && (t.classList.add(n), o.add(n));
+      });
+    }
+    for (const a of r) o.has(a) || t.classList.remove(a);
+    r = o;
+  });
+  s.push(c);
+}, ie = (t) => {
+  if (j(t) || N(t)) return String(t.value ?? "");
+  if (t && typeof t == "object" && "error" in t) {
+    const e = t.error;
+    return j(e) || N(e) ? String(e.value ?? "") : String(e ?? "");
+  }
+  return String(t ?? "");
+}, se = (t, e, i, s) => {
+  const r = t, c = !r.hasAttribute("aria-hidden");
+  r.hasAttribute("role") || r.setAttribute("role", "alert"), r.hasAttribute("aria-live") || r.setAttribute("aria-live", "assertive");
+  const o = b(() => {
+    const a = ie(p(e, i)).trim(), n = a.length > 0;
+    r.textContent = a, r.hidden = !n, c && (n ? r.removeAttribute("aria-hidden") : r.setAttribute("aria-hidden", "true"));
+  });
+  s.push(o);
+}, ae = (t, e, i, s, r, c) => {
+  if (!i) return e;
+  const o = {
+    ...c,
+    [s]: t
+  };
+  return r && (o[r] = e), p(i, o);
+}, oe = (t) => {
+  const { prefix: e, processElement: i, processChildren: s } = t;
+  return (r, c, o, a) => {
+    const n = r.parentNode;
+    if (!n) return;
+    const l = c.match(/^\(?(\w+)(?:\s*,\s*(\w+))?\)?\s+in\s+(\S.*)$/);
+    if (!l) {
+      console.error(`bQuery view: Invalid bq-for expression "${c}"`);
+      return;
+    }
+    const [, u, f, h] = l, M = r.getAttribute(":key") || r.getAttribute(`${e}-key`), $ = r.cloneNode(!0);
+    $.removeAttribute(`${e}-for`), $.removeAttribute(":key"), $.removeAttribute(`${e}-key`);
+    const P = document.createComment(`bq-for: ${c}`);
+    n.replaceChild(P, r);
+    let E = /* @__PURE__ */ new Map(), q = [];
+    const F = (m, v, A) => {
+      const C = $.cloneNode(!0), k = [], L = D(m), S = f ? D(v) : null, d = {
+        ...o,
+        [u]: L
+      };
+      return f && S && (d[f] = S), i(C, d, e, k), s(C, d, e, k), {
+        key: A,
+        element: C,
+        cleanups: k,
+        item: m,
+        index: v,
+        itemSignal: L,
+        indexSignal: S
+      };
+    }, Q = (m) => {
+      for (const v of m.cleanups) v();
+      m.element.remove();
+    }, Z = (m, v, A) => {
+      Object.is(m.item, v) || (m.item = v, m.itemSignal.value = v), m.index !== A && (m.index = A, m.indexSignal && (m.indexSignal.value = A));
+    }, B = b(() => {
+      const m = p(h, o);
+      if (!Array.isArray(m)) {
+        for (const d of E.values()) Q(d);
+        E.clear(), q = [];
+        return;
+      }
+      const v = [], A = /* @__PURE__ */ new Map(), C = /* @__PURE__ */ new Set();
+      m.forEach((d, y) => {
+        let g = ae(d, y, M, u, f, o);
+        C.has(g) && (console.warn(`bq-for: Duplicate key "${String(g)}" detected at index ${y}. Falling back to index-based key for this item. Ensure :key expressions produce unique values for each item.`), g = {
+          __bqDuplicateKey: g,
+          __bqIndex: y
+        }), C.add(g), v.push(g), A.set(g, {
+          item: d,
+          index: y
+        });
+      });
+      const k = [];
+      for (const d of q) A.has(d) || k.push(d);
+      for (const d of k) {
+        const y = E.get(d);
+        y && (Q(y), E.delete(d));
+      }
+      const L = /* @__PURE__ */ new Map();
+      let S = P;
+      for (let d = 0; d < v.length; d++) {
+        const y = v[d], { item: g, index: R } = A.get(y);
+        let w = E.get(y);
+        w ? (Z(w, g, R), L.set(y, w), S.nextSibling !== w.element && S.after(w.element), S = w.element) : (w = F(g, R, y), L.set(y, w), S.after(w.element), S = w.element);
+      }
+      E = L, q = v;
+    });
+    a.push(() => {
+      B();
+      for (const m of E.values()) for (const v of m.cleanups) v();
+      E.clear();
+    });
+  };
+}, le = (t) => (e, i, s, r) => {
+  const c = b(() => {
+    const o = p(i, s), a = String(o ?? "");
+    e.innerHTML = t ? U(a) : a;
+  });
+  r.push(c);
+}, ce = (t, e, i, s) => {
+  const r = document.createComment(`bq-if: ${e}`);
+  let c = !0;
+  const o = b(() => {
+    const a = p(e, i);
+    a && !c ? (r.replaceWith(t), c = !0) : !a && c && (t.replaceWith(r), c = !1);
+  });
+  s.push(o);
+}, ue = (t, e, i, s) => {
+  const r = t, c = O(e, i);
+  if (!j(c)) {
+    console.warn(`bQuery view: bq-model requires a signal, got "${e}"`);
+    return;
+  }
+  const o = c, a = r.type === "checkbox", n = r.type === "radio", l = () => {
+    a ? r.checked = !!o.value : n ? r.checked = o.value === r.value : r.value = String(o.value ?? "");
+  }, u = b(() => {
+    l();
+  });
+  s.push(u);
+  const f = r.tagName === "SELECT" ? "change" : "input", h = () => {
+    a ? o.value = r.checked : n ? r.checked && (o.value = r.value) : o.value = r.value;
+  };
+  r.addEventListener(f, h), s.push(() => r.removeEventListener(f, h));
+}, fe = (t) => (e, i, s, r) => {
+  const c = (o) => {
+    const a = {
+      ...s,
+      $event: o,
+      $el: e
+    };
+    if (!i.includes("(")) {
+      const n = O(i, a);
+      if (typeof n == "function") {
+        n(o);
+        return;
+      }
+      return;
+    }
+    O(i, a);
+  };
+  e.addEventListener(t, c), r.push(() => e.removeEventListener(t, c));
+};
+function he(t) {
+  const e = Object.getOwnPropertyDescriptor(t, "value");
+  return e ? "value" in e ? e.writable === !0 : typeof e.set == "function" : !1;
+}
+var me = (t, e, i, s) => {
+  const r = O(e, i);
+  j(r) ? (r.value = t, s.push(() => {
+    r.value = null;
+  })) : typeof r == "object" && r !== null && he(r) && (r.value = t, s.push(() => {
+    r.value = null;
+  }));
+}, de = (t, e, i, s) => {
+  const r = t;
+  let c = r.style.display;
+  if (!c || c === "none") {
+    const a = r.ownerDocument.defaultView?.getComputedStyle(r).display ?? "";
+    c = a !== "none" ? a : "";
+  }
+  const o = b(() => {
+    const a = p(e, i);
+    r.style.display = a ? c : "none";
+  });
+  s.push(o);
+}, ve = (t, e, i, s) => {
+  const r = t;
+  let c = /* @__PURE__ */ new Set();
+  const o = b(() => {
+    const a = /* @__PURE__ */ new Set();
+    if (e.trimStart().startsWith("{")) {
+      const n = H(e);
+      for (const [l, u] of Object.entries(n)) {
+        const f = p(u, i), h = l.replace(/([A-Z])/g, "-$1").toLowerCase();
+        r.style.setProperty(h, String(f ?? "")), a.add(h);
+      }
+    } else {
+      const n = p(e, i);
+      if (n && typeof n == "object") for (const [l, u] of Object.entries(n)) {
+        const f = l.replace(/([A-Z])/g, "-$1").toLowerCase();
+        r.style.setProperty(f, String(u ?? "")), a.add(f);
+      }
+    }
+    for (const n of c) a.has(n) || r.style.removeProperty(n);
+    c = a;
+  });
+  s.push(o);
+}, pe = (t, e, i, s) => {
+  const r = b(() => {
+    const c = p(e, i);
+    t.textContent = String(c ?? "");
+  });
+  s.push(r);
+}, W = (t, e, i, s, r) => {
+  const c = Array.from(t.attributes);
+  for (const o of c) {
+    const { name: a, value: n } = o;
+    if (!a.startsWith(`${i}-`)) continue;
+    const l = a.slice(i.length + 1);
+    if (l === "for") {
+      r.for(t, n, e, s);
+      return;
+    }
+    if (l === "text") r.text(t, n, e, s);
+    else if (l === "error") r.error(t, n, e, s);
+    else if (l === "aria") r.aria(t, n, e, s);
+    else if (l === "html") r.html(t, n, e, s);
+    else if (l === "if") r.if(t, n, e, s);
+    else if (l === "show") r.show(t, n, e, s);
+    else if (l === "class") r.class(t, n, e, s);
+    else if (l === "style") r.style(t, n, e, s);
+    else if (l === "model") r.model(t, n, e, s);
+    else if (l === "ref") r.ref(t, n, e, s);
+    else if (l.startsWith("bind:")) {
+      const u = l.slice(5);
+      r.bind(u)(t, n, e, s);
+    } else if (l.startsWith("on:")) {
+      const u = l.slice(3);
+      r.on(u)(t, n, e, s);
+    } else {
+      const u = G(l);
+      u ? u(t, n, e, s) : X() && typeof console < "u" && typeof console.warn == "function" && console.warn(`[bQuery][view] Unknown directive "${a}" (parsed as "${l}") on <${t.tagName.toLowerCase()}>. This may be a typo or a missing custom directive registration.`);
+    }
+  }
+}, T = (t, e, i, s, r) => {
+  const c = Array.from(t.children);
+  for (const o of c) o.hasAttribute(`${i}-for`) ? W(o, e, i, s, r) : (W(o, e, i, s, r), T(o, e, i, s, r));
+}, ye = (t, e, i = {}) => {
+  const { prefix: s = "bq", sanitize: r = !0 } = i, c = typeof t == "string" ? document.querySelector(t) : t;
+  if (!c) throw new Error(`bQuery view: Element "${t}" not found.`);
+  if (c.hasAttribute(`${s}-for`)) throw new Error(`bQuery view: Cannot mount on element with ${s}-for directive. Wrap the ${s}-for element in a container instead.`);
+  const o = [], a = {
+    text: pe,
+    error: se,
+    aria: te,
+    html: le(r),
+    if: ce,
+    show: de,
+    class: ne,
+    style: ve,
+    model: ue,
+    ref: me,
+    for: oe({
+      prefix: s,
+      processElement: (l, u, f, h) => W(l, u, f, h, a),
+      processChildren: (l, u, f, h) => T(l, u, f, h, a)
+    }),
+    bind: re,
+    on: fe
+  };
+  return ((l, u, f) => {
+    const h = l.hasAttribute(`${s}-for`);
+    W(l, u, s, f, a), h || T(l, u, s, f, a);
+  })(c, e, o), {
+    el: c,
+    context: e,
+    update: (l) => {
+      Object.assign(e, l);
+    },
+    destroy: () => {
+      for (const l of o) l();
+      o.length = 0;
+    }
+  };
+}, Ce = (t, e = {}) => (i) => {
+  const s = document.createElement("div");
+  s.innerHTML = t.trim();
+  const r = s.firstElementChild;
+  if (!r) throw new Error("bQuery view: Template must contain a single root element.");
+  if (s.childElementCount > 1) throw new Error(`bQuery view: Template must contain exactly one root element, found ${s.childElementCount}.`);
+  const { prefix: c = "bq" } = e;
+  if (r.hasAttribute(`${c}-for`) || r.hasAttribute(`${c}-if`)) {
+    const o = r.hasAttribute(`${c}-for`) ? "for" : "if";
+    throw new Error(`bQuery view: Template root element cannot have ${c}-${o} directive. Wrap the ${c}-${o} element in a container instead.`);
+  }
+  return ye(r, i, e);
+};
+export {
+  ye as n,
+  Ee as r,
+  Ce as t
+};
+
+//# sourceMappingURL=mount-B-JvH6Y0.js.map