prop-for-that 0.7.7 → 0.7.11

package/dist/index.global.js

@@ -1 +1 @@
-var PropForThat=(function(exports){'use strict';var c={livePrefix:"--live-",constPrefix:"--const-",root:typeof document<"u"?document.documentElement:void 0,typed:false};var S=new Set,I=null,u=0,C=false,d=false,R=0,M=false,k=()=>typeof requestAnimationFrame=="function";function T(e){if(u=0,d)return;let t=c.liveHz;if(k()&&t&&t>0&&e-R<1e3/t){(S.size||M)&&(u=requestAnimationFrame(T));return}if(R=e,C=true,S.size)for(let n of S)n(e);M=false,I?.(),C=false,S.size&&k()&&z();}function z(){u||C||d||(k()?u=requestAnimationFrame(T):T(0));}function P(){M=true,z();}function O(e){I=e;}function A(){d||(d=true,u&&typeof cancelAnimationFrame=="function"&&cancelAnimationFrame(u),u=0);}function W(){d&&(d=false,z());}typeof document<"u"&&typeof document.addEventListener=="function"&&document.addEventListener("visibilitychange",()=>{document.hidden?A():W();});var l;function Q(){if(l!==void 0||(l=null,typeof document>"u"||typeof CSSStyleSheet!="function"||!("adoptedStyleSheets"in document)))return l;try{let e=new CSSStyleSheet;e.replaceSync(":root{}"),document.adoptedStyleSheets=[...document.adoptedStyleSheets,e],l=e.cssRules[0].style;}catch{l=null;}return l}function v(e){if(typeof document<"u"&&e===document.documentElement){let t=Q();if(t)return t}return e.style}var H=class{pending=new Map;last=new WeakMap;set(t,n,r){let o=this.pending.get(t);if(o?.has(n)){o.set(n,r);return}this.last.get(t)?.get(n)!==r&&(o?o.set(n,r):this.pending.set(t,new Map([[n,r]])),P());}forget(t,n){this.last.get(t)?.delete(n);let r=this.pending.get(t);r&&(r.delete(n),r.size===0&&this.pending.delete(t));}flush=()=>{if(this.pending.size!==0){for(let[t,n]of this.pending){let r=this.last.get(t);r||this.last.set(t,r=new Map);let o=v(t);for(let[i,s]of n)r.get(i)!==s&&(o.setProperty(i,s),r.set(i,s));}this.pending.clear();}}},h=new H;O(h.flush);var w,y=new WeakMap,K=new WeakMap;function B(e,t){w||(w=new ResizeObserver(o=>{for(let i of o){K.set(i.target,i);let s=y.get(i.target);if(s)for(let f of [...s])f(i);}}));let n=y.get(e);n||(y.set(e,n=new Set),w.observe(e)),n.add(t);let r=K.get(e);return r&&t(r),()=>{let o=y.get(e);o&&(o.delete(t),o.size===0&&(y.delete(e),w.unobserve(e)));}}var b,g=new WeakMap,q=new WeakMap,X=[0,.98,.99,.995,.999,1];function E(e,t){b||(b=new IntersectionObserver(o=>{for(let i of o){q.set(i.target,i);let s=g.get(i.target);if(s)for(let f of [...s])f(i);}},{threshold:X}));let n=g.get(e);n||(g.set(e,n=new Set),b.observe(e)),n.add(t);let r=q.get(e);return r&&t(r),()=>{let o=g.get(e);o&&(o.delete(t),o.size===0&&(g.delete(e),b.unobserve(e)));}}var N=new Set;function V(e,t,n){if(N.has(e)||typeof CSS>"u"||typeof CSS.registerProperty!="function")return;N.add(e);let r=t?n?.[t]:void 0,o=t?c.defaults?.[t]:void 0;try{CSS.registerProperty({name:e,syntax:r?.syntax??"<number>",inherits:r?.inherits??!0,initialValue:o!=null?String(o):r?.initial??"0"});}catch{}}var F=new Map;function $(e,t){let n=F.get(e);if(!n){let r=new Set,o=i=>{for(let s of [...r])s(i);};n={handlers:r,dispatch:o},F.set(e,n),window.addEventListener(e,o,{passive:true});}return n.handlers.add(t),()=>{n.handlers.delete(t),n.handlers.size===0&&(window.removeEventListener(e,n.dispatch),F.delete(e));}}var _={key:"viewport",scope:"global",start(e){let t=()=>{e.write("vw",window.innerWidth),e.write("vh",window.innerHeight);};return t(),$("resize",t)}};function a(e){return Math.round(e*1e4)/1e4}var j={key:"size",scope:"element",start(e){return B(e.target,t=>{let n=t.borderBoxSize?.[0],r=n?n.inlineSize:t.contentRect.width,o=n?n.blockSize:t.contentRect.height;e.write("w",a(r)),e.write("h",a(o)),e.write("aspect",o>0?a(r/o):0);})}};var x=1;function Z(e){let t=e.rootBounds;if(!t)return e.intersectionRatio>=1;let n=e.boundingClientRect;return n.top>=t.top-x&&n.right<=t.right+x&&n.bottom<=t.bottom+x&&n.left>=t.left-x}var G={key:"visibility",scope:"element",gate:false,start(e){let t=false;return e.write("visible",0),e.write("has-entered",0,"const"),E(e.target,n=>{let r=Z(n);e.write("visible",r?1:0),r&&!t&&(t=true,e.write("has-entered",1,"const"));})}};function U(e,t){return e.matches(t)?e:e.querySelector(t)}var Y={key:"range",scope:"element",gate:false,start(e){let t=U(e.target,'input[type="range"], input[type="number"]');if(!t)return ()=>{};let n=()=>{let r=t.min===""?0:Number(t.min),o=t.max===""?100:Number(t.max),i=Number(t.value);e.write("value",i),e.write("value-pct",o>r?a((i-r)/(o-r)):0);};return n(),t.addEventListener("input",n,{passive:true}),()=>t.removeEventListener("input",n)}};var J={viewport:_,size:j,visibility:G,range:Y};var ee=()=>{},p=new Map,L={...J};function Be(e){L[e.key]=e;}function Ne(e){delete L[e];}function Ve(e){return e in L}function $e(e){Object.assign(c,e);}function te(e,t,n){return {target:e,config:c,write(r,o,i="live"){let s=(i==="const"?c.constPrefix:c.livePrefix)+r;t.add(s),c.typed&&V(s,r,n),h.set(e,s,String(o));}}}function ne(e,t,n){if(!(e.scope==="element"&&e.gate!==false&&n!==c.root&&typeof IntersectionObserver<"u"))return e.start(t);let o=null,i=()=>{if(!o)try{o=e.start(t);}catch(m){console.error(`[prop-for-that] source "${e.key}" failed to start`,m);}},s=()=>{o?.(),o=null;},f=E(n,m=>{m.isIntersecting?i():s();});return ()=>{f(),s();}}function D(e,t,n){let r=n.get(t);if(!r)return;r.dispose();let o=v(e);for(let i of r.written)o.removeProperty(i),h.forget(e,i);n.delete(t);}function re(e,t){let n=p.get(e);n||p.set(e,n=new Map);let r=[];for(let o of t){if(n.has(o))continue;let i=L[o];if(!i){console.warn(`[prop-for-that] unknown source "${o}"`);continue}let s=new Set,f;try{f=ne(i,te(e,s,i.props),e);}catch(m){console.error(`[prop-for-that] source "${o}" failed to start`,m);continue}n.set(o,{dispose:f,written:s}),r.push(o);}return ()=>{let o=p.get(e);if(o){for(let i of r)D(e,i,o);o.size===0&&p.delete(e);}}}function oe(e){return e instanceof Element?[e]:typeof NodeList<"u"&&e instanceof NodeList||typeof HTMLCollection<"u"&&e instanceof HTMLCollection||Array.isArray(e)?Array.from(e).filter(t=>t instanceof Element):[]}function ie(e){return Array.isArray(e)&&(e.length===0||typeof e[0]=="string")}function _e(e,t){let n,r;if(t===void 0&&ie(e)?(n=c.root?[c.root]:[],r=e):(n=oe(e),r=t??[]),!n.length||!r.length)return ee;let o=n.map(i=>re(i,r));return ()=>{for(let i of o)i();}}function je(e,t){let n=p.get(e);if(n){for(let r of t??[...n.keys()])D(e,r,n);n.size===0&&p.delete(e);}}function Ge(){for(let[e,t]of p)for(let n of [...t.keys()])D(e,n,t);p.clear();}exports.configure=$e;exports.isRegistered=Ve;exports.pause=A;exports.propsFor=_e;exports.register=Be;exports.reset=Ge;exports.resume=W;exports.unbind=je;exports.unregister=Ne;return exports;})({});
+var PropForThat=(function(exports){'use strict';var p={livePrefix:"--live-",constPrefix:"--const-",root:typeof document<"u"?document.documentElement:void 0,typed:false};var v=new Set,W=null,a=0,C=false,m=false,O=0,k=false,H=()=>typeof requestAnimationFrame=="function";function F(e){if(a=0,m)return;let t=p.liveHz;if(H()&&t&&t>0&&e-O<1e3/t){(v.size||k)&&(a=requestAnimationFrame(F));return}if(O=e,C=true,v.size)for(let n of v)n(e);k=false,W?.(),C=false,v.size&&H()&&z();}function z(){a||C||m||(H()?a=requestAnimationFrame(F):F(0));}function A(){k=true,z();}function K(e){W=e;}function q(){m||(m=true,a&&typeof cancelAnimationFrame=="function"&&cancelAnimationFrame(a),a=0);}function $(){m&&(m=false,z());}typeof document<"u"&&typeof document.addEventListener=="function"&&document.addEventListener("visibilitychange",()=>{document.hidden?q():$();});var d;function te(){if(d!==void 0||(d=null,typeof document>"u"||typeof CSSStyleSheet!="function"||!("adoptedStyleSheets"in document)))return d;try{let e=new CSSStyleSheet;e.replaceSync(":root{}"),document.adoptedStyleSheets=[...document.adoptedStyleSheets,e],d=e.cssRules[0].style;}catch{d=null;}return d}function w(e){if(typeof document<"u"&&e===document.documentElement){let t=te();if(t)return t}return e.style}var D=class{pending=new Map;last=new WeakMap;set(t,n,r){let o=this.pending.get(t);if(o?.has(n)){o.set(n,r);return}this.last.get(t)?.get(n)!==r&&(o?o.set(n,r):this.pending.set(t,new Map([[n,r]])),A());}forget(t,n){this.last.get(t)?.delete(n);let r=this.pending.get(t);r&&(r.delete(n),r.size===0&&this.pending.delete(t));}flush=()=>{if(this.pending.size!==0){for(let[t,n]of this.pending){let r=this.last.get(t);r||this.last.set(t,r=new Map);let o=w(t);for(let[s,i]of n)r.get(s)!==i&&(o.setProperty(s,i),r.set(s,i));}this.pending.clear();}}},E=new D;K(E.flush);var b,S=new WeakMap,B=new WeakMap;function _(e,t){b||(b=new ResizeObserver(o=>{for(let s of o){B.set(s.target,s);let i=S.get(s.target);if(i)for(let f of i)f(s);}}));let n=S.get(e);n||(S.set(e,n=new Set),b.observe(e)),n.add(t);let r=B.get(e);return r&&t(r),()=>{let o=S.get(e);o&&(o.delete(t),o.size===0&&(S.delete(e),b.unobserve(e)));}}var M,h=new WeakMap,V=new WeakMap,ne=[0,.98,.99,.995,.999,1];function L(e,t){M||(M=new IntersectionObserver(o=>{for(let s of o){V.set(s.target,s);let i=h.get(s.target);if(i)for(let f of i)f(s);}},{threshold:ne}));let n=h.get(e);n||(h.set(e,n=new Set),M.observe(e)),n.add(t);let r=V.get(e);return r&&t(r),()=>{let o=h.get(e);o&&(o.delete(t),o.size===0&&(h.delete(e),M.unobserve(e)));}}var j=new Set;function G(e,t,n){if(j.has(e)||typeof CSS>"u"||typeof CSS.registerProperty!="function")return;j.add(e);let r=t?n?.[t]:void 0,o=t?p.defaults?.[t]:void 0;try{CSS.registerProperty({name:e,syntax:r?.syntax??"<number>",inherits:r?.inherits??!0,initialValue:o!=null?String(o):r?.initial??"0"});}catch{}}var R=new Map;function N(e,t){let n=R.get(e);if(!n){let r=new Set,o=s=>{for(let i of r)i(s);};n={handlers:r,dispatch:o},R.set(e,n),window.addEventListener(e,o,{passive:true});}return n.handlers.add(t),()=>{n.handlers.delete(t),n.handlers.size===0&&(window.removeEventListener(e,n.dispatch),R.delete(e));}}var U={key:"viewport",scope:"global",start(e){let t=()=>{e.write("vw",window.innerWidth),e.write("vh",window.innerHeight);};return t(),N("resize",t)}};function g(e){return Math.round(e*1e4)/1e4}var Y={key:"size",scope:"element",start(e){return _(e.target,t=>{let n=t.borderBoxSize?.[0],r=n?n.inlineSize:t.contentRect.width,o=n?n.blockSize:t.contentRect.height;e.write("w",g(r)),e.write("h",g(o)),e.write("aspect",o>0?g(r/o):0);})}};var T=1;function re(e){let t=e.rootBounds;if(!t)return e.intersectionRatio>=1;let n=e.boundingClientRect;return n.top>=t.top-T&&n.right<=t.right+T&&n.bottom<=t.bottom+T&&n.left>=t.left-T}var J={key:"visibility",scope:"element",gate:false,start(e){let t=false;return e.write("visible",0),e.write("has-entered",0,"const"),L(e.target,n=>{let r=re(n);e.write("visible",r?1:0),r&&!t&&(t=true,e.write("has-entered",1,"const"));})}};function Q(e,t){return e.matches(t)?e:e.querySelector(t)}var X={key:"range",scope:"element",gate:false,start(e){let t=Q(e.target,'input[type="range"], input[type="number"]');if(!t)return ()=>{};let n=()=>{let r=t.min===""?0:Number(t.min),o=t.max===""?100:Number(t.max),s=Number(t.value);e.write("value",s),e.write("value-pct",o>r?g((s-r)/(o-r)):0);};return n(),t.addEventListener("input",n,{passive:true}),()=>t.removeEventListener("input",n)}};var Z={viewport:U,size:Y,visibility:J,range:X};var oe=()=>{},l=new Map,I=new WeakMap,x={...Z};function Ne(e){x[e.key]=e;}function Ue(e){delete x[e];}function Ye(e){return e in x}function Je(e){Object.assign(p,e);}function ie(e,t,n,r){let o={live:new Map,const:new Map};return {target:e,config:p,write(s,i,f="live"){let c=o[f],u=c.get(s);if(u){if(u.raw===i)return;u.raw=i;}else {let y=(f==="const"?p.constPrefix:p.livePrefix)+s;c.set(s,u={raw:i,prop:y}),n.add(y);}p.typed&&G(u.prop,s,r),E.set(t,u.prop,String(i));}}}function se(e,t,n){if(!(e.scope==="element"&&e.gate!==false&&n!==p.root&&typeof IntersectionObserver<"u"))return e.start(t);let o=null,s=()=>{if(!o)try{o=e.start(t);}catch(c){console.error(`[prop-for-that] source "${e.key}" failed to start`,c);}},i=()=>{o?.(),o=null;},f=L(n,c=>{c.isIntersecting?s():i();});return ()=>{f(),i();}}function P(e,t,n){let r=n.get(t);if(!r)return;r.dispose();let{writeTarget:o}=r,s=w(o);for(let i of r.written)s.removeProperty(i),E.forget(o,i);o!==e&&I.get(o)?.delete(t),n.delete(t);}function fe(e,t){if(typeof t!="string")return t;let n=e.closest(t);return n||(console.warn(`[prop-for-that] no ancestor matches "${t}" \u2014 writing on the element itself`),e)}function ce(e,t){let n=I.get(e);n||I.set(e,n=new Set),n.has(t)&&console.warn(`[prop-for-that] "${t}" is already hoisted onto this element \u2014 the bindings will overwrite each other`,e),n.add(t);}function pe(e,t,n){let r=l.get(e);r||l.set(e,r=new Map);let o=n?fe(e,n):e,s=[];for(let i of t){if(r.has(i))continue;let f=x[i];if(!f){console.warn(`[prop-for-that] unknown source "${i}"`);continue}let c=o;c!==e&&f.scope==="global"&&(console.warn(`[prop-for-that] "to" ignored for global source "${i}"`),c=e);let u=new Set,y;try{y=se(f,ie(e,c,u,f.props),e);}catch(ee){console.error(`[prop-for-that] source "${i}" failed to start`,ee);continue}c!==e&&ce(c,i),r.set(i,{dispose:y,written:u,writeTarget:c}),s.push(i);}return ()=>{let i=l.get(e);if(i){for(let f of s)P(e,f,i);i.size===0&&l.delete(e);}}}function ue(e){return e instanceof Element?[e]:typeof NodeList<"u"&&e instanceof NodeList||typeof HTMLCollection<"u"&&e instanceof HTMLCollection||Array.isArray(e)?Array.from(e).filter(t=>t instanceof Element):[]}function le(e){return Array.isArray(e)&&(e.length===0||typeof e[0]=="string")}function Qe(e,t,n){let r,o;if(t===void 0&&le(e)?(r=p.root?[p.root]:[],o=e):(r=ue(e),o=t??[]),!r.length||!o.length)return oe;let s=r.map(i=>pe(i,o,n?.to));return ()=>{for(let i of s)i();}}function Xe(e,t){let n=l.get(e);if(n){for(let r of t??[...n.keys()])P(e,r,n);n.size===0&&l.delete(e);}}function Ze(){for(let[e,t]of l)for(let n of [...t.keys()])P(e,n,t);l.clear();}exports.configure=Je;exports.isRegistered=Ye;exports.pause=q;exports.propsFor=Qe;exports.register=Ne;exports.reset=Ze;exports.resume=$;exports.unbind=Xe;exports.unregister=Ue;return exports;})({});

