@plyaz/ui 0.4.7 → 0.4.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/ui.es35.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import r from "react";
2
2
  import { createContextScope as y } from "./ui.es36.js";
3
- import { useComposedRefs as S } from "./ui.es31.js";
3
+ import { useComposedRefs as S } from "./ui.es32.js";
4
4
  import { createSlot as M } from "./ui.es20.js";
5
5
  import { j as d } from "./ui.es17.js";
6
6
  function D(s) {
package/dist/ui.es38.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import * as n from "react";
2
2
  import { composeEventHandlers as m } from "./ui.es34.js";
3
3
  import { Primitive as R, dispatchDiscreteCustomEvent as k } from "./ui.es44.js";
4
- import { useComposedRefs as g } from "./ui.es31.js";
4
+ import { useComposedRefs as g } from "./ui.es32.js";
5
5
  import { useCallbackRef as w } from "./ui.es45.js";
6
6
  import { useEscapeKeydown as U } from "./ui.es54.js";
7
7
  import { j as x } from "./ui.es17.js";
package/dist/ui.es40.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import * as d from "react";
2
- import { useComposedRefs as P } from "./ui.es31.js";
2
+ import { useComposedRefs as P } from "./ui.es32.js";
3
3
  import { Primitive as M } from "./ui.es44.js";
4
4
  import { useCallbackRef as y } from "./ui.es45.js";
5
5
  import { j as _ } from "./ui.es17.js";
package/dist/ui.es42.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import * as s from "react";
2
2
  import { useFloating as xe, offset as Pe, shift as ye, flip as Ae, size as ve, arrow as Ce, hide as be, limitShift as Se } from "./ui.es55.js";
3
3
  import { Root as Oe } from "./ui.es56.js";
4
- import { useComposedRefs as T } from "./ui.es31.js";
4
+ import { useComposedRefs as T } from "./ui.es32.js";
5
5
  import { createContextScope as Re } from "./ui.es36.js";
6
6
  import { Primitive as z } from "./ui.es44.js";
7
7
  import { useCallbackRef as Ee } from "./ui.es45.js";
package/dist/ui.es67.js CHANGED
@@ -1,4 +1,4 @@
1
- import { createSidecarMedium as e } from "./ui.es78.js";
1
+ import { createSidecarMedium as e } from "./ui.es74.js";
2
2
  var a = e();
3
3
  export {
4
4
  a as effectCar
package/dist/ui.es69.js CHANGED
@@ -1,9 +1,9 @@
1
1
  import { __spreadArray as x } from "./ui.es63.js";
2
2
  import * as n from "react";
3
- import { RemoveScrollBar as A } from "./ui.es74.js";
4
- import { styleSingleton as I } from "./ui.es75.js";
5
- import { nonPassive as s } from "./ui.es76.js";
6
- import { locationCouldBeScrolled as T, handleScroll as W } from "./ui.es77.js";
3
+ import { RemoveScrollBar as A } from "./ui.es75.js";
4
+ import { styleSingleton as I } from "./ui.es76.js";
5
+ import { nonPassive as s } from "./ui.es77.js";
6
+ import { locationCouldBeScrolled as T, handleScroll as W } from "./ui.es78.js";
7
7
  var b = function(t) {
8
8
  return "changedTouches" in t ? [t.changedTouches[0].clientX, t.changedTouches[0].clientY] : [0, 0];
9
9
  }, Y = function(t) {
package/dist/ui.es74.js CHANGED
@@ -1,71 +1,67 @@
1
- import * as d from "react";
2
- import { styleSingleton as f } from "./ui.es75.js";
3
- import { noScrollbarsClassName as p, zeroRightClassName as g, fullWidthClassName as l, removedBarSizeVariable as v } from "./ui.es66.js";
4
- import { getGapWidth as m } from "./ui.es81.js";
5
- var b = f(), e = "data-scroll-locked", h = function(n, a, o, t) {
6
- var r = n.left, i = n.top, s = n.right, c = n.gap;
7
- return o === void 0 && (o = "margin"), `
8
- .`.concat(p, ` {
9
- overflow: hidden `).concat(t, `;
10
- padding-right: `).concat(c, "px ").concat(t, `;
11
- }
12
- body[`).concat(e, `] {
13
- overflow: hidden `).concat(t, `;
14
- overscroll-behavior: contain;
15
- `).concat([
16
- a && "position: relative ".concat(t, ";"),
17
- o === "margin" && `
18
- padding-left: `.concat(r, `px;
19
- padding-top: `).concat(i, `px;
20
- padding-right: `).concat(s, `px;
21
- margin-left:0;
22
- margin-top:0;
23
- margin-right: `).concat(c, "px ").concat(t, `;
24
- `),
25
- o === "padding" && "padding-right: ".concat(c, "px ").concat(t, ";")
26
- ].filter(Boolean).join(""), `
27
- }
28
-
29
- .`).concat(g, ` {
30
- right: `).concat(c, "px ").concat(t, `;
31
- }
32
-
33
- .`).concat(l, ` {
34
- margin-right: `).concat(c, "px ").concat(t, `;
35
- }
36
-
37
- .`).concat(g, " .").concat(g, ` {
38
- right: 0 `).concat(t, `;
39
- }
40
-
41
- .`).concat(l, " .").concat(l, ` {
42
- margin-right: 0 `).concat(t, `;
43
- }
44
-
45
- body[`).concat(e, `] {
46
- `).concat(v, ": ").concat(c, `px;
47
- }
48
- `);
49
- }, u = function() {
50
- var n = parseInt(document.body.getAttribute(e) || "0", 10);
51
- return isFinite(n) ? n : 0;
52
- }, x = function() {
53
- d.useEffect(function() {
54
- return document.body.setAttribute(e, (u() + 1).toString()), function() {
55
- var n = u() - 1;
56
- n <= 0 ? document.body.removeAttribute(e) : document.body.setAttribute(e, n.toString());
57
- };
58
- }, []);
59
- }, C = function(n) {
60
- var a = n.noRelative, o = n.noImportant, t = n.gapMode, r = t === void 0 ? "margin" : t;
61
- x();
62
- var i = d.useMemo(function() {
63
- return m(r);
64
- }, [r]);
65
- return d.createElement(b, { styles: h(i, !a, r, o ? "" : "!important") });
66
- };
1
+ import { __assign as d } from "./ui.es63.js";
2
+ function l(r) {
3
+ return r;
4
+ }
5
+ function h(r, t) {
6
+ t === void 0 && (t = l);
7
+ var e = [], o = !1, c = {
8
+ read: function() {
9
+ if (o)
10
+ throw new Error("Sidecar: could not `read` from an `assigned` medium. `read` could be used only with `useMedium`.");
11
+ return e.length ? e[e.length - 1] : r;
12
+ },
13
+ useMedium: function(u) {
14
+ var n = t(u, o);
15
+ return e.push(n), function() {
16
+ e = e.filter(function(i) {
17
+ return i !== n;
18
+ });
19
+ };
20
+ },
21
+ assignSyncMedium: function(u) {
22
+ for (o = !0; e.length; ) {
23
+ var n = e;
24
+ e = [], n.forEach(u);
25
+ }
26
+ e = {
27
+ push: function(i) {
28
+ return u(i);
29
+ },
30
+ filter: function() {
31
+ return e;
32
+ }
33
+ };
34
+ },
35
+ assignMedium: function(u) {
36
+ o = !0;
37
+ var n = [];
38
+ if (e.length) {
39
+ var i = e;
40
+ e = [], i.forEach(u), n = e;
41
+ }
42
+ var s = function() {
43
+ var f = n;
44
+ n = [], f.forEach(u);
45
+ }, a = function() {
46
+ return Promise.resolve().then(s);
47
+ };
48
+ a(), e = {
49
+ push: function(f) {
50
+ n.push(f), a();
51
+ },
52
+ filter: function(f) {
53
+ return n = n.filter(f), e;
54
+ }
55
+ };
56
+ }
57
+ };
58
+ return c;
59
+ }
60
+ function v(r) {
61
+ r === void 0 && (r = {});
62
+ var t = h(null);
63
+ return t.options = d({ async: !0, ssr: !1 }, r), t;
64
+ }
67
65
  export {
68
- C as RemoveScrollBar,
69
- e as lockAttribute,
70
- x as useLockAttribute
66
+ v as createSidecarMedium
71
67
  };
package/dist/ui.es75.js CHANGED
@@ -1,11 +1,71 @@
1
- import { styleHookSingleton as o } from "./ui.es82.js";
2
- var s = function() {
3
- var e = o(), n = function(t) {
4
- var r = t.styles, l = t.dynamic;
5
- return e(r, l), null;
6
- };
7
- return n;
1
+ import * as d from "react";
2
+ import { styleSingleton as f } from "./ui.es76.js";
3
+ import { noScrollbarsClassName as p, zeroRightClassName as g, fullWidthClassName as l, removedBarSizeVariable as v } from "./ui.es66.js";
4
+ import { getGapWidth as m } from "./ui.es81.js";
5
+ var b = f(), e = "data-scroll-locked", h = function(n, a, o, t) {
6
+ var r = n.left, i = n.top, s = n.right, c = n.gap;
7
+ return o === void 0 && (o = "margin"), `
8
+ .`.concat(p, ` {
9
+ overflow: hidden `).concat(t, `;
10
+ padding-right: `).concat(c, "px ").concat(t, `;
11
+ }
12
+ body[`).concat(e, `] {
13
+ overflow: hidden `).concat(t, `;
14
+ overscroll-behavior: contain;
15
+ `).concat([
16
+ a && "position: relative ".concat(t, ";"),
17
+ o === "margin" && `
18
+ padding-left: `.concat(r, `px;
19
+ padding-top: `).concat(i, `px;
20
+ padding-right: `).concat(s, `px;
21
+ margin-left:0;
22
+ margin-top:0;
23
+ margin-right: `).concat(c, "px ").concat(t, `;
24
+ `),
25
+ o === "padding" && "padding-right: ".concat(c, "px ").concat(t, ";")
26
+ ].filter(Boolean).join(""), `
27
+ }
28
+
29
+ .`).concat(g, ` {
30
+ right: `).concat(c, "px ").concat(t, `;
31
+ }
32
+
33
+ .`).concat(l, ` {
34
+ margin-right: `).concat(c, "px ").concat(t, `;
35
+ }
36
+
37
+ .`).concat(g, " .").concat(g, ` {
38
+ right: 0 `).concat(t, `;
39
+ }
40
+
41
+ .`).concat(l, " .").concat(l, ` {
42
+ margin-right: 0 `).concat(t, `;
43
+ }
44
+
45
+ body[`).concat(e, `] {
46
+ `).concat(v, ": ").concat(c, `px;
47
+ }
48
+ `);
49
+ }, u = function() {
50
+ var n = parseInt(document.body.getAttribute(e) || "0", 10);
51
+ return isFinite(n) ? n : 0;
52
+ }, x = function() {
53
+ d.useEffect(function() {
54
+ return document.body.setAttribute(e, (u() + 1).toString()), function() {
55
+ var n = u() - 1;
56
+ n <= 0 ? document.body.removeAttribute(e) : document.body.setAttribute(e, n.toString());
57
+ };
58
+ }, []);
59
+ }, C = function(n) {
60
+ var a = n.noRelative, o = n.noImportant, t = n.gapMode, r = t === void 0 ? "margin" : t;
61
+ x();
62
+ var i = d.useMemo(function() {
63
+ return m(r);
64
+ }, [r]);
65
+ return d.createElement(b, { styles: h(i, !a, r, o ? "" : "!important") });
8
66
  };
9
67
  export {
10
- s as styleSingleton
68
+ C as RemoveScrollBar,
69
+ e as lockAttribute,
70
+ x as useLockAttribute
11
71
  };
package/dist/ui.es76.js CHANGED
@@ -1,16 +1,11 @@
1
- var r = !1;
2
- if (typeof window < "u")
3
- try {
4
- var e = Object.defineProperty({}, "passive", {
5
- get: function() {
6
- return r = !0, !0;
7
- }
8
- });
9
- window.addEventListener("test", e, e), window.removeEventListener("test", e, e);
10
- } catch {
11
- r = !1;
12
- }
13
- var a = r ? { passive: !1 } : !1;
1
+ import { styleHookSingleton as o } from "./ui.es82.js";
2
+ var s = function() {
3
+ var e = o(), n = function(t) {
4
+ var r = t.styles, l = t.dynamic;
5
+ return e(r, l), null;
6
+ };
7
+ return n;
8
+ };
14
9
  export {
15
- a as nonPassive
10
+ s as styleSingleton
16
11
  };
package/dist/ui.es77.js CHANGED
@@ -1,68 +1,16 @@
1
- var N = function(r) {
2
- return r.tagName === "TEXTAREA";
3
- }, b = function(r, e) {
4
- if (!(r instanceof Element))
5
- return !1;
6
- var t = window.getComputedStyle(r);
7
- return (
8
- // not-not-scrollable
9
- t[e] !== "hidden" && // contains scroll inside self
10
- !(t.overflowY === t.overflowX && !N(r) && t[e] === "visible")
11
- );
12
- }, D = function(r) {
13
- return b(r, "overflowY");
14
- }, E = function(r) {
15
- return b(r, "overflowX");
16
- }, T = function(r, e) {
17
- var t = e.ownerDocument, l = e;
18
- do {
19
- typeof ShadowRoot < "u" && l instanceof ShadowRoot && (l = l.host);
20
- var f = g(r, l);
21
- if (f) {
22
- var n = m(r, l), i = n[1], o = n[2];
23
- if (i > o)
24
- return !0;
25
- }
26
- l = l.parentNode;
27
- } while (l && l !== t.body);
28
- return !1;
29
- }, H = function(r) {
30
- var e = r.scrollTop, t = r.scrollHeight, l = r.clientHeight;
31
- return [
32
- e,
33
- t,
34
- l
35
- ];
36
- }, p = function(r) {
37
- var e = r.scrollLeft, t = r.scrollWidth, l = r.clientWidth;
38
- return [
39
- e,
40
- t,
41
- l
42
- ];
43
- }, g = function(r, e) {
44
- return r === "v" ? D(e) : E(e);
45
- }, m = function(r, e) {
46
- return r === "v" ? H(e) : p(e);
47
- }, B = function(r, e) {
48
- return r === "h" && e === "rtl" ? -1 : 1;
49
- }, V = function(r, e, t, l, f) {
50
- 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;
51
- do {
52
- if (!o)
53
- break;
54
- var u = m(r, o), v = u[0], C = u[1], y = u[2], w = C - y - n * v;
55
- (v || w) && g(r, o) && (h += w, S += v);
56
- var a = o.parentNode;
57
- o = a && a.nodeType === Node.DOCUMENT_FRAGMENT_NODE ? a.host : a;
58
- } while (
59
- // portaled content
60
- !d && o !== document.body || // self content
61
- d && (e.contains(o) || e === o)
62
- );
63
- return (s && Math.abs(h) < 1 || !s && Math.abs(S) < 1) && (c = !0), c;
64
- };
1
+ var r = !1;
2
+ if (typeof window < "u")
3
+ try {
4
+ var e = Object.defineProperty({}, "passive", {
5
+ get: function() {
6
+ return r = !0, !0;
7
+ }
8
+ });
9
+ window.addEventListener("test", e, e), window.removeEventListener("test", e, e);
10
+ } catch {
11
+ r = !1;
12
+ }
13
+ var a = r ? { passive: !1 } : !1;
65
14
  export {
66
- V as handleScroll,
67
- T as locationCouldBeScrolled
15
+ a as nonPassive
68
16
  };
package/dist/ui.es78.js CHANGED
@@ -1,67 +1,68 @@
1
- import { __assign as d } from "./ui.es63.js";
2
- function l(r) {
3
- return r;
4
- }
5
- function h(r, t) {
6
- t === void 0 && (t = l);
7
- var e = [], o = !1, c = {
8
- read: function() {
9
- if (o)
10
- throw new Error("Sidecar: could not `read` from an `assigned` medium. `read` could be used only with `useMedium`.");
11
- return e.length ? e[e.length - 1] : r;
12
- },
13
- useMedium: function(u) {
14
- var n = t(u, o);
15
- return e.push(n), function() {
16
- e = e.filter(function(i) {
17
- return i !== n;
18
- });
19
- };
20
- },
21
- assignSyncMedium: function(u) {
22
- for (o = !0; e.length; ) {
23
- var n = e;
24
- e = [], n.forEach(u);
25
- }
26
- e = {
27
- push: function(i) {
28
- return u(i);
29
- },
30
- filter: function() {
31
- return e;
32
- }
33
- };
34
- },
35
- assignMedium: function(u) {
36
- o = !0;
37
- var n = [];
38
- if (e.length) {
39
- var i = e;
40
- e = [], i.forEach(u), n = e;
41
- }
42
- var s = function() {
43
- var f = n;
44
- n = [], f.forEach(u);
45
- }, a = function() {
46
- return Promise.resolve().then(s);
47
- };
48
- a(), e = {
49
- push: function(f) {
50
- n.push(f), a();
51
- },
52
- filter: function(f) {
53
- return n = n.filter(f), e;
54
- }
55
- };
1
+ var N = function(r) {
2
+ return r.tagName === "TEXTAREA";
3
+ }, b = function(r, e) {
4
+ if (!(r instanceof Element))
5
+ return !1;
6
+ var t = window.getComputedStyle(r);
7
+ return (
8
+ // not-not-scrollable
9
+ t[e] !== "hidden" && // contains scroll inside self
10
+ !(t.overflowY === t.overflowX && !N(r) && t[e] === "visible")
11
+ );
12
+ }, D = function(r) {
13
+ return b(r, "overflowY");
14
+ }, E = function(r) {
15
+ return b(r, "overflowX");
16
+ }, T = function(r, e) {
17
+ var t = e.ownerDocument, l = e;
18
+ do {
19
+ typeof ShadowRoot < "u" && l instanceof ShadowRoot && (l = l.host);
20
+ var f = g(r, l);
21
+ if (f) {
22
+ var n = m(r, l), i = n[1], o = n[2];
23
+ if (i > o)
24
+ return !0;
56
25
  }
57
- };
58
- return c;
59
- }
60
- function v(r) {
61
- r === void 0 && (r = {});
62
- var t = h(null);
63
- return t.options = d({ async: !0, ssr: !1 }, r), t;
64
- }
26
+ l = l.parentNode;
27
+ } while (l && l !== t.body);
28
+ return !1;
29
+ }, H = function(r) {
30
+ var e = r.scrollTop, t = r.scrollHeight, l = r.clientHeight;
31
+ return [
32
+ e,
33
+ t,
34
+ l
35
+ ];
36
+ }, p = function(r) {
37
+ var e = r.scrollLeft, t = r.scrollWidth, l = r.clientWidth;
38
+ return [
39
+ e,
40
+ t,
41
+ l
42
+ ];
43
+ }, g = function(r, e) {
44
+ return r === "v" ? D(e) : E(e);
45
+ }, m = function(r, e) {
46
+ return r === "v" ? H(e) : p(e);
47
+ }, B = function(r, e) {
48
+ return r === "h" && e === "rtl" ? -1 : 1;
49
+ }, V = function(r, e, t, l, f) {
50
+ 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;
51
+ do {
52
+ if (!o)
53
+ break;
54
+ var u = m(r, o), v = u[0], C = u[1], y = u[2], w = C - y - n * v;
55
+ (v || w) && g(r, o) && (h += w, S += v);
56
+ var a = o.parentNode;
57
+ o = a && a.nodeType === Node.DOCUMENT_FRAGMENT_NODE ? a.host : a;
58
+ } while (
59
+ // portaled content
60
+ !d && o !== document.body || // self content
61
+ d && (e.contains(o) || e === o)
62
+ );
63
+ return (s && Math.abs(h) < 1 || !s && Math.abs(S) < 1) && (c = !0), c;
64
+ };
65
65
  export {
66
- v as createSidecarMedium
66
+ V as handleScroll,
67
+ T as locationCouldBeScrolled
67
68
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@plyaz/ui",
3
- "version": "0.4.7",
3
+ "version": "0.4.8",
4
4
  "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.",
5
5
  "type": "module",
6
6
  "files": [
@@ -21,7 +21,7 @@
21
21
  "pnpm": ">=8.0.0"
22
22
  },
23
23
  "dependencies": {
24
- "@plyaz/devtools": "^1.6.11",
24
+ "@plyaz/devtools": "^1.7.0",
25
25
  "@radix-ui/react-select": "^2.2.5",
26
26
  "@radix-ui/react-slot": "^1.2.3",
27
27
  "class-variance-authority": "^0.7.1",