@plyaz/ui 0.4.3 → 0.4.4

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.
Files changed (55) hide show
  1. package/dist/ui.cjs19.js +1 -1
  2. package/dist/ui.cjs20.js +1 -1
  3. package/dist/ui.cjs21.js +1 -1
  4. package/dist/ui.cjs30.js +1 -1
  5. package/dist/ui.cjs31.js +1 -1
  6. package/dist/ui.cjs32.js +1 -1
  7. package/dist/ui.cjs33.js +1 -1
  8. package/dist/ui.cjs34.js +1 -1
  9. package/dist/ui.cjs35.js +1 -1
  10. package/dist/ui.cjs36.js +1 -1
  11. package/dist/ui.cjs37.js +1 -1
  12. package/dist/ui.cjs38.js +1 -1
  13. package/dist/ui.cjs39.js +1 -1
  14. package/dist/ui.cjs40.js +1 -1
  15. package/dist/ui.cjs41.js +1 -1
  16. package/dist/ui.cjs42.js +1 -1
  17. package/dist/ui.cjs43.js +1 -1
  18. package/dist/ui.cjs44.js +1 -1
  19. package/dist/ui.cjs45.js +1 -1
  20. package/dist/ui.cjs46.js +1 -1
  21. package/dist/ui.cjs47.js +1 -1
  22. package/dist/ui.cjs48.js +1 -1
  23. package/dist/ui.cjs49.js +1 -1
  24. package/dist/ui.cjs50.js +1 -1
  25. package/dist/ui.cjs53.js +1 -1
  26. package/dist/ui.cjs55.js +1 -1
  27. package/dist/ui.cjs56.js +1 -1
  28. package/dist/ui.es19.js +1 -1
  29. package/dist/ui.es20.js +1 -1
  30. package/dist/ui.es21.js +20 -20
  31. package/dist/ui.es30.js +26 -3
  32. package/dist/ui.es31.js +2727 -5
  33. package/dist/ui.es32.js +3 -45
  34. package/dist/ui.es33.js +5 -25
  35. package/dist/ui.es34.js +43 -50
  36. package/dist/ui.es35.js +52 -7
  37. package/dist/ui.es36.js +7 -124
  38. package/dist/ui.es37.js +122 -12
  39. package/dist/ui.es38.js +14 -134
  40. package/dist/ui.es39.js +134 -10
  41. package/dist/ui.es40.js +10 -217
  42. package/dist/ui.es41.js +217 -13
  43. package/dist/ui.es42.js +14 -34
  44. package/dist/ui.es43.js +33 -10
  45. package/dist/ui.es44.js +10 -51
  46. package/dist/ui.es45.js +52 -4
  47. package/dist/ui.es46.js +4 -6
  48. package/dist/ui.es47.js +6 -28
  49. package/dist/ui.es48.js +28 -50
  50. package/dist/ui.es49.js +50 -9
  51. package/dist/ui.es50.js +9 -2729
  52. package/dist/ui.es53.js +1 -1
  53. package/dist/ui.es55.js +1 -1
  54. package/dist/ui.es56.js +1 -1
  55. package/package.json +10 -9