package/dist/index.js

@@ -1 +1 @@
-export{d as configure,c as isRegistered,e as propsFor,a as register,g as reset,f as unbind,b as unregister}from'./chunk-D24E2DBW.js';import'./chunk-V4OTPLOQ.js';import'./chunk-LTJ2VKVY.js';export{d as pause,e as resume}from'./chunk-KG3EF456.js';import'./chunk-T4N6AEOZ.js';import'./chunk-LWKH66VY.js';import'./chunk-EEMKKLRF.js';
+export{d as configure,c as isRegistered,e as propsFor,a as register,g as reset,f as unbind,b as unregister}from'./chunk-N3F2LRDI.js';import'./chunk-6234NJTF.js';import'./chunk-LTJ2VKVY.js';export{d as pause,e as resume}from'./chunk-KG3EF456.js';import'./chunk-T4N6AEOZ.js';import'./chunk-LWKH66VY.js';import'./chunk-7KEBMJ3O.js';

package/dist/motion-6SENJS5V.cjs

@@ -0,0 +1 @@
+'use strict';var chunkKHBJUHJ6_cjs=require('./chunk-KHBJUHJ6.cjs');require('./chunk-65MXZJBD.cjs'),require('./chunk-DRXR56P5.cjs');Object.defineProperty(exports,"motion",{enumerable:true,get:function(){return chunkKHBJUHJ6_cjs.a}});

package/dist/motion-QDEZZYDF.js

@@ -0,0 +1 @@
+export{a as motion}from'./chunk-HTO57OQP.js';import'./chunk-T4N6AEOZ.js';import'./chunk-7KEBMJ3O.js';

package/dist/online-HHJAVPBU.cjs

@@ -0,0 +1 @@
+'use strict';var chunk4R63TNNO_cjs=require('./chunk-4R63TNNO.cjs');require('./chunk-DRXR56P5.cjs');Object.defineProperty(exports,"online",{enumerable:true,get:function(){return chunk4R63TNNO_cjs.a}});

package/dist/online-OWTXHDGG.js

@@ -0,0 +1 @@
+export{a as online}from'./chunk-2SIGTGQE.js';import'./chunk-7KEBMJ3O.js';

package/dist/orientation-LBAL4AXW.js

@@ -0,0 +1 @@
+export{a as orientation}from'./chunk-N745RQIX.js';import'./chunk-T4N6AEOZ.js';import'./chunk-7KEBMJ3O.js';

package/dist/orientation-PE3B4RPH.cjs

@@ -0,0 +1 @@
+'use strict';var chunk7LN34C3P_cjs=require('./chunk-7LN34C3P.cjs');require('./chunk-65MXZJBD.cjs'),require('./chunk-DRXR56P5.cjs');Object.defineProperty(exports,"orientation",{enumerable:true,get:function(){return chunk7LN34C3P_cjs.a}});

package/dist/page-focused-UK3VPLIG.js

@@ -0,0 +1 @@
+export{a as pageFocused}from'./chunk-2NMXY7T4.js';import'./chunk-7KEBMJ3O.js';

package/dist/page-focused-Y74VK25Y.cjs

@@ -0,0 +1 @@
+'use strict';var chunkBF7D5A5Z_cjs=require('./chunk-BF7D5A5Z.cjs');require('./chunk-DRXR56P5.cjs');Object.defineProperty(exports,"pageFocused",{enumerable:true,get:function(){return chunkBF7D5A5Z_cjs.a}});

package/dist/page-visible-3YREALOP.cjs

@@ -0,0 +1 @@
+'use strict';var chunkJI7NXES2_cjs=require('./chunk-JI7NXES2.cjs');Object.defineProperty(exports,"pageVisible",{enumerable:true,get:function(){return chunkJI7NXES2_cjs.a}});

package/dist/page-visible-GSBWF44E.js

@@ -0,0 +1 @@
+export{a as pageVisible}from'./chunk-IFIWYBMP.js';

package/dist/plugins.cjs

