@plyaz/ui 0.4.6 → 0.4.7

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.es60.js CHANGED
@@ -1,24 +1,24 @@
1
- import * as n from "react";
2
- import { Primitive as p } from "./ui.es44.js";
3
- import { j as o } from "./ui.es17.js";
4
- var v = "Arrow", e = n.forwardRef((r, i) => {
5
- const { children: t, width: s = 10, height: a = 5, ...m } = r;
6
- return /* @__PURE__ */ o.jsx(
7
- p.svg,
8
- {
9
- ...m,
10
- ref: i,
11
- width: s,
12
- height: a,
13
- viewBox: "0 0 30 10",
14
- preserveAspectRatio: "none",
15
- children: r.asChild ? t : /* @__PURE__ */ o.jsx("polygon", { points: "0,0 30,0 15,10" })
16
- }
17
- );
18
- });
19
- e.displayName = v;
20
- var h = e;
1
+ /**
2
+ * @license lucide-react v0.525.0 - ISC
3
+ *
4
+ * This source code is licensed under the ISC license.
5
+ * See the LICENSE file in the root directory of this source tree.
6
+ */
7
+ const s = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), a = (t) => t.replace(
8
+ /^([A-Z])|[\s-_]+(\w)/g,
9
+ (e, o, r) => r ? r.toUpperCase() : o.toLowerCase()
10
+ ), n = (t) => {
11
+ const e = a(t);
12
+ return e.charAt(0).toUpperCase() + e.slice(1);
13
+ }, c = (...t) => t.filter((e, o, r) => !!e && e.trim() !== "" && r.indexOf(e) === o).join(" ").trim(), i = (t) => {
14
+ for (const e in t)
15
+ if (e.startsWith("aria-") || e === "role" || e === "title")
16
+ return !0;
17
+ };
21
18
  export {
22
- e as Arrow,
23
- h as Root
19
+ i as hasA11yProp,
20
+ c as mergeClasses,
21
+ a as toCamelCase,
22
+ s as toKebabCase,
23
+ n as toPascalCase
24
24
  };
package/dist/ui.es61.js CHANGED
@@ -1,27 +1,41 @@
1
- import * as h from "react";
2
- import { useLayoutEffect as z } from "./ui.es47.js";
3
- function c(r) {
4
- const [d, e] = h.useState(void 0);
5
- return z(() => {
6
- if (r) {
7
- e({ width: r.offsetWidth, height: r.offsetHeight });
8
- const f = new ResizeObserver((i) => {
9
- if (!Array.isArray(i) || !i.length)
10
- return;
11
- const b = i[0];
12
- let o, t;
13
- if ("borderBoxSize" in b) {
14
- const s = b.borderBoxSize, u = Array.isArray(s) ? s[0] : s;
15
- o = u.inlineSize, t = u.blockSize;
16
- } else
17
- o = r.offsetWidth, t = r.offsetHeight;
18
- e({ width: o, height: t });
19
- });
20
- return f.observe(r, { box: "border-box" }), () => f.unobserve(r);
21
- } else
22
- e(void 0);
23
- }, [r]), d;
24
- }
1
+ import { forwardRef as l, createElement as o } from "react";
2
+ import A from "./ui.es62.js";
3
+ import { mergeClasses as b, hasA11yProp as c } from "./ui.es60.js";
4
+ /**
5
+ * @license lucide-react v0.525.0 - ISC
6
+ *
7
+ * This source code is licensed under the ISC license.
8
+ * See the LICENSE file in the root directory of this source tree.
9
+ */
10
+ const h = l(
11
+ ({
12
+ color: m = "currentColor",
13
+ size: t = 24,
14
+ strokeWidth: e = 2,
15
+ absoluteStrokeWidth: s,
16
+ className: u = "",
17
+ children: r,
18
+ iconNode: f,
19
+ ...a
20
+ }, p) => o(
21
+ "svg",
22
+ {
23
+ ref: p,
24
+ ...A,
25
+ width: t,
26
+ height: t,
27
+ stroke: m,
28
+ strokeWidth: s ? Number(e) * 24 / Number(t) : e,
29
+ className: b("lucide", u),
30
+ ...!r && !c(a) && { "aria-hidden": "true" },
31
+ ...a
32
+ },
33
+ [
34
+ ...f.map(([i, d]) => o(i, d)),
35
+ ...Array.isArray(r) ? r : [r]
36
+ ]
37
+ )
38
+ );
25
39
  export {
26
- c as useSize
40
+ h as default
27
41
  };
