@plyaz/ui 0.4.7 → 0.4.9

package/dist/ui.cjs67.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./ui.cjs78.js");var r=e.createSidecarMedium();exports.effectCar=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./ui.cjs74.js");var r=e.createSidecarMedium();exports.effectCar=r;

package/dist/ui.cjs69.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const O=require("./ui.cjs63.js"),q=require("react"),j=require("./ui.cjs74.js"),_=require("./ui.cjs75.js"),v=require("./ui.cjs76.js"),P=require("./ui.cjs77.js");function A(e){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const l in e)if(l!=="default"){const i=Object.getOwnPropertyDescriptor(e,l);Object.defineProperty(a,l,i.get?i:{enumerable:!0,get:()=>e[l]})}}return a.default=e,Object.freeze(a)}const n=A(q);var g=function(e){return"changedTouches"in e?[e.changedTouches[0].clientX,e.changedTouches[0].clientY]:[0,0]},E=function(e){return[e.deltaX,e.deltaY]},M=function(e){return e&&"current"in e?e.current:e},x=function(e,a){return e[0]===a[0]&&e[1]===a[1]},p=function(e){return`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const O=require("./ui.cjs63.js"),q=require("react"),j=require("./ui.cjs75.js"),_=require("./ui.cjs76.js"),v=require("./ui.cjs77.js"),P=require("./ui.cjs78.js");function A(e){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const l in e)if(l!=="default"){const i=Object.getOwnPropertyDescriptor(e,l);Object.defineProperty(a,l,i.get?i:{enumerable:!0,get:()=>e[l]})}}return a.default=e,Object.freeze(a)}const n=A(q);var g=function(e){return"changedTouches"in e?[e.changedTouches[0].clientX,e.changedTouches[0].clientY]:[0,0]},E=function(e){return[e.deltaX,e.deltaY]},M=function(e){return e&&"current"in e?e.current:e},x=function(e,a){return e[0]===a[0]&&e[1]===a[1]},p=function(e){return`
   .block-interactivity-`.concat(e,` {pointer-events: none;}
   .allow-interactivity-`).concat(e,` {pointer-events: all;}
 `)},I=0,d=[];function W(e){var a=n.useRef([]),l=n.useRef([0,0]),i=n.useRef(),h=n.useState(I++)[0],S=n.useState(_.styleSingleton)[0],b=n.useRef(e);n.useEffect(function(){b.current=e},[e]),n.useEffect(function(){if(e.inert){document.body.classList.add("block-interactivity-".concat(h));var t=O.__spreadArray([e.lockRef.current],(e.shards||[]).map(M),!0).filter(Boolean);return t.forEach(function(r){return r.classList.add("allow-interactivity-".concat(h))}),function(){document.body.classList.remove("block-interactivity-".concat(h)),t.forEach(function(r){return r.classList.remove("allow-interactivity-".concat(h))})}}},[e.inert,e.lockRef.current,e.shards]);var R=n.useCallback(function(t,r){if("touches"in t&&t.touches.length===2||t.type==="wheel"&&t.ctrlKey)return!b.current.allowPinchZoom;var s=g(t),u=l.current,o="deltaX"in t?t.deltaX:u[0]-s[0],f="deltaY"in t?t.deltaY:u[1]-s[1],c,k=t.target,m=Math.abs(o)>Math.abs(f)?"h":"v";if("touches"in t&&m==="h"&&k.type==="range")return!1;var C=P.locationCouldBeScrolled(m,k);if(!C)return!0;if(C?c=m:(c=m==="v"?"h":"v",C=P.locationCouldBeScrolled(m,k)),!C)return!1;if(!i.current&&"changedTouches"in t&&(o||f)&&(i.current=c),!c)return!0;var Y=i.current||c;return P.handleScroll(Y,r,t,Y==="h"?o:f)},[]),y=n.useCallback(function(t){var r=t;if(!(!d.length||d[d.length-1]!==S)){var s="deltaY"in r?E(r):g(r),u=a.current.filter(function(c){return c.name===r.type&&(c.target===r.target||r.target===c.shadowParent)&&x(c.delta,s)})[0];if(u&&u.should){r.cancelable&&r.preventDefault();return}if(!u){var o=(b.current.shards||[]).map(M).filter(Boolean).filter(function(c){return c.contains(r.target)}),f=o.length>0?R(r,o[0]):!b.current.noIsolation;f&&r.cancelable&&r.preventDefault()}}},[]),w=n.useCallback(function(t,r,s,u){var o={name:t,delta:r,target:s,should:u,shadowParent:z(s)};a.current.push(o),setTimeout(function(){a.current=a.current.filter(function(f){return f!==o})},1)},[]),T=n.useCallback(function(t){l.current=g(t),i.current=void 0},[]),L=n.useCallback(function(t){w(t.type,E(t),t.target,R(t,e.lockRef.current))},[]),X=n.useCallback(function(t){w(t.type,g(t),t.target,R(t,e.lockRef.current))},[]);n.useEffect(function(){return d.push(S),e.setCallbacks({onScrollCapture:L,onWheelCapture:L,onTouchMoveCapture:X}),document.addEventListener("wheel",y,v.nonPassive),document.addEventListener("touchmove",y,v.nonPassive),document.addEventListener("touchstart",T,v.nonPassive),function(){d=d.filter(function(t){return t!==S}),document.removeEventListener("wheel",y,v.nonPassive),document.removeEventListener("touchmove",y,v.nonPassive),document.removeEventListener("touchstart",T,v.nonPassive)}},[]);var B=e.removeScrollBar,D=e.inert;return n.createElement(n.Fragment,null,D?n.createElement(S,{styles:p(h)}):null,B?n.createElement(j.RemoveScrollBar,{noRelative:e.noRelative,gapMode:e.gapMode}):null)}function z(e){for(var a=null;e!==null;)e instanceof ShadowRoot&&(a=e.host,e=e.host),e=e.parentNode;return a}exports.RemoveScrollSideCar=W;exports.getDeltaXY=E;exports.getTouchXY=g;

package/dist/ui.cjs74.js

@@ -1,38 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("react"),b=require("./ui.cjs75.js"),o=require("./ui.cjs66.js"),p=require("./ui.cjs81.js");function v(t){const c=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const e in t)if(e!=="default"){const n=Object.getOwnPropertyDescriptor(t,e);Object.defineProperty(c,e,n.get?n:{enumerable:!0,get:()=>t[e]})}}return c.default=t,Object.freeze(c)}const u=v(f);var m=b.styleSingleton(),r="data-scroll-locked",h=function(t,c,e,n){var i=t.left,l=t.top,d=t.right,a=t.gap;return e===void 0&&(e="margin"),`
-  .`.concat(o.noScrollbarsClassName,` {
-   overflow: hidden `).concat(n,`;
-   padding-right: `).concat(a,"px ").concat(n,`;
-  }
-  body[`).concat(r,`] {
-    overflow: hidden `).concat(n,`;
-    overscroll-behavior: contain;
-    `).concat([c&&"position: relative ".concat(n,";"),e==="margin"&&`
-    padding-left: `.concat(i,`px;
-    padding-top: `).concat(l,`px;
-    padding-right: `).concat(d,`px;
-    margin-left:0;
-    margin-top:0;
-    margin-right: `).concat(a,"px ").concat(n,`;
-    `),e==="padding"&&"padding-right: ".concat(a,"px ").concat(n,";")].filter(Boolean).join(""),`
-  }
-  
-  .`).concat(o.zeroRightClassName,` {
-    right: `).concat(a,"px ").concat(n,`;
-  }
-  
-  .`).concat(o.fullWidthClassName,` {
-    margin-right: `).concat(a,"px ").concat(n,`;
-  }
-  
-  .`).concat(o.zeroRightClassName," .").concat(o.zeroRightClassName,` {
-    right: 0 `).concat(n,`;
-  }
-  
-  .`).concat(o.fullWidthClassName," .").concat(o.fullWidthClassName,` {
-    margin-right: 0 `).concat(n,`;
-  }
-  
-  body[`).concat(r,`] {
-    `).concat(o.removedBarSizeVariable,": ").concat(a,`px;
-  }
-`)},s=function(){var t=parseInt(document.body.getAttribute(r)||"0",10);return isFinite(t)?t:0},g=function(){u.useEffect(function(){return document.body.setAttribute(r,(s()+1).toString()),function(){var t=s()-1;t<=0?document.body.removeAttribute(r):document.body.setAttribute(r,t.toString())}},[])},y=function(t){var c=t.noRelative,e=t.noImportant,n=t.gapMode,i=n===void 0?"margin":n;g();var l=u.useMemo(function(){return p.getGapWidth(i)},[i]);return u.createElement(m,{styles:h(l,!c,i,e?"":"!important")})};exports.RemoveScrollBar=y;exports.lockAttribute=r;exports.useLockAttribute=g;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("./ui.cjs63.js");function l(n){return n}function h(n,t){t===void 0&&(t=l);var e=[],o=!1,c={read:function(){if(o)throw new Error("Sidecar: could not `read` from an `assigned` medium. `read` could be used only with `useMedium`.");return e.length?e[e.length-1]:n},useMedium:function(u){var r=t(u,o);return e.push(r),function(){e=e.filter(function(i){return i!==r})}},assignSyncMedium:function(u){for(o=!0;e.length;){var r=e;e=[],r.forEach(u)}e={push:function(i){return u(i)},filter:function(){return e}}},assignMedium:function(u){o=!0;var r=[];if(e.length){var i=e;e=[],i.forEach(u),r=e}var s=function(){var f=r;r=[],f.forEach(u)},a=function(){return Promise.resolve().then(s)};a(),e={push:function(f){r.push(f),a()},filter:function(f){return r=r.filter(f),e}}}};return c}function m(n){n===void 0&&(n={});var t=h(null);return t.options=d.__assign({async:!0,ssr:!1},n),t}exports.createSidecarMedium=m;

package/dist/ui.cjs75.js

@@ -1 +1,38 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./ui.cjs82.js");var i=function(){var t=r.styleHookSingleton(),n=function(e){var l=e.styles,o=e.dynamic;return t(l,o),null};return n};exports.styleSingleton=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("react"),b=require("./ui.cjs76.js"),o=require("./ui.cjs66.js"),p=require("./ui.cjs81.js");function v(t){const c=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const e in t)if(e!=="default"){const n=Object.getOwnPropertyDescriptor(t,e);Object.defineProperty(c,e,n.get?n:{enumerable:!0,get:()=>t[e]})}}return c.default=t,Object.freeze(c)}const u=v(f);var m=b.styleSingleton(),r="data-scroll-locked",h=function(t,c,e,n){var i=t.left,l=t.top,d=t.right,a=t.gap;return e===void 0&&(e="margin"),`
+  .`.concat(o.noScrollbarsClassName,` {
+   overflow: hidden `).concat(n,`;
+   padding-right: `).concat(a,"px ").concat(n,`;
+  }
+  body[`).concat(r,`] {
+    overflow: hidden `).concat(n,`;
+    overscroll-behavior: contain;
+    `).concat([c&&"position: relative ".concat(n,";"),e==="margin"&&`
+    padding-left: `.concat(i,`px;
+    padding-top: `).concat(l,`px;
+    padding-right: `).concat(d,`px;
+    margin-left:0;
+    margin-top:0;
+    margin-right: `).concat(a,"px ").concat(n,`;
+    `),e==="padding"&&"padding-right: ".concat(a,"px ").concat(n,";")].filter(Boolean).join(""),`
+  }
+  
+  .`).concat(o.zeroRightClassName,` {
+    right: `).concat(a,"px ").concat(n,`;
+  }
+  
+  .`).concat(o.fullWidthClassName,` {
+    margin-right: `).concat(a,"px ").concat(n,`;
+  }
+  
+  .`).concat(o.zeroRightClassName," .").concat(o.zeroRightClassName,` {
+    right: 0 `).concat(n,`;
+  }
+  
+  .`).concat(o.fullWidthClassName," .").concat(o.fullWidthClassName,` {
+    margin-right: 0 `).concat(n,`;
+  }
+  
+  body[`).concat(r,`] {
+    `).concat(o.removedBarSizeVariable,": ").concat(a,`px;
+  }
+`)},s=function(){var t=parseInt(document.body.getAttribute(r)||"0",10);return isFinite(t)?t:0},g=function(){u.useEffect(function(){return document.body.setAttribute(r,(s()+1).toString()),function(){var t=s()-1;t<=0?document.body.removeAttribute(r):document.body.setAttribute(r,t.toString())}},[])},y=function(t){var c=t.noRelative,e=t.noImportant,n=t.gapMode,i=n===void 0?"margin":n;g();var l=u.useMemo(function(){return p.getGapWidth(i)},[i]);return u.createElement(m,{styles:h(l,!c,i,e?"":"!important")})};exports.RemoveScrollBar=y;exports.lockAttribute=r;exports.useLockAttribute=g;

package/dist/ui.cjs76.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var t=!1;if(typeof window<"u")try{var e=Object.defineProperty({},"passive",{get:function(){return t=!0,!0}});window.addEventListener("test",e,e),window.removeEventListener("test",e,e)}catch{t=!1}var r=t?{passive:!1}:!1;exports.nonPassive=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./ui.cjs82.js");var i=function(){var t=r.styleHookSingleton(),n=function(e){var l=e.styles,o=e.dynamic;return t(l,o),null};return n};exports.styleSingleton=i;

package/dist/ui.cjs77.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var N=function(e){return e.tagName==="TEXTAREA"},b=function(e,r){if(!(e instanceof Element))return!1;var t=window.getComputedStyle(e);return t[r]!=="hidden"&&!(t.overflowY===t.overflowX&&!N(e)&&t[r]==="visible")},B=function(e){return b(e,"overflowY")},D=function(e){return b(e,"overflowX")},E=function(e,r){var t=r.ownerDocument,l=r;do{typeof ShadowRoot<"u"&&l instanceof ShadowRoot&&(l=l.host);var f=g(e,l);if(f){var n=m(e,l),c=n[1],o=n[2];if(c>o)return!0}l=l.parentNode}while(l&&l!==t.body);return!1},H=function(e){var r=e.scrollTop,t=e.scrollHeight,l=e.clientHeight;return[r,t,l]},T=function(e){var r=e.scrollLeft,t=e.scrollWidth,l=e.clientWidth;return[r,t,l]},g=function(e,r){return e==="v"?B(r):D(r)},m=function(e,r){return e==="v"?H(r):T(r)},p=function(e,r){return e==="h"&&r==="rtl"?-1:1},M=function(e,r,t,l,f){var n=p(e,window.getComputedStyle(r).direction),c=n*l,o=t.target,d=r.contains(o),i=!1,s=c>0,h=0,S=0;do{if(!o)break;var u=m(e,o),v=u[0],C=u[1],y=u[2],w=C-y-n*v;(v||w)&&g(e,o)&&(h+=w,S+=v);var a=o.parentNode;o=a&&a.nodeType===Node.DOCUMENT_FRAGMENT_NODE?a.host:a}while(!d&&o!==document.body||d&&(r.contains(o)||r===o));return(s&&Math.abs(h)<1||!s&&Math.abs(S)<1)&&(i=!0),i};exports.handleScroll=M;exports.locationCouldBeScrolled=E;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var t=!1;if(typeof window<"u")try{var e=Object.defineProperty({},"passive",{get:function(){return t=!0,!0}});window.addEventListener("test",e,e),window.removeEventListener("test",e,e)}catch{t=!1}var r=t?{passive:!1}:!1;exports.nonPassive=r;

package/dist/ui.cjs78.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("./ui.cjs63.js");function l(n){return n}function h(n,t){t===void 0&&(t=l);var e=[],o=!1,c={read:function(){if(o)throw new Error("Sidecar: could not `read` from an `assigned` medium. `read` could be used only with `useMedium`.");return e.length?e[e.length-1]:n},useMedium:function(u){var r=t(u,o);return e.push(r),function(){e=e.filter(function(i){return i!==r})}},assignSyncMedium:function(u){for(o=!0;e.length;){var r=e;e=[],r.forEach(u)}e={push:function(i){return u(i)},filter:function(){return e}}},assignMedium:function(u){o=!0;var r=[];if(e.length){var i=e;e=[],i.forEach(u),r=e}var s=function(){var f=r;r=[],f.forEach(u)},a=function(){return Promise.resolve().then(s)};a(),e={push:function(f){r.push(f),a()},filter:function(f){return r=r.filter(f),e}}}};return c}function m(n){n===void 0&&(n={});var t=h(null);return t.options=d.__assign({async:!0,ssr:!1},n),t}exports.createSidecarMedium=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var N=function(e){return e.tagName==="TEXTAREA"},b=function(e,r){if(!(e instanceof Element))return!1;var t=window.getComputedStyle(e);return t[r]!=="hidden"&&!(t.overflowY===t.overflowX&&!N(e)&&t[r]==="visible")},B=function(e){return b(e,"overflowY")},D=function(e){return b(e,"overflowX")},E=function(e,r){var t=r.ownerDocument,l=r;do{typeof ShadowRoot<"u"&&l instanceof ShadowRoot&&(l=l.host);var f=g(e,l);if(f){var n=m(e,l),c=n[1],o=n[2];if(c>o)return!0}l=l.parentNode}while(l&&l!==t.body);return!1},H=function(e){var r=e.scrollTop,t=e.scrollHeight,l=e.clientHeight;return[r,t,l]},T=function(e){var r=e.scrollLeft,t=e.scrollWidth,l=e.clientWidth;return[r,t,l]},g=function(e,r){return e==="v"?B(r):D(r)},m=function(e,r){return e==="v"?H(r):T(r)},p=function(e,r){return e==="h"&&r==="rtl"?-1:1},M=function(e,r,t,l,f){var n=p(e,window.getComputedStyle(r).direction),c=n*l,o=t.target,d=r.contains(o),i=!1,s=c>0,h=0,S=0;do{if(!o)break;var u=m(e,o),v=u[0],C=u[1],y=u[2],w=C-y-n*v;(v||w)&&g(e,o)&&(h+=w,S+=v);var a=o.parentNode;o=a&&a.nodeType===Node.DOCUMENT_FRAGMENT_NODE?a.host:a}while(!d&&o!==document.body||d&&(r.contains(o)||r===o));return(s&&Math.abs(h)<1||!s&&Math.abs(S)<1)&&(i=!0),i};exports.handleScroll=M;exports.locationCouldBeScrolled=E;

package/dist/ui.es67.js

@@ -1,4 +1,4 @@
-import { createSidecarMedium as e } from "./ui.es78.js";
+import { createSidecarMedium as e } from "./ui.es74.js";
 var a = e();
 export {
   a as effectCar

package/dist/ui.es69.js

@@ -1,9 +1,9 @@
 import { __spreadArray as x } from "./ui.es63.js";
 import * as n from "react";
-import { RemoveScrollBar as A } from "./ui.es74.js";
-import { styleSingleton as I } from "./ui.es75.js";
-import { nonPassive as s } from "./ui.es76.js";
-import { locationCouldBeScrolled as T, handleScroll as W } from "./ui.es77.js";
+import { RemoveScrollBar as A } from "./ui.es75.js";
+import { styleSingleton as I } from "./ui.es76.js";
+import { nonPassive as s } from "./ui.es77.js";
+import { locationCouldBeScrolled as T, handleScroll as W } from "./ui.es78.js";
 var b = function(t) {
   return "changedTouches" in t ? [t.changedTouches[0].clientX, t.changedTouches[0].clientY] : [0, 0];
 }, Y = function(t) {

package/dist/ui.es74.js

@@ -1,71 +1,67 @@
-import * as d from "react";
-import { styleSingleton as f } from "./ui.es75.js";
-import { noScrollbarsClassName as p, zeroRightClassName as g, fullWidthClassName as l, removedBarSizeVariable as v } from "./ui.es66.js";
-import { getGapWidth as m } from "./ui.es81.js";
-var b = f(), e = "data-scroll-locked", h = function(n, a, o, t) {
-  var r = n.left, i = n.top, s = n.right, c = n.gap;
-  return o === void 0 && (o = "margin"), `
-  .`.concat(p, ` {
-   overflow: hidden `).concat(t, `;
-   padding-right: `).concat(c, "px ").concat(t, `;
-  }
-  body[`).concat(e, `] {
-    overflow: hidden `).concat(t, `;
-    overscroll-behavior: contain;
-    `).concat([
-    a && "position: relative ".concat(t, ";"),
-    o === "margin" && `
-    padding-left: `.concat(r, `px;
-    padding-top: `).concat(i, `px;
-    padding-right: `).concat(s, `px;
-    margin-left:0;
-    margin-top:0;
-    margin-right: `).concat(c, "px ").concat(t, `;
-    `),
-    o === "padding" && "padding-right: ".concat(c, "px ").concat(t, ";")
-  ].filter(Boolean).join(""), `
-  }
-  
-  .`).concat(g, ` {
-    right: `).concat(c, "px ").concat(t, `;
-  }
-  
-  .`).concat(l, ` {
-    margin-right: `).concat(c, "px ").concat(t, `;
-  }
-  
-  .`).concat(g, " .").concat(g, ` {
-    right: 0 `).concat(t, `;
-  }
-  
-  .`).concat(l, " .").concat(l, ` {
-    margin-right: 0 `).concat(t, `;
-  }
-  
-  body[`).concat(e, `] {
-    `).concat(v, ": ").concat(c, `px;
-  }
-`);
-}, u = function() {
-  var n = parseInt(document.body.getAttribute(e) || "0", 10);
-  return isFinite(n) ? n : 0;
-}, x = function() {
-  d.useEffect(function() {
-    return document.body.setAttribute(e, (u() + 1).toString()), function() {
-      var n = u() - 1;
-      n <= 0 ? document.body.removeAttribute(e) : document.body.setAttribute(e, n.toString());
-    };
-  }, []);
-}, C = function(n) {
-  var a = n.noRelative, o = n.noImportant, t = n.gapMode, r = t === void 0 ? "margin" : t;
-  x();
-  var i = d.useMemo(function() {
-    return m(r);
-  }, [r]);
-  return d.createElement(b, { styles: h(i, !a, r, o ? "" : "!important") });
-};
+import { __assign as d } from "./ui.es63.js";
+function l(r) {
+  return r;
+}
+function h(r, t) {
+  t === void 0 && (t = l);
+  var e = [], o = !1, c = {
+    read: function() {
+      if (o)
+        throw new Error("Sidecar: could not `read` from an `assigned` medium. `read` could be used only with `useMedium`.");
+      return e.length ? e[e.length - 1] : r;
+    },
+    useMedium: function(u) {
+      var n = t(u, o);
+      return e.push(n), function() {
+        e = e.filter(function(i) {
+          return i !== n;
+        });
+      };
+    },
+    assignSyncMedium: function(u) {
+      for (o = !0; e.length; ) {
+        var n = e;
+        e = [], n.forEach(u);
+      }
+      e = {
+        push: function(i) {
+          return u(i);
+        },
+        filter: function() {
+          return e;
+        }
+      };
+    },
+    assignMedium: function(u) {
+      o = !0;
+      var n = [];
+      if (e.length) {
+        var i = e;
+        e = [], i.forEach(u), n = e;
+      }
+      var s = function() {
+        var f = n;
+        n = [], f.forEach(u);
+      }, a = function() {
+        return Promise.resolve().then(s);
+      };
+      a(), e = {
+        push: function(f) {
+          n.push(f), a();
+        },
+        filter: function(f) {
+          return n = n.filter(f), e;
+        }
+      };
+    }
+  };
+  return c;
+}
+function v(r) {
+  r === void 0 && (r = {});
+  var t = h(null);
+  return t.options = d({ async: !0, ssr: !1 }, r), t;
+}
 export {
-  C as RemoveScrollBar,
-  e as lockAttribute,
-  x as useLockAttribute
+  v as createSidecarMedium
 };

package/dist/ui.es75.js

@@ -1,11 +1,71 @@
-import { styleHookSingleton as o } from "./ui.es82.js";
-var s = function() {
-  var e = o(), n = function(t) {
-    var r = t.styles, l = t.dynamic;
-    return e(r, l), null;
-  };
-  return n;
+import * as d from "react";
+import { styleSingleton as f } from "./ui.es76.js";
+import { noScrollbarsClassName as p, zeroRightClassName as g, fullWidthClassName as l, removedBarSizeVariable as v } from "./ui.es66.js";
+import { getGapWidth as m } from "./ui.es81.js";
+var b = f(), e = "data-scroll-locked", h = function(n, a, o, t) {
+  var r = n.left, i = n.top, s = n.right, c = n.gap;
+  return o === void 0 && (o = "margin"), `
+  .`.concat(p, ` {
+   overflow: hidden `).concat(t, `;
+   padding-right: `).concat(c, "px ").concat(t, `;
+  }
+  body[`).concat(e, `] {
+    overflow: hidden `).concat(t, `;
+    overscroll-behavior: contain;
+    `).concat([
+    a && "position: relative ".concat(t, ";"),
+    o === "margin" && `
+    padding-left: `.concat(r, `px;
+    padding-top: `).concat(i, `px;
+    padding-right: `).concat(s, `px;
+    margin-left:0;
+    margin-top:0;
+    margin-right: `).concat(c, "px ").concat(t, `;
+    `),
+    o === "padding" && "padding-right: ".concat(c, "px ").concat(t, ";")
+  ].filter(Boolean).join(""), `
+  }
+  
+  .`).concat(g, ` {
+    right: `).concat(c, "px ").concat(t, `;
+  }
+  
+  .`).concat(l, ` {
+    margin-right: `).concat(c, "px ").concat(t, `;
+  }
+  
+  .`).concat(g, " .").concat(g, ` {
+    right: 0 `).concat(t, `;
+  }
+  
+  .`).concat(l, " .").concat(l, ` {
+    margin-right: 0 `).concat(t, `;
+  }
+  
+  body[`).concat(e, `] {
+    `).concat(v, ": ").concat(c, `px;
+  }
+`);
+}, u = function() {
+  var n = parseInt(document.body.getAttribute(e) || "0", 10);
+  return isFinite(n) ? n : 0;
+}, x = function() {
+  d.useEffect(function() {
+    return document.body.setAttribute(e, (u() + 1).toString()), function() {
+      var n = u() - 1;
+      n <= 0 ? document.body.removeAttribute(e) : document.body.setAttribute(e, n.toString());
+    };
+  }, []);
+}, C = function(n) {
+  var a = n.noRelative, o = n.noImportant, t = n.gapMode, r = t === void 0 ? "margin" : t;
+  x();
+  var i = d.useMemo(function() {
+    return m(r);
+  }, [r]);
+  return d.createElement(b, { styles: h(i, !a, r, o ? "" : "!important") });
 };
 export {
-  s as styleSingleton
+  C as RemoveScrollBar,
+  e as lockAttribute,
+  x as useLockAttribute
 };

package/dist/ui.es76.js

@@ -1,16 +1,11 @@
-var r = !1;
-if (typeof window < "u")
-  try {
-    var e = Object.defineProperty({}, "passive", {
-      get: function() {
-        return r = !0, !0;
-      }
-    });
-    window.addEventListener("test", e, e), window.removeEventListener("test", e, e);
-  } catch {
-    r = !1;
-  }
-var a = r ? { passive: !1 } : !1;
+import { styleHookSingleton as o } from "./ui.es82.js";
+var s = function() {
+  var e = o(), n = function(t) {
+    var r = t.styles, l = t.dynamic;
+    return e(r, l), null;
+  };
+  return n;
+};
 export {
-  a as nonPassive
+  s as styleSingleton
 };

package/dist/ui.es77.js

@@ -1,68 +1,16 @@
-var N = function(r) {
-  return r.tagName === "TEXTAREA";
-}, b = function(r, e) {
-  if (!(r instanceof Element))
-    return !1;
-  var t = window.getComputedStyle(r);
-  return (
-    // not-not-scrollable
-    t[e] !== "hidden" && // contains scroll inside self
-    !(t.overflowY === t.overflowX && !N(r) && t[e] === "visible")
-  );
-}, D = function(r) {
-  return b(r, "overflowY");
-}, E = function(r) {
-  return b(r, "overflowX");
-}, T = function(r, e) {
-  var t = e.ownerDocument, l = e;
-  do {
-    typeof ShadowRoot < "u" && l instanceof ShadowRoot && (l = l.host);
-    var f = g(r, l);
-    if (f) {
-      var n = m(r, l), i = n[1], o = n[2];
-      if (i > o)
-        return !0;
-    }
-    l = l.parentNode;
-  } while (l && l !== t.body);
-  return !1;
-}, H = function(r) {
-  var e = r.scrollTop, t = r.scrollHeight, l = r.clientHeight;
-  return [
-    e,
-    t,
-    l
-  ];
-}, p = function(r) {
-  var e = r.scrollLeft, t = r.scrollWidth, l = r.clientWidth;
-  return [
-    e,
-    t,
-    l
-  ];
-}, g = function(r, e) {
-  return r === "v" ? D(e) : E(e);
-}, m = function(r, e) {
-  return r === "v" ? H(e) : p(e);
-}, B = function(r, e) {
-  return r === "h" && e === "rtl" ? -1 : 1;
-}, V = function(r, e, t, l, f) {
-  var n = B(r, window.getComputedStyle(e).direction), i = n * l, o = t.target, d = e.contains(o), c = !1, s = i > 0, h = 0, S = 0;
-  do {
-    if (!o)
-      break;
-    var u = m(r, o), v = u[0], C = u[1], y = u[2], w = C - y - n * v;
-    (v || w) && g(r, o) && (h += w, S += v);
-    var a = o.parentNode;
-    o = a && a.nodeType === Node.DOCUMENT_FRAGMENT_NODE ? a.host : a;
-  } while (
-    // portaled content
-    !d && o !== document.body || // self content
-    d && (e.contains(o) || e === o)
-  );
-  return (s && Math.abs(h) < 1 || !s && Math.abs(S) < 1) && (c = !0), c;
-};
+var r = !1;
+if (typeof window < "u")
+  try {
+    var e = Object.defineProperty({}, "passive", {
+      get: function() {
+        return r = !0, !0;
+      }
+    });
+    window.addEventListener("test", e, e), window.removeEventListener("test", e, e);
+  } catch {
+    r = !1;
+  }
+var a = r ? { passive: !1 } : !1;
 export {
-  V as handleScroll,
-  T as locationCouldBeScrolled
+  a as nonPassive
 };

package/dist/ui.es78.js

@@ -1,67 +1,68 @@
-import { __assign as d } from "./ui.es63.js";
-function l(r) {
-  return r;
-}
-function h(r, t) {
-  t === void 0 && (t = l);
-  var e = [], o = !1, c = {
-    read: function() {
-      if (o)
-        throw new Error("Sidecar: could not `read` from an `assigned` medium. `read` could be used only with `useMedium`.");
-      return e.length ? e[e.length - 1] : r;
-    },
-    useMedium: function(u) {
-      var n = t(u, o);
-      return e.push(n), function() {
-        e = e.filter(function(i) {
-          return i !== n;
-        });
-      };
-    },
-    assignSyncMedium: function(u) {
-      for (o = !0; e.length; ) {
-        var n = e;
-        e = [], n.forEach(u);
-      }
-      e = {
-        push: function(i) {
-          return u(i);
-        },
-        filter: function() {
-          return e;
-        }
-      };
-    },
-    assignMedium: function(u) {
-      o = !0;
-      var n = [];
-      if (e.length) {
-        var i = e;
-        e = [], i.forEach(u), n = e;
-      }
-      var s = function() {
-        var f = n;
-        n = [], f.forEach(u);
-      }, a = function() {
-        return Promise.resolve().then(s);
-      };
-      a(), e = {
-        push: function(f) {
-          n.push(f), a();
-        },
-        filter: function(f) {
-          return n = n.filter(f), e;
-        }
-      };
+var N = function(r) {
+  return r.tagName === "TEXTAREA";
+}, b = function(r, e) {
+  if (!(r instanceof Element))
+    return !1;
+  var t = window.getComputedStyle(r);
+  return (
+    // not-not-scrollable
+    t[e] !== "hidden" && // contains scroll inside self
+    !(t.overflowY === t.overflowX && !N(r) && t[e] === "visible")
+  );
+}, D = function(r) {
+  return b(r, "overflowY");
+}, E = function(r) {
+  return b(r, "overflowX");
+}, T = function(r, e) {
+  var t = e.ownerDocument, l = e;
+  do {
+    typeof ShadowRoot < "u" && l instanceof ShadowRoot && (l = l.host);
+    var f = g(r, l);
+    if (f) {
+      var n = m(r, l), i = n[1], o = n[2];
+      if (i > o)
+        return !0;
     }
-  };
-  return c;
-}
-function v(r) {
-  r === void 0 && (r = {});
-  var t = h(null);
-  return t.options = d({ async: !0, ssr: !1 }, r), t;
-}
+    l = l.parentNode;
+  } while (l && l !== t.body);
+  return !1;
+}, H = function(r) {
+  var e = r.scrollTop, t = r.scrollHeight, l = r.clientHeight;
+  return [
+    e,
+    t,
+    l
+  ];
+}, p = function(r) {
+  var e = r.scrollLeft, t = r.scrollWidth, l = r.clientWidth;
+  return [
+    e,
+    t,
+    l
+  ];
+}, g = function(r, e) {
+  return r === "v" ? D(e) : E(e);
+}, m = function(r, e) {
+  return r === "v" ? H(e) : p(e);
+}, B = function(r, e) {
+  return r === "h" && e === "rtl" ? -1 : 1;
+}, V = function(r, e, t, l, f) {
+  var n = B(r, window.getComputedStyle(e).direction), i = n * l, o = t.target, d = e.contains(o), c = !1, s = i > 0, h = 0, S = 0;
+  do {
+    if (!o)
+      break;
+    var u = m(r, o), v = u[0], C = u[1], y = u[2], w = C - y - n * v;
+    (v || w) && g(r, o) && (h += w, S += v);
+    var a = o.parentNode;
+    o = a && a.nodeType === Node.DOCUMENT_FRAGMENT_NODE ? a.host : a;
+  } while (
+    // portaled content
+    !d && o !== document.body || // self content
+    d && (e.contains(o) || e === o)
+  );
+  return (s && Math.abs(h) < 1 || !s && Math.abs(S) < 1) && (c = !0), c;
+};
 export {
-  v as createSidecarMedium
+  V as handleScroll,
+  T as locationCouldBeScrolled
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plyaz/ui",
-  "version": "0.4.7",
+  "version": "0.4.9",
   "description": "A reusable, accessible, and themeable component library powering the Plyaz Web App interface. Built with performance and consistency in mind, @plyaz/ui delivers modular React components aligned with the Plyaz design system — enabling seamless development across fan-facing features, quests, NFTs, and loyalty flows in the Web3 ecosystem.",
   "type": "module",
   "files": [
@@ -21,7 +21,7 @@
     "pnpm": ">=8.0.0"
   },
   "dependencies": {
-    "@plyaz/devtools": "^1.6.11",
+    "@plyaz/devtools": "^1.7.0",
     "@radix-ui/react-select": "^2.2.5",
     "@radix-ui/react-slot": "^1.2.3",
     "class-variance-authority": "^0.7.1",