@@ -1 +1 @@
-'use strict';var chunkHTKGZP36_cjs=require('./chunk-HTKGZP36.cjs'),chunkG2BOTBBH_cjs=require('./chunk-G2BOTBBH.cjs'),chunkUALPUR2L_cjs=require('./chunk-UALPUR2L.cjs'),chunk2H5YFW6O_cjs=require('./chunk-2H5YFW6O.cjs'),chunk2YHGSLQQ_cjs=require('./chunk-2YHGSLQQ.cjs'),chunkFKBHTKZH_cjs=require('./chunk-FKBHTKZH.cjs'),chunkHYVT6V4Z_cjs=require('./chunk-HYVT6V4Z.cjs'),chunk37L73RJL_cjs=require('./chunk-37L73RJL.cjs'),chunk3W7CXUWN_cjs=require('./chunk-3W7CXUWN.cjs'),chunkSYKMPPTY_cjs=require('./chunk-SYKMPPTY.cjs'),chunk63C3RCO2_cjs=require('./chunk-63C3RCO2.cjs'),chunkFZYB3P7L_cjs=require('./chunk-FZYB3P7L.cjs'),chunkIIQP3BYA_cjs=require('./chunk-IIQP3BYA.cjs'),chunkQFJ6SZ2H_cjs=require('./chunk-QFJ6SZ2H.cjs');require('./chunk-L4SCOKPV.cjs');var chunkODPCQAKC_cjs=require('./chunk-ODPCQAKC.cjs'),chunk3REDV2FZ_cjs=require('./chunk-3REDV2FZ.cjs');require('./chunk-A6JDSQWH.cjs');var chunkMGZTR3X6_cjs=require('./chunk-MGZTR3X6.cjs'),chunkK2YWGXLP_cjs=require('./chunk-K2YWGXLP.cjs'),chunkRT47EE2L_cjs=require('./chunk-RT47EE2L.cjs'),chunk7CDVAP3H_cjs=require('./chunk-7CDVAP3H.cjs'),chunk6LTQ7ISE_cjs=require('./chunk-6LTQ7ISE.cjs'),chunk2OYRAOTM_cjs=require('./chunk-2OYRAOTM.cjs'),chunkXQOUJEVE_cjs=require('./chunk-XQOUJEVE.cjs'),chunkIPYBSM34_cjs=require('./chunk-IPYBSM34.cjs'),chunkOVCZMPYV_cjs=require('./chunk-OVCZMPYV.cjs');require('./chunk-PQVNJZUW.cjs'),require('./chunk-HHINWX7L.cjs');var chunkLP3QQ33O_cjs=require('./chunk-LP3QQ33O.cjs');require('./chunk-EYDIF3NM.cjs'),require('./chunk-65MXZJBD.cjs'),require('./chunk-7L35N3N3.cjs');var chunkOVF4XN2H_cjs=require('./chunk-OVF4XN2H.cjs'),chunkWIPJMLJJ_cjs=require('./chunk-WIPJMLJJ.cjs');require('./chunk-QHHF5SEL.cjs');var chunk3MK6Q7DX_cjs=require('./chunk-3MK6Q7DX.cjs');var j=[chunkLP3QQ33O_cjs.a,chunkOVF4XN2H_cjs.a,chunkWIPJMLJJ_cjs.a,chunk3MK6Q7DX_cjs.a,chunkMGZTR3X6_cjs.a,chunkK2YWGXLP_cjs.a,chunkRT47EE2L_cjs.b,chunk7CDVAP3H_cjs.a,chunk6LTQ7ISE_cjs.a,chunk2OYRAOTM_cjs.a,chunkXQOUJEVE_cjs.a,chunkIPYBSM34_cjs.a,chunk3W7CXUWN_cjs.a,chunkSYKMPPTY_cjs.a,chunk63C3RCO2_cjs.a,chunkFZYB3P7L_cjs.a,chunkIIQP3BYA_cjs.a,chunkQFJ6SZ2H_cjs.a,chunkODPCQAKC_cjs.a,chunk3REDV2FZ_cjs.a,chunkHTKGZP36_cjs.a,chunkG2BOTBBH_cjs.a,chunkUALPUR2L_cjs.a,chunk2H5YFW6O_cjs.a,chunk2YHGSLQQ_cjs.a,chunkFKBHTKZH_cjs.a,chunkHYVT6V4Z_cjs.a,chunk37L73RJL_cjs.a];function fo(...o){for(let T of o.length?o:j)chunkOVCZMPYV_cjs.a(T);}Object.defineProperty(exports,"orientation",{enumerable:true,get:function(){return chunkHTKGZP36_cjs.a}});Object.defineProperty(exports,"motion",{enumerable:true,get:function(){return chunkG2BOTBBH_cjs.a}});Object.defineProperty(exports,"geo",{enumerable:true,get:function(){return chunkUALPUR2L_cjs.a}});Object.defineProperty(exports,"cpuPressure",{enumerable:true,get:function(){return chunk2H5YFW6O_cjs.a}});Object.defineProperty(exports,"img",{enumerable:true,get:function(){return chunk2YHGSLQQ_cjs.a}});Object.defineProperty(exports,"imgColor",{enumerable:true,get:function(){return chunkFKBHTKZH_cjs.a}});Object.defineProperty(exports,"videoColor",{enumerable:true,get:function(){return chunkHYVT6V4Z_cjs.a}});Object.defineProperty(exports,"truncated",{enumerable:true,get:function(){return chunk37L73RJL_cjs.a}});Object.defineProperty(exports,"pointer",{enumerable:true,get:function(){return chunk3W7CXUWN_cjs.a}});Object.defineProperty(exports,"pointerLocal",{enumerable:true,get:function(){return chunkSYKMPPTY_cjs.a}});Object.defineProperty(exports,"media",{enumerable:true,get:function(){return chunk63C3RCO2_cjs.a}});Object.defineProperty(exports,"field",{enumerable:true,get:function(){return chunkFZYB3P7L_cjs.a}});Object.defineProperty(exports,"fieldState",{enumerable:true,get:function(){return chunkIIQP3BYA_cjs.a}});Object.defineProperty(exports,"formState",{enumerable:true,get:function(){return chunkQFJ6SZ2H_cjs.a}});Object.defineProperty(exports,"select",{enumerable:true,get:function(){return chunkODPCQAKC_cjs.a}});Object.defineProperty(exports,"colorInput",{enumerable:true,get:function(){return chunk3REDV2FZ_cjs.a}});Object.defineProperty(exports,"navType",{enumerable:true,get:function(){return chunkMGZTR3X6_cjs.a}});Object.defineProperty(exports,"meta",{enumerable:true,get:function(){return chunkK2YWGXLP_cjs.a}});Object.defineProperty(exports,"network",{enumerable:true,get:function(){return chunkRT47EE2L_cjs.b}});Object.defineProperty(exports,"battery",{enumerable:true,get:function(){return chunk7CDVAP3H_cjs.a}});Object.defineProperty(exports,"clock",{enumerable:true,get:function(){return chunk6LTQ7ISE_cjs.a}});Object.defineProperty(exports,"fps",{enumerable:true,get:function(){return chunk2OYRAOTM_cjs.a}});Object.defineProperty(exports,"visualViewport",{enumerable:true,get:function(){return chunkXQOUJEVE_cjs.a}});Object.defineProperty(exports,"keyboard",{enumerable:true,get:function(){return chunkIPYBSM34_cjs.a}});Object.defineProperty(exports,"scrollVelocity",{enumerable:true,get:function(){return chunkLP3QQ33O_cjs.a}});Object.defineProperty(exports,"online",{enumerable:true,get:function(){return chunkOVF4XN2H_cjs.a}});Object.defineProperty(exports,"pageFocused",{enumerable:true,get:function(){return chunkWIPJMLJJ_cjs.a}});Object.defineProperty(exports,"pageVisible",{enumerable:true,get:function(){return chunk3MK6Q7DX_cjs.a}});exports.allPlugins=j;exports.registerPlugins=fo;
+'use strict';var chunk3QHCKCTX_cjs=require('./chunk-3QHCKCTX.cjs'),chunkSRKAOAXW_cjs=require('./chunk-SRKAOAXW.cjs'),chunk7LN34C3P_cjs=require('./chunk-7LN34C3P.cjs'),chunkKHBJUHJ6_cjs=require('./chunk-KHBJUHJ6.cjs'),chunkUALPUR2L_cjs=require('./chunk-UALPUR2L.cjs'),chunk2H5YFW6O_cjs=require('./chunk-2H5YFW6O.cjs'),chunk2YHGSLQQ_cjs=require('./chunk-2YHGSLQQ.cjs'),chunkFKBHTKZH_cjs=require('./chunk-FKBHTKZH.cjs'),chunkHYVT6V4Z_cjs=require('./chunk-HYVT6V4Z.cjs'),chunk4C255WE6_cjs=require('./chunk-4C255WE6.cjs'),chunk675RBWFU_cjs=require('./chunk-675RBWFU.cjs'),chunkXMJ6YRQB_cjs=require('./chunk-XMJ6YRQB.cjs'),chunk63C3RCO2_cjs=require('./chunk-63C3RCO2.cjs'),chunkFZYB3P7L_cjs=require('./chunk-FZYB3P7L.cjs'),chunkIIQP3BYA_cjs=require('./chunk-IIQP3BYA.cjs'),chunkQFJ6SZ2H_cjs=require('./chunk-QFJ6SZ2H.cjs');require('./chunk-L4SCOKPV.cjs');var chunkODPCQAKC_cjs=require('./chunk-ODPCQAKC.cjs'),chunk3REDV2FZ_cjs=require('./chunk-3REDV2FZ.cjs');require('./chunk-A6JDSQWH.cjs');var chunkMGZTR3X6_cjs=require('./chunk-MGZTR3X6.cjs'),chunkK2YWGXLP_cjs=require('./chunk-K2YWGXLP.cjs'),chunkRT47EE2L_cjs=require('./chunk-RT47EE2L.cjs'),chunk7CDVAP3H_cjs=require('./chunk-7CDVAP3H.cjs'),chunk6LTQ7ISE_cjs=require('./chunk-6LTQ7ISE.cjs'),chunk2OYRAOTM_cjs=require('./chunk-2OYRAOTM.cjs'),chunkXQOUJEVE_cjs=require('./chunk-XQOUJEVE.cjs'),chunkIPYBSM34_cjs=require('./chunk-IPYBSM34.cjs'),chunk5PU4B3GP_cjs=require('./chunk-5PU4B3GP.cjs');require('./chunk-DFWBYWE3.cjs'),require('./chunk-HHINWX7L.cjs'),require('./chunk-KSKAQMWJ.cjs');var chunkRVZWUZQ2_cjs=require('./chunk-RVZWUZQ2.cjs');require('./chunk-EYDIF3NM.cjs'),require('./chunk-65MXZJBD.cjs'),require('./chunk-7L35N3N3.cjs');var chunk4R63TNNO_cjs=require('./chunk-4R63TNNO.cjs'),chunkBF7D5A5Z_cjs=require('./chunk-BF7D5A5Z.cjs');require('./chunk-DRXR56P5.cjs');var chunkJI7NXES2_cjs=require('./chunk-JI7NXES2.cjs');var z=[chunkRVZWUZQ2_cjs.a,chunk4R63TNNO_cjs.a,chunkBF7D5A5Z_cjs.a,chunkJI7NXES2_cjs.a,chunkMGZTR3X6_cjs.a,chunkK2YWGXLP_cjs.a,chunkRT47EE2L_cjs.b,chunk7CDVAP3H_cjs.a,chunk6LTQ7ISE_cjs.a,chunk2OYRAOTM_cjs.a,chunkXQOUJEVE_cjs.a,chunkIPYBSM34_cjs.a,chunk675RBWFU_cjs.a,chunkXMJ6YRQB_cjs.a,chunk63C3RCO2_cjs.a,chunkFZYB3P7L_cjs.a,chunkIIQP3BYA_cjs.a,chunkQFJ6SZ2H_cjs.a,chunkODPCQAKC_cjs.a,chunk3REDV2FZ_cjs.a,chunk7LN34C3P_cjs.a,chunkKHBJUHJ6_cjs.a,chunkUALPUR2L_cjs.a,chunk2H5YFW6O_cjs.a,chunk2YHGSLQQ_cjs.a,chunkFKBHTKZH_cjs.a,chunkHYVT6V4Z_cjs.a,chunk4C255WE6_cjs.a,chunk3QHCKCTX_cjs.a,chunkSRKAOAXW_cjs.a];function ao(...o){for(let q of o.length?o:z)chunk5PU4B3GP_cjs.a(q);}Object.defineProperty(exports,"ua",{enumerable:true,get:function(){return chunk3QHCKCTX_cjs.a}});Object.defineProperty(exports,"random",{enumerable:true,get:function(){return chunkSRKAOAXW_cjs.a}});Object.defineProperty(exports,"orientation",{enumerable:true,get:function(){return chunk7LN34C3P_cjs.a}});Object.defineProperty(exports,"motion",{enumerable:true,get:function(){return chunkKHBJUHJ6_cjs.a}});Object.defineProperty(exports,"geo",{enumerable:true,get:function(){return chunkUALPUR2L_cjs.a}});Object.defineProperty(exports,"cpuPressure",{enumerable:true,get:function(){return chunk2H5YFW6O_cjs.a}});Object.defineProperty(exports,"img",{enumerable:true,get:function(){return chunk2YHGSLQQ_cjs.a}});Object.defineProperty(exports,"imgColor",{enumerable:true,get:function(){return chunkFKBHTKZH_cjs.a}});Object.defineProperty(exports,"videoColor",{enumerable:true,get:function(){return chunkHYVT6V4Z_cjs.a}});Object.defineProperty(exports,"truncated",{enumerable:true,get:function(){return chunk4C255WE6_cjs.a}});Object.defineProperty(exports,"pointer",{enumerable:true,get:function(){return chunk675RBWFU_cjs.a}});Object.defineProperty(exports,"pointerLocal",{enumerable:true,get:function(){return chunkXMJ6YRQB_cjs.a}});Object.defineProperty(exports,"media",{enumerable:true,get:function(){return chunk63C3RCO2_cjs.a}});Object.defineProperty(exports,"field",{enumerable:true,get:function(){return chunkFZYB3P7L_cjs.a}});Object.defineProperty(exports,"fieldState",{enumerable:true,get:function(){return chunkIIQP3BYA_cjs.a}});Object.defineProperty(exports,"formState",{enumerable:true,get:function(){return chunkQFJ6SZ2H_cjs.a}});Object.defineProperty(exports,"select",{enumerable:true,get:function(){return chunkODPCQAKC_cjs.a}});Object.defineProperty(exports,"colorInput",{enumerable:true,get:function(){return chunk3REDV2FZ_cjs.a}});Object.defineProperty(exports,"navType",{enumerable:true,get:function(){return chunkMGZTR3X6_cjs.a}});Object.defineProperty(exports,"meta",{enumerable:true,get:function(){return chunkK2YWGXLP_cjs.a}});Object.defineProperty(exports,"network",{enumerable:true,get:function(){return chunkRT47EE2L_cjs.b}});Object.defineProperty(exports,"battery",{enumerable:true,get:function(){return chunk7CDVAP3H_cjs.a}});Object.defineProperty(exports,"clock",{enumerable:true,get:function(){return chunk6LTQ7ISE_cjs.a}});Object.defineProperty(exports,"fps",{enumerable:true,get:function(){return chunk2OYRAOTM_cjs.a}});Object.defineProperty(exports,"visualViewport",{enumerable:true,get:function(){return chunkXQOUJEVE_cjs.a}});Object.defineProperty(exports,"keyboard",{enumerable:true,get:function(){return chunkIPYBSM34_cjs.a}});Object.defineProperty(exports,"scrollVelocity",{enumerable:true,get:function(){return chunkRVZWUZQ2_cjs.a}});Object.defineProperty(exports,"online",{enumerable:true,get:function(){return chunk4R63TNNO_cjs.a}});Object.defineProperty(exports,"pageFocused",{enumerable:true,get:function(){return chunkBF7D5A5Z_cjs.a}});Object.defineProperty(exports,"pageVisible",{enumerable:true,get:function(){return chunkJI7NXES2_cjs.a}});exports.allPlugins=z;exports.registerPlugins=ao;

