@bquery/bquery 1.5.0 → 1.7.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +193 -23
- package/dist/a11y/announce.d.ts +43 -0
- package/dist/a11y/announce.d.ts.map +1 -0
- package/dist/a11y/audit.d.ts +42 -0
- package/dist/a11y/audit.d.ts.map +1 -0
- package/dist/a11y/index.d.ts +53 -0
- package/dist/a11y/index.d.ts.map +1 -0
- package/dist/a11y/media-preferences.d.ts +77 -0
- package/dist/a11y/media-preferences.d.ts.map +1 -0
- package/dist/a11y/roving-tab-index.d.ts +38 -0
- package/dist/a11y/roving-tab-index.d.ts.map +1 -0
- package/dist/a11y/skip-link.d.ts +37 -0
- package/dist/a11y/skip-link.d.ts.map +1 -0
- package/dist/a11y/trap-focus.d.ts +49 -0
- package/dist/a11y/trap-focus.d.ts.map +1 -0
- package/dist/a11y/types.d.ts +152 -0
- package/dist/a11y/types.d.ts.map +1 -0
- package/dist/a11y-C5QOVvRn.js +421 -0
- package/dist/a11y-C5QOVvRn.js.map +1 -0
- package/dist/a11y.es.mjs +14 -0
- package/dist/component/component.d.ts +13 -5
- package/dist/component/component.d.ts.map +1 -1
- package/dist/component/html.d.ts +40 -3
- package/dist/component/html.d.ts.map +1 -1
- package/dist/component/index.d.ts +3 -2
- package/dist/component/index.d.ts.map +1 -1
- package/dist/component/library.d.ts.map +1 -1
- package/dist/component/scope.d.ts +138 -0
- package/dist/component/scope.d.ts.map +1 -0
- package/dist/component/types.d.ts +184 -17
- package/dist/component/types.d.ts.map +1 -1
- package/dist/component-CuuTijA6.js +684 -0
- package/dist/component-CuuTijA6.js.map +1 -0
- package/dist/component.es.mjs +10 -6
- package/dist/{config-DRmZZno3.js → config-BW35FKuA.js} +4 -4
- package/dist/config-BW35FKuA.js.map +1 -0
- package/dist/constraints-3lV9yyBw.js +100 -0
- package/dist/constraints-3lV9yyBw.js.map +1 -0
- package/dist/core/collection.d.ts +48 -0
- package/dist/core/collection.d.ts.map +1 -1
- package/dist/core/element.d.ts +92 -0
- package/dist/core/element.d.ts.map +1 -1
- package/dist/core/env.d.ts +18 -0
- package/dist/core/env.d.ts.map +1 -0
- package/dist/core/index.d.ts +1 -0
- package/dist/core/index.d.ts.map +1 -1
- package/dist/core/shared.d.ts +8 -0
- package/dist/core/shared.d.ts.map +1 -1
- package/dist/core/utils/index.d.ts +52 -41
- package/dist/core/utils/index.d.ts.map +1 -1
- package/dist/core-Cjl7GUu8.js +717 -0
- package/dist/core-Cjl7GUu8.js.map +1 -0
- package/dist/{core-DPdbItcq.js → core-DnlyjbF2.js} +1 -1
- package/dist/{core-DPdbItcq.js.map → core-DnlyjbF2.js.map} +1 -1
- package/dist/core.es.mjs +45 -44
- package/dist/custom-directives-7wAShnnd.js +9 -0
- package/dist/custom-directives-7wAShnnd.js.map +1 -0
- package/dist/devtools/devtools.d.ts +212 -0
- package/dist/devtools/devtools.d.ts.map +1 -0
- package/dist/devtools/index.d.ts +20 -0
- package/dist/devtools/index.d.ts.map +1 -0
- package/dist/devtools/types.d.ts +69 -0
- package/dist/devtools/types.d.ts.map +1 -0
- package/dist/devtools-D2fQLhDN.js +122 -0
- package/dist/devtools-D2fQLhDN.js.map +1 -0
- package/dist/devtools.es.mjs +19 -0
- package/dist/dnd/draggable.d.ts +51 -0
- package/dist/dnd/draggable.d.ts.map +1 -0
- package/dist/dnd/droppable.d.ts +38 -0
- package/dist/dnd/droppable.d.ts.map +1 -0
- package/dist/dnd/index.d.ts +47 -0
- package/dist/dnd/index.d.ts.map +1 -0
- package/dist/dnd/sortable.d.ts +43 -0
- package/dist/dnd/sortable.d.ts.map +1 -0
- package/dist/dnd/types.d.ts +250 -0
- package/dist/dnd/types.d.ts.map +1 -0
- package/dist/dnd-B8EgyzaI.js +244 -0
- package/dist/dnd-B8EgyzaI.js.map +1 -0
- package/dist/dnd.es.mjs +6 -0
- package/dist/env-NeVmr4Gf.js +19 -0
- package/dist/env-NeVmr4Gf.js.map +1 -0
- package/dist/forms/create-form.d.ts +49 -0
- package/dist/forms/create-form.d.ts.map +1 -0
- package/dist/forms/index.d.ts +39 -0
- package/dist/forms/index.d.ts.map +1 -0
- package/dist/forms/types.d.ts +139 -0
- package/dist/forms/types.d.ts.map +1 -0
- package/dist/forms/validators.d.ts +179 -0
- package/dist/forms/validators.d.ts.map +1 -0
- package/dist/forms-C3yovgH9.js +141 -0
- package/dist/forms-C3yovgH9.js.map +1 -0
- package/dist/forms.es.mjs +14 -0
- package/dist/full.d.ts +37 -9
- package/dist/full.d.ts.map +1 -1
- package/dist/full.es.mjs +186 -91
- package/dist/full.iife.js +47 -31
- package/dist/full.iife.js.map +1 -1
- package/dist/full.umd.js +47 -31
- package/dist/full.umd.js.map +1 -1
- package/dist/i18n/formatting.d.ts +40 -0
- package/dist/i18n/formatting.d.ts.map +1 -0
- package/dist/i18n/i18n.d.ts +48 -0
- package/dist/i18n/i18n.d.ts.map +1 -0
- package/dist/i18n/index.d.ts +57 -0
- package/dist/i18n/index.d.ts.map +1 -0
- package/dist/i18n/translate.d.ts +83 -0
- package/dist/i18n/translate.d.ts.map +1 -0
- package/dist/i18n/types.d.ts +156 -0
- package/dist/i18n/types.d.ts.map +1 -0
- package/dist/i18n-BnnhTFOS.js +89 -0
- package/dist/i18n-BnnhTFOS.js.map +1 -0
- package/dist/i18n.es.mjs +6 -0
- package/dist/index.d.ts +11 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.es.mjs +233 -138
- package/dist/media/battery.d.ts +35 -0
- package/dist/media/battery.d.ts.map +1 -0
- package/dist/media/breakpoints.d.ts +51 -0
- package/dist/media/breakpoints.d.ts.map +1 -0
- package/dist/media/clipboard.d.ts +30 -0
- package/dist/media/clipboard.d.ts.map +1 -0
- package/dist/media/device-sensors.d.ts +54 -0
- package/dist/media/device-sensors.d.ts.map +1 -0
- package/dist/media/geolocation.d.ts +38 -0
- package/dist/media/geolocation.d.ts.map +1 -0
- package/dist/media/index.d.ts +42 -0
- package/dist/media/index.d.ts.map +1 -0
- package/dist/media/media-query.d.ts +36 -0
- package/dist/media/media-query.d.ts.map +1 -0
- package/dist/media/network.d.ts +35 -0
- package/dist/media/network.d.ts.map +1 -0
- package/dist/media/types.d.ts +173 -0
- package/dist/media/types.d.ts.map +1 -0
- package/dist/media/viewport.d.ts +32 -0
- package/dist/media/viewport.d.ts.map +1 -0
- package/dist/media-Di2Ta22s.js +340 -0
- package/dist/media-Di2Ta22s.js.map +1 -0
- package/dist/media.es.mjs +12 -0
- package/dist/motion/index.d.ts +7 -3
- package/dist/motion/index.d.ts.map +1 -1
- package/dist/motion/morph.d.ts +27 -0
- package/dist/motion/morph.d.ts.map +1 -0
- package/dist/motion/parallax.d.ts +30 -0
- package/dist/motion/parallax.d.ts.map +1 -0
- package/dist/motion/reduced-motion.d.ts +36 -3
- package/dist/motion/reduced-motion.d.ts.map +1 -1
- package/dist/motion/types.d.ts +58 -0
- package/dist/motion/types.d.ts.map +1 -1
- package/dist/motion/typewriter.d.ts +31 -0
- package/dist/motion/typewriter.d.ts.map +1 -0
- package/dist/motion-qPj_TYGv.js +530 -0
- package/dist/motion-qPj_TYGv.js.map +1 -0
- package/dist/motion.es.mjs +27 -23
- package/dist/mount-SM07RUa6.js +403 -0
- package/dist/mount-SM07RUa6.js.map +1 -0
- package/dist/{object-qGpWr6-J.js → object-BCk-1c8T.js} +5 -4
- package/dist/{object-qGpWr6-J.js.map → object-BCk-1c8T.js.map} +1 -1
- package/dist/{platform-B7JhGBc7.js → platform-CPbCprb6.js} +3 -3
- package/dist/platform-CPbCprb6.js.map +1 -0
- package/dist/platform.es.mjs +2 -2
- package/dist/plugin/index.d.ts +22 -0
- package/dist/plugin/index.d.ts.map +1 -0
- package/dist/plugin/registry.d.ts +108 -0
- package/dist/plugin/registry.d.ts.map +1 -0
- package/dist/plugin/types.d.ts +110 -0
- package/dist/plugin/types.d.ts.map +1 -0
- package/dist/plugin-cPoOHFLY.js +64 -0
- package/dist/plugin-cPoOHFLY.js.map +1 -0
- package/dist/plugin.es.mjs +9 -0
- package/dist/reactive/computed.d.ts +7 -0
- package/dist/reactive/computed.d.ts.map +1 -1
- package/dist/reactive-Cfv0RK6x.js +233 -0
- package/dist/reactive-Cfv0RK6x.js.map +1 -0
- package/dist/reactive.es.mjs +18 -17
- package/dist/registry-CWf368tT.js +26 -0
- package/dist/registry-CWf368tT.js.map +1 -0
- package/dist/router/bq-link.d.ts +112 -0
- package/dist/router/bq-link.d.ts.map +1 -0
- package/dist/router/constraints.d.ts +9 -0
- package/dist/router/constraints.d.ts.map +1 -0
- package/dist/router/index.d.ts +14 -6
- package/dist/router/index.d.ts.map +1 -1
- package/dist/router/match.d.ts +0 -1
- package/dist/router/match.d.ts.map +1 -1
- package/dist/router/path-pattern.d.ts +14 -0
- package/dist/router/path-pattern.d.ts.map +1 -0
- package/dist/router/query.d.ts.map +1 -1
- package/dist/router/router.d.ts +3 -1
- package/dist/router/router.d.ts.map +1 -1
- package/dist/router/types.d.ts +48 -4
- package/dist/router/types.d.ts.map +1 -1
- package/dist/router/use-route.d.ts +50 -0
- package/dist/router/use-route.d.ts.map +1 -0
- package/dist/router/utils.d.ts +3 -0
- package/dist/router/utils.d.ts.map +1 -1
- package/dist/router-BrthaP_z.js +473 -0
- package/dist/router-BrthaP_z.js.map +1 -0
- package/dist/router.es.mjs +13 -10
- package/dist/{sanitize-jyJ2ryE2.js → sanitize-B1V4JswB.js} +95 -83
- package/dist/sanitize-B1V4JswB.js.map +1 -0
- package/dist/security/index.d.ts +2 -0
- package/dist/security/index.d.ts.map +1 -1
- package/dist/security/sanitize.d.ts +4 -1
- package/dist/security/sanitize.d.ts.map +1 -1
- package/dist/security/trusted-html.d.ts +53 -0
- package/dist/security/trusted-html.d.ts.map +1 -0
- package/dist/security.es.mjs +10 -9
- package/dist/ssr/hydrate.d.ts +65 -0
- package/dist/ssr/hydrate.d.ts.map +1 -0
- package/dist/ssr/index.d.ts +59 -0
- package/dist/ssr/index.d.ts.map +1 -0
- package/dist/ssr/render.d.ts +62 -0
- package/dist/ssr/render.d.ts.map +1 -0
- package/dist/ssr/serialize.d.ts +118 -0
- package/dist/ssr/serialize.d.ts.map +1 -0
- package/dist/ssr/types.d.ts +70 -0
- package/dist/ssr/types.d.ts.map +1 -0
- package/dist/ssr-B2qd_WBB.js +248 -0
- package/dist/ssr-B2qd_WBB.js.map +1 -0
- package/dist/ssr.es.mjs +9 -0
- package/dist/store/create-store.d.ts.map +1 -1
- package/dist/store/define-store.d.ts +1 -1
- package/dist/store/define-store.d.ts.map +1 -1
- package/dist/store/index.d.ts +1 -1
- package/dist/store/index.d.ts.map +1 -1
- package/dist/store/mapping.d.ts +1 -1
- package/dist/store/mapping.d.ts.map +1 -1
- package/dist/store/persisted.d.ts +38 -4
- package/dist/store/persisted.d.ts.map +1 -1
- package/dist/store/types.d.ts +140 -3
- package/dist/store/types.d.ts.map +1 -1
- package/dist/store/utils.d.ts +2 -2
- package/dist/store/utils.d.ts.map +1 -1
- package/dist/store/watch.d.ts +1 -1
- package/dist/store/watch.d.ts.map +1 -1
- package/dist/store-DWpyH6p5.js +338 -0
- package/dist/store-DWpyH6p5.js.map +1 -0
- package/dist/store.es.mjs +11 -10
- package/dist/storybook/index.d.ts +37 -0
- package/dist/storybook/index.d.ts.map +1 -0
- package/dist/storybook.es.mjs +151 -0
- package/dist/storybook.es.mjs.map +1 -0
- package/dist/testing/index.d.ts +23 -0
- package/dist/testing/index.d.ts.map +1 -0
- package/dist/testing/testing.d.ts +156 -0
- package/dist/testing/testing.d.ts.map +1 -0
- package/dist/testing/types.d.ts +134 -0
- package/dist/testing/types.d.ts.map +1 -0
- package/dist/testing-CsqjNUyy.js +224 -0
- package/dist/testing-CsqjNUyy.js.map +1 -0
- package/dist/testing.es.mjs +9 -0
- package/dist/type-guards-Do9DWgNp.js +44 -0
- package/dist/type-guards-Do9DWgNp.js.map +1 -0
- package/dist/untrack-DJVQQ2WM.js +33 -0
- package/dist/untrack-DJVQQ2WM.js.map +1 -0
- package/dist/view/custom-directives.d.ts +20 -0
- package/dist/view/custom-directives.d.ts.map +1 -0
- package/dist/view/evaluate.d.ts.map +1 -1
- package/dist/view/process.d.ts.map +1 -1
- package/dist/view.es.mjs +11 -10
- package/package.json +52 -11
- package/src/a11y/announce.ts +131 -0
- package/src/a11y/audit.ts +314 -0
- package/src/a11y/index.ts +68 -0
- package/src/a11y/media-preferences.ts +255 -0
- package/src/a11y/roving-tab-index.ts +164 -0
- package/src/a11y/skip-link.ts +255 -0
- package/src/a11y/trap-focus.ts +184 -0
- package/src/a11y/types.ts +183 -0
- package/src/component/component.ts +345 -65
- package/src/component/html.ts +153 -53
- package/src/component/index.ts +12 -2
- package/src/component/library.ts +66 -28
- package/src/component/scope.ts +212 -0
- package/src/component/types.ts +238 -19
- package/src/core/collection.ts +707 -628
- package/src/core/element.ts +981 -774
- package/src/core/env.ts +60 -0
- package/src/core/index.ts +49 -48
- package/src/core/shared.ts +62 -13
- package/src/core/utils/index.ts +148 -83
- package/src/devtools/devtools.ts +410 -0
- package/src/devtools/index.ts +48 -0
- package/src/devtools/types.ts +104 -0
- package/src/dnd/draggable.ts +296 -0
- package/src/dnd/droppable.ts +228 -0
- package/src/dnd/index.ts +62 -0
- package/src/dnd/sortable.ts +307 -0
- package/src/dnd/types.ts +293 -0
- package/src/forms/create-form.ts +278 -0
- package/src/forms/index.ts +65 -0
- package/src/forms/types.ts +154 -0
- package/src/forms/validators.ts +265 -0
- package/src/full.ts +260 -3
- package/src/i18n/formatting.ts +67 -0
- package/src/i18n/i18n.ts +200 -0
- package/src/i18n/index.ts +67 -0
- package/src/i18n/translate.ts +182 -0
- package/src/i18n/types.ts +171 -0
- package/src/index.ts +108 -36
- package/src/media/battery.ts +116 -0
- package/src/media/breakpoints.ts +131 -0
- package/src/media/clipboard.ts +80 -0
- package/src/media/device-sensors.ts +158 -0
- package/src/media/geolocation.ts +119 -0
- package/src/media/index.ts +76 -0
- package/src/media/media-query.ts +92 -0
- package/src/media/network.ts +115 -0
- package/src/media/types.ts +177 -0
- package/src/media/viewport.ts +84 -0
- package/src/motion/index.ts +57 -48
- package/src/motion/morph.ts +151 -0
- package/src/motion/parallax.ts +120 -0
- package/src/motion/reduced-motion.ts +66 -17
- package/src/motion/transition.ts +97 -97
- package/src/motion/types.ts +63 -0
- package/src/motion/typewriter.ts +164 -0
- package/src/platform/announcer.ts +208 -208
- package/src/platform/config.ts +163 -163
- package/src/platform/cookies.ts +165 -165
- package/src/platform/index.ts +39 -39
- package/src/platform/meta.ts +168 -168
- package/src/plugin/index.ts +37 -0
- package/src/plugin/registry.ts +269 -0
- package/src/plugin/types.ts +137 -0
- package/src/reactive/async-data.ts +486 -486
- package/src/reactive/computed.ts +130 -92
- package/src/reactive/index.ts +37 -37
- package/src/reactive/signal.ts +29 -29
- package/src/router/bq-link.ts +279 -0
- package/src/router/constraints.ts +201 -0
- package/src/router/index.ts +49 -41
- package/src/router/match.ts +312 -106
- package/src/router/path-pattern.ts +52 -0
- package/src/router/query.ts +38 -35
- package/src/router/router.ts +402 -211
- package/src/router/types.ts +139 -93
- package/src/router/use-route.ts +68 -0
- package/src/router/utils.ts +157 -116
- package/src/security/constants.ts +211 -211
- package/src/security/index.ts +12 -10
- package/src/security/sanitize.ts +6 -2
- package/src/security/trusted-html.ts +71 -0
- package/src/ssr/hydrate.ts +82 -0
- package/src/ssr/index.ts +70 -0
- package/src/ssr/render.ts +508 -0
- package/src/ssr/serialize.ts +296 -0
- package/src/ssr/types.ts +81 -0
- package/src/store/create-store.ts +467 -329
- package/src/store/define-store.ts +2 -1
- package/src/store/index.ts +27 -22
- package/src/store/mapping.ts +2 -1
- package/src/store/persisted.ts +249 -61
- package/src/store/types.ts +247 -94
- package/src/store/utils.ts +135 -141
- package/src/store/watch.ts +2 -1
- package/src/storybook/index.ts +480 -0
- package/src/testing/index.ts +42 -0
- package/src/testing/testing.ts +593 -0
- package/src/testing/types.ts +170 -0
- package/src/view/custom-directives.ts +30 -0
- package/src/view/evaluate.ts +292 -290
- package/src/view/process.ts +108 -92
- package/dist/component-CY5MVoYN.js +0 -531
- package/dist/component-CY5MVoYN.js.map +0 -1
- package/dist/config-DRmZZno3.js.map +0 -1
- package/dist/core-CK2Mfpf4.js +0 -648
- package/dist/core-CK2Mfpf4.js.map +0 -1
- package/dist/motion-C5DRdPnO.js +0 -415
- package/dist/motion-C5DRdPnO.js.map +0 -1
- package/dist/platform-B7JhGBc7.js.map +0 -1
- package/dist/reactive-BDya-ia8.js +0 -253
- package/dist/reactive-BDya-ia8.js.map +0 -1
- package/dist/router-CijiICxt.js +0 -188
- package/dist/router-CijiICxt.js.map +0 -1
- package/dist/sanitize-jyJ2ryE2.js.map +0 -1
- package/dist/store-CPK9E62U.js +0 -262
- package/dist/store-CPK9E62U.js.map +0 -1
- package/dist/view-Cdi0g-qo.js +0 -396
- package/dist/view-Cdi0g-qo.js.map +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"media-Di2Ta22s.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"],"sourcesContent":["/**\r\n * Reactive media query matching.\r\n *\r\n * Returns a reactive boolean signal that tracks whether a CSS media query matches.\r\n *\r\n * @module bquery/media\r\n */\r\n\r\nimport { readonly, signal } from '../reactive/index';\r\nimport type { MediaSignalHandle } from './types';\r\n\r\n/**\r\n * Creates a reactive signal that tracks whether a CSS media query matches.\r\n *\r\n * Uses `window.matchMedia()` under the hood and automatically updates\r\n * when the match state changes (e.g., on window resize, device orientation change).\r\n *\r\n * @param query - A valid CSS media query string (e.g., `'(min-width: 768px)'`)\r\n * @returns A readonly reactive signal that is `true` when the query matches,\r\n * plus a `destroy()` method to remove the media query listener\r\n *\r\n * @example\r\n * ```ts\r\n * import { mediaQuery } from '@bquery/bquery/media';\r\n * import { effect } from '@bquery/bquery/reactive';\r\n *\r\n * const isDark = mediaQuery('(prefers-color-scheme: dark)');\r\n * effect(() => {\r\n * document.body.classList.toggle('dark', isDark.value);\r\n * });\r\n *\r\n * const isWide = mediaQuery('(min-width: 1024px)');\r\n * effect(() => {\r\n * console.log('Wide screen:', isWide.value);\r\n * });\r\n * ```\r\n */\r\nexport const mediaQuery = (query: string): MediaSignalHandle<boolean> => {\r\n const s = signal(false);\r\n let cleanup: (() => void) | undefined;\r\n\r\n if (typeof window !== 'undefined' && typeof window.matchMedia === 'function') {\r\n try {\r\n const mql = window.matchMedia(query);\r\n s.value = mql.matches;\r\n\r\n const handler = (e: MediaQueryListEvent): void => {\r\n s.value = e.matches;\r\n };\r\n\r\n if (typeof mql.addEventListener === 'function') {\r\n mql.addEventListener('change', handler);\r\n cleanup = () => {\r\n mql.removeEventListener('change', handler);\r\n };\r\n } else if (\r\n typeof (\r\n mql as MediaQueryList & {\r\n addListener?: (listener: (event: MediaQueryListEvent) => void) => void;\r\n removeListener?: (listener: (event: MediaQueryListEvent) => void) => void;\r\n }\r\n ).addListener === 'function'\r\n ) {\r\n const legacyMql = mql as MediaQueryList & {\r\n addListener: (listener: (event: MediaQueryListEvent) => void) => void;\r\n removeListener: (listener: (event: MediaQueryListEvent) => void) => void;\r\n };\r\n legacyMql.addListener(handler);\r\n cleanup = () => {\r\n legacyMql.removeListener(handler);\r\n };\r\n }\r\n } catch {\r\n // matchMedia may throw in non-browser environments\r\n }\r\n }\r\n\r\n const ro = readonly(s) as MediaSignalHandle<boolean>;\r\n let destroyed = false;\r\n Object.defineProperty(ro, 'destroy', {\r\n enumerable: false,\r\n configurable: true,\r\n value(): void {\r\n if (destroyed) return;\r\n destroyed = true;\r\n cleanup?.();\r\n s.dispose();\r\n },\r\n });\r\n\r\n return ro;\r\n};\r\n","/**\r\n * Named breakpoint signals.\r\n *\r\n * Defines named breakpoints that return reactive boolean signals,\r\n * making it easy to respond to viewport size changes.\r\n *\r\n * @module bquery/media\r\n */\r\n\r\nimport { readonly, signal } from '../reactive/index';\r\nimport type { BreakpointMap, MediaSignalHandle } from './types';\r\n\r\ntype BreakpointSignals<T extends BreakpointMap> = { [K in keyof T]: MediaSignalHandle<boolean> } & {\r\n destroyAll(): void;\r\n} & ('destroy' extends keyof T ? Record<never, never> : { destroy(): void });\r\n\r\n/**\r\n * Defines named breakpoints and returns reactive boolean signals for each.\r\n *\r\n * Each breakpoint is a minimum-width media query. The returned object maps\r\n * each breakpoint name to a `ReadonlySignal<boolean>` that is `true` when\r\n * the viewport width is at or above the breakpoint value.\r\n *\r\n * @param bp - An object mapping breakpoint names to minimum widths in pixels\r\n * @returns An object with the same keys, each a reactive boolean signal with\r\n * `destroy()`, plus a top-level `destroyAll()` method to clean up all listeners.\r\n * When no breakpoint is named `destroy`, a `destroy()` alias is also provided.\r\n *\r\n * @example\r\n * ```ts\r\n * import { breakpoints } from '@bquery/bquery/media';\r\n * import { effect } from '@bquery/bquery/reactive';\r\n *\r\n * const bp = breakpoints({ sm: 640, md: 768, lg: 1024, xl: 1280 });\r\n *\r\n * effect(() => {\r\n * if (bp.xl.value) {\r\n * console.log('Extra large viewport');\r\n * } else if (bp.lg.value) {\r\n * console.log('Large viewport');\r\n * } else if (bp.md.value) {\r\n * console.log('Medium viewport');\r\n * } else {\r\n * console.log('Small viewport');\r\n * }\r\n * });\r\n * ```\r\n */\r\nexport const breakpoints = <T extends BreakpointMap>(\r\n bp: T\r\n): BreakpointSignals<T> => {\r\n const signals = {} as { [K in keyof T]: MediaSignalHandle<boolean> };\r\n const destroyers: Array<() => void> = [];\r\n\r\n type LegacyMediaQueryList = MediaQueryList & {\r\n addListener?: (listener: (event: MediaQueryListEvent | MediaQueryList) => void) => void;\r\n removeListener?: (listener: (event: MediaQueryListEvent | MediaQueryList) => void) => void;\r\n };\r\n\r\n for (const key of Object.keys(bp) as Array<keyof T>) {\r\n const width = bp[key];\r\n const s = signal(false);\r\n let cleanup: (() => void) | undefined;\r\n\r\n if (typeof window !== 'undefined' && typeof window.matchMedia === 'function') {\r\n try {\r\n const mql = window.matchMedia(`(min-width: ${width}px)`);\r\n s.value = mql.matches;\r\n\r\n const handler = (e: MediaQueryListEvent | MediaQueryList): void => {\r\n s.value = e.matches;\r\n };\r\n\r\n if (typeof mql.addEventListener === 'function') {\r\n mql.addEventListener('change', handler);\r\n cleanup = () => {\r\n mql.removeEventListener('change', handler);\r\n };\r\n } else {\r\n const legacyMql = mql as LegacyMediaQueryList;\r\n if (typeof legacyMql.addListener === 'function') {\r\n legacyMql.addListener(handler);\r\n cleanup = () => {\r\n legacyMql.removeListener?.(handler);\r\n };\r\n }\r\n }\r\n } catch {\r\n // matchMedia may throw in non-browser environments\r\n }\r\n }\r\n\r\n const ro = readonly(s) as MediaSignalHandle<boolean>;\r\n let destroyed = false;\r\n Object.defineProperty(ro, 'destroy', {\r\n enumerable: false,\r\n configurable: true,\r\n value(): void {\r\n if (destroyed) return;\r\n destroyed = true;\r\n cleanup?.();\r\n s.dispose();\r\n },\r\n });\r\n destroyers.push(ro.destroy);\r\n signals[key] = ro;\r\n }\r\n\r\n let destroyed = false;\r\n const result = Object.defineProperty(signals, 'destroyAll', {\r\n enumerable: false,\r\n configurable: true,\r\n value(): void {\r\n if (destroyed) return;\r\n destroyed = true;\r\n destroyers.forEach((destroy) => {\r\n destroy();\r\n });\r\n },\r\n }) as BreakpointSignals<T>;\r\n\r\n if (!Object.prototype.hasOwnProperty.call(signals, 'destroy')) {\r\n Object.defineProperty(result, 'destroy', {\r\n enumerable: false,\r\n configurable: true,\r\n value: result.destroyAll,\r\n });\r\n }\r\n\r\n return result;\r\n};\r\n","/**\r\n * Reactive viewport dimensions.\r\n *\r\n * Provides a reactive signal tracking the browser viewport's\r\n * width, height, and orientation.\r\n *\r\n * @module bquery/media\r\n */\r\n\r\nimport { readonly, signal } from '../reactive/index';\r\nimport type { ViewportSignal, ViewportState } from './types';\r\n\r\n/**\r\n * Computes orientation from width and height.\r\n * @internal\r\n */\r\nconst getOrientation = (w: number, h: number): 'portrait' | 'landscape' =>\r\n h >= w ? 'portrait' : 'landscape';\r\n\r\n/**\r\n * Returns a reactive signal tracking the current viewport dimensions and orientation.\r\n *\r\n * Updates automatically when the window is resized. Uses `window.innerWidth`\r\n * and `window.innerHeight` under the hood.\r\n *\r\n * @returns A readonly reactive signal with `{ width, height, orientation }`\r\n * and a `destroy()` method to remove the resize listener\r\n *\r\n * @example\r\n * ```ts\r\n * import { useViewport } from '@bquery/bquery/media';\r\n * import { effect } from '@bquery/bquery/reactive';\r\n *\r\n * const viewport = useViewport();\r\n * effect(() => {\r\n * console.log(`Viewport: ${viewport.value.width}x${viewport.value.height}`);\r\n * console.log(`Orientation: ${viewport.value.orientation}`);\r\n * });\r\n * ```\r\n */\r\nexport const useViewport = (): ViewportSignal => {\r\n const initial: ViewportState = {\r\n width: typeof window !== 'undefined' ? window.innerWidth : 0,\r\n height: typeof window !== 'undefined' ? window.innerHeight : 0,\r\n orientation:\r\n typeof window !== 'undefined'\r\n ? getOrientation(window.innerWidth, window.innerHeight)\r\n : 'portrait',\r\n };\r\n\r\n const s = signal<ViewportState>(initial);\r\n\r\n let cleanup: (() => void) | undefined;\r\n\r\n if (typeof window !== 'undefined') {\r\n const handler = (): void => {\r\n s.value = {\r\n width: window.innerWidth,\r\n height: window.innerHeight,\r\n orientation: getOrientation(window.innerWidth, window.innerHeight),\r\n };\r\n };\r\n\r\n window.addEventListener('resize', handler);\r\n cleanup = () => {\r\n window.removeEventListener('resize', handler);\r\n };\r\n }\r\n\r\n const ro = readonly(s) as ViewportSignal;\r\n let destroyed = false;\r\n Object.defineProperty(ro, 'destroy', {\r\n enumerable: false,\r\n configurable: true,\r\n value: (): void => {\r\n if (destroyed) return;\r\n destroyed = true;\r\n cleanup?.();\r\n s.dispose();\r\n },\r\n });\r\n\r\n return ro;\r\n};\r\n","/**\r\n * Reactive network status.\r\n *\r\n * Provides a reactive signal tracking the browser's network connectivity\r\n * and connection quality via the Network Information API.\r\n *\r\n * @module bquery/media\r\n */\r\n\r\nimport { readonly, signal } from '../reactive/index';\r\nimport type { NetworkSignal, NetworkState } from './types';\r\n\r\n/**\r\n * Navigator connection interface for the Network Information API.\r\n * @internal\r\n */\r\ninterface NavigatorConnection extends EventTarget {\r\n effectiveType?: string;\r\n downlink?: number;\r\n rtt?: number;\r\n}\r\n\r\n/**\r\n * Extended Navigator with connection property.\r\n * @internal\r\n */\r\ninterface NavigatorWithConnection extends Navigator {\r\n connection?: NavigatorConnection;\r\n}\r\n\r\n/**\r\n * Reads current network state from browser APIs.\r\n * @internal\r\n */\r\nconst getNetworkState = (): NetworkState => {\r\n const online =\r\n typeof navigator !== 'undefined' && navigator.onLine !== undefined ? navigator.onLine : true;\r\n\r\n const nav = typeof navigator !== 'undefined' ? (navigator as NavigatorWithConnection) : undefined;\r\n const conn = nav?.connection;\r\n\r\n return {\r\n online,\r\n effectiveType: conn?.effectiveType ?? 'unknown',\r\n downlink: conn?.downlink ?? 0,\r\n rtt: conn?.rtt ?? 0,\r\n };\r\n};\r\n\r\n/**\r\n * Returns a reactive signal tracking network connectivity and quality.\r\n *\r\n * Tracks whether the browser is online/offline and, where supported,\r\n * the effective connection type, downlink speed, and round-trip time\r\n * via the Network Information API.\r\n *\r\n * @returns A readonly reactive signal with `{ online, effectiveType, downlink, rtt }`\r\n * and a `destroy()` method to remove attached listeners\r\n *\r\n * @example\r\n * ```ts\r\n * import { useNetworkStatus } from '@bquery/bquery/media';\r\n * import { effect } from '@bquery/bquery/reactive';\r\n *\r\n * const net = useNetworkStatus();\r\n * effect(() => {\r\n * if (!net.value.online) {\r\n * console.warn('You are offline!');\r\n * }\r\n * console.log(`Connection: ${net.value.effectiveType}, RTT: ${net.value.rtt}ms`);\r\n * });\r\n * ```\r\n */\r\nexport const useNetworkStatus = (): NetworkSignal => {\r\n const s = signal<NetworkState>(getNetworkState());\r\n let cleanup: (() => void) | undefined;\r\n\r\n if (typeof window !== 'undefined') {\r\n const update = (): void => {\r\n s.value = getNetworkState();\r\n };\r\n\r\n window.addEventListener('online', update);\r\n window.addEventListener('offline', update);\r\n\r\n const nav =\r\n typeof navigator !== 'undefined' ? (navigator as NavigatorWithConnection) : undefined;\r\n if (nav?.connection && typeof nav.connection.addEventListener === 'function') {\r\n nav.connection.addEventListener('change', update);\r\n }\r\n\r\n cleanup = () => {\r\n window.removeEventListener('online', update);\r\n window.removeEventListener('offline', update);\r\n if (nav?.connection && typeof nav.connection.removeEventListener === 'function') {\r\n nav.connection.removeEventListener('change', update);\r\n }\r\n };\r\n }\r\n\r\n const ro = readonly(s) as NetworkSignal;\r\n let destroyed = false;\r\n Object.defineProperty(ro, 'destroy', {\r\n value(): void {\r\n if (destroyed) return;\r\n destroyed = true;\r\n cleanup?.();\r\n s.dispose();\r\n },\r\n enumerable: false,\r\n configurable: true,\r\n });\r\n\r\n return ro;\r\n};\r\n","/**\r\n * Reactive battery status.\r\n *\r\n * Provides a reactive signal tracking the device's battery status\r\n * via the Battery Status API.\r\n *\r\n * @module bquery/media\r\n */\r\n\r\nimport { signal, readonly } from '../reactive/index';\r\nimport type { BatterySignal, BatteryState } from './types';\r\n\r\n/**\r\n * BatteryManager interface for the Battery Status API.\r\n * @internal\r\n */\r\ninterface BatteryManager extends EventTarget {\r\n charging: boolean;\r\n chargingTime: number;\r\n dischargingTime: number;\r\n level: number;\r\n}\r\n\r\n/** Default battery state when API is unavailable. */\r\nconst DEFAULT_BATTERY_STATE: BatteryState = {\r\n supported: false,\r\n charging: false,\r\n chargingTime: 0,\r\n dischargingTime: 0,\r\n level: 1,\r\n};\r\n\r\n/**\r\n * Returns a reactive signal tracking the device's battery status.\r\n *\r\n * Uses the Battery Status API (`navigator.getBattery()`) where available.\r\n * Falls back gracefully to a default state with `supported: false` when\r\n * the API is not available.\r\n *\r\n * @returns A readonly reactive signal with battery state and a `destroy()` method\r\n * to remove Battery Status API listeners\r\n *\r\n * @example\r\n * ```ts\r\n * import { useBattery } from '@bquery/bquery/media';\r\n * import { effect } from '@bquery/bquery/reactive';\r\n *\r\n * const battery = useBattery();\r\n * effect(() => {\r\n * if (battery.value.supported) {\r\n * console.log(`Battery: ${(battery.value.level * 100).toFixed(0)}%`);\r\n * console.log(`Charging: ${battery.value.charging}`);\r\n * }\r\n * });\r\n * ```\r\n */\r\nexport const useBattery = (): BatterySignal => {\r\n const s = signal<BatteryState>({ ...DEFAULT_BATTERY_STATE });\r\n let cleanup: (() => void) | undefined;\r\n let destroyed = false;\r\n\r\n if (\r\n typeof navigator !== 'undefined' &&\r\n 'getBattery' in navigator &&\r\n typeof (navigator as Navigator & { getBattery: () => Promise<BatteryManager> }).getBattery ===\r\n 'function'\r\n ) {\r\n const nav = navigator as Navigator & { getBattery: () => Promise<BatteryManager> };\r\n\r\n nav\r\n .getBattery()\r\n .then((battery) => {\r\n if (destroyed) return;\r\n\r\n const update = (): void => {\r\n s.value = {\r\n supported: true,\r\n charging: battery.charging,\r\n chargingTime: battery.chargingTime,\r\n dischargingTime: battery.dischargingTime,\r\n level: battery.level,\r\n };\r\n };\r\n\r\n update();\r\n\r\n battery.addEventListener('chargingchange', update);\r\n battery.addEventListener('chargingtimechange', update);\r\n battery.addEventListener('dischargingtimechange', update);\r\n battery.addEventListener('levelchange', update);\r\n cleanup = () => {\r\n battery.removeEventListener('chargingchange', update);\r\n battery.removeEventListener('chargingtimechange', update);\r\n battery.removeEventListener('dischargingtimechange', update);\r\n battery.removeEventListener('levelchange', update);\r\n };\r\n })\r\n .catch(() => {\r\n // Battery API rejected — keep default state\r\n });\r\n }\r\n\r\n const ro = readonly(s) as BatterySignal;\r\n Object.defineProperty(ro, 'destroy', {\r\n enumerable: false,\r\n configurable: true,\r\n value(): void {\r\n if (destroyed) return;\r\n destroyed = true;\r\n cleanup?.();\r\n s.dispose();\r\n },\r\n });\r\n\r\n return ro;\r\n};\r\n","/**\r\n * Reactive geolocation.\r\n *\r\n * Provides a reactive signal tracking the device's geographic position\r\n * via the Geolocation API.\r\n *\r\n * @module bquery/media\r\n */\r\n\r\nimport { signal, readonly } from '../reactive/index';\r\nimport type { GeolocationOptions, GeolocationSignal, GeolocationState } from './types';\r\n\r\n/** Default geolocation state. */\r\nconst DEFAULT_GEO_STATE: GeolocationState = {\r\n supported: false,\r\n loading: false,\r\n latitude: null,\r\n longitude: null,\r\n accuracy: null,\r\n altitude: null,\r\n altitudeAccuracy: null,\r\n heading: null,\r\n speed: null,\r\n timestamp: null,\r\n error: null,\r\n};\r\n\r\n/**\r\n * Returns a reactive signal tracking the device's geographic position.\r\n *\r\n * Uses the Geolocation API (`navigator.geolocation`) where available.\r\n * Can operate in one-shot mode (default) or continuous watch mode.\r\n *\r\n * @param options - Configuration for the geolocation request\r\n * @returns A readonly reactive signal with position data and loading/error state,\r\n * plus a `destroy()` method to stop an active watcher\r\n *\r\n * @example\r\n * ```ts\r\n * import { useGeolocation } from '@bquery/bquery/media';\r\n * import { effect } from '@bquery/bquery/reactive';\r\n *\r\n * // One-shot position\r\n * const geo = useGeolocation();\r\n * effect(() => {\r\n * if (geo.value.loading) return console.log('Getting position...');\r\n * if (geo.value.error) return console.error(geo.value.error);\r\n * console.log(`Lat: ${geo.value.latitude}, Lng: ${geo.value.longitude}`);\r\n * });\r\n *\r\n * // Continuous watch with high accuracy\r\n * const geoWatch = useGeolocation({ watch: true, enableHighAccuracy: true });\r\n * ```\r\n */\r\nexport const useGeolocation = (options: GeolocationOptions = {}): GeolocationSignal => {\r\n const { enableHighAccuracy = false, maximumAge = 0, timeout = Infinity, watch = false } = options;\r\n\r\n const s = signal<GeolocationState>({ ...DEFAULT_GEO_STATE });\r\n\r\n let destroyWatcher: (() => void) | undefined;\r\n\r\n if (typeof navigator !== 'undefined' && 'geolocation' in navigator) {\r\n s.value = { ...DEFAULT_GEO_STATE, supported: true, loading: true };\r\n\r\n const posOptions: PositionOptions = {\r\n enableHighAccuracy,\r\n maximumAge,\r\n timeout: timeout === Infinity ? undefined : timeout,\r\n };\r\n\r\n const onSuccess = (pos: GeolocationPosition): void => {\r\n s.value = {\r\n supported: true,\r\n loading: false,\r\n latitude: pos.coords.latitude,\r\n longitude: pos.coords.longitude,\r\n accuracy: pos.coords.accuracy,\r\n altitude: pos.coords.altitude,\r\n altitudeAccuracy: pos.coords.altitudeAccuracy,\r\n heading: pos.coords.heading,\r\n speed: pos.coords.speed,\r\n timestamp: pos.timestamp,\r\n error: null,\r\n };\r\n };\r\n\r\n const onError = (err: GeolocationPositionError): void => {\r\n s.value = {\r\n ...s.value,\r\n loading: false,\r\n error: err.message,\r\n };\r\n };\r\n\r\n if (watch) {\r\n const watchId = navigator.geolocation.watchPosition(onSuccess, onError, posOptions);\r\n destroyWatcher = () => {\r\n navigator.geolocation.clearWatch(watchId);\r\n };\r\n } else {\r\n navigator.geolocation.getCurrentPosition(onSuccess, onError, posOptions);\r\n }\r\n }\r\n\r\n const ro = readonly(s) as GeolocationSignal;\r\n let destroyed = false;\r\n Object.defineProperty(ro, 'destroy', {\r\n enumerable: false,\r\n configurable: true,\r\n value(): void {\r\n if (destroyed) return;\r\n destroyed = true;\r\n destroyWatcher?.();\r\n s.dispose();\r\n },\r\n });\r\n\r\n return ro;\r\n};\r\n","/**\r\n * Reactive device motion and orientation sensors.\r\n *\r\n * Provides reactive signals for accelerometer, gyroscope, and\r\n * compass data via the DeviceMotion and DeviceOrientation APIs.\r\n *\r\n * @module bquery/media\r\n */\r\n\r\nimport { signal, readonly } from '../reactive/index';\r\nimport type {\r\n DeviceMotionSignal,\r\n DeviceMotionState,\r\n DeviceOrientationSignal,\r\n DeviceOrientationState,\r\n} from './types';\r\n\r\n/** Default device motion state. */\r\nconst DEFAULT_MOTION_STATE: DeviceMotionState = {\r\n acceleration: { x: null, y: null, z: null },\r\n accelerationIncludingGravity: { x: null, y: null, z: null },\r\n rotationRate: { alpha: null, beta: null, gamma: null },\r\n interval: 0,\r\n};\r\n\r\n/** Default device orientation state. */\r\nconst DEFAULT_ORIENTATION_STATE: DeviceOrientationState = {\r\n alpha: null,\r\n beta: null,\r\n gamma: null,\r\n absolute: false,\r\n};\r\n\r\n/**\r\n * Returns a reactive signal tracking device motion (accelerometer + gyroscope).\r\n *\r\n * Uses the `devicemotion` event to provide acceleration, acceleration\r\n * including gravity, and rotation rate data.\r\n *\r\n * @returns A readonly reactive signal with motion sensor data and a `destroy()`\r\n * method to remove the underlying event listener\r\n *\r\n * @example\r\n * ```ts\r\n * import { useDeviceMotion } from '@bquery/bquery/media';\r\n * import { effect } from '@bquery/bquery/reactive';\r\n *\r\n * const motion = useDeviceMotion();\r\n * effect(() => {\r\n * const { acceleration } = motion.value;\r\n * console.log(`Acceleration: x=${acceleration.x}, y=${acceleration.y}, z=${acceleration.z}`);\r\n * });\r\n * ```\r\n */\r\nexport const useDeviceMotion = (): DeviceMotionSignal => {\r\n const s = signal<DeviceMotionState>({ ...DEFAULT_MOTION_STATE });\r\n let cleanup: (() => void) | undefined;\r\n\r\n if (typeof window !== 'undefined') {\r\n const handler = (e: DeviceMotionEvent): void => {\r\n s.value = {\r\n acceleration: {\r\n x: e.acceleration?.x ?? null,\r\n y: e.acceleration?.y ?? null,\r\n z: e.acceleration?.z ?? null,\r\n },\r\n accelerationIncludingGravity: {\r\n x: e.accelerationIncludingGravity?.x ?? null,\r\n y: e.accelerationIncludingGravity?.y ?? null,\r\n z: e.accelerationIncludingGravity?.z ?? null,\r\n },\r\n rotationRate: {\r\n alpha: e.rotationRate?.alpha ?? null,\r\n beta: e.rotationRate?.beta ?? null,\r\n gamma: e.rotationRate?.gamma ?? null,\r\n },\r\n interval: e.interval ?? 0,\r\n };\r\n };\r\n\r\n window.addEventListener('devicemotion', handler);\r\n cleanup = () => {\r\n window.removeEventListener('devicemotion', handler);\r\n };\r\n }\r\n\r\n const ro = readonly(s) as DeviceMotionSignal;\r\n let destroyed = false;\r\n Object.defineProperty(ro, 'destroy', {\r\n enumerable: false,\r\n configurable: true,\r\n value(): void {\r\n if (destroyed) return;\r\n destroyed = true;\r\n cleanup?.();\r\n s.dispose();\r\n },\r\n });\r\n\r\n return ro;\r\n};\r\n\r\n/**\r\n * Returns a reactive signal tracking device orientation (compass/gyroscope).\r\n *\r\n * Uses the `deviceorientation` event to provide alpha (compass heading),\r\n * beta (front-to-back tilt), and gamma (left-to-right tilt) data.\r\n *\r\n * @returns A readonly reactive signal with orientation data and a `destroy()`\r\n * method to remove the underlying event listener\r\n *\r\n * @example\r\n * ```ts\r\n * import { useDeviceOrientation } from '@bquery/bquery/media';\r\n * import { effect } from '@bquery/bquery/reactive';\r\n *\r\n * const orientation = useDeviceOrientation();\r\n * effect(() => {\r\n * console.log(`Compass heading: ${orientation.value.alpha}°`);\r\n * console.log(`Tilt: ${orientation.value.beta}° / ${orientation.value.gamma}°`);\r\n * });\r\n * ```\r\n */\r\nexport const useDeviceOrientation = (): DeviceOrientationSignal => {\r\n const s = signal<DeviceOrientationState>({ ...DEFAULT_ORIENTATION_STATE });\r\n let cleanup: (() => void) | undefined;\r\n\r\n if (typeof window !== 'undefined') {\r\n const handler = (e: DeviceOrientationEvent): void => {\r\n s.value = {\r\n alpha: e.alpha ?? null,\r\n beta: e.beta ?? null,\r\n gamma: e.gamma ?? null,\r\n absolute: e.absolute ?? false,\r\n };\r\n };\r\n\r\n window.addEventListener('deviceorientation', handler);\r\n cleanup = () => {\r\n window.removeEventListener('deviceorientation', handler);\r\n };\r\n }\r\n\r\n const ro = readonly(s) as DeviceOrientationSignal;\r\n let destroyed = false;\r\n Object.defineProperty(ro, 'destroy', {\r\n enumerable: false,\r\n configurable: true,\r\n value(): void {\r\n if (destroyed) return;\r\n destroyed = true;\r\n cleanup?.();\r\n s.dispose();\r\n },\r\n });\r\n\r\n return ro;\r\n};\r\n","/**\r\n * Async clipboard API wrappers.\r\n *\r\n * Provides simple read/write access to the system clipboard\r\n * via the Async Clipboard API.\r\n *\r\n * @module bquery/media\r\n */\r\n\r\nimport type { ClipboardAPI } from './types';\r\n\r\nconst CLIPBOARD_UNAVAILABLE_ERROR =\r\n 'bQuery media: Clipboard API is unavailable. Use a secure context (HTTPS or localhost) and ensure clipboard permissions or user-activation requirements are met.';\r\n\r\n/**\r\n * Clipboard API wrapper providing simple async read/write access.\r\n *\r\n * Uses the modern Async Clipboard API (`navigator.clipboard`) under the hood.\r\n * Both methods are `Promise`-based and will reject if the API is unavailable\r\n * or permission is denied.\r\n *\r\n * @example\r\n * ```ts\r\n * import { clipboard } from '@bquery/bquery/media';\r\n *\r\n * // Write text to clipboard\r\n * await clipboard.write('Hello, world!');\r\n *\r\n * // Read text from clipboard\r\n * const text = await clipboard.read();\r\n * console.log(text); // \"Hello, world!\"\r\n * ```\r\n */\r\nexport const clipboard: ClipboardAPI = {\r\n /**\r\n * Reads text from the system clipboard.\r\n *\r\n * @returns A promise that resolves with the clipboard text content\r\n * @throws Error if the Clipboard API is not available or permission is denied\r\n *\r\n * @example\r\n * ```ts\r\n * const text = await clipboard.read();\r\n * console.log('Clipboard contains:', text);\r\n * ```\r\n */\r\n read: async (): Promise<string> => {\r\n if (\r\n typeof navigator === 'undefined' ||\r\n !navigator.clipboard ||\r\n typeof navigator.clipboard.readText !== 'function'\r\n ) {\r\n throw new Error(CLIPBOARD_UNAVAILABLE_ERROR);\r\n }\r\n return navigator.clipboard.readText();\r\n },\r\n\r\n /**\r\n * Writes text to the system clipboard.\r\n *\r\n * @param text - The text to write to the clipboard\r\n * @returns A promise that resolves when the text has been written\r\n * @throws Error if the Clipboard API is not available or permission is denied\r\n *\r\n * @example\r\n * ```ts\r\n * await clipboard.write('Copied!');\r\n * ```\r\n */\r\n write: async (text: string): Promise<void> => {\r\n if (\r\n typeof navigator === 'undefined' ||\r\n !navigator.clipboard ||\r\n typeof navigator.clipboard.writeText !== 'function'\r\n ) {\r\n throw new Error(CLIPBOARD_UNAVAILABLE_ERROR);\r\n }\r\n return navigator.clipboard.writeText(text);\r\n },\r\n};\r\n"],"mappings":"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"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
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-Di2Ta22s.js";
|
|
2
|
+
export {
|
|
3
|
+
a as breakpoints,
|
|
4
|
+
c as clipboard,
|
|
5
|
+
t as mediaQuery,
|
|
6
|
+
s as useBattery,
|
|
7
|
+
i as useDeviceMotion,
|
|
8
|
+
u as useDeviceOrientation,
|
|
9
|
+
o as useGeolocation,
|
|
10
|
+
r as useNetworkStatus,
|
|
11
|
+
n as useViewport
|
|
12
|
+
};
|
package/dist/motion/index.d.ts
CHANGED
|
@@ -1,18 +1,22 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* Motion module providing view transitions, FLIP animations,
|
|
2
|
+
* Motion module providing view transitions, FLIP animations, spring physics,
|
|
3
|
+
* parallax, typewriter effects, and more.
|
|
3
4
|
* Designed to work with modern browser APIs while providing smooth fallbacks.
|
|
4
5
|
*
|
|
5
6
|
* @module bquery/motion
|
|
6
7
|
*/
|
|
7
|
-
export type { AnimateOptions, EasingFunction, ElementBounds, FlipGroupOptions, FlipOptions, ScrollAnimateCleanup, ScrollAnimateOptions, SequenceOptions, SequenceStep, Spring, SpringConfig, StaggerFunction, StaggerOptions, TimelineConfig, TimelineControls, TimelineStep, TransitionOptions, } from './types';
|
|
8
|
+
export type { AnimateOptions, EasingFunction, ElementBounds, FlipGroupOptions, FlipOptions, MorphOptions, ParallaxCleanup, ParallaxOptions, ScrollAnimateCleanup, ScrollAnimateOptions, SequenceOptions, SequenceStep, Spring, SpringConfig, StaggerFunction, StaggerOptions, TimelineConfig, TimelineControls, TimelineStep, TransitionOptions, TypewriterControls, TypewriterOptions, } from './types';
|
|
8
9
|
export { animate } from './animate';
|
|
9
10
|
export { easeInCubic, easeInOutCubic, easeInOutQuad, easeInQuad, easeOutBack, easeOutCubic, easeOutExpo, easeOutQuad, easingPresets, linear, } from './easing';
|
|
10
11
|
export { capturePosition, flip, flipElements, flipList } from './flip';
|
|
11
12
|
export { keyframePresets } from './keyframes';
|
|
12
|
-
export {
|
|
13
|
+
export { morphElement } from './morph';
|
|
14
|
+
export { parallax } from './parallax';
|
|
15
|
+
export { prefersReducedMotion, setReducedMotion } from './reduced-motion';
|
|
13
16
|
export { scrollAnimate } from './scroll';
|
|
14
17
|
export { spring, springPresets } from './spring';
|
|
15
18
|
export { stagger } from './stagger';
|
|
16
19
|
export { sequence, timeline } from './timeline';
|
|
17
20
|
export { transition } from './transition';
|
|
21
|
+
export { typewriter } from './typewriter';
|
|
18
22
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/motion/index.ts"],"names":[],"mappings":"AAAA
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/motion/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,YAAY,EACV,cAAc,EACd,cAAc,EACd,aAAa,EACb,gBAAgB,EAChB,WAAW,EACX,YAAY,EACZ,eAAe,EACf,eAAe,EACf,oBAAoB,EACpB,oBAAoB,EACpB,eAAe,EACf,YAAY,EACZ,MAAM,EACN,YAAY,EACZ,eAAe,EACf,cAAc,EACd,cAAc,EACd,gBAAgB,EAChB,YAAY,EACZ,iBAAiB,EACjB,kBAAkB,EAClB,iBAAiB,GAClB,MAAM,SAAS,CAAC;AAEjB,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EACL,WAAW,EACX,cAAc,EACd,aAAa,EACb,UAAU,EACV,WAAW,EACX,YAAY,EACZ,WAAW,EACX,WAAW,EACX,aAAa,EACb,MAAM,GACP,MAAM,UAAU,CAAC;AAClB,OAAO,EAAE,eAAe,EAAE,IAAI,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AACvE,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAC1E,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AACzC,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AACjD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC"}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* FLIP-based morph animation between two element states.
|
|
3
|
+
*
|
|
4
|
+
* @module bquery/motion
|
|
5
|
+
*/
|
|
6
|
+
import type { MorphOptions } from './types';
|
|
7
|
+
/**
|
|
8
|
+
* Perform a FLIP-based morph animation between two elements.
|
|
9
|
+
*
|
|
10
|
+
* Captures the bounding rect of the `from` element, hides it, shows the
|
|
11
|
+
* `to` element, then animates the `to` element from the `from` position
|
|
12
|
+
* using CSS transforms and opacity.
|
|
13
|
+
*
|
|
14
|
+
* @param from - The source element (will be hidden at the end)
|
|
15
|
+
* @param to - The destination element (will be shown and animated into place)
|
|
16
|
+
* @param options - Morph animation options
|
|
17
|
+
* @returns Promise that resolves when the morph completes
|
|
18
|
+
*
|
|
19
|
+
* @example
|
|
20
|
+
* ```ts
|
|
21
|
+
* const card = document.querySelector('.card');
|
|
22
|
+
* const detail = document.querySelector('.detail');
|
|
23
|
+
* await morphElement(card, detail, { duration: 400, easing: 'ease-out' });
|
|
24
|
+
* ```
|
|
25
|
+
*/
|
|
26
|
+
export declare const morphElement: (from: Element, to: Element, options?: MorphOptions) => Promise<void>;
|
|
27
|
+
//# sourceMappingURL=morph.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"morph.d.ts","sourceRoot":"","sources":["../../src/motion/morph.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAE5C;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,YAAY,GACvB,MAAM,OAAO,EACb,IAAI,OAAO,EACX,UAAS,YAAiB,KACzB,OAAO,CAAC,IAAI,CAsHd,CAAC"}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Scroll-linked parallax effect.
|
|
3
|
+
*
|
|
4
|
+
* @module bquery/motion
|
|
5
|
+
*/
|
|
6
|
+
import type { ParallaxCleanup, ParallaxOptions } from './types';
|
|
7
|
+
/**
|
|
8
|
+
* Apply a scroll-linked parallax effect to an element.
|
|
9
|
+
*
|
|
10
|
+
* The element's position is translated based on the scroll position
|
|
11
|
+
* multiplied by the speed factor. A speed of `0.5` means the element
|
|
12
|
+
* moves at half the scroll speed (classic background parallax).
|
|
13
|
+
*
|
|
14
|
+
* @param element - The element to apply the parallax effect to
|
|
15
|
+
* @param options - Parallax configuration
|
|
16
|
+
* @returns A cleanup function that removes the scroll listener
|
|
17
|
+
*
|
|
18
|
+
* @example
|
|
19
|
+
* ```ts
|
|
20
|
+
* const cleanup = parallax(document.querySelector('.hero-bg')!, {
|
|
21
|
+
* speed: 0.3,
|
|
22
|
+
* direction: 'vertical',
|
|
23
|
+
* });
|
|
24
|
+
*
|
|
25
|
+
* // Later, remove the effect:
|
|
26
|
+
* cleanup();
|
|
27
|
+
* ```
|
|
28
|
+
*/
|
|
29
|
+
export declare const parallax: (element: Element, options?: ParallaxOptions) => ParallaxCleanup;
|
|
30
|
+
//# sourceMappingURL=parallax.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"parallax.d.ts","sourceRoot":"","sources":["../../src/motion/parallax.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,KAAK,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAEhE;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,QAAQ,GAAI,SAAS,OAAO,EAAE,UAAS,eAAoB,KAAG,eAwF1E,CAAC"}
|
|
@@ -1,12 +1,45 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* Reduced motion detection helpers.
|
|
2
|
+
* Reduced motion detection and global toggle helpers.
|
|
3
3
|
*
|
|
4
4
|
* @module bquery/motion
|
|
5
5
|
*/
|
|
6
6
|
/**
|
|
7
|
-
* Check whether
|
|
7
|
+
* Check whether reduced motion should be applied.
|
|
8
8
|
*
|
|
9
|
-
*
|
|
9
|
+
* Returns the global override if set via {@link setReducedMotion},
|
|
10
|
+
* otherwise checks the user's system preference.
|
|
11
|
+
*
|
|
12
|
+
* @returns `true` if reduced motion should be applied
|
|
13
|
+
*
|
|
14
|
+
* @example
|
|
15
|
+
* ```ts
|
|
16
|
+
* if (prefersReducedMotion()) {
|
|
17
|
+
* // skip animation
|
|
18
|
+
* }
|
|
19
|
+
* ```
|
|
10
20
|
*/
|
|
11
21
|
export declare const prefersReducedMotion: () => boolean;
|
|
22
|
+
/**
|
|
23
|
+
* Programmatically override the reduced motion preference globally.
|
|
24
|
+
*
|
|
25
|
+
* When set to `true`, all motion functions that respect reduced motion
|
|
26
|
+
* will skip animations. When set to `false`, animations run regardless
|
|
27
|
+
* of system settings. Pass `null` to restore system-preference detection.
|
|
28
|
+
*
|
|
29
|
+
* @param override - `true` to force reduced motion, `false` to force
|
|
30
|
+
* full motion, or `null` to use system preference
|
|
31
|
+
*
|
|
32
|
+
* @example
|
|
33
|
+
* ```ts
|
|
34
|
+
* // Force all animations to be instant
|
|
35
|
+
* setReducedMotion(true);
|
|
36
|
+
*
|
|
37
|
+
* // Re-enable animations regardless of system
|
|
38
|
+
* setReducedMotion(false);
|
|
39
|
+
*
|
|
40
|
+
* // Restore system preference
|
|
41
|
+
* setReducedMotion(null);
|
|
42
|
+
* ```
|
|
43
|
+
*/
|
|
44
|
+
export declare const setReducedMotion: (override: boolean | null) => void;
|
|
12
45
|
//# sourceMappingURL=reduced-motion.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"reduced-motion.d.ts","sourceRoot":"","sources":["../../src/motion/reduced-motion.ts"],"names":[],"mappings":"AAAA;;;;GAIG;
|
|
1
|
+
{"version":3,"file":"reduced-motion.d.ts","sourceRoot":"","sources":["../../src/motion/reduced-motion.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAYH;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,oBAAoB,QAAO,OAQvC,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,gBAAgB,GAAI,UAAU,OAAO,GAAG,IAAI,KAAG,IAE3D,CAAC"}
|
package/dist/motion/types.d.ts
CHANGED
|
@@ -189,4 +189,62 @@ export interface ScrollAnimateOptions extends AnimateOptions {
|
|
|
189
189
|
* Cleanup function for scroll animations.
|
|
190
190
|
*/
|
|
191
191
|
export type ScrollAnimateCleanup = () => void;
|
|
192
|
+
/**
|
|
193
|
+
* Options for the `morphElement` FLIP-based morph animation.
|
|
194
|
+
*/
|
|
195
|
+
export interface MorphOptions {
|
|
196
|
+
/** Animation duration in milliseconds (default: 300) */
|
|
197
|
+
duration?: number;
|
|
198
|
+
/** CSS easing function (default: 'ease') */
|
|
199
|
+
easing?: string;
|
|
200
|
+
/** Whether to respect prefers-reduced-motion (default: true) */
|
|
201
|
+
respectReducedMotion?: boolean;
|
|
202
|
+
/** Callback when morph completes */
|
|
203
|
+
onComplete?: () => void;
|
|
204
|
+
}
|
|
205
|
+
/**
|
|
206
|
+
* Options for the `parallax` scroll-linked effect.
|
|
207
|
+
*/
|
|
208
|
+
export interface ParallaxOptions {
|
|
209
|
+
/** Parallax speed multiplier (default: 0.5). Values < 1 are slower, > 1 are faster. */
|
|
210
|
+
speed?: number;
|
|
211
|
+
/** Direction of the parallax effect (default: 'vertical') */
|
|
212
|
+
direction?: 'vertical' | 'horizontal' | 'both';
|
|
213
|
+
/** Whether to respect prefers-reduced-motion (default: true) */
|
|
214
|
+
respectReducedMotion?: boolean;
|
|
215
|
+
}
|
|
216
|
+
/**
|
|
217
|
+
* Cleanup function for the parallax effect.
|
|
218
|
+
*/
|
|
219
|
+
export type ParallaxCleanup = () => void;
|
|
220
|
+
/**
|
|
221
|
+
* Options for the `typewriter` text animation.
|
|
222
|
+
*/
|
|
223
|
+
export interface TypewriterOptions {
|
|
224
|
+
/** Time in milliseconds between each character (default: 50) */
|
|
225
|
+
speed?: number;
|
|
226
|
+
/** Initial delay before starting, in milliseconds (default: 0) */
|
|
227
|
+
delay?: number;
|
|
228
|
+
/** Whether to show a blinking cursor (default: false) */
|
|
229
|
+
cursor?: boolean;
|
|
230
|
+
/** Cursor character (default: '|') */
|
|
231
|
+
cursorChar?: string;
|
|
232
|
+
/** Whether to loop the animation (default: false) */
|
|
233
|
+
loop?: boolean;
|
|
234
|
+
/** Pause duration at end before looping, in ms (default: 1000) */
|
|
235
|
+
loopDelay?: number;
|
|
236
|
+
/** Whether to respect prefers-reduced-motion (default: true) */
|
|
237
|
+
respectReducedMotion?: boolean;
|
|
238
|
+
/** Callback when typing completes (per-loop) */
|
|
239
|
+
onComplete?: () => void;
|
|
240
|
+
}
|
|
241
|
+
/**
|
|
242
|
+
* Controls for an active typewriter animation.
|
|
243
|
+
*/
|
|
244
|
+
export interface TypewriterControls {
|
|
245
|
+
/** Stop the animation and clean up */
|
|
246
|
+
stop(): void;
|
|
247
|
+
/** Promise that resolves when the animation finishes, or when a looping animation is stopped */
|
|
248
|
+
done: Promise<void>;
|
|
249
|
+
}
|
|
192
250
|
//# sourceMappingURL=types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/motion/types.ts"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/motion/types.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Character-by-character typewriter text animation.
|
|
3
|
+
*
|
|
4
|
+
* @module bquery/motion
|
|
5
|
+
*/
|
|
6
|
+
import type { TypewriterControls, TypewriterOptions } from './types';
|
|
7
|
+
/**
|
|
8
|
+
* Animate text appearing character by character in an element.
|
|
9
|
+
*
|
|
10
|
+
* @param element - The element to type text into
|
|
11
|
+
* @param text - The text to display
|
|
12
|
+
* @param options - Typewriter configuration
|
|
13
|
+
* @returns Controls with `.stop()` to cancel and `.done` promise
|
|
14
|
+
*
|
|
15
|
+
* @example
|
|
16
|
+
* ```ts
|
|
17
|
+
* const tw = typewriter(
|
|
18
|
+
* document.querySelector('#output')!,
|
|
19
|
+
* 'Hello, world!',
|
|
20
|
+
* { speed: 80, cursor: true },
|
|
21
|
+
* );
|
|
22
|
+
*
|
|
23
|
+
* // Wait for it to finish:
|
|
24
|
+
* await tw.done;
|
|
25
|
+
*
|
|
26
|
+
* // Or cancel early:
|
|
27
|
+
* tw.stop();
|
|
28
|
+
* ```
|
|
29
|
+
*/
|
|
30
|
+
export declare const typewriter: (element: HTMLElement, text: string, options?: TypewriterOptions) => TypewriterControls;
|
|
31
|
+
//# sourceMappingURL=typewriter.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"typewriter.d.ts","sourceRoot":"","sources":["../../src/motion/typewriter.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,KAAK,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAErE;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,eAAO,MAAM,UAAU,GACrB,SAAS,WAAW,EACpB,MAAM,MAAM,EACZ,UAAS,iBAAsB,KAC9B,kBA+HF,CAAC"}
|