@anoki/fse-ui 1.0.0-beta1.48.18 → 1.0.0-beta1.48.19

package/dist/index.es531.js

@@ -1,6 +1,6 @@
-import { offset as ot, shift as st, flip as rt, size as ct, hide as lt, limitShift as ft, computePosition as ut, arrow as ht } from "./index.es586.js";
-import { createCoords as m, round as A, max as E, min as V, rectToClientRect as J, floor as D } from "./index.es587.js";
-import { isElement as v, getDocumentElement as O, getOverflowAncestors as $, getComputedStyle as R, isHTMLElement as b, getWindow as L, isTopLayer as S, getParentNode as W, isLastTraversableNode as H, isTableElement as at, isContainingBlock as Q, getContainingBlock as dt, getNodeName as M, isOverflowElement as _, getNodeScroll as N, getFrameElement as K, isWebKit as Y } from "./index.es588.js";
+import { offset as ot, shift as st, flip as rt, size as ct, hide as lt, limitShift as ft, computePosition as ut, arrow as ht } from "./index.es585.js";
+import { createCoords as m, round as A, max as E, min as V, rectToClientRect as J, floor as D } from "./index.es586.js";
+import { isElement as v, getDocumentElement as O, getOverflowAncestors as $, getComputedStyle as R, isHTMLElement as b, getWindow as L, isTopLayer as S, getParentNode as W, isLastTraversableNode as H, isTableElement as at, isContainingBlock as Q, getContainingBlock as dt, getNodeName as M, isOverflowElement as _, getNodeScroll as N, getFrameElement as K, isWebKit as Y } from "./index.es587.js";
 function Z(t) {
   const e = R(t);
   let i = parseFloat(e.width) || 0, n = parseFloat(e.height) || 0;

package/dist/index.es535.js

@@ -1,4 +1,4 @@
-import { commonjsGlobal as g } from "./index.es456.js";
+import { commonjsGlobal as g } from "./index.es496.js";
 var h, L;
 function Y() {
   if (L) return h;

package/dist/index.es536.js

@@ -1,4 +1,4 @@
-import { getDefaultExportFromCjs as r } from "./index.es456.js";
+import { getDefaultExportFromCjs as r } from "./index.es496.js";
 import { __require as s } from "./index.es567.js";
 var e = s();
 const t = /* @__PURE__ */ r(e);

package/dist/index.es537.js

@@ -7,7 +7,7 @@ import { VisuallyHidden as b } from "./index.es560.js";
 import { extractProps as y } from "./index.es539.js";
 import { mapResponsiveProp as E, mapButtonSizeToSpinnerSize as g } from "./index.es574.js";
 import { marginPropDefs as h } from "./index.es541.js";
-import { Root as z } from "./index.es493.js";
+import { Root as z } from "./index.es475.js";
 const S = e.forwardRef((t, o) => {
   const { size: i = s.size.default } = t, { className: n, children: a, asChild: l, color: m, radius: d, disabled: r = t.loading, ...p } = y(t, s, h), c = l ? z : "button";
   return e.createElement(c, { "data-disabled": r || void 0, "data-accent-color": m, "data-radius": d, ...p, ref: o, className: u("rt-reset", "rt-BaseButton", n), disabled: r }, t.loading ? e.createElement(e.Fragment, null, e.createElement("span", { style: { display: "contents", visibility: "hidden" }, "aria-hidden": !0 }, a), e.createElement(b, null, a), e.createElement(f, { asChild: !0, align: "center", justify: "center", position: "absolute", inset: "0" }, e.createElement("span", null, e.createElement(B, { size: E(i, g) })))) : a);

package/dist/index.es54.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es243.js";
-import { Title as e } from "./index.es352.js";
-import { Description as s } from "./index.es353.js";
+import { Title as e } from "./index.es324.js";
+import { Description as s } from "./index.es325.js";
 const t = ({ className: o, children: i }) => /* @__PURE__ */ r.jsx("section", { className: o, children: i });
 t.Title = e;
 t.Description = s;

package/dist/index.es542.js

@@ -1,4 +1,4 @@
-import { Root as o } from "./index.es493.js";
+import { Root as o } from "./index.es475.js";
 const r = o;
 export {
   r as Slot

package/dist/index.es546.js

@@ -3,8 +3,8 @@ import G from "./index.es536.js";
 import { getMatchingGrayColor as N } from "./index.es557.js";
 import { themePropDefs as o } from "./index.es558.js";
 import { Provider as b } from "./index.es559.js";
-import { Provider as w } from "./index.es524.js";
-import { Root as D } from "./index.es493.js";
+import { Provider as w } from "./index.es519.js";
+import { Root as D } from "./index.es475.js";
 const g = () => {
 }, P = a.createContext(void 0), I = a.forwardRef((n, c) => a.useContext(P) === void 0 ? a.createElement(b, { delayDuration: 200 }, a.createElement(w, { dir: "ltr" }, a.createElement(A, { ...n, ref: c }))) : a.createElement(x, { ...n, ref: c }));
 I.displayName = "Theme";

package/dist/index.es547.js

@@ -1,19 +1,19 @@
 import * as i from "react";
-import { composeEventHandlers as P } from "./index.es466.js";
-import { useComposedRefs as A } from "./index.es464.js";
-import { createContextScope as G } from "./index.es465.js";
-import { DismissableLayer as H } from "./index.es487.js";
-import { useFocusGuards as K } from "./index.es490.js";
-import { FocusScope as $ } from "./index.es488.js";
-import { useId as U } from "./index.es476.js";
-import { createPopperScope as O, Root as V, Anchor as _, Content as W, Arrow as Z } from "./index.es525.js";
-import { Portal as q } from "./index.es489.js";
-import { Presence as E } from "./index.es470.js";
-import { Primitive as w } from "./index.es471.js";
-import { createSlot as z } from "./index.es493.js";
-import { useControllableState as B } from "./index.es467.js";
-import { hideOthers as J } from "./index.es492.js";
-import Q from "./index.es491.js";
+import { composeEventHandlers as P } from "./index.es455.js";
+import { useComposedRefs as A } from "./index.es456.js";
+import { createContextScope as G } from "./index.es457.js";
+import { DismissableLayer as H } from "./index.es469.js";
+import { useFocusGuards as K } from "./index.es472.js";
+import { FocusScope as $ } from "./index.es470.js";
+import { useId as U } from "./index.es461.js";
+import { createPopperScope as O, Root as V, Anchor as _, Content as W, Arrow as Z } from "./index.es520.js";
+import { Portal as q } from "./index.es471.js";
+import { Presence as E } from "./index.es468.js";
+import { Primitive as w } from "./index.es459.js";
+import { createSlot as z } from "./index.es475.js";
+import { useControllableState as B } from "./index.es458.js";
+import { hideOthers as J } from "./index.es474.js";
+import Q from "./index.es473.js";
 import { j as p } from "./index.es243.js";
 var x = "Popover", [j, Oo] = G(x, [
   O

package/dist/index.es55.js

@@ -1,5 +1,5 @@
 import { j as t } from "./index.es243.js";
-import { Root as l, Thumb as c } from "./index.es354.js";
+import { Root as l, Thumb as c } from "./index.es326.js";
 import { Row as n } from "./index.es9.js";
 import './components/ui/Switch/Switch.css';/* empty css            */
 import { CheckIcon as x } from "./index.es212.js";

package/dist/index.es554.js

@@ -1,13 +1,13 @@
 import * as c from "react";
-import { Primitive as L } from "./index.es471.js";
-import { Presence as O } from "./index.es470.js";
-import { createContextScope as le } from "./index.es465.js";
-import { useComposedRefs as T } from "./index.es464.js";
-import { useCallbackRef as x } from "./index.es521.js";
-import { useDirection as ce } from "./index.es524.js";
+import { Primitive as L } from "./index.es459.js";
+import { Presence as O } from "./index.es468.js";
+import { createContextScope as le } from "./index.es457.js";
+import { useComposedRefs as T } from "./index.es456.js";
+import { useCallbackRef as x } from "./index.es517.js";
+import { useDirection as ce } from "./index.es519.js";
 import { useLayoutEffect as se } from "./index.es522.js";
-import { clamp as ie } from "./index.es585.js";
-import { composeEventHandlers as C } from "./index.es466.js";
+import { clamp as ie } from "./index.es588.js";
+import { composeEventHandlers as C } from "./index.es455.js";
 import { j as b } from "./index.es243.js";
 function ae(e, t) {
   return c.useReducer((r, l) => t[r][l] ?? r, e);

package/dist/index.es559.js

@@ -1,12 +1,12 @@
 import * as a from "react";
-import { composeEventHandlers as y } from "./index.es466.js";
-import { useComposedRefs as A } from "./index.es464.js";
-import { createContextScope as G } from "./index.es465.js";
-import { DismissableLayer as F } from "./index.es487.js";
-import { createPopperScope as j, Anchor as B, Content as U, Arrow as V } from "./index.es525.js";
-import { Presence as Y } from "./index.es470.js";
-import { Primitive as q } from "./index.es471.js";
-import { createSlottable as X } from "./index.es493.js";
+import { composeEventHandlers as y } from "./index.es455.js";
+import { useComposedRefs as A } from "./index.es456.js";
+import { createContextScope as G } from "./index.es457.js";
+import { DismissableLayer as F } from "./index.es469.js";
+import { createPopperScope as j, Anchor as B, Content as U, Arrow as V } from "./index.es520.js";
+import { Presence as Y } from "./index.es468.js";
+import { Primitive as q } from "./index.es459.js";
+import { createSlottable as X } from "./index.es475.js";
 import { Root as K } from "./index.es561.js";
 import { j as d } from "./index.es243.js";
 var [E, ge] = G("Tooltip", [

package/dist/index.es56.js

@@ -1,9 +1,9 @@
 import { j as r } from "./index.es243.js";
-import { Root as h, Indicator as p } from "./index.es305.js";
+import { Root as h, Indicator as p } from "./index.es277.js";
 import { Row as d } from "./index.es9.js";
-import f from "./index.es255.js";
+import f from "./index.es328.js";
 import './components/ui/Checkbox/Checkbox.css';/* empty css            */
-import { clsx as j } from "./index.es245.js";
+import { clsx as j } from "./index.es244.js";
 import { CheckIcon as b } from "./index.es212.js";
 import { Col as i } from "./index.es10.js";
 const y = ({

package/dist/index.es561.js

@@ -1,5 +1,5 @@
 import * as a from "react";
-import { Primitive as o } from "./index.es471.js";
+import { Primitive as o } from "./index.es459.js";
 import { j as t } from "./index.es243.js";
 var d = "VisuallyHidden", i = a.forwardRef(
   (r, e) => /* @__PURE__ */ t.jsx(

package/dist/index.es563.js

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

package/dist/index.es565.js

@@ -1,9 +1,9 @@
 import { __spreadArray as x } from "./index.es532.js";
 import * as n from "react";
-import { RemoveScrollBar as A } from "./index.es580.js";
-import { styleSingleton as I } from "./index.es581.js";
-import { nonPassive as s } from "./index.es582.js";
-import { locationCouldBeScrolled as T, handleScroll as W } from "./index.es583.js";
+import { RemoveScrollBar as A } from "./index.es581.js";
+import { styleSingleton as I } from "./index.es582.js";
+import { nonPassive as s } from "./index.es583.js";
+import { locationCouldBeScrolled as T, handleScroll as W } from "./index.es584.js";
 var b = function(t) {
   return "changedTouches" in t ? [t.changedTouches[0].clientX, t.changedTouches[0].clientY] : [0, 0];
 }, Y = function(t) {

package/dist/index.es57.js

@@ -1,5 +1,5 @@
 import { j as t } from "./index.es243.js";
-import { clsx as u } from "./index.es245.js";
+import { clsx as u } from "./index.es244.js";
 import './components/ui/filters/BottomNavigation/BottomNavigation.css';/* empty css            */
 import { Col as x } from "./index.es10.js";
 import { Button as s } from "./index.es28.js";

package/dist/index.es58.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es243.js";
 import { CheckboxFilter as t } from "./index.es69.js";
-import { clsx as h } from "./index.es245.js";
+import { clsx as h } from "./index.es244.js";
 import './components/ui/filters/CategoryContent/CategoryContent.css';/* empty css            */
 import { Col as d } from "./index.es10.js";
 const C = ({

package/dist/index.es580.js

@@ -1,72 +1,68 @@
-import * as d from "react";
-import { styleSingleton as f } from "./index.es581.js";
-import { noScrollbarsClassName as p, zeroRightClassName as g, fullWidthClassName as l, removedBarSizeVariable as v } from "./index.es562.js";
-import { getGapWidth as m } from "./index.es596.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 "./index.es532.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
 };
 //# sourceMappingURL=index.es580.js.map

package/dist/index.es580.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es580.js","sources":["../node_modules/react-remove-scroll-bar/dist/es2015/component.js"],"sourcesContent":["import * as React from 'react';\nimport { styleSingleton } from 'react-style-singleton';\nimport { fullWidthClassName, zeroRightClassName, noScrollbarsClassName, removedBarSizeVariable } from './constants';\nimport { getGapWidth } from './utils';\nvar Style = styleSingleton();\nexport var lockAttribute = 'data-scroll-locked';\n// important tip - once we measure scrollBar width and remove them\n// we could not repeat this operation\n// thus we are using style-singleton - only the first \"yet correct\" style will be applied.\nvar getStyles = function (_a, allowRelative, gapMode, important) {\n    var left = _a.left, top = _a.top, right = _a.right, gap = _a.gap;\n    if (gapMode === void 0) { gapMode = 'margin'; }\n    return \"\\n  .\".concat(noScrollbarsClassName, \" {\\n   overflow: hidden \").concat(important, \";\\n   padding-right: \").concat(gap, \"px \").concat(important, \";\\n  }\\n  body[\").concat(lockAttribute, \"] {\\n    overflow: hidden \").concat(important, \";\\n    overscroll-behavior: contain;\\n    \").concat([\n        allowRelative && \"position: relative \".concat(important, \";\"),\n        gapMode === 'margin' &&\n            \"\\n    padding-left: \".concat(left, \"px;\\n    padding-top: \").concat(top, \"px;\\n    padding-right: \").concat(right, \"px;\\n    margin-left:0;\\n    margin-top:0;\\n    margin-right: \").concat(gap, \"px \").concat(important, \";\\n    \"),\n        gapMode === 'padding' && \"padding-right: \".concat(gap, \"px \").concat(important, \";\"),\n    ]\n        .filter(Boolean)\n        .join(''), \"\\n  }\\n  \\n  .\").concat(zeroRightClassName, \" {\\n    right: \").concat(gap, \"px \").concat(important, \";\\n  }\\n  \\n  .\").concat(fullWidthClassName, \" {\\n    margin-right: \").concat(gap, \"px \").concat(important, \";\\n  }\\n  \\n  .\").concat(zeroRightClassName, \" .\").concat(zeroRightClassName, \" {\\n    right: 0 \").concat(important, \";\\n  }\\n  \\n  .\").concat(fullWidthClassName, \" .\").concat(fullWidthClassName, \" {\\n    margin-right: 0 \").concat(important, \";\\n  }\\n  \\n  body[\").concat(lockAttribute, \"] {\\n    \").concat(removedBarSizeVariable, \": \").concat(gap, \"px;\\n  }\\n\");\n};\nvar getCurrentUseCounter = function () {\n    var counter = parseInt(document.body.getAttribute(lockAttribute) || '0', 10);\n    return isFinite(counter) ? counter : 0;\n};\nexport var useLockAttribute = function () {\n    React.useEffect(function () {\n        document.body.setAttribute(lockAttribute, (getCurrentUseCounter() + 1).toString());\n        return function () {\n            var newCounter = getCurrentUseCounter() - 1;\n            if (newCounter <= 0) {\n                document.body.removeAttribute(lockAttribute);\n            }\n            else {\n                document.body.setAttribute(lockAttribute, newCounter.toString());\n            }\n        };\n    }, []);\n};\n/**\n * Removes page scrollbar and blocks page scroll when mounted\n */\nexport var RemoveScrollBar = function (_a) {\n    var noRelative = _a.noRelative, noImportant = _a.noImportant, _b = _a.gapMode, gapMode = _b === void 0 ? 'margin' : _b;\n    useLockAttribute();\n    /*\n     gap will be measured on every component mount\n     however it will be used only by the \"first\" invocation\n     due to singleton nature of <Style\n     */\n    var gap = React.useMemo(function () { return getGapWidth(gapMode); }, [gapMode]);\n    return React.createElement(Style, { styles: getStyles(gap, !noRelative, gapMode, !noImportant ? '!important' : '') });\n};\n"],"names":["Style","styleSingleton","lockAttribute","getStyles","_a","allowRelative","gapMode","important","left","top","right","gap","noScrollbarsClassName","zeroRightClassName","fullWidthClassName","removedBarSizeVariable","getCurrentUseCounter","counter","useLockAttribute","React","newCounter","RemoveScrollBar","noRelative","noImportant","_b","getGapWidth"],"mappings":";;;;AAIA,IAAIA,IAAQC,EAAgB,GACjBC,IAAgB,sBAIvBC,IAAY,SAAUC,GAAIC,GAAeC,GAASC,GAAW;AAC7D,MAAIC,IAAOJ,EAAG,MAAMK,IAAML,EAAG,KAAKM,IAAQN,EAAG,OAAOO,IAAMP,EAAG;AAC7D,SAAIE,MAAY,WAAUA,IAAU,WAC7B;AAAA,KAAQ,OAAOM,GAAuB;AAAA,qBAA0B,EAAE,OAAOL,GAAW;AAAA,mBAAuB,EAAE,OAAOI,GAAK,KAAK,EAAE,OAAOJ,GAAW;AAAA;AAAA,QAAiB,EAAE,OAAOL,GAAe;AAAA,sBAA4B,EAAE,OAAOK,GAAW;AAAA;AAAA,KAA4C,EAAE,OAAO;AAAA,IACnSF,KAAiB,sBAAsB,OAAOE,GAAW,GAAG;AAAA,IAC5DD,MAAY,YACR;AAAA,oBAAuB,OAAOE,GAAM;AAAA,kBAAwB,EAAE,OAAOC,GAAK;AAAA,oBAA0B,EAAE,OAAOC,GAAO;AAAA;AAAA;AAAA,mBAAgE,EAAE,OAAOC,GAAK,KAAK,EAAE,OAAOJ,GAAW;AAAA,KAAS;AAAA,IACxOD,MAAY,aAAa,kBAAkB,OAAOK,GAAK,KAAK,EAAE,OAAOJ,GAAW,GAAG;AAAA,EAC3F,EACS,OAAO,OAAO,EACd,KAAK,EAAE,GAAG;AAAA;AAAA;AAAA,IAAgB,EAAE,OAAOM,GAAoB;AAAA,YAAiB,EAAE,OAAOF,GAAK,KAAK,EAAE,OAAOJ,GAAW;AAAA;AAAA;AAAA,IAAiB,EAAE,OAAOO,GAAoB;AAAA,mBAAwB,EAAE,OAAOH,GAAK,KAAK,EAAE,OAAOJ,GAAW;AAAA;AAAA;AAAA,IAAiB,EAAE,OAAOM,GAAoB,IAAI,EAAE,OAAOA,GAAoB;AAAA,cAAmB,EAAE,OAAON,GAAW;AAAA;AAAA;AAAA,IAAiB,EAAE,OAAOO,GAAoB,IAAI,EAAE,OAAOA,GAAoB;AAAA,qBAA0B,EAAE,OAAOP,GAAW;AAAA;AAAA;AAAA,QAAqB,EAAE,OAAOL,GAAe;AAAA,KAAW,EAAE,OAAOa,GAAwB,IAAI,EAAE,OAAOJ,GAAK;AAAA;AAAA,CAAY;AAC/kB,GACIK,IAAuB,WAAY;AACnC,MAAIC,IAAU,SAAS,SAAS,KAAK,aAAaf,CAAa,KAAK,KAAK,EAAE;AAC3E,SAAO,SAASe,CAAO,IAAIA,IAAU;AACzC,GACWC,IAAmB,WAAY;AACtC,EAAAC,EAAM,UAAU,WAAY;AACxB,oBAAS,KAAK,aAAajB,IAAgBc,MAAyB,GAAG,UAAU,GAC1E,WAAY;AACf,UAAII,IAAaJ,EAAoB,IAAK;AAC1C,MAAII,KAAc,IACd,SAAS,KAAK,gBAAgBlB,CAAa,IAG3C,SAAS,KAAK,aAAaA,GAAekB,EAAW,SAAQ,CAAE;AAAA,IAEtE;AAAA,EACJ,GAAE,EAAE;AACT,GAIWC,IAAkB,SAAUjB,GAAI;AACvC,MAAIkB,IAAalB,EAAG,YAAYmB,IAAcnB,EAAG,aAAaoB,IAAKpB,EAAG,SAASE,IAAUkB,MAAO,SAAS,WAAWA;AACpH,EAAAN,EAAkB;AAMlB,MAAIP,IAAMQ,EAAM,QAAQ,WAAY;AAAE,WAAOM,EAAYnB,CAAO;AAAA,EAAE,GAAI,CAACA,CAAO,CAAC;AAC/E,SAAOa,EAAM,cAAcnB,GAAO,EAAE,QAAQG,EAAUQ,GAAK,CAACW,GAAYhB,GAAUiB,IAA6B,KAAf,YAAiB,EAAC,CAAE;AACxH;","x_google_ignoreList":[0]}
+{"version":3,"file":"index.es580.js","sources":["../node_modules/use-sidecar/dist/es2015/medium.js"],"sourcesContent":["import { __assign } from \"tslib\";\nfunction ItoI(a) {\n    return a;\n}\nfunction innerCreateMedium(defaults, middleware) {\n    if (middleware === void 0) { middleware = ItoI; }\n    var buffer = [];\n    var assigned = false;\n    var medium = {\n        read: function () {\n            if (assigned) {\n                throw new Error('Sidecar: could not `read` from an `assigned` medium. `read` could be used only with `useMedium`.');\n            }\n            if (buffer.length) {\n                return buffer[buffer.length - 1];\n            }\n            return defaults;\n        },\n        useMedium: function (data) {\n            var item = middleware(data, assigned);\n            buffer.push(item);\n            return function () {\n                buffer = buffer.filter(function (x) { return x !== item; });\n            };\n        },\n        assignSyncMedium: function (cb) {\n            assigned = true;\n            while (buffer.length) {\n                var cbs = buffer;\n                buffer = [];\n                cbs.forEach(cb);\n            }\n            buffer = {\n                push: function (x) { return cb(x); },\n                filter: function () { return buffer; },\n            };\n        },\n        assignMedium: function (cb) {\n            assigned = true;\n            var pendingQueue = [];\n            if (buffer.length) {\n                var cbs = buffer;\n                buffer = [];\n                cbs.forEach(cb);\n                pendingQueue = buffer;\n            }\n            var executeQueue = function () {\n                var cbs = pendingQueue;\n                pendingQueue = [];\n                cbs.forEach(cb);\n            };\n            var cycle = function () { return Promise.resolve().then(executeQueue); };\n            cycle();\n            buffer = {\n                push: function (x) {\n                    pendingQueue.push(x);\n                    cycle();\n                },\n                filter: function (filter) {\n                    pendingQueue = pendingQueue.filter(filter);\n                    return buffer;\n                },\n            };\n        },\n    };\n    return medium;\n}\nexport function createMedium(defaults, middleware) {\n    if (middleware === void 0) { middleware = ItoI; }\n    return innerCreateMedium(defaults, middleware);\n}\n// eslint-disable-next-line @typescript-eslint/ban-types\nexport function createSidecarMedium(options) {\n    if (options === void 0) { options = {}; }\n    var medium = innerCreateMedium(null);\n    medium.options = __assign({ async: true, ssr: false }, options);\n    return medium;\n}\n"],"names":["ItoI","a","innerCreateMedium","defaults","middleware","buffer","assigned","medium","data","item","x","cb","cbs","pendingQueue","executeQueue","cycle","filter","createSidecarMedium","options","__assign"],"mappings":";AACA,SAASA,EAAKC,GAAG;AACb,SAAOA;AACX;AACA,SAASC,EAAkBC,GAAUC,GAAY;AAC7C,EAAIA,MAAe,WAAUA,IAAaJ;AAC1C,MAAIK,IAAS,CAAE,GACXC,IAAW,IACXC,IAAS;AAAA,IACT,MAAM,WAAY;AACd,UAAID;AACA,cAAM,IAAI,MAAM,kGAAkG;AAEtH,aAAID,EAAO,SACAA,EAAOA,EAAO,SAAS,CAAC,IAE5BF;AAAA,IACV;AAAA,IACD,WAAW,SAAUK,GAAM;AACvB,UAAIC,IAAOL,EAAWI,GAAMF,CAAQ;AACpC,aAAAD,EAAO,KAAKI,CAAI,GACT,WAAY;AACf,QAAAJ,IAASA,EAAO,OAAO,SAAUK,GAAG;AAAE,iBAAOA,MAAMD;AAAA,SAAO;AAAA,MAC7D;AAAA,IACJ;AAAA,IACD,kBAAkB,SAAUE,GAAI;AAE5B,WADAL,IAAW,IACJD,EAAO,UAAQ;AAClB,YAAIO,IAAMP;AACV,QAAAA,IAAS,CAAE,GACXO,EAAI,QAAQD,CAAE;AAAA,MAC9B;AACY,MAAAN,IAAS;AAAA,QACL,MAAM,SAAUK,GAAG;AAAE,iBAAOC,EAAGD,CAAC;AAAA,QAAI;AAAA,QACpC,QAAQ,WAAY;AAAE,iBAAOL;AAAA,QAAS;AAAA,MACzC;AAAA,IACJ;AAAA,IACD,cAAc,SAAUM,GAAI;AACxB,MAAAL,IAAW;AACX,UAAIO,IAAe,CAAE;AACrB,UAAIR,EAAO,QAAQ;AACf,YAAIO,IAAMP;AACV,QAAAA,IAAS,CAAE,GACXO,EAAI,QAAQD,CAAE,GACdE,IAAeR;AAAA,MAC/B;AACY,UAAIS,IAAe,WAAY;AAC3B,YAAIF,IAAMC;AACV,QAAAA,IAAe,CAAE,GACjBD,EAAI,QAAQD,CAAE;AAAA,MACjB,GACGI,IAAQ,WAAY;AAAE,eAAO,QAAQ,QAAO,EAAG,KAAKD,CAAY;AAAA,MAAI;AACxE,MAAAC,EAAO,GACPV,IAAS;AAAA,QACL,MAAM,SAAUK,GAAG;AACf,UAAAG,EAAa,KAAKH,CAAC,GACnBK,EAAO;AAAA,QACV;AAAA,QACD,QAAQ,SAAUC,GAAQ;AACtB,iBAAAH,IAAeA,EAAa,OAAOG,CAAM,GAClCX;AAAA,QACV;AAAA,MACJ;AAAA,IACJ;AAAA,EACJ;AACD,SAAOE;AACX;AAMO,SAASU,EAAoBC,GAAS;AACzC,EAAIA,MAAY,WAAUA,IAAU,CAAA;AACpC,MAAIX,IAASL,EAAkB,IAAI;AACnC,SAAAK,EAAO,UAAUY,EAAS,EAAE,OAAO,IAAM,KAAK,GAAO,GAAED,CAAO,GACvDX;AACX;","x_google_ignoreList":[0]}

package/dist/index.es581.js

@@ -1,12 +1,72 @@
-import { styleHookSingleton as o } from "./index.es593.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 "./index.es582.js";
+import { noScrollbarsClassName as p, zeroRightClassName as g, fullWidthClassName as l, removedBarSizeVariable as v } from "./index.es562.js";
+import { getGapWidth as m } from "./index.es593.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
 };
 //# sourceMappingURL=index.es581.js.map

package/dist/index.es581.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es581.js","sources":["../node_modules/react-style-singleton/dist/es2015/component.js"],"sourcesContent":["import { styleHookSingleton } from './hook';\n/**\n * create a Component to add styles on demand\n * - styles are added when first instance is mounted\n * - styles are removed when the last instance is unmounted\n * - changing styles in runtime does nothing unless dynamic is set. But with multiple components that can lead to the undefined behavior\n */\nexport var styleSingleton = function () {\n    var useStyle = styleHookSingleton();\n    var Sheet = function (_a) {\n        var styles = _a.styles, dynamic = _a.dynamic;\n        useStyle(styles, dynamic);\n        return null;\n    };\n    return Sheet;\n};\n"],"names":["styleSingleton","useStyle","styleHookSingleton","Sheet","_a","styles","dynamic"],"mappings":";AAOU,IAACA,IAAiB,WAAY;AACpC,MAAIC,IAAWC,EAAoB,GAC/BC,IAAQ,SAAUC,GAAI;AACtB,QAAIC,IAASD,EAAG,QAAQE,IAAUF,EAAG;AACrC,WAAAH,EAASI,GAAQC,CAAO,GACjB;AAAA,EACV;AACD,SAAOH;AACX;","x_google_ignoreList":[0]}
+{"version":3,"file":"index.es581.js","sources":["../node_modules/react-remove-scroll-bar/dist/es2015/component.js"],"sourcesContent":["import * as React from 'react';\nimport { styleSingleton } from 'react-style-singleton';\nimport { fullWidthClassName, zeroRightClassName, noScrollbarsClassName, removedBarSizeVariable } from './constants';\nimport { getGapWidth } from './utils';\nvar Style = styleSingleton();\nexport var lockAttribute = 'data-scroll-locked';\n// important tip - once we measure scrollBar width and remove them\n// we could not repeat this operation\n// thus we are using style-singleton - only the first \"yet correct\" style will be applied.\nvar getStyles = function (_a, allowRelative, gapMode, important) {\n    var left = _a.left, top = _a.top, right = _a.right, gap = _a.gap;\n    if (gapMode === void 0) { gapMode = 'margin'; }\n    return \"\\n  .\".concat(noScrollbarsClassName, \" {\\n   overflow: hidden \").concat(important, \";\\n   padding-right: \").concat(gap, \"px \").concat(important, \";\\n  }\\n  body[\").concat(lockAttribute, \"] {\\n    overflow: hidden \").concat(important, \";\\n    overscroll-behavior: contain;\\n    \").concat([\n        allowRelative && \"position: relative \".concat(important, \";\"),\n        gapMode === 'margin' &&\n            \"\\n    padding-left: \".concat(left, \"px;\\n    padding-top: \").concat(top, \"px;\\n    padding-right: \").concat(right, \"px;\\n    margin-left:0;\\n    margin-top:0;\\n    margin-right: \").concat(gap, \"px \").concat(important, \";\\n    \"),\n        gapMode === 'padding' && \"padding-right: \".concat(gap, \"px \").concat(important, \";\"),\n    ]\n        .filter(Boolean)\n        .join(''), \"\\n  }\\n  \\n  .\").concat(zeroRightClassName, \" {\\n    right: \").concat(gap, \"px \").concat(important, \";\\n  }\\n  \\n  .\").concat(fullWidthClassName, \" {\\n    margin-right: \").concat(gap, \"px \").concat(important, \";\\n  }\\n  \\n  .\").concat(zeroRightClassName, \" .\").concat(zeroRightClassName, \" {\\n    right: 0 \").concat(important, \";\\n  }\\n  \\n  .\").concat(fullWidthClassName, \" .\").concat(fullWidthClassName, \" {\\n    margin-right: 0 \").concat(important, \";\\n  }\\n  \\n  body[\").concat(lockAttribute, \"] {\\n    \").concat(removedBarSizeVariable, \": \").concat(gap, \"px;\\n  }\\n\");\n};\nvar getCurrentUseCounter = function () {\n    var counter = parseInt(document.body.getAttribute(lockAttribute) || '0', 10);\n    return isFinite(counter) ? counter : 0;\n};\nexport var useLockAttribute = function () {\n    React.useEffect(function () {\n        document.body.setAttribute(lockAttribute, (getCurrentUseCounter() + 1).toString());\n        return function () {\n            var newCounter = getCurrentUseCounter() - 1;\n            if (newCounter <= 0) {\n                document.body.removeAttribute(lockAttribute);\n            }\n            else {\n                document.body.setAttribute(lockAttribute, newCounter.toString());\n            }\n        };\n    }, []);\n};\n/**\n * Removes page scrollbar and blocks page scroll when mounted\n */\nexport var RemoveScrollBar = function (_a) {\n    var noRelative = _a.noRelative, noImportant = _a.noImportant, _b = _a.gapMode, gapMode = _b === void 0 ? 'margin' : _b;\n    useLockAttribute();\n    /*\n     gap will be measured on every component mount\n     however it will be used only by the \"first\" invocation\n     due to singleton nature of <Style\n     */\n    var gap = React.useMemo(function () { return getGapWidth(gapMode); }, [gapMode]);\n    return React.createElement(Style, { styles: getStyles(gap, !noRelative, gapMode, !noImportant ? '!important' : '') });\n};\n"],"names":["Style","styleSingleton","lockAttribute","getStyles","_a","allowRelative","gapMode","important","left","top","right","gap","noScrollbarsClassName","zeroRightClassName","fullWidthClassName","removedBarSizeVariable","getCurrentUseCounter","counter","useLockAttribute","React","newCounter","RemoveScrollBar","noRelative","noImportant","_b","getGapWidth"],"mappings":";;;;AAIA,IAAIA,IAAQC,EAAgB,GACjBC,IAAgB,sBAIvBC,IAAY,SAAUC,GAAIC,GAAeC,GAASC,GAAW;AAC7D,MAAIC,IAAOJ,EAAG,MAAMK,IAAML,EAAG,KAAKM,IAAQN,EAAG,OAAOO,IAAMP,EAAG;AAC7D,SAAIE,MAAY,WAAUA,IAAU,WAC7B;AAAA,KAAQ,OAAOM,GAAuB;AAAA,qBAA0B,EAAE,OAAOL,GAAW;AAAA,mBAAuB,EAAE,OAAOI,GAAK,KAAK,EAAE,OAAOJ,GAAW;AAAA;AAAA,QAAiB,EAAE,OAAOL,GAAe;AAAA,sBAA4B,EAAE,OAAOK,GAAW;AAAA;AAAA,KAA4C,EAAE,OAAO;AAAA,IACnSF,KAAiB,sBAAsB,OAAOE,GAAW,GAAG;AAAA,IAC5DD,MAAY,YACR;AAAA,oBAAuB,OAAOE,GAAM;AAAA,kBAAwB,EAAE,OAAOC,GAAK;AAAA,oBAA0B,EAAE,OAAOC,GAAO;AAAA;AAAA;AAAA,mBAAgE,EAAE,OAAOC,GAAK,KAAK,EAAE,OAAOJ,GAAW;AAAA,KAAS;AAAA,IACxOD,MAAY,aAAa,kBAAkB,OAAOK,GAAK,KAAK,EAAE,OAAOJ,GAAW,GAAG;AAAA,EAC3F,EACS,OAAO,OAAO,EACd,KAAK,EAAE,GAAG;AAAA;AAAA;AAAA,IAAgB,EAAE,OAAOM,GAAoB;AAAA,YAAiB,EAAE,OAAOF,GAAK,KAAK,EAAE,OAAOJ,GAAW;AAAA;AAAA;AAAA,IAAiB,EAAE,OAAOO,GAAoB;AAAA,mBAAwB,EAAE,OAAOH,GAAK,KAAK,EAAE,OAAOJ,GAAW;AAAA;AAAA;AAAA,IAAiB,EAAE,OAAOM,GAAoB,IAAI,EAAE,OAAOA,GAAoB;AAAA,cAAmB,EAAE,OAAON,GAAW;AAAA;AAAA;AAAA,IAAiB,EAAE,OAAOO,GAAoB,IAAI,EAAE,OAAOA,GAAoB;AAAA,qBAA0B,EAAE,OAAOP,GAAW;AAAA;AAAA;AAAA,QAAqB,EAAE,OAAOL,GAAe;AAAA,KAAW,EAAE,OAAOa,GAAwB,IAAI,EAAE,OAAOJ,GAAK;AAAA;AAAA,CAAY;AAC/kB,GACIK,IAAuB,WAAY;AACnC,MAAIC,IAAU,SAAS,SAAS,KAAK,aAAaf,CAAa,KAAK,KAAK,EAAE;AAC3E,SAAO,SAASe,CAAO,IAAIA,IAAU;AACzC,GACWC,IAAmB,WAAY;AACtC,EAAAC,EAAM,UAAU,WAAY;AACxB,oBAAS,KAAK,aAAajB,IAAgBc,MAAyB,GAAG,UAAU,GAC1E,WAAY;AACf,UAAII,IAAaJ,EAAoB,IAAK;AAC1C,MAAII,KAAc,IACd,SAAS,KAAK,gBAAgBlB,CAAa,IAG3C,SAAS,KAAK,aAAaA,GAAekB,EAAW,SAAQ,CAAE;AAAA,IAEtE;AAAA,EACJ,GAAE,EAAE;AACT,GAIWC,IAAkB,SAAUjB,GAAI;AACvC,MAAIkB,IAAalB,EAAG,YAAYmB,IAAcnB,EAAG,aAAaoB,IAAKpB,EAAG,SAASE,IAAUkB,MAAO,SAAS,WAAWA;AACpH,EAAAN,EAAkB;AAMlB,MAAIP,IAAMQ,EAAM,QAAQ,WAAY;AAAE,WAAOM,EAAYnB,CAAO;AAAA,EAAE,GAAI,CAACA,CAAO,CAAC;AAC/E,SAAOa,EAAM,cAAcnB,GAAO,EAAE,QAAQG,EAAUQ,GAAK,CAACW,GAAYhB,GAAUiB,IAA6B,KAAf,YAAiB,EAAC,CAAE;AACxH;","x_google_ignoreList":[0]}

package/dist/index.es582.js

@@ -1,17 +1,12 @@
-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 "./index.es594.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
 };
 //# sourceMappingURL=index.es582.js.map

package/dist/index.es582.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es582.js","sources":["../node_modules/react-remove-scroll/dist/es2015/aggresiveCapture.js"],"sourcesContent":["var passiveSupported = false;\nif (typeof window !== 'undefined') {\n    try {\n        var options = Object.defineProperty({}, 'passive', {\n            get: function () {\n                passiveSupported = true;\n                return true;\n            },\n        });\n        // @ts-ignore\n        window.addEventListener('test', options, options);\n        // @ts-ignore\n        window.removeEventListener('test', options, options);\n    }\n    catch (err) {\n        passiveSupported = false;\n    }\n}\nexport var nonPassive = passiveSupported ? { passive: false } : false;\n"],"names":["passiveSupported","options","nonPassive"],"mappings":"AAAA,IAAIA,IAAmB;AACvB,IAAI,OAAO,SAAW;AAClB,MAAI;AACA,QAAIC,IAAU,OAAO,eAAe,CAAA,GAAI,WAAW;AAAA,MAC/C,KAAK,WAAY;AACb,eAAAD,IAAmB,IACZ;AAAA,MACV;AAAA,IACb,CAAS;AAED,WAAO,iBAAiB,QAAQC,GAASA,CAAO,GAEhD,OAAO,oBAAoB,QAAQA,GAASA,CAAO;AAAA,EAC3D,QACgB;AACR,IAAAD,IAAmB;AAAA,EAC3B;AAEU,IAACE,IAAaF,IAAmB,EAAE,SAAS,GAAK,IAAK;","x_google_ignoreList":[0]}
+{"version":3,"file":"index.es582.js","sources":["../node_modules/react-style-singleton/dist/es2015/component.js"],"sourcesContent":["import { styleHookSingleton } from './hook';\n/**\n * create a Component to add styles on demand\n * - styles are added when first instance is mounted\n * - styles are removed when the last instance is unmounted\n * - changing styles in runtime does nothing unless dynamic is set. But with multiple components that can lead to the undefined behavior\n */\nexport var styleSingleton = function () {\n    var useStyle = styleHookSingleton();\n    var Sheet = function (_a) {\n        var styles = _a.styles, dynamic = _a.dynamic;\n        useStyle(styles, dynamic);\n        return null;\n    };\n    return Sheet;\n};\n"],"names":["styleSingleton","useStyle","styleHookSingleton","Sheet","_a","styles","dynamic"],"mappings":";AAOU,IAACA,IAAiB,WAAY;AACpC,MAAIC,IAAWC,EAAoB,GAC/BC,IAAQ,SAAUC,GAAI;AACtB,QAAIC,IAASD,EAAG,QAAQE,IAAUF,EAAG;AACrC,WAAAH,EAASI,GAAQC,CAAO,GACjB;AAAA,EACV;AACD,SAAOH;AACX;","x_google_ignoreList":[0]}