package/dist/plugins.d.cts

@@ -1,4 +1,4 @@
-import { S as Source } from './types-CudiAlDE.cjs';
+import { S as Source } from './types-CyGIcLOq.cjs';
 
 /**
  * `--live-scroll-velocity` (signed px/frame, decays toward 0 when idle),
@@ -367,6 +367,68 @@ declare const videoColor: Source;
  */
 declare const truncated: Source;
 
+/**
+ * `--const-ua-*` — low-entropy device & browser identity JS can read but CSS
+ * can't, written **once** as strings/numbers on the `const` cadence:
+ *
+ * - `--const-ua-platform` — `macos` / `windows` / `linux` / `android` / `ios` /
+ *   `chromeos` / `unknown`
+ * - `--const-ua-browser` — `chrome` / `edge` / `firefox` / `safari` / `opera` /
+ *   `samsung` / `unknown`
+ * - `--const-ua-engine` — `blink` / `gecko` / `webkit` / `unknown`
+ * - `--const-ua-version` — the browser's major version (number, `0` if unknown)
+ * - `--const-ua-mobile` — `1` on a phone-class device, else `0`
+ *
+ * so CSS can branch on the client without JS or a media query —
+ * `@container style(--const-ua-engine: webkit) { … }`,
+ * `@container style(--const-ua-platform: ios) { … }` — or gate on the version
+ * with `calc(var(--const-ua-version))`.
+ *
+ * Prefers structured UA Client Hints (`navigator.userAgentData`, Chromium) and
+ * falls back to a minimal (best-effort) `userAgent`-string sniff on Firefox /
+ * Safari. **Low-entropy only** — no high-entropy hints, device model, or full
+ * version, so it adds no fingerprinting surface beyond the request headers.
+ *
+ * Typed (`configure({ typed: true })`) registers the strings as `<custom-ident>`
+ * and the numbers as `<integer>` so they survive `@property`. Rides the writer,
+ * so it lands the frame *after* bind; the same constants are available before
+ * first paint via the `head` entry (`import 'prop-for-that/head'`). Global source
+ * — bind once.
+ */
+declare const ua: Source;
+
+/**
+ * Per-element randomness — the one value CSS genuinely can't produce for itself
+ * (until `random()` ships everywhere). Bind it to N elements and each gets its
+ * own rolls, written **once** on the `const` cadence:
+ *
+ * - `--const-random` — a float in `[0, 1)`
+ * - `--const-random-2`, `--const-random-3` — two more, independent of the first
+ *
+ * Three, because organic variation usually needs more than one axis (delay *and*
+ * rotation *and* scale) and CSS can't derive a second independent random from the
+ * first. Everything else *is* derivable, so it isn't shipped: an angle is
+ * `calc(var(--const-random) * 360deg)`, a coin flip
+ * `calc(sign(var(--const-random) - 0.5))`, a range
+ * `calc(A + (B - A) * var(--const-random))`, a bucket
+ * `round(down, calc(var(--const-random) * 5), 1)`.
+ *
+ * Stagger a grid without `:nth-child()` rules, jitter a scatter layout, vary a
+ * shimmer's duration per card — one binding, no per-element JS.
+ *
+ * **Never re-rolled.** It writes on the `const` cadence and sets `gate: false`,
+ * so — unlike a gated element source, whose `start` re-runs on every viewport
+ * re-entry — scrolling out of view and back can't hand an element a new value
+ * mid-animation.
+ *
+ * **Seeded (deterministic) mode:** `configure({ randomSeed: 42 })` derives every
+ * roll from the seed plus the element's position in the DOM, so the same markup
+ * renders the same "random" layout on every load, and a rebind hands an element
+ * the values it had before. Reordering the tree reshuffles it. Unseeded (the
+ * default) rolls come from `Math.random()`.
+ */
+declare const random: Source;
+
 /** Every plugin source, for `registerPlugins()` / bulk registration. */
 declare const allPlugins: Source[];
 /**
@@ -379,4 +441,4 @@ declare const allPlugins: Source[];
  */
 declare function registerPlugins(...sources: Source[]): void;
 
-export { allPlugins, battery, clock, colorInput, cpuPressure, field, fieldState, formState, fps, geo, img, imgColor, keyboard, media, meta, motion, navType, network, online, orientation, pageFocused, pageVisible, pointer, pointerLocal, registerPlugins, scrollVelocity, select, truncated, videoColor, visualViewport };
+export { allPlugins, battery, clock, colorInput, cpuPressure, field, fieldState, formState, fps, geo, img, imgColor, keyboard, media, meta, motion, navType, network, online, orientation, pageFocused, pageVisible, pointer, pointerLocal, random, registerPlugins, scrollVelocity, select, truncated, ua, videoColor, visualViewport };

package/dist/plugins.d.ts

@@ -1,4 +1,4 @@
-import { S as Source } from './types-CudiAlDE.js';
+import { S as Source } from './types-CyGIcLOq.js';
 
 /**
  * `--live-scroll-velocity` (signed px/frame, decays toward 0 when idle),
@@ -367,6 +367,68 @@ declare const videoColor: Source;
  */
 declare const truncated: Source;
 
+/**
+ * `--const-ua-*` — low-entropy device & browser identity JS can read but CSS
+ * can't, written **once** as strings/numbers on the `const` cadence:
+ *
+ * - `--const-ua-platform` — `macos` / `windows` / `linux` / `android` / `ios` /
+ *   `chromeos` / `unknown`
+ * - `--const-ua-browser` — `chrome` / `edge` / `firefox` / `safari` / `opera` /
+ *   `samsung` / `unknown`
+ * - `--const-ua-engine` — `blink` / `gecko` / `webkit` / `unknown`
+ * - `--const-ua-version` — the browser's major version (number, `0` if unknown)
+ * - `--const-ua-mobile` — `1` on a phone-class device, else `0`
+ *
+ * so CSS can branch on the client without JS or a media query —
+ * `@container style(--const-ua-engine: webkit) { … }`,
+ * `@container style(--const-ua-platform: ios) { … }` — or gate on the version
+ * with `calc(var(--const-ua-version))`.
+ *
+ * Prefers structured UA Client Hints (`navigator.userAgentData`, Chromium) and
+ * falls back to a minimal (best-effort) `userAgent`-string sniff on Firefox /
+ * Safari. **Low-entropy only** — no high-entropy hints, device model, or full
+ * version, so it adds no fingerprinting surface beyond the request headers.
+ *
+ * Typed (`configure({ typed: true })`) registers the strings as `<custom-ident>`
+ * and the numbers as `<integer>` so they survive `@property`. Rides the writer,
+ * so it lands the frame *after* bind; the same constants are available before
+ * first paint via the `head` entry (`import 'prop-for-that/head'`). Global source
+ * — bind once.
+ */
+declare const ua: Source;
+
+/**
+ * Per-element randomness — the one value CSS genuinely can't produce for itself
+ * (until `random()` ships everywhere). Bind it to N elements and each gets its
+ * own rolls, written **once** on the `const` cadence:
+ *
+ * - `--const-random` — a float in `[0, 1)`
+ * - `--const-random-2`, `--const-random-3` — two more, independent of the first
+ *
+ * Three, because organic variation usually needs more than one axis (delay *and*
+ * rotation *and* scale) and CSS can't derive a second independent random from the
+ * first. Everything else *is* derivable, so it isn't shipped: an angle is
+ * `calc(var(--const-random) * 360deg)`, a coin flip
+ * `calc(sign(var(--const-random) - 0.5))`, a range
+ * `calc(A + (B - A) * var(--const-random))`, a bucket
+ * `round(down, calc(var(--const-random) * 5), 1)`.
+ *
+ * Stagger a grid without `:nth-child()` rules, jitter a scatter layout, vary a
+ * shimmer's duration per card — one binding, no per-element JS.
+ *
+ * **Never re-rolled.** It writes on the `const` cadence and sets `gate: false`,
+ * so — unlike a gated element source, whose `start` re-runs on every viewport
+ * re-entry — scrolling out of view and back can't hand an element a new value
+ * mid-animation.
+ *
+ * **Seeded (deterministic) mode:** `configure({ randomSeed: 42 })` derives every
+ * roll from the seed plus the element's position in the DOM, so the same markup
+ * renders the same "random" layout on every load, and a rebind hands an element
+ * the values it had before. Reordering the tree reshuffles it. Unseeded (the
+ * default) rolls come from `Math.random()`.
+ */
+declare const random: Source;
+
 /** Every plugin source, for `registerPlugins()` / bulk registration. */
 declare const allPlugins: Source[];
 /**
@@ -379,4 +441,4 @@ declare const allPlugins: Source[];
  */
 declare function registerPlugins(...sources: Source[]): void;
 
-export { allPlugins, battery, clock, colorInput, cpuPressure, field, fieldState, formState, fps, geo, img, imgColor, keyboard, media, meta, motion, navType, network, online, orientation, pageFocused, pageVisible, pointer, pointerLocal, registerPlugins, scrollVelocity, select, truncated, videoColor, visualViewport };
+export { allPlugins, battery, clock, colorInput, cpuPressure, field, fieldState, formState, fps, geo, img, imgColor, keyboard, media, meta, motion, navType, network, online, orientation, pageFocused, pageVisible, pointer, pointerLocal, random, registerPlugins, scrollVelocity, select, truncated, ua, videoColor, visualViewport };

package/dist/plugins.js