package/dist/ui.es41.js CHANGED
@@ -1,16 +1,220 @@
1
- import * as r from "react";
2
- import f from "react-dom";
3
- import { Primitive as u } from "./ui.es42.js";
4
- import { useLayoutEffect as c } from "./ui.es45.js";
5
- import { j as l } from "./ui.es16.js";
6
- var p = "Portal", d = r.forwardRef((e, a) => {
7
- var o;
8
- const { container: s, ...i } = e, [m, n] = r.useState(!1);
9
- c(() => n(!0), []);
10
- const t = s || m && ((o = globalThis == null ? void 0 : globalThis.document) == null ? void 0 : o.body);
11
- return t ? f.createPortal(/* @__PURE__ */ l.jsx(u.div, { ...i, ref: a }), t) : null;
1
+ import * as s from "react";
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.es54.js";
3
+ import { Root as Oe } from "./ui.es55.js";
4
+ import { useComposedRefs as T } from "./ui.es30.js";
5
+ import { createContextScope as Re } from "./ui.es35.js";
6
+ import { Primitive as z } from "./ui.es43.js";
7
+ import { useCallbackRef as Ee } from "./ui.es44.js";
8
+ import { useLayoutEffect as B } from "./ui.es46.js";
9
+ import { useSize as Ne } from "./ui.es56.js";
10
+ import { j as f } from "./ui.es16.js";
11
+ import { autoUpdate as _e } from "./ui.es57.js";
12
+ var N = "Popper", [L, Ue] = Re(N), [$e, Z] = L(N), U = (e) => {
13
+ const { __scopePopper: i, children: n } = e, [t, a] = s.useState(null);
14
+ return /* @__PURE__ */ f.jsx($e, { scope: i, anchor: t, onAnchorChange: a, children: n });
15
+ };
16
+ U.displayName = N;
17
+ var q = "PopperAnchor", G = s.forwardRef(
18
+ (e, i) => {
19
+ const { __scopePopper: n, virtualRef: t, ...a } = e, r = Z(q, n), o = s.useRef(null), w = T(i, o);
20
+ return s.useEffect(() => {
21
+ r.onAnchorChange((t == null ? void 0 : t.current) || o.current);
22
+ }), t ? null : /* @__PURE__ */ f.jsx(z.div, { ...a, ref: w });
23
+ }
24
+ );
25
+ G.displayName = q;
26
+ var _ = "PopperContent", [je, He] = L(_), J = s.forwardRef(
27
+ (e, i) => {
28
+ var I, Y, M, X, D, F;
29
+ const {
30
+ __scopePopper: n,
31
+ side: t = "bottom",
32
+ sideOffset: a = 0,
33
+ align: r = "center",
34
+ alignOffset: o = 0,
35
+ arrowPadding: w = 0,
36
+ avoidCollisions: p = !0,
37
+ collisionBoundary: c = [],
38
+ collisionPadding: x = 0,
39
+ sticky: m = "partial",
40
+ hideWhenDetached: y = !1,
41
+ updatePositionStrategy: A = "optimized",
42
+ onPlaced: l,
43
+ ...d
44
+ } = e, v = Z(_, n), [h, C] = s.useState(null), ee = T(i, (P) => C(P)), [E, te] = s.useState(null), g = Ne(E), re = (g == null ? void 0 : g.width) ?? 0, $ = (g == null ? void 0 : g.height) ?? 0, oe = t + (r !== "center" ? "-" + r : ""), ne = typeof x == "number" ? x : { top: 0, right: 0, bottom: 0, left: 0, ...x }, j = Array.isArray(c) ? c : [c], ae = j.length > 0, b = {
45
+ padding: ne,
46
+ boundary: j.filter(Ie),
47
+ // with `strategy: 'fixed'`, this is the only way to get it to respect boundaries
48
+ altBoundary: ae
49
+ }, { refs: ie, floatingStyles: H, placement: se, isPositioned: S, middlewareData: u } = xe({
50
+ // default to `fixed` strategy so users don't have to pick and we also avoid focus scroll issues
51
+ strategy: "fixed",
52
+ placement: oe,
53
+ whileElementsMounted: (...P) => _e(...P, {
54
+ animationFrame: A === "always"
55
+ }),
56
+ elements: {
57
+ reference: v.anchor
58
+ },
59
+ middleware: [
60
+ Pe({ mainAxis: a + $, alignmentAxis: o }),
61
+ p && ye({
62
+ mainAxis: !0,
63
+ crossAxis: !1,
64
+ limiter: m === "partial" ? Se() : void 0,
65
+ ...b
66
+ }),
67
+ p && Ae({ ...b }),
68
+ ve({
69
+ ...b,
70
+ apply: ({ elements: P, rects: k, availableWidth: he, availableHeight: ge }) => {
71
+ const { width: ue, height: we } = k.reference, R = P.floating.style;
72
+ R.setProperty("--radix-popper-available-width", `${he}px`), R.setProperty("--radix-popper-available-height", `${ge}px`), R.setProperty("--radix-popper-anchor-width", `${ue}px`), R.setProperty("--radix-popper-anchor-height", `${we}px`);
73
+ }
74
+ }),
75
+ E && Ce({ element: E, padding: w }),
76
+ Ye({ arrowWidth: re, arrowHeight: $ }),
77
+ y && be({ strategy: "referenceHidden", ...b })
78
+ ]
79
+ }), [W, pe] = V(se), O = Ee(l);
80
+ B(() => {
81
+ S && (O == null || O());
82
+ }, [S, O]);
83
+ const ce = (I = u.arrow) == null ? void 0 : I.x, de = (Y = u.arrow) == null ? void 0 : Y.y, le = ((M = u.arrow) == null ? void 0 : M.centerOffset) !== 0, [fe, me] = s.useState();
84
+ return B(() => {
85
+ h && me(window.getComputedStyle(h).zIndex);
86
+ }, [h]), /* @__PURE__ */ f.jsx(
87
+ "div",
88
+ {
89
+ ref: ie.setFloating,
90
+ "data-radix-popper-content-wrapper": "",
91
+ style: {
92
+ ...H,
93
+ transform: S ? H.transform : "translate(0, -200%)",
94
+ // keep off the page when measuring
95
+ minWidth: "max-content",
96
+ zIndex: fe,
97
+ "--radix-popper-transform-origin": [
98
+ (X = u.transformOrigin) == null ? void 0 : X.x,
99
+ (D = u.transformOrigin) == null ? void 0 : D.y
100
+ ].join(" "),
101
+ // hide the content if using the hide middleware and should be hidden
102
+ // set visibility to hidden and disable pointer events so the UI behaves
103
+ // as if the PopperContent isn't there at all
104
+ ...((F = u.hide) == null ? void 0 : F.referenceHidden) && {
105
+ visibility: "hidden",
106
+ pointerEvents: "none"
107
+ }
108
+ },
109
+ dir: e.dir,
110
+ children: /* @__PURE__ */ f.jsx(
111
+ je,
112
+ {
113
+ scope: n,
114
+ placedSide: W,
115
+ onArrowChange: te,
116
+ arrowX: ce,
117
+ arrowY: de,
118
+ shouldHideArrow: le,
119
+ children: /* @__PURE__ */ f.jsx(
120
+ z.div,
121
+ {
122
+ "data-side": W,
123
+ "data-align": pe,
124
+ ...d,
125
+ ref: ee,
126
+ style: {
127
+ ...d.style,
128
+ // if the PopperContent hasn't been placed yet (not all measurements done)
129
+ // we prevent animations so that users's animation don't kick in too early referring wrong sides
130
+ animation: S ? void 0 : "none"
131
+ }
132
+ }
133
+ )
134
+ }
135
+ )
136
+ }
137
+ );
138
+ }
139
+ );
140
+ J.displayName = _;
141
+ var K = "PopperArrow", We = {
142
+ top: "bottom",
143
+ right: "left",
144
+ bottom: "top",
145
+ left: "right"
146
+ }, Q = s.forwardRef(function(i, n) {
147
+ const { __scopePopper: t, ...a } = i, r = He(K, t), o = We[r.placedSide];
148
+ return (
149
+ // we have to use an extra wrapper because `ResizeObserver` (used by `useSize`)
150
+ // doesn't report size as we'd expect on SVG elements.
151
+ // it reports their bounding box which is effectively the largest path inside the SVG.
152
+ /* @__PURE__ */ f.jsx(
153
+ "span",
154
+ {
155
+ ref: r.onArrowChange,
156
+ style: {
157
+ position: "absolute",
158
+ left: r.arrowX,
159
+ top: r.arrowY,
160
+ [o]: 0,
161
+ transformOrigin: {
162
+ top: "",
163
+ right: "0 0",
164
+ bottom: "center 0",
165
+ left: "100% 0"
166
+ }[r.placedSide],
167
+ transform: {
168
+ top: "translateY(100%)",
169
+ right: "translateY(50%) rotate(90deg) translateX(-50%)",
170
+ bottom: "rotate(180deg)",
171
+ left: "translateY(50%) rotate(-90deg) translateX(50%)"
172
+ }[r.placedSide],
173
+ visibility: r.shouldHideArrow ? "hidden" : void 0
174
+ },
175
+ children: /* @__PURE__ */ f.jsx(
176
+ Oe,
177
+ {
178
+ ...a,
179
+ ref: n,
180
+ style: {
181
+ ...a.style,
182
+ // ensures the element can be measured correctly (mostly for if SVG)
183
+ display: "block"
184
+ }
185
+ }
186
+ )
187
+ }
188
+ )
189
+ );
190
+ });
191
+ Q.displayName = K;
192
+ function Ie(e) {
193
+ return e !== null;
194
+ }
195
+ var Ye = (e) => ({
196
+ name: "transformOrigin",
197
+ options: e,
198
+ fn(i) {
199
+ var v, h, C;
200
+ const { placement: n, rects: t, middlewareData: a } = i, o = ((v = a.arrow) == null ? void 0 : v.centerOffset) !== 0, w = o ? 0 : e.arrowWidth, p = o ? 0 : e.arrowHeight, [c, x] = V(n), m = { start: "0%", center: "50%", end: "100%" }[x], y = (((h = a.arrow) == null ? void 0 : h.x) ?? 0) + w / 2, A = (((C = a.arrow) == null ? void 0 : C.y) ?? 0) + p / 2;
201
+ let l = "", d = "";
202
+ return c === "bottom" ? (l = o ? m : `${y}px`, d = `${-p}px`) : c === "top" ? (l = o ? m : `${y}px`, d = `${t.floating.height + p}px`) : c === "right" ? (l = `${-p}px`, d = o ? m : `${A}px`) : c === "left" && (l = `${t.floating.width + p}px`, d = o ? m : `${A}px`), { data: { x: l, y: d } };
203
+ }
12
204
  });
13
- d.displayName = p;
205
+ function V(e) {
206
+ const [i, n = "center"] = e.split("-");
207
+ return [i, n];
208
+ }
209
+ var qe = U, Ge = G, Je = J, Ke = Q;
14
210
  export {
15
- d as Portal
211
+ Ge as Anchor,
212
+ Ke as Arrow,
213
+ Je as Content,
214
+ U as Popper,
215
+ G as PopperAnchor,
216
+ Q as PopperArrow,
217
+ J as PopperContent,
218
+ qe as Root,
219
+ Ue as createPopperScope
16
220
  };
package/dist/ui.es42.js CHANGED
@@ -1,36 +1,16 @@
1
- import * as p from "react";
2
- import * as f from "react-dom";
3
- import { createSlot as c } from "./ui.es19.js";
4
- import { j as u } from "./ui.es16.js";
5
- var l = [
6
- "a",
7
- "button",
8
- "div",
9
- "form",
10
- "h2",
11
- "h3",
12
- "img",
13
- "input",
14
- "label",
15
- "li",
16
- "nav",
17
- "ol",
18
- "p",
19
- "select",
20
- "span",
21
- "svg",
22
- "ul"
23
- ], h = l.reduce((t, i) => {
24
- const o = c(`Primitive.${i}`), r = p.forwardRef((e, s) => {
25
- const { asChild: m, ...a } = e, n = m ? o : i;
26
- return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ u.jsx(n, { ...a, ref: s });
27
- });
28
- return r.displayName = `Primitive.${i}`, { ...t, [i]: r };
29
- }, {});
30
- function w(t, i) {
31
- t && f.flushSync(() => t.dispatchEvent(i));
32
- }
1
+ import * as r from "react";
2
+ import f from "react-dom";
3
+ import { Primitive as u } from "./ui.es43.js";
4
+ import { useLayoutEffect as c } from "./ui.es46.js";
5
+ import { j as l } from "./ui.es16.js";
6
+ var p = "Portal", d = r.forwardRef((e, a) => {
7
+ var o;
8
+ const { container: s, ...i } = e, [m, n] = r.useState(!1);
9
+ c(() => n(!0), []);
10
+ const t = s || m && ((o = globalThis == null ? void 0 : globalThis.document) == null ? void 0 : o.body);
11
+ return t ? f.createPortal(/* @__PURE__ */ l.jsx(u.div, { ...i, ref: a }), t) : null;
12
+ });
13
+ d.displayName = p;
33
14
  export {
34
- h as Primitive,
35
- w as dispatchDiscreteCustomEvent
15
+ d as Portal
36
16
  };
package/dist/ui.es43.js CHANGED
@@ -1,13 +1,36 @@
1
- import * as r from "react";
2
- function o(t) {
3
- const e = r.useRef(t);
4
- return r.useEffect(() => {
5
- e.current = t;
6
- }), r.useMemo(() => (...n) => {
7
- var u;
8
- return (u = e.current) == null ? void 0 : u.call(e, ...n);
9
- }, []);
1
+ import * as p from "react";
2
+ import * as f from "react-dom";
3
+ import { createSlot as c } from "./ui.es19.js";
4
+ import { j as u } from "./ui.es16.js";
5
+ var l = [
6
+ "a",
7
+ "button",
8
+ "div",
9
+ "form",
10
+ "h2",
11
+ "h3",
12
+ "img",
13
+ "input",
14
+ "label",
15
+ "li",
16
+ "nav",
17
+ "ol",
18
+ "p",
19
+ "select",
20
+ "span",
21
+ "svg",
22
+ "ul"
23
+ ], h = l.reduce((t, i) => {
24
+ const o = c(`Primitive.${i}`), r = p.forwardRef((e, s) => {
25
+ const { asChild: m, ...a } = e, n = m ? o : i;
26
+ return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ u.jsx(n, { ...a, ref: s });
27
+ });
28
+ return r.displayName = `Primitive.${i}`, { ...t, [i]: r };
29
+ }, {});
30
+ function w(t, i) {
31
+ t && f.flushSync(() => t.dispatchEvent(i));
10
32
  }
11
33
  export {
12
- o as useCallbackRef
34
+ h as Primitive,
35
+ w as dispatchDiscreteCustomEvent
13
36
  };
package/dist/ui.es44.js CHANGED
@@ -1,54 +1,13 @@
1
- import * as n from "react";
2
- import { useLayoutEffect as v } from "./ui.es45.js";
3
- var E = n[" useInsertionEffect ".trim().toString()] || v;
4
- function y({
5
- prop: t,
6
- defaultProp: u,
7
- onChange: o = () => {
8
- },
9
- caller: i
10
- }) {
11
- const [l, e, r] = w({
12
- defaultProp: u,
13
- onChange: o
14
- }), c = t !== void 0, a = c ? t : l;
15
- {
16
- const s = n.useRef(t !== void 0);
17
- n.useEffect(() => {
18
- const f = s.current;
19
- f !== c && console.warn(
20
- `${i} is changing from ${f ? "controlled" : "uncontrolled"} to ${c ? "controlled" : "uncontrolled"}. Components should not switch from controlled to uncontrolled (or vice versa). Decide between using a controlled or uncontrolled value for the lifetime of the component.`
21
- ), s.current = c;
22
- }, [c, i]);
23
- }
24
- const m = n.useCallback(
25
- (s) => {
26
- var f;
27
- if (c) {
28
- const d = R(s) ? s(t) : s;
29
- d !== t && ((f = r.current) == null || f.call(r, d));
30
- } else
31
- e(s);
32
- },
33
- [c, t, e, r]
34
- );
35
- return [a, m];
36
- }
37
- function w({
38
- defaultProp: t,
39
- onChange: u
40
- }) {
41
- const [o, i] = n.useState(t), l = n.useRef(o), e = n.useRef(u);
42
- return E(() => {
43
- e.current = u;
44
- }, [u]), n.useEffect(() => {
45
- var r;
46
- l.current !== o && ((r = e.current) == null || r.call(e, o), l.current = o);
47
- }, [o, l]), [o, i, e];
48
- }
49
- function R(t) {
50
- return typeof t == "function";
1
+ import * as r from "react";
2
+ function o(t) {
3
+ const e = r.useRef(t);
4
+ return r.useEffect(() => {
5
+ e.current = t;
6
+ }), r.useMemo(() => (...n) => {
7
+ var u;
8
+ return (u = e.current) == null ? void 0 : u.call(e, ...n);
9
+ }, []);
51
10
  }
52
11
  export {
53
- y as useControllableState
12
+ o as useCallbackRef
54
13
  };
package/dist/ui.es45.js CHANGED
@@ -1,6 +1,54 @@
1
- import * as t from "react";
2
- var e = globalThis != null && globalThis.document ? t.useLayoutEffect : () => {
3
- };
1
+ import * as n from "react";
2
+ import { useLayoutEffect as v } from "./ui.es46.js";
3
+ var E = n[" useInsertionEffect ".trim().toString()] || v;
4
+ function y({
5
+ prop: t,
6
+ defaultProp: u,
7
+ onChange: o = () => {
8
+ },
9
+ caller: i
10
+ }) {
11
+ const [l, e, r] = w({
12
+ defaultProp: u,
13
+ onChange: o
14
+ }), c = t !== void 0, a = c ? t : l;
15
+ {
16
+ const s = n.useRef(t !== void 0);
17
+ n.useEffect(() => {
18
+ const f = s.current;
19
+ f !== c && console.warn(
20
+ `${i} is changing from ${f ? "controlled" : "uncontrolled"} to ${c ? "controlled" : "uncontrolled"}. Components should not switch from controlled to uncontrolled (or vice versa). Decide between using a controlled or uncontrolled value for the lifetime of the component.`
21
+ ), s.current = c;
22
+ }, [c, i]);
23
+ }
24
+ const m = n.useCallback(
25
+ (s) => {
26
+ var f;
27
+ if (c) {
28
+ const d = R(s) ? s(t) : s;
29
+ d !== t && ((f = r.current) == null || f.call(r, d));
30
+ } else
31
+ e(s);
32
+ },
33
+ [c, t, e, r]
34
+ );
35
+ return [a, m];
36
+ }
37
+ function w({
38
+ defaultProp: t,
39
+ onChange: u
40
+ }) {
41
+ const [o, i] = n.useState(t), l = n.useRef(o), e = n.useRef(u);
42
+ return E(() => {
43
+ e.current = u;
44
+ }, [u]), n.useEffect(() => {
45
+ var r;
46
+ l.current !== o && ((r = e.current) == null || r.call(e, o), l.current = o);
47
+ }, [o, l]), [o, i, e];
48
+ }
49
+ function R(t) {
50
+ return typeof t == "function";
51
+ }
4
52
  export {
5
- e as useLayoutEffect
53
+ y as useControllableState
6
54
  };
package/dist/ui.es46.js CHANGED
@@ -1,8 +1,6 @@
1
- import * as u from "react";
2
- function t(r) {
3
- const e = u.useRef({ value: r, previous: r });
4
- return u.useMemo(() => (e.current.value !== r && (e.current.previous = e.current.value, e.current.value = r), e.current.previous), [r]);
5
- }
1
+ import * as t from "react";
2
+ var e = globalThis != null && globalThis.document ? t.useLayoutEffect : () => {
3
+ };
6
4
  export {
7
- t as usePrevious
5
+ e as useLayoutEffect
8
6
  };
package/dist/ui.es47.js CHANGED
@@ -1,30 +1,8 @@
1
- import * as i from "react";
2
- import { Primitive as a } from "./ui.es42.js";
3
- import { j as t } from "./ui.es16.js";
4
- var o = Object.freeze({
5
- // See: https://github.com/twbs/bootstrap/blob/main/scss/mixins/_visually-hidden.scss
6
- position: "absolute",
7
- border: 0,
8
- width: 1,
9
- height: 1,
10
- padding: 0,
11
- margin: -1,
12
- overflow: "hidden",
13
- clip: "rect(0, 0, 0, 0)",
14
- whiteSpace: "nowrap",
15
- wordWrap: "normal"
16
- }), d = "VisuallyHidden", s = i.forwardRef(
17
- (r, e) => /* @__PURE__ */ t.jsx(
18
- a.span,
19
- {
20
- ...r,
21
- ref: e,
22
- style: { ...o, ...r.style }
23
- }
24
- )
25
- );
26
- s.displayName = d;
1
+ import * as u from "react";
2
+ function t(r) {
3
+ const e = u.useRef({ value: r, previous: r });
4
+ return u.useMemo(() => (e.current.value !== r && (e.current.previous = e.current.value, e.current.value = r), e.current.previous), [r]);
5
+ }
27
6
  export {
28
- o as VISUALLY_HIDDEN_STYLES,
29
- s as VisuallyHidden
7
+ t as usePrevious
30
8
  };
package/dist/ui.es48.js CHANGED
@@ -1,52 +1,30 @@
1
- var S = function(r) {
2
- if (typeof document > "u")
3
- return null;
4
- var u = Array.isArray(r) ? r[0] : r;
5
- return u.ownerDocument.body;
6
- }, f = /* @__PURE__ */ new WeakMap(), v = /* @__PURE__ */ new WeakMap(), p = {}, h = 0, W = function(r) {
7
- return r && (r.host || W(r.parentNode));
8
- }, D = function(r, u) {
9
- return u.map(function(e) {
10
- if (r.contains(e))
11
- return e;
12
- var n = W(e);
13
- return n && r.contains(n) ? n : (console.error("aria-hidden", e, "in not contained inside", r, ". Doing nothing"), null);
14
- }).filter(function(e) {
15
- return !!e;
16
- });
17
- }, E = function(r, u, e, n) {
18
- var i = D(u, Array.isArray(r) ? r : [r]);
19
- p[e] || (p[e] = /* @__PURE__ */ new WeakMap());
20
- var s = p[e], l = [], o = /* @__PURE__ */ new Set(), b = new Set(i), y = function(t) {
21
- !t || o.has(t) || (o.add(t), y(t.parentNode));
22
- };
23
- i.forEach(y);
24
- var A = function(t) {
25
- !t || b.has(t) || Array.prototype.forEach.call(t.children, function(a) {
26
- if (o.has(a))
27
- A(a);
28
- else
29
- try {
30
- var c = a.getAttribute(n), w = c !== null && c !== "false", d = (f.get(a) || 0) + 1, M = (s.get(a) || 0) + 1;
31
- f.set(a, d), s.set(a, M), l.push(a), d === 1 && w && v.set(a, !0), M === 1 && a.setAttribute(e, "true"), w || a.setAttribute(n, "true");
32
- } catch (k) {
33
- console.error("aria-hidden: cannot operate on ", a, k);
34
- }
35
- });
36
- };
37
- return A(u), o.clear(), h++, function() {
38
- l.forEach(function(t) {
39
- var a = f.get(t) - 1, c = s.get(t) - 1;
40
- f.set(t, a), s.set(t, c), a || (v.has(t) || t.removeAttribute(n), v.delete(t)), c || t.removeAttribute(e);
41
- }), h--, h || (f = /* @__PURE__ */ new WeakMap(), f = /* @__PURE__ */ new WeakMap(), v = /* @__PURE__ */ new WeakMap(), p = {});
42
- };
43
- }, C = function(r, u, e) {
44
- e === void 0 && (e = "data-aria-hidden");
45
- var n = Array.from(Array.isArray(r) ? r : [r]), i = S(r);
46
- return i ? (n.push.apply(n, Array.from(i.querySelectorAll("[aria-live], script"))), E(n, i, e, "aria-hidden")) : function() {
47
- return null;
48
- };
49
- };
1
+ import * as i from "react";
2
+ import { Primitive as a } from "./ui.es43.js";
3
+ import { j as t } from "./ui.es16.js";
4
+ var o = Object.freeze({
5
+ // See: https://github.com/twbs/bootstrap/blob/main/scss/mixins/_visually-hidden.scss
6
+ position: "absolute",
7
+ border: 0,
8
+ width: 1,
9
+ height: 1,
10
+ padding: 0,
11
+ margin: -1,
12
+ overflow: "hidden",
13
+ clip: "rect(0, 0, 0, 0)",
14
+ whiteSpace: "nowrap",
15
+ wordWrap: "normal"
16
+ }), d = "VisuallyHidden", s = i.forwardRef(
17
+ (r, e) => /* @__PURE__ */ t.jsx(
18
+ a.span,
19
+ {
20
+ ...r,
21
+ ref: e,
22
+ style: { ...o, ...r.style }
23
+ }
24
+ )
25
+ );
26
+ s.displayName = d;
50
27
  export {
51
- C as hideOthers
28
+ o as VISUALLY_HIDDEN_STYLES,
29
+ s as VisuallyHidden
52
30
  };
package/dist/ui.es49.js CHANGED
@@ -1,11 +1,52 @@
1
- import { __assign as m } from "./ui.es62.js";
2
- import * as r from "react";
3
- import { RemoveScroll as e } from "./ui.es63.js";
4
- import t from "./ui.es64.js";
5
- var s = r.forwardRef(function(a, o) {
6
- return r.createElement(e, m({}, a, { ref: o, sideCar: t }));
7
- });
8
- s.classNames = e.classNames;
1
+ var S = function(r) {
2
+ if (typeof document > "u")
3
+ return null;
4
+ var u = Array.isArray(r) ? r[0] : r;
5
+ return u.ownerDocument.body;
6
+ }, f = /* @__PURE__ */ new WeakMap(), v = /* @__PURE__ */ new WeakMap(), p = {}, h = 0, W = function(r) {
7
+ return r && (r.host || W(r.parentNode));
8
+ }, D = function(r, u) {
9
+ return u.map(function(e) {
10
+ if (r.contains(e))
11
+ return e;
12
+ var n = W(e);
13
+ return n && r.contains(n) ? n : (console.error("aria-hidden", e, "in not contained inside", r, ". Doing nothing"), null);
14
+ }).filter(function(e) {
15
+ return !!e;
16
+ });
17
+ }, E = function(r, u, e, n) {
18
+ var i = D(u, Array.isArray(r) ? r : [r]);
19
+ p[e] || (p[e] = /* @__PURE__ */ new WeakMap());
20
+ var s = p[e], l = [], o = /* @__PURE__ */ new Set(), b = new Set(i), y = function(t) {
21
+ !t || o.has(t) || (o.add(t), y(t.parentNode));
22
+ };
23
+ i.forEach(y);
24
+ var A = function(t) {
25
+ !t || b.has(t) || Array.prototype.forEach.call(t.children, function(a) {
26
+ if (o.has(a))
27
+ A(a);
28
+ else
29
+ try {
30
+ var c = a.getAttribute(n), w = c !== null && c !== "false", d = (f.get(a) || 0) + 1, M = (s.get(a) || 0) + 1;
31
+ f.set(a, d), s.set(a, M), l.push(a), d === 1 && w && v.set(a, !0), M === 1 && a.setAttribute(e, "true"), w || a.setAttribute(n, "true");
32
+ } catch (k) {
33
+ console.error("aria-hidden: cannot operate on ", a, k);
34
+ }
35
+ });
36
+ };
37
+ return A(u), o.clear(), h++, function() {
38
+ l.forEach(function(t) {
39
+ var a = f.get(t) - 1, c = s.get(t) - 1;
40
+ f.set(t, a), s.set(t, c), a || (v.has(t) || t.removeAttribute(n), v.delete(t)), c || t.removeAttribute(e);
41
+ }), h--, h || (f = /* @__PURE__ */ new WeakMap(), f = /* @__PURE__ */ new WeakMap(), v = /* @__PURE__ */ new WeakMap(), p = {});
42
+ };
43
+ }, C = function(r, u, e) {
44
+ e === void 0 && (e = "data-aria-hidden");
45
+ var n = Array.from(Array.isArray(r) ? r : [r]), i = S(r);
46
+ return i ? (n.push.apply(n, Array.from(i.querySelectorAll("[aria-live], script"))), E(n, i, e, "aria-hidden")) : function() {
47
+ return null;
48
+ };
49
+ };
9
50
  export {
10
- s as default
51
+ C as hideOthers
11
52
  };