package/dist/ui.es62.js CHANGED
@@ -1,400 +1,20 @@
1
- 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 "./ui.es71.js";
2
- import { createCoords as m, round as A, max as E, min as S, rectToClientRect as J, floor as D } from "./ui.es72.js";
3
- import { isElement as v, getDocumentElement as O, getOverflowAncestors as V, getComputedStyle as R, isHTMLElement as b, getWindow as L, isTopLayer as $, 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 "./ui.es73.js";
4
- function Z(t) {
5
- const e = R(t);
6
- let i = parseFloat(e.width) || 0, n = parseFloat(e.height) || 0;
7
- const o = b(t), r = o ? t.offsetWidth : i, s = o ? t.offsetHeight : n, c = A(i) !== r || A(n) !== s;
8
- return c && (i = r, n = s), {
9
- width: i,
10
- height: n,
11
- $: c
12
- };
13
- }
14
- function q(t) {
15
- return v(t) ? t : t.contextElement;
16
- }
17
- function F(t) {
18
- const e = q(t);
19
- if (!b(e))
20
- return m(1);
21
- const i = e.getBoundingClientRect(), {
22
- width: n,
23
- height: o,
24
- $: r
25
- } = Z(e);
26
- let s = (r ? A(i.width) : i.width) / n, c = (r ? A(i.height) : i.height) / o;
27
- return (!s || !Number.isFinite(s)) && (s = 1), (!c || !Number.isFinite(c)) && (c = 1), {
28
- x: s,
29
- y: c
30
- };
31
- }
32
- const gt = /* @__PURE__ */ m(0);
33
- function X(t) {
34
- const e = L(t);
35
- return !Y() || !e.visualViewport ? gt : {
36
- x: e.visualViewport.offsetLeft,
37
- y: e.visualViewport.offsetTop
38
- };
39
- }
40
- function pt(t, e, i) {
41
- return e === void 0 && (e = !1), !i || e && i !== L(t) ? !1 : e;
42
- }
43
- function T(t, e, i, n) {
44
- e === void 0 && (e = !1), i === void 0 && (i = !1);
45
- const o = t.getBoundingClientRect(), r = q(t);
46
- let s = m(1);
47
- e && (n ? v(n) && (s = F(n)) : s = F(t));
48
- const c = pt(r, i, n) ? X(r) : m(0);
49
- let l = (o.left + c.x) / s.x, f = (o.top + c.y) / s.y, u = o.width / s.x, h = o.height / s.y;
50
- if (r) {
51
- const p = L(r), a = n && v(n) ? L(n) : n;
52
- let x = p, g = K(x);
53
- for (; g && n && a !== x; ) {
54
- const w = F(g), d = g.getBoundingClientRect(), y = R(g), C = d.left + (g.clientLeft + parseFloat(y.paddingLeft)) * w.x, B = d.top + (g.clientTop + parseFloat(y.paddingTop)) * w.y;
55
- l *= w.x, f *= w.y, u *= w.x, h *= w.y, l += C, f += B, x = L(g), g = K(x);
56
- }
57
- }
58
- return J({
59
- width: u,
60
- height: h,
61
- x: l,
62
- y: f
63
- });
64
- }
65
- function k(t, e) {
66
- const i = N(t).scrollLeft;
67
- return e ? e.left + i : T(O(t)).left + i;
68
- }
69
- function tt(t, e, i) {
70
- i === void 0 && (i = !1);
71
- const n = t.getBoundingClientRect(), o = n.left + e.scrollLeft - (i ? 0 : (
72
- // RTL <body> scrollbar.
73
- k(t, n)
74
- )), r = n.top + e.scrollTop;
75
- return {
76
- x: o,
77
- y: r
78
- };
79
- }
80
- function wt(t) {
81
- let {
82
- elements: e,
83
- rect: i,
84
- offsetParent: n,
85
- strategy: o
86
- } = t;
87
- const r = o === "fixed", s = O(n), c = e ? $(e.floating) : !1;
88
- if (n === s || c && r)
89
- return i;
90
- let l = {
91
- scrollLeft: 0,
92
- scrollTop: 0
93
- }, f = m(1);
94
- const u = m(0), h = b(n);
95
- if ((h || !h && !r) && ((M(n) !== "body" || _(s)) && (l = N(n)), b(n))) {
96
- const a = T(n);
97
- f = F(n), u.x = a.x + n.clientLeft, u.y = a.y + n.clientTop;
98
- }
99
- const p = s && !h && !r ? tt(s, l, !0) : m(0);
100
- return {
101
- width: i.width * f.x,
102
- height: i.height * f.y,
103
- x: i.x * f.x - l.scrollLeft * f.x + u.x + p.x,
104
- y: i.y * f.y - l.scrollTop * f.y + u.y + p.y
105
- };
106
- }
107
- function mt(t) {
108
- return Array.from(t.getClientRects());
109
- }
110
- function xt(t) {
111
- const e = O(t), i = N(t), n = t.ownerDocument.body, o = E(e.scrollWidth, e.clientWidth, n.scrollWidth, n.clientWidth), r = E(e.scrollHeight, e.clientHeight, n.scrollHeight, n.clientHeight);
112
- let s = -i.scrollLeft + k(t);
113
- const c = -i.scrollTop;
114
- return R(n).direction === "rtl" && (s += E(e.clientWidth, n.clientWidth) - o), {
115
- width: o,
116
- height: r,
117
- x: s,
118
- y: c
119
- };
120
- }
121
- function yt(t, e) {
122
- const i = L(t), n = O(t), o = i.visualViewport;
123
- let r = n.clientWidth, s = n.clientHeight, c = 0, l = 0;
124
- if (o) {
125
- r = o.width, s = o.height;
126
- const f = Y();
127
- (!f || f && e === "fixed") && (c = o.offsetLeft, l = o.offsetTop);
128
- }
129
- return {
130
- width: r,
131
- height: s,
132
- x: c,
133
- y: l
134
- };
135
- }
136
- const vt = /* @__PURE__ */ new Set(["absolute", "fixed"]);
137
- function Rt(t, e) {
138
- const i = T(t, !0, e === "fixed"), n = i.top + t.clientTop, o = i.left + t.clientLeft, r = b(t) ? F(t) : m(1), s = t.clientWidth * r.x, c = t.clientHeight * r.y, l = o * r.x, f = n * r.y;
139
- return {
140
- width: s,
141
- height: c,
142
- x: l,
143
- y: f
144
- };
145
- }
146
- function j(t, e, i) {
147
- let n;
148
- if (e === "viewport")
149
- n = yt(t, i);
150
- else if (e === "document")
151
- n = xt(O(t));
152
- else if (v(e))
153
- n = Rt(e, i);
154
- else {
155
- const o = X(t);
156
- n = {
157
- x: e.x - o.x,
158
- y: e.y - o.y,
159
- width: e.width,
160
- height: e.height
161
- };
162
- }
163
- return J(n);
164
- }
165
- function et(t, e) {
166
- const i = W(t);
167
- return i === e || !v(i) || H(i) ? !1 : R(i).position === "fixed" || et(i, e);
168
- }
169
- function Ot(t, e) {
170
- const i = e.get(t);
171
- if (i)
172
- return i;
173
- let n = V(t, [], !1).filter((c) => v(c) && M(c) !== "body"), o = null;
174
- const r = R(t).position === "fixed";
175
- let s = r ? W(t) : t;
176
- for (; v(s) && !H(s); ) {
177
- const c = R(s), l = Q(s);
178
- !l && c.position === "fixed" && (o = null), (r ? !l && !o : !l && c.position === "static" && !!o && vt.has(o.position) || _(s) && !l && et(t, s)) ? n = n.filter((u) => u !== s) : o = c, s = W(s);
179
- }
180
- return e.set(t, n), n;
181
- }
182
- function bt(t) {
183
- let {
184
- element: e,
185
- boundary: i,
186
- rootBoundary: n,
187
- strategy: o
188
- } = t;
189
- const s = [...i === "clippingAncestors" ? $(e) ? [] : Ot(e, this._c) : [].concat(i), n], c = s[0], l = s.reduce((f, u) => {
190
- const h = j(e, u, o);
191
- return f.top = E(h.top, f.top), f.right = S(h.right, f.right), f.bottom = S(h.bottom, f.bottom), f.left = E(h.left, f.left), f;
192
- }, j(e, c, o));
193
- return {
194
- width: l.right - l.left,
195
- height: l.bottom - l.top,
196
- x: l.left,
197
- y: l.top
198
- };
199
- }
200
- function Ct(t) {
201
- const {
202
- width: e,
203
- height: i
204
- } = Z(t);
205
- return {
206
- width: e,
207
- height: i
208
- };
209
- }
210
- function Lt(t, e, i) {
211
- const n = b(e), o = O(e), r = i === "fixed", s = T(t, !0, r, e);
212
- let c = {
213
- scrollLeft: 0,
214
- scrollTop: 0
215
- };
216
- const l = m(0);
217
- function f() {
218
- l.x = k(o);
219
- }
220
- if (n || !n && !r)
221
- if ((M(e) !== "body" || _(o)) && (c = N(e)), n) {
222
- const a = T(e, !0, r, e);
223
- l.x = a.x + e.clientLeft, l.y = a.y + e.clientTop;
224
- } else o && f();
225
- r && !n && o && f();
226
- const u = o && !n && !r ? tt(o, c) : m(0), h = s.left + c.scrollLeft - l.x - u.x, p = s.top + c.scrollTop - l.y - u.y;
227
- return {
228
- x: h,
229
- y: p,
230
- width: s.width,
231
- height: s.height
232
- };
233
- }
234
- function I(t) {
235
- return R(t).position === "static";
236
- }
237
- function G(t, e) {
238
- if (!b(t) || R(t).position === "fixed")
239
- return null;
240
- if (e)
241
- return e(t);
242
- let i = t.offsetParent;
243
- return O(t) === i && (i = i.ownerDocument.body), i;
244
- }
245
- function it(t, e) {
246
- const i = L(t);
247
- if ($(t))
248
- return i;
249
- if (!b(t)) {
250
- let o = W(t);
251
- for (; o && !H(o); ) {
252
- if (v(o) && !I(o))
253
- return o;
254
- o = W(o);
255
- }
256
- return i;
257
- }
258
- let n = G(t, e);
259
- for (; n && at(n) && I(n); )
260
- n = G(n, e);
261
- return n && H(n) && I(n) && !Q(n) ? i : n || dt(t) || i;
262
- }
263
- const Tt = async function(t) {
264
- const e = this.getOffsetParent || it, i = this.getDimensions, n = await i(t.floating);
265
- return {
266
- reference: Lt(t.reference, await e(t.floating), t.strategy),
267
- floating: {
268
- x: 0,
269
- y: 0,
270
- width: n.width,
271
- height: n.height
272
- }
273
- };
274
- };
275
- function Et(t) {
276
- return R(t).direction === "rtl";
277
- }
278
- const Ft = {
279
- convertOffsetParentRelativeRectToViewportRelativeRect: wt,
280
- getDocumentElement: O,
281
- getClippingRect: bt,
282
- getOffsetParent: it,
283
- getElementRects: Tt,
284
- getClientRects: mt,
285
- getDimensions: Ct,
286
- getScale: F,
287
- isElement: v,
288
- isRTL: Et
289
- };
290
- function nt(t, e) {
291
- return t.x === e.x && t.y === e.y && t.width === e.width && t.height === e.height;
292
- }
293
- function Wt(t, e) {
294
- let i = null, n;
295
- const o = O(t);
296
- function r() {
297
- var c;
298
- clearTimeout(n), (c = i) == null || c.disconnect(), i = null;
299
- }
300
- function s(c, l) {
301
- c === void 0 && (c = !1), l === void 0 && (l = 1), r();
302
- const f = t.getBoundingClientRect(), {
303
- left: u,
304
- top: h,
305
- width: p,
306
- height: a
307
- } = f;
308
- if (c || e(), !p || !a)
309
- return;
310
- const x = D(h), g = D(o.clientWidth - (u + p)), w = D(o.clientHeight - (h + a)), d = D(u), C = {
311
- rootMargin: -x + "px " + -g + "px " + -w + "px " + -d + "px",
312
- threshold: E(0, S(1, l)) || 1
313
- };
314
- let B = !0;
315
- function P(U) {
316
- const z = U[0].intersectionRatio;
317
- if (z !== l) {
318
- if (!B)
319
- return s();
320
- z ? s(!1, z) : n = setTimeout(() => {
321
- s(!1, 1e-7);
322
- }, 1e3);
323
- }
324
- z === 1 && !nt(f, t.getBoundingClientRect()) && s(), B = !1;
325
- }
326
- try {
327
- i = new IntersectionObserver(P, {
328
- ...C,
329
- // Handle <iframe>s
330
- root: o.ownerDocument
331
- });
332
- } catch {
333
- i = new IntersectionObserver(P, C);
334
- }
335
- i.observe(t);
336
- }
337
- return s(!0), r;
338
- }
339
- function At(t, e, i, n) {
340
- n === void 0 && (n = {});
341
- const {
342
- ancestorScroll: o = !0,
343
- ancestorResize: r = !0,
344
- elementResize: s = typeof ResizeObserver == "function",
345
- layoutShift: c = typeof IntersectionObserver == "function",
346
- animationFrame: l = !1
347
- } = n, f = q(t), u = o || r ? [...f ? V(f) : [], ...V(e)] : [];
348
- u.forEach((d) => {
349
- o && d.addEventListener("scroll", i, {
350
- passive: !0
351
- }), r && d.addEventListener("resize", i);
352
- });
353
- const h = f && c ? Wt(f, i) : null;
354
- let p = -1, a = null;
355
- s && (a = new ResizeObserver((d) => {
356
- let [y] = d;
357
- y && y.target === f && a && (a.unobserve(e), cancelAnimationFrame(p), p = requestAnimationFrame(() => {
358
- var C;
359
- (C = a) == null || C.observe(e);
360
- })), i();
361
- }), f && !l && a.observe(f), a.observe(e));
362
- let x, g = l ? T(t) : null;
363
- l && w();
364
- function w() {
365
- const d = T(t);
366
- g && !nt(g, d) && i(), g = d, x = requestAnimationFrame(w);
367
- }
368
- return i(), () => {
369
- var d;
370
- u.forEach((y) => {
371
- o && y.removeEventListener("scroll", i), r && y.removeEventListener("resize", i);
372
- }), h == null || h(), (d = a) == null || d.disconnect(), a = null, l && cancelAnimationFrame(x);
373
- };
374
- }
375
- const Ht = ot, Nt = st, It = rt, St = ct, Vt = lt, $t = ht, Mt = ft, _t = (t, e, i) => {
376
- const n = /* @__PURE__ */ new Map(), o = {
377
- platform: Ft,
378
- ...i
379
- }, r = {
380
- ...o.platform,
381
- _c: n
382
- };
383
- return ut(t, e, {
384
- ...o,
385
- platform: r
386
- });
1
+ /**
2
+ * @license lucide-react v0.525.0 - ISC
3
+ *
4
+ * This source code is licensed under the ISC license.
5
+ * See the LICENSE file in the root directory of this source tree.
6
+ */
7
+ var t = {
8
+ xmlns: "http://www.w3.org/2000/svg",
9
+ width: 24,
10
+ height: 24,
11
+ viewBox: "0 0 24 24",
12
+ fill: "none",
13
+ stroke: "currentColor",
14
+ strokeWidth: 2,
15
+ strokeLinecap: "round",
16
+ strokeLinejoin: "round"
387
17
  };
388
18
  export {
389
- $t as arrow,
390
- At as autoUpdate,
391
- _t as computePosition,
392
- It as flip,
393
- V as getOverflowAncestors,
394
- Vt as hide,
395
- Mt as limitShift,
396
- Ht as offset,
397
- Ft as platform,
398
- Nt as shift,
399
- St as size
19
+ t as default
400
20
  };
package/package.json CHANGED
@@ -1,10 +1,11 @@
1
1
  {
2
2
  "name": "@plyaz/ui",
3
- "version": "0.4.6",
3
+ "version": "0.4.7",
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": [
7
- "dist"
7
+ "dist",
8
+ "global.css"
8
9
  ],
9
10
  "main": "./dist/ui.umd.cjs",
10
11
  "module": "./dist/ui.js",