@@ -1 +1 @@
-import {a as a$j}from'./chunk-TRMZLMNW.js';export{a as orientation}from'./chunk-TRMZLMNW.js';import {a as a$k}from'./chunk-SKEEFKDT.js';export{a as motion}from'./chunk-SKEEFKDT.js';import {a as a$l}from'./chunk-FOHEZJHF.js';export{a as geo}from'./chunk-FOHEZJHF.js';import {a as a$m}from'./chunk-5JZBLUQK.js';export{a as cpuPressure}from'./chunk-5JZBLUQK.js';import {a as a$n}from'./chunk-YARRV66T.js';export{a as img}from'./chunk-YARRV66T.js';import {a as a$o}from'./chunk-A7GWTDM7.js';export{a as imgColor}from'./chunk-A7GWTDM7.js';import {a as a$p}from'./chunk-ZQTU5EW7.js';export{a as videoColor}from'./chunk-ZQTU5EW7.js';import {a as a$q}from'./chunk-BS2XX4G3.js';export{a as truncated}from'./chunk-BS2XX4G3.js';import {a as a$b}from'./chunk-KAK6WZS7.js';export{a as pointer}from'./chunk-KAK6WZS7.js';import {a as a$c}from'./chunk-2E2JQAHI.js';export{a as pointerLocal}from'./chunk-2E2JQAHI.js';import {a as a$d}from'./chunk-UHGW7AXC.js';export{a as media}from'./chunk-UHGW7AXC.js';import {a as a$e}from'./chunk-COGNT6R5.js';export{a as field}from'./chunk-COGNT6R5.js';import {a as a$f}from'./chunk-BTKSOVH3.js';export{a as fieldState}from'./chunk-BTKSOVH3.js';import {a as a$g}from'./chunk-LBK3257B.js';export{a as formState}from'./chunk-LBK3257B.js';import'./chunk-QIUPJ6MF.js';import {a as a$h}from'./chunk-M65LNJXV.js';export{a as select}from'./chunk-M65LNJXV.js';import {a as a$i}from'./chunk-QTM2FDUV.js';export{a as colorInput}from'./chunk-QTM2FDUV.js';import'./chunk-A2ETARW3.js';import {a as a$4}from'./chunk-H7X35UB4.js';export{a as navType}from'./chunk-H7X35UB4.js';import {a as a$5}from'./chunk-TEPMM5DH.js';export{a as meta}from'./chunk-TEPMM5DH.js';import {b}from'./chunk-JB72QLD6.js';export{b as network}from'./chunk-JB72QLD6.js';import {a as a$6}from'./chunk-DQJQEWPS.js';export{a as battery}from'./chunk-DQJQEWPS.js';import {a as a$7}from'./chunk-7U544OAJ.js';export{a as clock}from'./chunk-7U544OAJ.js';import {a as a$8}from'./chunk-M7FMWTDF.js';export{a as fps}from'./chunk-M7FMWTDF.js';import {a as a$9}from'./chunk-F5H2O3AR.js';export{a as visualViewport}from'./chunk-F5H2O3AR.js';import {a as a$a}from'./chunk-IVUTABRM.js';export{a as keyboard}from'./chunk-IVUTABRM.js';import {a as a$r}from'./chunk-D24E2DBW.js';import'./chunk-V4OTPLOQ.js';import'./chunk-LTJ2VKVY.js';import {a}from'./chunk-SV76E7NI.js';export{a as scrollVelocity}from'./chunk-SV76E7NI.js';import'./chunk-KG3EF456.js';import'./chunk-T4N6AEOZ.js';import'./chunk-LWKH66VY.js';import {a as a$1}from'./chunk-MDKLN42L.js';export{a as online}from'./chunk-MDKLN42L.js';import {a as a$2}from'./chunk-HKCTBVQT.js';export{a as pageFocused}from'./chunk-HKCTBVQT.js';import'./chunk-EEMKKLRF.js';import {a as a$3}from'./chunk-SFO6H2DN.js';export{a as pageVisible}from'./chunk-SFO6H2DN.js';var j=[a,a$1,a$2,a$3,a$4,a$5,b,a$6,a$7,a$8,a$9,a$a,a$b,a$c,a$d,a$e,a$f,a$g,a$h,a$i,a$j,a$k,a$l,a$m,a$n,a$o,a$p,a$q];function fo(...o){for(let T of o.length?o:j)a$r(T);}export{j as allPlugins,fo as registerPlugins};
+import {a as a$r}from'./chunk-5VXDAWUI.js';export{a as ua}from'./chunk-5VXDAWUI.js';import {a as a$s}from'./chunk-HFE2X32G.js';export{a as random}from'./chunk-HFE2X32G.js';import {a as a$j}from'./chunk-N745RQIX.js';export{a as orientation}from'./chunk-N745RQIX.js';import {a as a$k}from'./chunk-HTO57OQP.js';export{a as motion}from'./chunk-HTO57OQP.js';import {a as a$l}from'./chunk-FOHEZJHF.js';export{a as geo}from'./chunk-FOHEZJHF.js';import {a as a$m}from'./chunk-5JZBLUQK.js';export{a as cpuPressure}from'./chunk-5JZBLUQK.js';import {a as a$n}from'./chunk-YARRV66T.js';export{a as img}from'./chunk-YARRV66T.js';import {a as a$o}from'./chunk-A7GWTDM7.js';export{a as imgColor}from'./chunk-A7GWTDM7.js';import {a as a$p}from'./chunk-ZQTU5EW7.js';export{a as videoColor}from'./chunk-ZQTU5EW7.js';import {a as a$q}from'./chunk-KDIZYBPJ.js';export{a as truncated}from'./chunk-KDIZYBPJ.js';import {a as a$b}from'./chunk-6M2UIJI5.js';export{a as pointer}from'./chunk-6M2UIJI5.js';import {a as a$c}from'./chunk-TL5BJFFL.js';export{a as pointerLocal}from'./chunk-TL5BJFFL.js';import {a as a$d}from'./chunk-UHGW7AXC.js';export{a as media}from'./chunk-UHGW7AXC.js';import {a as a$e}from'./chunk-COGNT6R5.js';export{a as field}from'./chunk-COGNT6R5.js';import {a as a$f}from'./chunk-BTKSOVH3.js';export{a as fieldState}from'./chunk-BTKSOVH3.js';import {a as a$g}from'./chunk-LBK3257B.js';export{a as formState}from'./chunk-LBK3257B.js';import'./chunk-QIUPJ6MF.js';import {a as a$h}from'./chunk-M65LNJXV.js';export{a as select}from'./chunk-M65LNJXV.js';import {a as a$i}from'./chunk-QTM2FDUV.js';export{a as colorInput}from'./chunk-QTM2FDUV.js';import'./chunk-A2ETARW3.js';import {a as a$4}from'./chunk-H7X35UB4.js';export{a as navType}from'./chunk-H7X35UB4.js';import {a as a$5}from'./chunk-TEPMM5DH.js';export{a as meta}from'./chunk-TEPMM5DH.js';import {b}from'./chunk-JB72QLD6.js';export{b as network}from'./chunk-JB72QLD6.js';import {a as a$6}from'./chunk-DQJQEWPS.js';export{a as battery}from'./chunk-DQJQEWPS.js';import {a as a$7}from'./chunk-7U544OAJ.js';export{a as clock}from'./chunk-7U544OAJ.js';import {a as a$8}from'./chunk-M7FMWTDF.js';export{a as fps}from'./chunk-M7FMWTDF.js';import {a as a$9}from'./chunk-F5H2O3AR.js';export{a as visualViewport}from'./chunk-F5H2O3AR.js';import {a as a$a}from'./chunk-IVUTABRM.js';export{a as keyboard}from'./chunk-IVUTABRM.js';import {a as a$t}from'./chunk-N3F2LRDI.js';import'./chunk-6234NJTF.js';import'./chunk-LTJ2VKVY.js';import'./chunk-EXPE3C6O.js';import {a}from'./chunk-PS7KTHW4.js';export{a as scrollVelocity}from'./chunk-PS7KTHW4.js';import'./chunk-KG3EF456.js';import'./chunk-T4N6AEOZ.js';import'./chunk-LWKH66VY.js';import {a as a$1}from'./chunk-2SIGTGQE.js';export{a as online}from'./chunk-2SIGTGQE.js';import {a as a$2}from'./chunk-2NMXY7T4.js';export{a as pageFocused}from'./chunk-2NMXY7T4.js';import'./chunk-7KEBMJ3O.js';import {a as a$3}from'./chunk-IFIWYBMP.js';export{a as pageVisible}from'./chunk-IFIWYBMP.js';var z=[a,a$1,a$2,a$3,a$4,a$5,b,a$6,a$7,a$8,a$9,a$a,a$b,a$c,a$d,a$e,a$f,a$g,a$h,a$i,a$j,a$k,a$l,a$m,a$n,a$o,a$p,a$q,a$r,a$s];function ao(...o){for(let q of o.length?o:z)a$t(q);}export{z as allPlugins,ao as registerPlugins};

package/dist/pointer-P2B4YDKM.cjs

@@ -0,0 +1 @@
+'use strict';var chunk675RBWFU_cjs=require('./chunk-675RBWFU.cjs');require('./chunk-65MXZJBD.cjs'),require('./chunk-DRXR56P5.cjs');Object.defineProperty(exports,"pointer",{enumerable:true,get:function(){return chunk675RBWFU_cjs.a}});

package/dist/pointer-RJIXVFBH.js

@@ -0,0 +1 @@
+export{a as pointer}from'./chunk-6M2UIJI5.js';import'./chunk-T4N6AEOZ.js';import'./chunk-7KEBMJ3O.js';

package/dist/pointer-local-L4EQM2UF.js

@@ -0,0 +1 @@
+export{a as pointerLocal}from'./chunk-TL5BJFFL.js';import'./chunk-T4N6AEOZ.js';import'./chunk-7KEBMJ3O.js';

package/dist/pointer-local-QZJODLIH.cjs

@@ -0,0 +1 @@
+'use strict';var chunkXMJ6YRQB_cjs=require('./chunk-XMJ6YRQB.cjs');require('./chunk-65MXZJBD.cjs'),require('./chunk-DRXR56P5.cjs');Object.defineProperty(exports,"pointerLocal",{enumerable:true,get:function(){return chunkXMJ6YRQB_cjs.a}});

package/dist/random-LUAMZ2M7.cjs

@@ -0,0 +1 @@
+'use strict';var chunkSRKAOAXW_cjs=require('./chunk-SRKAOAXW.cjs');require('./chunk-65MXZJBD.cjs');Object.defineProperty(exports,"random",{enumerable:true,get:function(){return chunkSRKAOAXW_cjs.a}});

package/dist/random-O4GDPYJ3.js

@@ -0,0 +1 @@
+export{a as random}from'./chunk-HFE2X32G.js';import'./chunk-T4N6AEOZ.js';

package/dist/scroll-velocity-X3F22E47.cjs

@@ -0,0 +1 @@
+'use strict';var chunkRVZWUZQ2_cjs=require('./chunk-RVZWUZQ2.cjs');require('./chunk-EYDIF3NM.cjs'),require('./chunk-65MXZJBD.cjs'),require('./chunk-7L35N3N3.cjs'),require('./chunk-DRXR56P5.cjs');Object.defineProperty(exports,"scrollVelocity",{enumerable:true,get:function(){return chunkRVZWUZQ2_cjs.a}});

package/dist/scroll-velocity-Y43V5NH2.js

@@ -0,0 +1 @@
+export{a as scrollVelocity}from'./chunk-PS7KTHW4.js';import'./chunk-KG3EF456.js';import'./chunk-T4N6AEOZ.js';import'./chunk-LWKH66VY.js';import'./chunk-7KEBMJ3O.js';

package/dist/truncated-23UAUK2L.cjs

@@ -0,0 +1 @@
+'use strict';var chunk4C255WE6_cjs=require('./chunk-4C255WE6.cjs');require('./chunk-DFWBYWE3.cjs');Object.defineProperty(exports,"truncated",{enumerable:true,get:function(){return chunk4C255WE6_cjs.a}});

package/dist/truncated-R3OIXDTH.js

@@ -0,0 +1 @@
+export{a as truncated}from'./chunk-KDIZYBPJ.js';import'./chunk-6234NJTF.js';

package/dist/{types-CudiAlDE.d.cts → types-CyGIcLOq.d.cts}

@@ -31,6 +31,14 @@ interface Config {
      * `fps`/`scroll-velocity` measure at this rate too.
      */
     liveHz?: number;
+    /**
+     * Seed for the `random` plugin. When set, each element's rolls are derived from
+     * this seed plus the element's position in the DOM instead of `Math.random()`,
+     * so the same markup renders the same "random" layout on every load — and a
+     * rebind hands an element the values it had before. Unset (the default) means
+     * genuinely random per load. Any integer works; `0` is a valid seed.
+     */
+    randomSeed?: number;
 }
 /** Optional `@property` typing for a source's local name, used when `typed` is on. */
 interface PropSpec {

package/dist/{types-CudiAlDE.d.ts → types-CyGIcLOq.d.ts}

@@ -31,6 +31,14 @@ interface Config {
      * `fps`/`scroll-velocity` measure at this rate too.
      */
     liveHz?: number;
+    /**
+     * Seed for the `random` plugin. When set, each element's rolls are derived from
+     * this seed plus the element's position in the DOM instead of `Math.random()`,
+     * so the same markup renders the same "random" layout on every load — and a
+     * rebind hands an element the values it had before. Unset (the default) means
+     * genuinely random per load. Any integer works; `0` is a valid seed.
+     */
+    randomSeed?: number;
 }
 /** Optional `@property` typing for a source's local name, used when `typed` is on. */
 interface PropSpec {

package/dist/ua-3MLUBLSV.cjs

@@ -0,0 +1 @@
+'use strict';var chunk3QHCKCTX_cjs=require('./chunk-3QHCKCTX.cjs');require('./chunk-KSKAQMWJ.cjs');Object.defineProperty(exports,"ua",{enumerable:true,get:function(){return chunk3QHCKCTX_cjs.a}});

package/dist/ua-3RC4SBYB.js

@@ -0,0 +1 @@
+export{a as ua}from'./chunk-5VXDAWUI.js';import'./chunk-EXPE3C6O.js';

package/llms.txt

@@ -13,7 +13,7 @@ when a value actually changed. Zero runtime dependencies, tree-shakeable, TypeSc
 ## Entry points
 
 - `prop-for-that`: the core API (`configure`, `register`, `unregister`, `propsFor`, `unbind`, `reset`).
-- `prop-for-that/auto`: side-effecting and fully declarative. Attaches **nothing** by default — it scans the DOM for `[data-props-for="key1 key2"]` and binds exactly those sources (globals included, declared on `<html data-props-for="viewport pointer">` → writes to `:root`), watching the DOM with a `MutationObserver`. Plugin sources are **loaded on demand**: the first time a key needs one, its chunk is dynamically imported and registered, then the binding attaches (no `registerPlugins()`, no separate plugins import). Because it lazy-loads via dynamic `import()`, use it as a module — `<script type="module" src=".../auto.js">` (a classic CDN drop-in `auto.global.js` no longer exists). If the root `<html>` has the boolean attribute `data-props-typed`, it calls `configure({ typed: true })` first (markup equivalent; read once on load; global, no per-key subset). Two limits: it only sees the **light DOM** (a `MutationObserver` doesn't cross shadow roots, so `data-props-for` inside a web component's shadow root is never auto-bound — bind those imperatively with `propsFor(el, [...])`); and on-demand plugin chunks resolve only on CDNs that serve the `dist` tree verbatim (unpkg / jsDelivr file paths), not rewriting/bundling CDNs (esm.sh, `?module`, jsDelivr `+esm`).
+- `prop-for-that/auto`: side-effecting and fully declarative. Attaches **nothing** by default — it scans the DOM for `[data-props-for="key1 key2"]` and binds exactly those sources (globals included, declared on `<html data-props-for="viewport pointer">` → writes to `:root`), watching the DOM with a `MutationObserver`. An element can add `data-props-to="<selector>"` to write its properties on the nearest matching **ancestor** instead (the element is still what's observed) — editing that attribute rebinds every key on the element against the new target. Plugin sources are **loaded on demand**: the first time a key needs one, its chunk is dynamically imported and registered, then the binding attaches (no `registerPlugins()`, no separate plugins import). Because it lazy-loads via dynamic `import()`, use it as a module — `<script type="module" src=".../auto.js">` (a classic CDN drop-in `auto.global.js` no longer exists). If the root `<html>` has the boolean attribute `data-props-typed`, it calls `configure({ typed: true })` first (markup equivalent; read once on load; global, no per-key subset). Likewise `<html data-props-seed="42">` calls `configure({ randomSeed: 42 })` first (markup equivalent, seeds the `random` plugin; read once on load; a non-numeric value is ignored with a warning). Two limits: it only sees the **light DOM** (a `MutationObserver` doesn't cross shadow roots, so `data-props-for` inside a web component's shadow root is never auto-bound — bind those imperatively with `propsFor(el, [...])`); and on-demand plugin chunks resolve only on CDNs that serve the `dist` tree verbatim (unpkg / jsDelivr file paths), not rewriting/bundling CDNs (esm.sh, `?module`, jsDelivr `+esm`).
 - `prop-for-that/head`: side-effecting. Synchronously writes FOUC-safe constants before first paint. Inline it in `<head>`.
 - `prop-for-that/plugins`: opt-in plugin sources, plus `registerPlugins` and `allPlugins`.
 
@@ -43,7 +43,7 @@ register(source: Source): void           // add a custom/plugin source by key
 unregister(key: SourceKey): void         // remove a source from the registry
 isRegistered(key: SourceKey): boolean    // whether a source key is currently registered
 propsFor(keys: string[]): Disposer       // global: attach sources to config.root (:root)
-propsFor(target: Element | NodeList | Element[], keys: string[]): Disposer  // per element(s)
+propsFor(target: Element | NodeList | Element[], keys: string[], opts?: PropsForOptions): Disposer  // per element(s)
 unbind(target: HTMLElement, keys?: string[]): void    // detach some/all
 reset(): void                            // tear down every binding + shared observers/listeners
 pause(): void                            // freeze the loop (no sampling/flushing); idempotent
@@ -52,10 +52,19 @@ resume(): void                           // unfreeze; flushes anything queued wh
 // propsFor is global unless the first arg is a Node, NodeList, or array of elements.
 // Its disposer tears down only what that call started and removes the properties it wrote.
 
-interface Config { livePrefix: string; constPrefix: string; root: HTMLElement; typed: boolean; defaults?: Record<string, string|number>; liveHz?: number }
+interface PropsForOptions { to?: Element | string }
+// `to` hoists the WRITES to an ancestor (selector → el.closest(), or an explicit element)
+// while still OBSERVING the bound element — the fix for "custom properties inherit
+// downward only, and @container style() matches an ancestor". Markup form: data-props-to.
+// No closest() match → warns, falls back to the element itself. `to` + a global source →
+// warns, ignored. One binding per key per hoist target (duplicates warn and fight).
+
+interface Config { livePrefix: string; constPrefix: string; root: HTMLElement; typed: boolean; defaults?: Record<string, string|number>; liveHz?: number; randomSeed?: number }
 // defaults: livePrefix '--live-', constPrefix '--const-', root document.documentElement, typed false, liveHz unset (every frame)
 // config.defaults are typed @property initial values, keyed by a source's local name
 // liveHz caps loop sampling+flushing rate (e.g. 30); fewer writes = less style recalc + calmer DevTools
+// randomSeed makes the `random` plugin deterministic (rolls derive from seed + the element's DOM position); read when a source starts
+// randomSeed markup equivalent under auto: <html data-props-seed="42">
 
 interface Source {
   key: SourceKey
@@ -106,6 +115,11 @@ prefix; constants use `--const-`. Values are unitless numbers unless noted.
 | `--const-dpr` | `devicePixelRatio` |
 | `--const-cores` | `navigator.hardwareConcurrency` |
 | `--const-mem` | `navigator.deviceMemory` in GiB (Chromium-only, coarse; `0` elsewhere) |
+| `--const-ua-platform` | low-entropy OS: `macos` / `windows` / `linux` / `android` / `ios` / `chromeos` / `unknown` |
+| `--const-ua-browser` | `chrome` / `edge` / `firefox` / `safari` / `opera` / `samsung` / `unknown` |
+| `--const-ua-engine` | `blink` / `gecko` / `webkit` / `unknown` |
+| `--const-ua-version` | browser major version (number, `0` if unknown) |
+| `--const-ua-mobile` | `1` on a phone-class device, else `0` |
 
 ### Plugins (`prop-for-that/plugins`)
 
@@ -120,6 +134,7 @@ Import name is camelCase; the key for `propsFor`/`data-props-for` is the dashed
 | `pageVisible` | `page-visible` | global | `--live-page-visible` (1/0 — tab foreground vs hidden/backgrounded; `document.visibilityState`. A visible tab can still be unfocused) |
 | `navType` | `nav-type` | global | `--const-nav-type` (write-once string — how the user arrived: `navigate` / `reload` / `back_forward` / `prerender`, from `performance.getEntriesByType('navigation')[0].type`. Pairs with `@container style(--const-nav-type: reload)`) |
 | `meta` | `meta` | global | every `<meta name\|property + content>` as a write-once `--const-meta-<slug>` (slug = lowercased name, non-alphanumerics → `-`): e.g. `--const-meta-theme-color`, `--const-meta-og-image`, `--const-meta-color-scheme`. First match wins; a `media`-conditional meta is skipped when it doesn't match, so the active `theme-color` variant lands. Read once at bind (const) |
+| `ua` | `ua` | global | low-entropy device/browser identity, write-once: `--const-ua-platform` (macos/windows/linux/android/ios/chromeos/unknown), `--const-ua-browser` (chrome/edge/firefox/safari/opera/samsung/unknown), `--const-ua-engine` (blink/gecko/webkit/unknown), `--const-ua-version` (browser major, 0 if unknown), `--const-ua-mobile` (1/0). Prefers UA Client Hints (`navigator.userAgentData`, Chromium), falls back to a best-effort userAgent sniff (Firefox/Safari). Low-entropy only — no fingerprinting surface beyond request headers. Also written pre-paint by the `head` entry |
 | `network` | `network` | global | `--live-net-downlink`, `--live-net-rtt`, `--live-net-save-data` (1/0), `--live-net-type` (slow-2g=1…4g=4, else 0) |
 | `battery` | `battery` | global | `--live-battery-level` (0–1), `--live-battery-charging` (1/0) |
 | `clock` | `clock` | global | `--live-now` (epoch seconds), `--live-hours`, `--live-minutes`, `--live-seconds` |
@@ -141,6 +156,7 @@ Import name is camelCase; the key for `propsFor`/`data-props-for` is the dashed
 | `imgColor` | `img-color` | element | a palette from an `<img>`, all from one 16×16 bucketing pass (createImageBitmap+OffscreenCanvas). Each swatch is a single sRGB hex colour (no channel props — use relative colour syntax / color-mix to extract): `--live-img` (dominant), `--live-img-accent` (most vibrant), `--live-img-dark` (darkest non-black), `--live-img-light` (lightest non-white), `--live-img-avg` (mean). Plus `--live-img-temp` (−1 cool…+1 warm). Accent reuses the dominant for grayscale. Cross-origin needs `crossorigin` + CORS, else no-ops. Bind the `<img>` or a container. |
 | `videoColor` | `video-color` | element | live colours of a playing `<video>`, each a single sRGB hex colour: `--live-video` (dominant) + `--live-video-accent` (most vibrant; reuses the dominant for a grayscale frame). Both from one 16×16 read on `requestVideoFrameCallback` (stops when paused/offscreen/backgrounded), throttled to ~4 Hz; seeds a paused/poster frame; falls back to `timeupdate`. Cross-origin needs `crossorigin` + CORS, else no-ops. Bind the `<video>` or a container. |
 | `truncated` | `truncated` | element | whether the element's own text is clipped right now — the "is the ellipsis showing?" CSS can ask a scroll container but not overflowing text (all 1/0): `--live-truncated` (either axis), `--live-truncated-x` (inline clip, `scrollWidth > clientWidth` — the `text-overflow: ellipsis` case), `--live-truncated-y` (block clip, `scrollHeight > clientHeight` — `-webkit-line-clamp` / fixed-height box). Drives `@container style(--live-truncated: 1)` to reveal a "more"/tooltip/expand affordance only while text is cut off. Recomputed on resize (shared `ResizeObserver`), flips both ways as layout reflows. Bind the element whose overflow you care about. |
+| `random` | `random` | element | three independent random rolls per bound element, each a float in [0,1), written once: `--const-random`, `--const-random-2`, `--const-random-3`. One CSS rule varies every element (size / tint / animation-delay phase) with no `:nth-child()` ladder. Angles, ranges, buckets, coin flips are derivable in calc() so they aren't shipped. Never re-rolled: `const` cadence + `gate: false` (gating would re-roll on every viewport re-entry). `configure({ randomSeed: 42 })` → deterministic, derived from the seed + the element's DOM position, so the same markup renders the same scatter every load (SSR/screenshot diffing); rebinding returns the same values; reordering the tree reshuffles. Native CSS `random()` is the eventual replacement. |
 
 ## Recipes
 
@@ -177,6 +193,19 @@ Container-bound range (so siblings can read the value):
 propsFor(document.querySelector('.meter'), ['range'])
 ```
 
+Hoisting to an ancestor (the general form — works for every element source):
+
+```html
+<figure>
+  <img data-props-for="img size" data-props-to="figure" src="art.jpg">
+  <figcaption>…</figcaption>   <!-- reads --live-loaded, and can style-query it -->
+</figure>
+```
+
+```js
+propsFor(img, ['img', 'size'], { to: 'figure' })   // or { to: someElement }
+```
+
 Continuous reaction with `var()`:
 
 ```css
@@ -192,7 +221,7 @@ Discrete reaction with a style query:
 
 ## Gotchas (read before writing CSS)
 
-- **Custom properties inherit downward only.** An `element`-scoped source writes its vars on the bound element. To let *sibling* elements react, bind a common ancestor. `range` and `field` help here: bind them to a container and they find the inner `<input>`, writing the vars on the container.
+- **Custom properties inherit downward only.** An `element`-scoped source writes its vars on the bound element, so only its *descendants* see them — and since `@container style()` matches an ancestor, the element can't style-query its own values either. Fix it by **hoisting**: `propsFor(el, keys, { to: 'figure' })` or `data-props-to="figure"` observes `el` but writes on the ancestor, so siblings (and `el` itself) can read and style-query it. The complementary trick: `range`, `field`, `select`, `media`, `img`, `img-color`, `video-color`, `color-input` also accept being bound to a *container* — they find the inner element and write on the container. Keep hoists to one binding per key per target (two elements hoisting the same key to one ancestor overwrite each other; it warns).
 - **Pick the right consumer.** Continuous numbers go through `var()` + `calc()`. Discrete/boolean/integer values use `@container style()`, which matches on **equality only** (range comparisons like `style(--x < 5)` are not stable yet). Emit booleans/tiers when you need thresholds.
 - **`visibility` is binary + latched, not a ratio.** It writes `--live-visible` and `--const-has-entered`. There is no continuous visible-ratio and no scroll-position source: use native `animation-timeline: scroll()` / `view()` for continuous scroll-driven effects.
 - **Values are unitless.** Multiply by `1px`, `1deg`, `100%`, etc. in CSS.
@@ -200,7 +229,7 @@ Discrete reaction with a style query:
 - **Typed properties are opt-in.** `configure({ typed: true })` (before attaching) registers each written `--live-*` with `@property` so it interpolates (consumers add `transition`/`@keyframes`) and resolves to `0` before a value arrives. With the `auto` entry, `<html data-props-typed>` is the markup equivalent (boolean, read once on load; typing is global per `@property` name, so no per-key subset). It is a one-way door (no unregister), uses `inherits: true`, is feature-detected, and skips names already registered. Sources can declare per-property `props: { name: { syntax, initial, inherits } }` (default `<number>` / `0` / inherited); consumers can set initials with `configure({ typed: true, defaults: { 'pointer-x-ratio': 0.5 } })` (keyed by local name).
 - **Permission-gated plugins** (`orientation`, `motion`, `geo`) and unsupported APIs feature-detect and no-op; registering them is always safe. On iOS some need a user-gesture permission grant before values arrive. `cpuPressure` is Chromium-only and needs a secure context + the `compute-pressure` Permissions Policy; it seeds `--live-cpu-pressure: 0` where supported, writes nothing where not.
 - **Global writes land in an adopted stylesheet, not `<html>` inline style.** Root `--live-*` go into one constructable, adopted `:root {}` rule (element-scoped writes stay inline; the `head` entry still writes `--const-*` inline for first paint). Keeps the DevTools Styles panel usable under per-frame churn; `var()`/`calc()` consumption is identical (still inherits). Reading `documentElement.style` directly won't show them — read computed style. Falls back to inline where constructable stylesheets are unsupported.
-- **Continuously-sampling element sources pause off screen.** Under both the imperative API and `auto`, a *gated* `element`-scoped source runs only while its element intersects the viewport (via the shared `IntersectionObserver`); off screen its work (listeners/observers/timers) is torn down and its last-written values freeze in place, resuming + re-seeding on re-entry. This covers the sources that do continuous/heavy work: `size`, `truncated`, `pointer-local`, `media`, `img-color`, `video-color`. `global` sources and `:root` bindings are never gated. Opt out with `gate: false`: `visibility` does (it must keep observing to *report* visibility), and so do the **event-driven** sources `range`, `field`, `field-state`, `form-state`, `select`, `color-input`, `img` — they only write on user interaction or `load` (impossible off screen), so they seed once at bind and run ungated rather than paying for an `IntersectionObserver` subscription that saves nothing.
+- **Continuously-sampling element sources pause off screen.** Under both the imperative API and `auto`, a *gated* `element`-scoped source runs only while its element intersects the viewport (via the shared `IntersectionObserver`); off screen its work (listeners/observers/timers) is torn down and its last-written values freeze in place, resuming + re-seeding on re-entry. This covers the sources that do continuous/heavy work: `size`, `truncated`, `pointer-local`, `media`, `img-color`, `video-color`. `global` sources and `:root` bindings are never gated. Opt out with `gate: false`: `visibility` does (it must keep observing to *report* visibility), and so do the **event-driven** sources `range`, `field`, `field-state`, `form-state`, `select`, `color-input`, `img` — they only write on user interaction or `load` (impossible off screen), so they seed once at bind and run ungated rather than paying for an `IntersectionObserver` subscription that saves nothing. `random` is ungated for a stronger reason: re-entry re-runs `start`, which would re-roll its write-once values.
 - **Freeze or throttle the loop.** The whole loop also freezes automatically while the tab is hidden (`document.hidden`). `pause()` / `resume()` stop and restart sampling+flushing (values hold steady; bindings stay attached). `configure({ liveHz: 30 })` caps the rate to reduce mutations/recalc, throttling samplers (`fps`, `scroll-velocity`) too.
 
 ## Links

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "prop-for-that",
-  "version": "0.7.7",
+  "version": "0.7.11",
   "description": "Expose what JavaScript knows but CSS can't see, as batched, diffed CSS custom properties.",
   "type": "module",
   "license": "MIT",

package/dist/chunk-3MK6Q7DX.cjs

@@ -1 +0,0 @@
-'use strict';var s=new Map;function o(e,n){let t=s.get(e);if(!t){let r=new Set,i=a=>{for(let d of [...r])d(a);};t={handlers:r,dispatch:i},s.set(e,t),document.addEventListener(e,i,{passive:true});}return t.handlers.add(n),()=>{t.handlers.delete(n),t.handlers.size===0&&(document.removeEventListener(e,t.dispatch),s.delete(e));}}var l={key:"page-visible",scope:"global",start(e){let n=()=>e.write("page-visible",document.visibilityState==="visible"?1:0);return n(),o("visibilitychange",n)}};exports.a=l;

package/dist/chunk-D24E2DBW.js

@@ -1 +0,0 @@
-import {b as b$1,a as a$3}from'./chunk-V4OTPLOQ.js';import {a as a$2}from'./chunk-LTJ2VKVY.js';import {b,a}from'./chunk-KG3EF456.js';import {a as a$4}from'./chunk-T4N6AEOZ.js';import {a as a$1}from'./chunk-LWKH66VY.js';import {a as a$5}from'./chunk-EEMKKLRF.js';var f;function P(){if(f!==void 0||(f=null,typeof document>"u"||typeof CSSStyleSheet!="function"||!("adoptedStyleSheets"in document)))return f;try{let e=new CSSStyleSheet;e.replaceSync(":root{}"),document.adoptedStyleSheets=[...document.adoptedStyleSheets,e],f=e.cssRules[0].style;}catch{f=null;}return f}function m(e){if(typeof document<"u"&&e===document.documentElement){let t=P();if(t)return t}return e.style}var h=class{pending=new Map;last=new WeakMap;set(t,r,o){let n=this.pending.get(t);if(n?.has(r)){n.set(r,o);return}this.last.get(t)?.get(r)!==o&&(n?n.set(r,o):this.pending.set(t,new Map([[r,o]])),a());}forget(t,r){this.last.get(t)?.delete(r);let o=this.pending.get(t);o&&(o.delete(r),o.size===0&&this.pending.delete(t));}flush=()=>{if(this.pending.size!==0){for(let[t,r]of this.pending){let o=this.last.get(t);o||this.last.set(t,o=new Map);let n=m(t);for(let[i,s]of r)o.get(i)!==s&&(n.setProperty(i,s),o.set(i,s));}this.pending.clear();}}},y=new h;b(y.flush);var k=new Set;function C(e,t,r){if(k.has(e)||typeof CSS>"u"||typeof CSS.registerProperty!="function")return;k.add(e);let o=t?r?.[t]:void 0,n=t?a$1.defaults?.[t]:void 0;try{CSS.registerProperty({name:e,syntax:o?.syntax??"<number>",inherits:o?.inherits??!0,initialValue:n!=null?String(n):o?.initial??"0"});}catch{}}var T={key:"viewport",scope:"global",start(e){let t=()=>{e.write("vw",window.innerWidth),e.write("vh",window.innerHeight);};return t(),a$5("resize",t)}};var x={key:"size",scope:"element",start(e){return a$3(e.target,t=>{let r=t.borderBoxSize?.[0],o=r?r.inlineSize:t.contentRect.width,n=r?r.blockSize:t.contentRect.height;e.write("w",a$4(o)),e.write("h",a$4(n)),e.write("aspect",n>0?a$4(o/n):0);})}};var g=1;function R(e){let t=e.rootBounds;if(!t)return e.intersectionRatio>=1;let r=e.boundingClientRect;return r.top>=t.top-g&&r.right<=t.right+g&&r.bottom<=t.bottom+g&&r.left>=t.left-g}var H={key:"visibility",scope:"element",gate:false,start(e){let t=false;return e.write("visible",0),e.write("has-entered",0,"const"),b$1(e.target,r=>{let o=R(r);e.write("visible",o?1:0),o&&!t&&(t=true,e.write("has-entered",1,"const"));})}};var D={key:"range",scope:"element",gate:false,start(e){let t=a$2(e.target,'input[type="range"], input[type="number"]');if(!t)return ()=>{};let r=()=>{let o=t.min===""?0:Number(t.min),n=t.max===""?100:Number(t.max),i=Number(t.value);e.write("value",i),e.write("value-pct",n>o?a$4((i-o)/(n-o)):0);};return r(),t.addEventListener("input",r,{passive:true}),()=>t.removeEventListener("input",r)}};var z={viewport:T,size:x,visibility:H,range:D};var I=()=>{},p=new Map,S={...z};function ge(e){S[e.key]=e;}function Se(e){delete S[e];}function he(e){return e in S}function we(e){Object.assign(a$1,e);}function F(e,t,r){return {target:e,config:a$1,write(o,n,i="live"){let s=(i==="const"?a$1.constPrefix:a$1.livePrefix)+o;t.add(s),a$1.typed&&C(s,o,r),y.set(e,s,String(n));}}}function K(e,t,r){if(!(e.scope==="element"&&e.gate!==false&&r!==a$1.root&&typeof IntersectionObserver<"u"))return e.start(t);let n=null,i=()=>{if(!n)try{n=e.start(t);}catch(l){console.error(`[prop-for-that] source "${e.key}" failed to start`,l);}},s=()=>{n?.(),n=null;},d=b$1(r,l=>{l.isIntersecting?i():s();});return ()=>{d(),s();}}function w(e,t,r){let o=r.get(t);if(!o)return;o.dispose();let n=m(e);for(let i of o.written)n.removeProperty(i),y.forget(e,i);r.delete(t);}function A(e,t){let r=p.get(e);r||p.set(e,r=new Map);let o=[];for(let n of t){if(r.has(n))continue;let i=S[n];if(!i){console.warn(`[prop-for-that] unknown source "${n}"`);continue}let s=new Set,d;try{d=K(i,F(e,s,i.props),e);}catch(l){console.error(`[prop-for-that] source "${n}" failed to start`,l);continue}r.set(n,{dispose:d,written:s}),o.push(n);}return ()=>{let n=p.get(e);if(n){for(let i of o)w(e,i,n);n.size===0&&p.delete(e);}}}function O(e){return e instanceof Element?[e]:typeof NodeList<"u"&&e instanceof NodeList||typeof HTMLCollection<"u"&&e instanceof HTMLCollection||Array.isArray(e)?Array.from(e).filter(t=>t instanceof Element):[]}function W(e){return Array.isArray(e)&&(e.length===0||typeof e[0]=="string")}function ve(e,t){let r,o;if(t===void 0&&W(e)?(r=a$1.root?[a$1.root]:[],o=e):(r=O(e),o=t??[]),!r.length||!o.length)return I;let n=r.map(i=>A(i,o));return ()=>{for(let i of n)i();}}function Ee(e,t){let r=p.get(e);if(r){for(let o of t??[...r.keys()])w(e,o,r);r.size===0&&p.delete(e);}}function be(){for(let[e,t]of p)for(let r of [...t.keys()])w(e,r,t);p.clear();}export{ge as a,Se as b,he as c,we as d,ve as e,Ee as f,be as g};

package/dist/chunk-EEMKKLRF.js

@@ -1 +0,0 @@
-var t=new Map;function a(n,s){let e=t.get(n);if(!e){let r=new Set,d=i=>{for(let o of [...r])o(i);};e={handlers:r,dispatch:d},t.set(n,e),window.addEventListener(n,d,{passive:true});}return e.handlers.add(s),()=>{e.handlers.delete(s),e.handlers.size===0&&(window.removeEventListener(n,e.dispatch),t.delete(n));}}export{a};

package/dist/chunk-OVCZMPYV.cjs

@@ -1 +0,0 @@
-'use strict';var chunkPQVNJZUW_cjs=require('./chunk-PQVNJZUW.cjs'),chunkHHINWX7L_cjs=require('./chunk-HHINWX7L.cjs'),chunkEYDIF3NM_cjs=require('./chunk-EYDIF3NM.cjs'),chunk65MXZJBD_cjs=require('./chunk-65MXZJBD.cjs'),chunk7L35N3N3_cjs=require('./chunk-7L35N3N3.cjs'),chunkQHHF5SEL_cjs=require('./chunk-QHHF5SEL.cjs');var f;function P(){if(f!==void 0||(f=null,typeof document>"u"||typeof CSSStyleSheet!="function"||!("adoptedStyleSheets"in document)))return f;try{let e=new CSSStyleSheet;e.replaceSync(":root{}"),document.adoptedStyleSheets=[...document.adoptedStyleSheets,e],f=e.cssRules[0].style;}catch{f=null;}return f}function m(e){if(typeof document<"u"&&e===document.documentElement){let t=P();if(t)return t}return e.style}var h=class{pending=new Map;last=new WeakMap;set(t,r,o){let n=this.pending.get(t);if(n?.has(r)){n.set(r,o);return}this.last.get(t)?.get(r)!==o&&(n?n.set(r,o):this.pending.set(t,new Map([[r,o]])),chunkEYDIF3NM_cjs.a());}forget(t,r){this.last.get(t)?.delete(r);let o=this.pending.get(t);o&&(o.delete(r),o.size===0&&this.pending.delete(t));}flush=()=>{if(this.pending.size!==0){for(let[t,r]of this.pending){let o=this.last.get(t);o||this.last.set(t,o=new Map);let n=m(t);for(let[i,s]of r)o.get(i)!==s&&(n.setProperty(i,s),o.set(i,s));}this.pending.clear();}}},y=new h;chunkEYDIF3NM_cjs.b(y.flush);var k=new Set;function C(e,t,r){if(k.has(e)||typeof CSS>"u"||typeof CSS.registerProperty!="function")return;k.add(e);let o=t?r?.[t]:void 0,n=t?chunk7L35N3N3_cjs.a.defaults?.[t]:void 0;try{CSS.registerProperty({name:e,syntax:o?.syntax??"<number>",inherits:o?.inherits??!0,initialValue:n!=null?String(n):o?.initial??"0"});}catch{}}var T={key:"viewport",scope:"global",start(e){let t=()=>{e.write("vw",window.innerWidth),e.write("vh",window.innerHeight);};return t(),chunkQHHF5SEL_cjs.a("resize",t)}};var x={key:"size",scope:"element",start(e){return chunkPQVNJZUW_cjs.a(e.target,t=>{let r=t.borderBoxSize?.[0],o=r?r.inlineSize:t.contentRect.width,n=r?r.blockSize:t.contentRect.height;e.write("w",chunk65MXZJBD_cjs.a(o)),e.write("h",chunk65MXZJBD_cjs.a(n)),e.write("aspect",n>0?chunk65MXZJBD_cjs.a(o/n):0);})}};var g=1;function R(e){let t=e.rootBounds;if(!t)return e.intersectionRatio>=1;let r=e.boundingClientRect;return r.top>=t.top-g&&r.right<=t.right+g&&r.bottom<=t.bottom+g&&r.left>=t.left-g}var H={key:"visibility",scope:"element",gate:false,start(e){let t=false;return e.write("visible",0),e.write("has-entered",0,"const"),chunkPQVNJZUW_cjs.b(e.target,r=>{let o=R(r);e.write("visible",o?1:0),o&&!t&&(t=true,e.write("has-entered",1,"const"));})}};var D={key:"range",scope:"element",gate:false,start(e){let t=chunkHHINWX7L_cjs.a(e.target,'input[type="range"], input[type="number"]');if(!t)return ()=>{};let r=()=>{let o=t.min===""?0:Number(t.min),n=t.max===""?100:Number(t.max),i=Number(t.value);e.write("value",i),e.write("value-pct",n>o?chunk65MXZJBD_cjs.a((i-o)/(n-o)):0);};return r(),t.addEventListener("input",r,{passive:true}),()=>t.removeEventListener("input",r)}};var z={viewport:T,size:x,visibility:H,range:D};var I=()=>{},p=new Map,S={...z};function ge(e){S[e.key]=e;}function Se(e){delete S[e];}function he(e){return e in S}function we(e){Object.assign(chunk7L35N3N3_cjs.a,e);}function F(e,t,r){return {target:e,config:chunk7L35N3N3_cjs.a,write(o,n,i="live"){let s=(i==="const"?chunk7L35N3N3_cjs.a.constPrefix:chunk7L35N3N3_cjs.a.livePrefix)+o;t.add(s),chunk7L35N3N3_cjs.a.typed&&C(s,o,r),y.set(e,s,String(n));}}}function K(e,t,r){if(!(e.scope==="element"&&e.gate!==false&&r!==chunk7L35N3N3_cjs.a.root&&typeof IntersectionObserver<"u"))return e.start(t);let n=null,i=()=>{if(!n)try{n=e.start(t);}catch(l){console.error(`[prop-for-that] source "${e.key}" failed to start`,l);}},s=()=>{n?.(),n=null;},d=chunkPQVNJZUW_cjs.b(r,l=>{l.isIntersecting?i():s();});return ()=>{d(),s();}}function w(e,t,r){let o=r.get(t);if(!o)return;o.dispose();let n=m(e);for(let i of o.written)n.removeProperty(i),y.forget(e,i);r.delete(t);}function A(e,t){let r=p.get(e);r||p.set(e,r=new Map);let o=[];for(let n of t){if(r.has(n))continue;let i=S[n];if(!i){console.warn(`[prop-for-that] unknown source "${n}"`);continue}let s=new Set,d;try{d=K(i,F(e,s,i.props),e);}catch(l){console.error(`[prop-for-that] source "${n}" failed to start`,l);continue}r.set(n,{dispose:d,written:s}),o.push(n);}return ()=>{let n=p.get(e);if(n){for(let i of o)w(e,i,n);n.size===0&&p.delete(e);}}}function O(e){return e instanceof Element?[e]:typeof NodeList<"u"&&e instanceof NodeList||typeof HTMLCollection<"u"&&e instanceof HTMLCollection||Array.isArray(e)?Array.from(e).filter(t=>t instanceof Element):[]}function W(e){return Array.isArray(e)&&(e.length===0||typeof e[0]=="string")}function ve(e,t){let r,o;if(t===void 0&&W(e)?(r=chunk7L35N3N3_cjs.a.root?[chunk7L35N3N3_cjs.a.root]:[],o=e):(r=O(e),o=t??[]),!r.length||!o.length)return I;let n=r.map(i=>A(i,o));return ()=>{for(let i of n)i();}}function Ee(e,t){let r=p.get(e);if(r){for(let o of t??[...r.keys()])w(e,o,r);r.size===0&&p.delete(e);}}function be(){for(let[e,t]of p)for(let r of [...t.keys()])w(e,r,t);p.clear();}exports.a=ge;exports.b=Se;exports.c=he;exports.d=we;exports.e=ve;exports.f=Ee;exports.g=be;

package/dist/chunk-OVF4XN2H.cjs

@@ -1 +0,0 @@
-'use strict';var chunkQHHF5SEL_cjs=require('./chunk-QHHF5SEL.cjs');var f={key:"online",scope:"global",start(e){let o=()=>e.write("online",navigator.onLine?1:0);o();let t=chunkQHHF5SEL_cjs.a("online",o),i=chunkQHHF5SEL_cjs.a("offline",o);return ()=>{t(),i();}}};exports.a=f;

package/dist/chunk-PQVNJZUW.cjs

@@ -1 +0,0 @@
-'use strict';var a,f=new WeakMap,v=new WeakMap;function y(e,n){a||(a=new ResizeObserver(t=>{for(let s of t){v.set(s.target,s);let i=f.get(s.target);if(i)for(let d of [...i])d(s);}}));let r=f.get(e);r||(f.set(e,r=new Set),a.observe(e)),r.add(n);let o=v.get(e);return o&&n(o),()=>{let t=f.get(e);t&&(t.delete(n),t.size===0&&(f.delete(e),a.unobserve(e)));}}var b,c=new WeakMap,p=new WeakMap,g=[0,.98,.99,.995,.999,1];function l(e,n){b||(b=new IntersectionObserver(t=>{for(let s of t){p.set(s.target,s);let i=c.get(s.target);if(i)for(let d of [...i])d(s);}},{threshold:g}));let r=c.get(e);r||(c.set(e,r=new Set),b.observe(e)),r.add(n);let o=p.get(e);return o&&n(o),()=>{let t=c.get(e);t&&(t.delete(n),t.size===0&&(c.delete(e),b.unobserve(e)));}}exports.a=y;exports.b=l;

package/dist/chunk-QHHF5SEL.cjs

@@ -1 +0,0 @@
-'use strict';var t=new Map;function a(n,s){let e=t.get(n);if(!e){let r=new Set,d=i=>{for(let o of [...r])o(i);};e={handlers:r,dispatch:d},t.set(n,e),window.addEventListener(n,d,{passive:true});}return e.handlers.add(s),()=>{e.handlers.delete(s),e.handlers.size===0&&(window.removeEventListener(n,e.dispatch),t.delete(n));}}exports.a=a;

package/dist/chunk-SFO6H2DN.js

@@ -1 +0,0 @@
-var s=new Map;function o(e,n){let t=s.get(e);if(!t){let r=new Set,i=a=>{for(let d of [...r])d(a);};t={handlers:r,dispatch:i},s.set(e,t),document.addEventListener(e,i,{passive:true});}return t.handlers.add(n),()=>{t.handlers.delete(n),t.handlers.size===0&&(document.removeEventListener(e,t.dispatch),s.delete(e));}}var l={key:"page-visible",scope:"global",start(e){let n=()=>e.write("page-visible",document.visibilityState==="visible"?1:0);return n(),o("visibilitychange",n)}};export{l as a};

package/dist/chunk-V4OTPLOQ.js

@@ -1 +0,0 @@
-var a,f=new WeakMap,v=new WeakMap;function y(e,n){a||(a=new ResizeObserver(t=>{for(let s of t){v.set(s.target,s);let i=f.get(s.target);if(i)for(let d of [...i])d(s);}}));let r=f.get(e);r||(f.set(e,r=new Set),a.observe(e)),r.add(n);let o=v.get(e);return o&&n(o),()=>{let t=f.get(e);t&&(t.delete(n),t.size===0&&(f.delete(e),a.unobserve(e)));}}var b,c=new WeakMap,p=new WeakMap,g=[0,.98,.99,.995,.999,1];function l(e,n){b||(b=new IntersectionObserver(t=>{for(let s of t){p.set(s.target,s);let i=c.get(s.target);if(i)for(let d of [...i])d(s);}},{threshold:g}));let r=c.get(e);r||(c.set(e,r=new Set),b.observe(e)),r.add(n);let o=p.get(e);return o&&n(o),()=>{let t=c.get(e);t&&(t.delete(n),t.size===0&&(c.delete(e),b.unobserve(e)));}}export{y as a,l as b};

package/dist/chunk-WIPJMLJJ.cjs

@@ -1 +0,0 @@
-'use strict';var chunkQHHF5SEL_cjs=require('./chunk-QHHF5SEL.cjs');var u={key:"page-focused",scope:"global",start(c){let o=()=>c.write("page-focused",document.hasFocus()?1:0);o();let t=chunkQHHF5SEL_cjs.a("focus",o),r=chunkQHHF5SEL_cjs.a("blur",o);return ()=>{t(),r();}}};exports.a=u;

package/dist/motion-GHDWROM2.js

@@ -1 +0,0 @@
-export{a as motion}from'./chunk-SKEEFKDT.js';import'./chunk-T4N6AEOZ.js';import'./chunk-EEMKKLRF.js';

package/dist/motion-GMUGWJN3.cjs

@@ -1 +0,0 @@
-'use strict';var chunkG2BOTBBH_cjs=require('./chunk-G2BOTBBH.cjs');require('./chunk-65MXZJBD.cjs'),require('./chunk-QHHF5SEL.cjs');Object.defineProperty(exports,"motion",{enumerable:true,get:function(){return chunkG2BOTBBH_cjs.a}});

package/dist/online-KTMCBCXT.cjs

@@ -1 +0,0 @@
-'use strict';var chunkOVF4XN2H_cjs=require('./chunk-OVF4XN2H.cjs');require('./chunk-QHHF5SEL.cjs');Object.defineProperty(exports,"online",{enumerable:true,get:function(){return chunkOVF4XN2H_cjs.a}});