@drjoshcsimmons/scl 0.1.13 → 0.1.15

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 (115) hide show
  1. package/dist/components/ui/dropdown-menu/dropdown-menu.d.ts.map +1 -1
  2. package/dist/index100.js +25 -30
  3. package/dist/index101.js +8 -12
  4. package/dist/index102.js +177 -51
  5. package/dist/index103.js +47 -29
  6. package/dist/index104.js +30 -4
  7. package/dist/index105.js +52 -216
  8. package/dist/index106.js +29 -47
  9. package/dist/index107.js +30 -30
  10. package/dist/index108.js +650 -30
  11. package/dist/index110.js +30 -9
  12. package/dist/index111.js +8 -180
  13. package/dist/index112.js +15 -30
  14. package/dist/index113.js +6 -48
  15. package/dist/index115.js +47 -11
  16. package/dist/index116.js +11 -47
  17. package/dist/index117.js +206 -6
  18. package/dist/index118.js +20 -204
  19. package/dist/index119.js +399 -21
  20. package/dist/index12.js +1 -1
  21. package/dist/index120.js +20 -399
  22. package/dist/index121.js +3 -15
  23. package/dist/index122.js +32 -3
  24. package/dist/index123.js +12 -32
  25. package/dist/index124.js +48 -18
  26. package/dist/index125.js +2 -25
  27. package/dist/index126.js +53 -29
  28. package/dist/index127.js +65 -5
  29. package/dist/index128.js +25 -2
  30. package/dist/index129.js +29 -53
  31. package/dist/index13.js +1 -1
  32. package/dist/index130.js +5 -65
  33. package/dist/index136.js +1 -1
  34. package/dist/index137.js +1 -1
  35. package/dist/index14.js +2 -2
  36. package/dist/index141.js +1 -1
  37. package/dist/index142.js +1 -1
  38. package/dist/index143.js +1 -1
  39. package/dist/index148.js +11 -21
  40. package/dist/index149.js +26 -11
  41. package/dist/index15.js +54 -54
  42. package/dist/index150.js +4 -27
  43. package/dist/index151.js +22 -4
  44. package/dist/index17.js +71 -72
  45. package/dist/index18.js +2 -2
  46. package/dist/index19.js +4 -4
  47. package/dist/index21.js +15 -15
  48. package/dist/index22.js +20 -20
  49. package/dist/index23.js +2 -2
  50. package/dist/index24.js +12 -12
  51. package/dist/index25.js +57 -57
  52. package/dist/index26.js +1 -1
  53. package/dist/index27.js +31 -31
  54. package/dist/index29.js +7 -7
  55. package/dist/index31.js +14 -14
  56. package/dist/index32.js +17 -17
  57. package/dist/index33.js +10 -10
  58. package/dist/index36.js +8 -8
  59. package/dist/index37.js +18 -18
  60. package/dist/index4.js +25 -25
  61. package/dist/index45.js +1 -1
  62. package/dist/index46.js +1 -1
  63. package/dist/index48.js +62 -249
  64. package/dist/index49.js +241 -12
  65. package/dist/index50.js +410 -285
  66. package/dist/index51.js +125 -12
  67. package/dist/index52.js +3 -3
  68. package/dist/index53.js +1 -1
  69. package/dist/index54.js +102 -209
  70. package/dist/index55.js +130 -11
  71. package/dist/index56.js +236 -11
  72. package/dist/index57.js +11 -125
  73. package/dist/index58.js +57 -70
  74. package/dist/index59.js +248 -76
  75. package/dist/index6.js +36 -36
  76. package/dist/index60.js +222 -822
  77. package/dist/index61.js +6 -3
  78. package/dist/index62.js +506 -94
  79. package/dist/index63.js +1 -1
  80. package/dist/index64.js +158 -57
  81. package/dist/index65.js +71 -230
  82. package/dist/index66.js +20 -433
  83. package/dist/index67.js +823 -299
  84. package/dist/index68.js +9 -161
  85. package/dist/index69.js +218 -24
  86. package/dist/index7.js +1 -1
  87. package/dist/index70.js +11 -236
  88. package/dist/index71.js +325 -119
  89. package/dist/index72.js +310 -12
  90. package/dist/index73.js +12 -254
  91. package/dist/index74.js +25 -524
  92. package/dist/index75.js +12 -22
  93. package/dist/index77.js +1 -1
  94. package/dist/index8.js +5 -5
  95. package/dist/index80.js +1 -1
  96. package/dist/index81.js +1 -1
  97. package/dist/index82.js +1 -1
  98. package/dist/index84.js +48 -118
  99. package/dist/index85.js +10 -134
  100. package/dist/index86.js +4 -14
  101. package/dist/index87.js +29 -68
  102. package/dist/index88.js +11 -13
  103. package/dist/index89.js +124 -8
  104. package/dist/index9.js +21 -21
  105. package/dist/index90.js +15 -50
  106. package/dist/index91.js +127 -40
  107. package/dist/index92.js +218 -5
  108. package/dist/index93.js +14 -25
  109. package/dist/index94.js +66 -12
  110. package/dist/index95.js +44 -646
  111. package/dist/index96.js +50 -9
  112. package/dist/index97.js +9 -55
  113. package/dist/index98.js +3 -10
  114. package/dist/index99.js +6 -4
  115. package/package.json +1 -1
package/dist/index4.js CHANGED
@@ -1,46 +1,46 @@
1
- import { jsx as a, jsxs as m } from "react/jsx-runtime";
2
- import * as n from "react";
3
- import { Root as c, Item as l, Header as f, Trigger as i, Content as d } from "./index45.js";
4
- import { cn as s } from "./index2.js";
1
+ import { jsx as r, jsxs as m } from "react/jsx-runtime";
2
+ import * as s from "react";
3
+ import { Root as c, Item as l, Header as f, Trigger as n, Content as d } from "./index45.js";
4
+ import { cn as i } from "./index2.js";
5
5
  import p from "./index46.js";
6
- const R = c, N = n.forwardRef(({ className: e, ...o }, t) => /* @__PURE__ */ a(
6
+ const v = c, N = s.forwardRef(({ className: e, ...t }, o) => /* @__PURE__ */ r(
7
7
  l,
8
8
  {
9
- ref: t,
10
- className: s("border-b-2 w-full", e),
11
- ...o
9
+ ref: o,
10
+ className: i("border-b-2 w-full", e),
11
+ ...t
12
12
  }
13
13
  ));
14
14
  N.displayName = "AccordionItem";
15
- const x = n.forwardRef(({ className: e, children: o, ...t }, r) => /* @__PURE__ */ a(f, { className: "flex", children: /* @__PURE__ */ m(
16
- i,
15
+ const x = s.forwardRef(({ className: e, children: t, ...o }, a) => /* @__PURE__ */ r(f, { className: "flex", children: /* @__PURE__ */ m(
16
+ n,
17
17
  {
18
- ref: r,
19
- className: s(
20
- "flex flex-1 items-center justify-between py-4 text-sm font-medium transition-all hover:underline text-left [&[data-state=open]>svg]:rotate-180",
18
+ ref: a,
19
+ className: i(
20
+ "flex flex-1 items-center justify-between py-4 text-sm font-medium hover:underline text-left [&[data-state=open]>svg]:rotate-180",
21
21
  e
22
22
  ),
23
- ...t,
23
+ ...o,
24
24
  children: [
25
- o,
26
- /* @__PURE__ */ a(p, { className: "h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-200" })
25
+ t,
26
+ /* @__PURE__ */ r(p, { className: "h-4 w-4 shrink-0 text-muted-foreground" })
27
27
  ]
28
28
  }
29
29
  ) }));
30
- x.displayName = i.displayName;
31
- const w = n.forwardRef(({ className: e, children: o, ...t }, r) => /* @__PURE__ */ a(
30
+ x.displayName = n.displayName;
31
+ const h = s.forwardRef(({ className: e, children: t, ...o }, a) => /* @__PURE__ */ r(
32
32
  d,
33
33
  {
34
- ref: r,
35
- className: "overflow-hidden text-sm data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down",
36
- ...t,
37
- children: /* @__PURE__ */ a("div", { className: s("pb-4 pt-0", e), children: o })
34
+ ref: a,
35
+ className: "overflow-hidden text-sm data-[state=closed]:h-0 data-[state=closed]:invisible",
36
+ ...o,
37
+ children: /* @__PURE__ */ r("div", { className: i("pb-4 pt-0", e), children: t })
38
38
  }
39
39
  ));
40
- w.displayName = d.displayName;
40
+ h.displayName = d.displayName;
41
41
  export {
42
- R as Accordion,
43
- w as AccordionContent,
42
+ v as Accordion,
43
+ h as AccordionContent,
44
44
  N as AccordionItem,
45
45
  x as AccordionTrigger
46
46
  };
package/dist/index45.js CHANGED
@@ -5,7 +5,7 @@ import { useComposedRefs as $ } from "./index78.js";
5
5
  import { composeEventHandlers as ee } from "./index79.js";
6
6
  import { useControllableState as M } from "./index80.js";
7
7
  import { Primitive as V } from "./index81.js";
8
- import { createCollapsibleScope as H, Root as oe, Trigger as re, Content as te } from "./index62.js";
8
+ import { createCollapsibleScope as H, Root as oe, Trigger as re, Content as te } from "./index54.js";
9
9
  import { useId as ne } from "./index82.js";
10
10
  import { useDirection as ce } from "./index83.js";
11
11
  import { jsx as n } from "react/jsx-runtime";
package/dist/index46.js CHANGED
@@ -1,4 +1,4 @@
1
- import o from "./index121.js";
1
+ import o from "./index120.js";
2
2
  /**
3
3
  * @license lucide-react v0.460.0 - ISC
4
4
  *
package/dist/index48.js CHANGED
@@ -1,262 +1,75 @@
1
- import * as s from "react";
2
- import { composeEventHandlers as p } from "./index79.js";
3
- import { useComposedRefs as _ } from "./index78.js";
4
- import { createContextScope as V, createContext as q } from "./index76.js";
5
- import { useId as R } from "./index82.js";
6
- import { useControllableState as K } from "./index80.js";
7
- import { DismissableLayer as U } from "./index84.js";
8
- import { FocusScope as Y } from "./index85.js";
9
- import { Portal as Z } from "./index86.js";
10
- import { Presence as h } from "./index87.js";
11
- import { Primitive as m } from "./index81.js";
12
- import { useFocusGuards as z } from "./index88.js";
13
- import J from "./index89.js";
14
- import { hideOthers as Q } from "./index90.js";
15
- import { createSlot as X } from "./index91.js";
16
- import { jsx as i, jsxs as P, Fragment as O } from "react/jsx-runtime";
17
- var v = "Dialog", [I, Ne] = V(v), [ee, u] = I(v), x = (e) => {
18
- const {
19
- __scopeDialog: o,
20
- children: n,
21
- open: a,
22
- defaultOpen: r,
23
- onOpenChange: t,
24
- modal: c = !0
25
- } = e, l = s.useRef(null), d = s.useRef(null), [g, C] = K({
26
- prop: a,
27
- defaultProp: r ?? !1,
28
- onChange: t,
29
- caller: v
30
- });
31
- return /* @__PURE__ */ i(
32
- ee,
33
- {
34
- scope: o,
35
- triggerRef: l,
36
- contentRef: d,
37
- contentId: R(),
38
- titleId: R(),
39
- descriptionId: R(),
40
- open: g,
41
- onOpenChange: C,
42
- onOpenToggle: s.useCallback(() => C((H) => !H), [C]),
43
- modal: c,
44
- children: n
45
- }
46
- );
47
- };
48
- x.displayName = v;
49
- var A = "DialogTrigger", T = s.forwardRef(
50
- (e, o) => {
51
- const { __scopeDialog: n, ...a } = e, r = u(A, n), t = _(o, r.triggerRef);
52
- return /* @__PURE__ */ i(
53
- m.button,
54
- {
55
- type: "button",
56
- "aria-haspopup": "dialog",
57
- "aria-expanded": r.open,
58
- "aria-controls": r.contentId,
59
- "data-state": N(r.open),
60
- ...a,
61
- ref: t,
62
- onClick: p(e.onClick, r.onOpenToggle)
63
- }
64
- );
65
- }
66
- );
67
- T.displayName = A;
68
- var E = "DialogPortal", [te, b] = I(E, {
69
- forceMount: void 0
70
- }), M = (e) => {
71
- const { __scopeDialog: o, forceMount: n, children: a, container: r } = e, t = u(E, o);
72
- return /* @__PURE__ */ i(te, { scope: o, forceMount: n, children: s.Children.map(a, (c) => /* @__PURE__ */ i(h, { present: n || t.open, children: /* @__PURE__ */ i(Z, { asChild: !0, container: r, children: c }) })) });
73
- };
74
- M.displayName = E;
75
- var D = "DialogOverlay", w = s.forwardRef(
76
- (e, o) => {
77
- const n = b(D, e.__scopeDialog), { forceMount: a = n.forceMount, ...r } = e, t = u(D, e.__scopeDialog);
78
- return t.modal ? /* @__PURE__ */ i(h, { present: a || t.open, children: /* @__PURE__ */ i(re, { ...r, ref: o }) }) : null;
79
- }
80
- );
81
- w.displayName = D;
82
- var oe = X("DialogOverlay.RemoveScroll"), re = s.forwardRef(
83
- (e, o) => {
84
- const { __scopeDialog: n, ...a } = e, r = u(D, n);
85
- return (
86
- // Make sure `Content` is scrollable even when it doesn't live inside `RemoveScroll`
87
- // ie. when `Overlay` and `Content` are siblings
88
- /* @__PURE__ */ i(J, { as: oe, allowPinchZoom: !0, shards: [r.contentRef], children: /* @__PURE__ */ i(
89
- m.div,
90
- {
91
- "data-state": N(r.open),
92
- ...a,
93
- ref: o,
94
- style: { pointerEvents: "auto", ...a.style }
95
- }
96
- ) })
97
- );
98
- }
99
- ), f = "DialogContent", S = s.forwardRef(
100
- (e, o) => {
101
- const n = b(f, e.__scopeDialog), { forceMount: a = n.forceMount, ...r } = e, t = u(f, e.__scopeDialog);
102
- return /* @__PURE__ */ i(h, { present: a || t.open, children: t.modal ? /* @__PURE__ */ i(ne, { ...r, ref: o }) : /* @__PURE__ */ i(ae, { ...r, ref: o }) });
103
- }
104
- );
105
- S.displayName = f;
106
- var ne = s.forwardRef(
107
- (e, o) => {
108
- const n = u(f, e.__scopeDialog), a = s.useRef(null), r = _(o, n.contentRef, a);
109
- return s.useEffect(() => {
110
- const t = a.current;
111
- if (t) return Q(t);
112
- }, []), /* @__PURE__ */ i(
113
- F,
114
- {
115
- ...e,
116
- ref: r,
117
- trapFocus: n.open,
118
- disableOutsidePointerEvents: !0,
119
- onCloseAutoFocus: p(e.onCloseAutoFocus, (t) => {
120
- var c;
121
- t.preventDefault(), (c = n.triggerRef.current) == null || c.focus();
122
- }),
123
- onPointerDownOutside: p(e.onPointerDownOutside, (t) => {
124
- const c = t.detail.originalEvent, l = c.button === 0 && c.ctrlKey === !0;
125
- (c.button === 2 || l) && t.preventDefault();
126
- }),
127
- onFocusOutside: p(
128
- e.onFocusOutside,
129
- (t) => t.preventDefault()
130
- )
131
- }
132
- );
133
- }
134
- ), ae = s.forwardRef(
135
- (e, o) => {
136
- const n = u(f, e.__scopeDialog), a = s.useRef(!1), r = s.useRef(!1);
137
- return /* @__PURE__ */ i(
138
- F,
1
+ import * as i from "react";
2
+ import { createContextScope as C } from "./index84.js";
3
+ import { useCallbackRef as h } from "./index85.js";
4
+ import { useLayoutEffect as f } from "./index86.js";
5
+ import { Primitive as m } from "./index87.js";
6
+ import { useIsHydrated as _ } from "./index88.js";
7
+ import { jsx as l } from "react/jsx-runtime";
8
+ var v = "Avatar", [y] = C(v), [x, A] = y(v), L = i.forwardRef(
9
+ (t, e) => {
10
+ const { __scopeAvatar: o, ...r } = t, [n, a] = i.useState("idle");
11
+ return /* @__PURE__ */ l(
12
+ x,
139
13
  {
140
- ...e,
141
- ref: o,
142
- trapFocus: !1,
143
- disableOutsidePointerEvents: !1,
144
- onCloseAutoFocus: (t) => {
145
- var c, l;
146
- (c = e.onCloseAutoFocus) == null || c.call(e, t), t.defaultPrevented || (a.current || (l = n.triggerRef.current) == null || l.focus(), t.preventDefault()), a.current = !1, r.current = !1;
147
- },
148
- onInteractOutside: (t) => {
149
- var d, g;
150
- (d = e.onInteractOutside) == null || d.call(e, t), t.defaultPrevented || (a.current = !0, t.detail.originalEvent.type === "pointerdown" && (r.current = !0));
151
- const c = t.target;
152
- ((g = n.triggerRef.current) == null ? void 0 : g.contains(c)) && t.preventDefault(), t.detail.originalEvent.type === "focusin" && r.current && t.preventDefault();
153
- }
14
+ scope: o,
15
+ imageLoadingStatus: n,
16
+ onImageLoadingStatusChange: a,
17
+ children: /* @__PURE__ */ l(m.span, { ...r, ref: e })
154
18
  }
155
19
  );
156
20
  }
157
- ), F = s.forwardRef(
158
- (e, o) => {
159
- const { __scopeDialog: n, trapFocus: a, onOpenAutoFocus: r, onCloseAutoFocus: t, ...c } = e, l = u(f, n), d = s.useRef(null), g = _(o, d);
160
- return z(), /* @__PURE__ */ P(O, { children: [
161
- /* @__PURE__ */ i(
162
- Y,
163
- {
164
- asChild: !0,
165
- loop: !0,
166
- trapped: a,
167
- onMountAutoFocus: r,
168
- onUnmountAutoFocus: t,
169
- children: /* @__PURE__ */ i(
170
- U,
171
- {
172
- role: "dialog",
173
- id: l.contentId,
174
- "aria-describedby": l.descriptionId,
175
- "aria-labelledby": l.titleId,
176
- "data-state": N(l.open),
177
- ...c,
178
- ref: g,
179
- onDismiss: () => l.onOpenChange(!1)
180
- }
181
- )
182
- }
183
- ),
184
- /* @__PURE__ */ P(O, { children: [
185
- /* @__PURE__ */ i(ie, { titleId: l.titleId }),
186
- /* @__PURE__ */ i(ce, { contentRef: d, descriptionId: l.descriptionId })
187
- ] })
188
- ] });
189
- }
190
- ), y = "DialogTitle", W = s.forwardRef(
191
- (e, o) => {
192
- const { __scopeDialog: n, ...a } = e, r = u(y, n);
193
- return /* @__PURE__ */ i(m.h2, { id: r.titleId, ...a, ref: o });
194
- }
195
21
  );
196
- W.displayName = y;
197
- var k = "DialogDescription", G = s.forwardRef(
198
- (e, o) => {
199
- const { __scopeDialog: n, ...a } = e, r = u(k, n);
200
- return /* @__PURE__ */ i(m.p, { id: r.descriptionId, ...a, ref: o });
22
+ L.displayName = v;
23
+ var S = "AvatarImage", E = i.forwardRef(
24
+ (t, e) => {
25
+ const { __scopeAvatar: o, src: r, onLoadingStatusChange: n = () => {
26
+ }, ...a } = t, u = A(S, o), s = N(r, a), d = h((c) => {
27
+ n(c), u.onImageLoadingStatusChange(c);
28
+ });
29
+ return f(() => {
30
+ s !== "idle" && d(s);
31
+ }, [s, d]), s === "loaded" ? /* @__PURE__ */ l(m.img, { ...a, ref: e, src: r }) : null;
201
32
  }
202
33
  );
203
- G.displayName = k;
204
- var L = "DialogClose", $ = s.forwardRef(
205
- (e, o) => {
206
- const { __scopeDialog: n, ...a } = e, r = u(L, n);
207
- return /* @__PURE__ */ i(
208
- m.button,
209
- {
210
- type: "button",
211
- ...a,
212
- ref: o,
213
- onClick: p(e.onClick, () => r.onOpenChange(!1))
34
+ E.displayName = S;
35
+ var I = "AvatarFallback", R = i.forwardRef(
36
+ (t, e) => {
37
+ const { __scopeAvatar: o, delayMs: r, ...n } = t, a = A(I, o), [u, s] = i.useState(r === void 0);
38
+ return i.useEffect(() => {
39
+ if (r !== void 0) {
40
+ const d = window.setTimeout(() => s(!0), r);
41
+ return () => window.clearTimeout(d);
214
42
  }
215
- );
43
+ }, [r]), u && a.imageLoadingStatus !== "loaded" ? /* @__PURE__ */ l(m.span, { ...n, ref: e }) : null;
216
44
  }
217
45
  );
218
- $.displayName = L;
219
- function N(e) {
220
- return e ? "open" : "closed";
46
+ R.displayName = I;
47
+ function p(t, e) {
48
+ return t ? e ? (t.src !== e && (t.src = e), t.complete && t.naturalWidth > 0 ? "loaded" : "loading") : "error" : "idle";
49
+ }
50
+ function N(t, { referrerPolicy: e, crossOrigin: o }) {
51
+ const r = _(), n = i.useRef(null), a = r ? (n.current || (n.current = new window.Image()), n.current) : null, [u, s] = i.useState(
52
+ () => p(a, t)
53
+ );
54
+ return f(() => {
55
+ s(p(a, t));
56
+ }, [a, t]), f(() => {
57
+ const d = (w) => () => {
58
+ s(w);
59
+ };
60
+ if (!a) return;
61
+ const c = d("loaded"), g = d("error");
62
+ return a.addEventListener("load", c), a.addEventListener("error", g), e && (a.referrerPolicy = e), typeof o == "string" && (a.crossOrigin = o), () => {
63
+ a.removeEventListener("load", c), a.removeEventListener("error", g);
64
+ };
65
+ }, [a, o, e]), u;
221
66
  }
222
- var B = "DialogTitleWarning", [Pe, j] = q(B, {
223
- contentName: f,
224
- titleName: y,
225
- docsSlug: "dialog"
226
- }), ie = ({ titleId: e }) => {
227
- const o = j(B), n = `\`${o.contentName}\` requires a \`${o.titleName}\` for the component to be accessible for screen reader users.
228
-
229
- If you want to hide the \`${o.titleName}\`, you can wrap it with our VisuallyHidden component.
230
-
231
- For more information, see https://radix-ui.com/primitives/docs/components/${o.docsSlug}`;
232
- return s.useEffect(() => {
233
- e && (document.getElementById(e) || console.error(n));
234
- }, [n, e]), null;
235
- }, se = "DialogDescriptionWarning", ce = ({ contentRef: e, descriptionId: o }) => {
236
- const a = `Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${j(se).contentName}}.`;
237
- return s.useEffect(() => {
238
- var t;
239
- const r = (t = e.current) == null ? void 0 : t.getAttribute("aria-describedby");
240
- o && r && (document.getElementById(o) || console.warn(a));
241
- }, [a, e, o]), null;
242
- }, Oe = x, Ie = T, xe = M, Ae = w, Te = S, be = W, Me = G, we = $;
67
+ var H = L, j = E, B = R;
243
68
  export {
244
- we as Close,
245
- Te as Content,
246
- Me as Description,
247
- x as Dialog,
248
- $ as DialogClose,
249
- S as DialogContent,
250
- G as DialogDescription,
251
- w as DialogOverlay,
252
- M as DialogPortal,
253
- W as DialogTitle,
254
- T as DialogTrigger,
255
- Ae as Overlay,
256
- xe as Portal,
257
- Oe as Root,
258
- be as Title,
259
- Ie as Trigger,
260
- Pe as WarningProvider,
261
- Ne as createDialogScope
69
+ L as Avatar,
70
+ R as AvatarFallback,
71
+ E as AvatarImage,
72
+ B as Fallback,
73
+ j as Image,
74
+ H as Root
262
75
  };
package/dist/index49.js CHANGED
@@ -1,14 +1,243 @@
1
- import e from "./index121.js";
2
- /**
3
- * @license lucide-react v0.460.0 - ISC
4
- *
5
- * This source code is licensed under the ISC license.
6
- * See the LICENSE file in the root directory of this source tree.
7
- */
8
- const a = e("X", [
9
- ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
10
- ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
11
- ]);
1
+ import * as i from "react";
2
+ import { composeEventHandlers as P } from "./index79.js";
3
+ import { useComposedRefs as O } from "./index78.js";
4
+ import { createContextScope as G } from "./index76.js";
5
+ import { DismissableLayer as H } from "./index89.js";
6
+ import { useFocusGuards as K } from "./index90.js";
7
+ import { FocusScope as $ } from "./index91.js";
8
+ import { useId as j } from "./index82.js";
9
+ import { createPopperScope as _, Root as U, Anchor as x, Content as V, Arrow as W } from "./index92.js";
10
+ import { Portal as Z } from "./index93.js";
11
+ import { Presence as w } from "./index94.js";
12
+ import { Primitive as E } from "./index81.js";
13
+ import { createSlot as q } from "./index95.js";
14
+ import { useControllableState as z } from "./index80.js";
15
+ import { hideOthers as B } from "./index96.js";
16
+ import J from "./index97.js";
17
+ import { jsx as p } from "react/jsx-runtime";
18
+ var C = "Popover", [b] = G(C, [
19
+ _
20
+ ]), m = _(), [Q, f] = b(C), F = (o) => {
21
+ const {
22
+ __scopePopover: n,
23
+ children: t,
24
+ open: a,
25
+ defaultOpen: e,
26
+ onOpenChange: r,
27
+ modal: s = !1
28
+ } = o, c = m(n), u = i.useRef(null), [l, g] = i.useState(!1), [h, d] = z({
29
+ prop: a,
30
+ defaultProp: e ?? !1,
31
+ onChange: r,
32
+ caller: C
33
+ });
34
+ return /* @__PURE__ */ p(U, { ...c, children: /* @__PURE__ */ p(
35
+ Q,
36
+ {
37
+ scope: n,
38
+ contentId: j(),
39
+ triggerRef: u,
40
+ open: h,
41
+ onOpenChange: d,
42
+ onOpenToggle: i.useCallback(() => d((R) => !R), [d]),
43
+ hasCustomAnchor: l,
44
+ onCustomAnchorAdd: i.useCallback(() => g(!0), []),
45
+ onCustomAnchorRemove: i.useCallback(() => g(!1), []),
46
+ modal: s,
47
+ children: t
48
+ }
49
+ ) });
50
+ };
51
+ F.displayName = C;
52
+ var N = "PopoverAnchor", S = i.forwardRef(
53
+ (o, n) => {
54
+ const { __scopePopover: t, ...a } = o, e = f(N, t), r = m(t), { onCustomAnchorAdd: s, onCustomAnchorRemove: c } = e;
55
+ return i.useEffect(() => (s(), () => c()), [s, c]), /* @__PURE__ */ p(x, { ...r, ...a, ref: n });
56
+ }
57
+ );
58
+ S.displayName = N;
59
+ var y = "PopoverTrigger", D = i.forwardRef(
60
+ (o, n) => {
61
+ const { __scopePopover: t, ...a } = o, e = f(y, t), r = m(t), s = O(n, e.triggerRef), c = /* @__PURE__ */ p(
62
+ E.button,
63
+ {
64
+ type: "button",
65
+ "aria-haspopup": "dialog",
66
+ "aria-expanded": e.open,
67
+ "aria-controls": e.contentId,
68
+ "data-state": L(e.open),
69
+ ...a,
70
+ ref: s,
71
+ onClick: P(o.onClick, e.onOpenToggle)
72
+ }
73
+ );
74
+ return e.hasCustomAnchor ? c : /* @__PURE__ */ p(x, { asChild: !0, ...r, children: c });
75
+ }
76
+ );
77
+ D.displayName = y;
78
+ var A = "PopoverPortal", [X, Y] = b(A, {
79
+ forceMount: void 0
80
+ }), M = (o) => {
81
+ const { __scopePopover: n, forceMount: t, children: a, container: e } = o, r = f(A, n);
82
+ return /* @__PURE__ */ p(X, { scope: n, forceMount: t, children: /* @__PURE__ */ p(w, { present: t || r.open, children: /* @__PURE__ */ p(Z, { asChild: !0, container: e, children: a }) }) });
83
+ };
84
+ M.displayName = A;
85
+ var v = "PopoverContent", k = i.forwardRef(
86
+ (o, n) => {
87
+ const t = Y(v, o.__scopePopover), { forceMount: a = t.forceMount, ...e } = o, r = f(v, o.__scopePopover);
88
+ return /* @__PURE__ */ p(w, { present: a || r.open, children: r.modal ? /* @__PURE__ */ p(eo, { ...e, ref: n }) : /* @__PURE__ */ p(ro, { ...e, ref: n }) });
89
+ }
90
+ );
91
+ k.displayName = v;
92
+ var oo = q("PopoverContent.RemoveScroll"), eo = i.forwardRef(
93
+ (o, n) => {
94
+ const t = f(v, o.__scopePopover), a = i.useRef(null), e = O(n, a), r = i.useRef(!1);
95
+ return i.useEffect(() => {
96
+ const s = a.current;
97
+ if (s) return B(s);
98
+ }, []), /* @__PURE__ */ p(J, { as: oo, allowPinchZoom: !0, children: /* @__PURE__ */ p(
99
+ I,
100
+ {
101
+ ...o,
102
+ ref: e,
103
+ trapFocus: t.open,
104
+ disableOutsidePointerEvents: !0,
105
+ onCloseAutoFocus: P(o.onCloseAutoFocus, (s) => {
106
+ var c;
107
+ s.preventDefault(), r.current || (c = t.triggerRef.current) == null || c.focus();
108
+ }),
109
+ onPointerDownOutside: P(
110
+ o.onPointerDownOutside,
111
+ (s) => {
112
+ const c = s.detail.originalEvent, u = c.button === 0 && c.ctrlKey === !0, l = c.button === 2 || u;
113
+ r.current = l;
114
+ },
115
+ { checkForDefaultPrevented: !1 }
116
+ ),
117
+ onFocusOutside: P(
118
+ o.onFocusOutside,
119
+ (s) => s.preventDefault(),
120
+ { checkForDefaultPrevented: !1 }
121
+ )
122
+ }
123
+ ) });
124
+ }
125
+ ), ro = i.forwardRef(
126
+ (o, n) => {
127
+ const t = f(v, o.__scopePopover), a = i.useRef(!1), e = i.useRef(!1);
128
+ return /* @__PURE__ */ p(
129
+ I,
130
+ {
131
+ ...o,
132
+ ref: n,
133
+ trapFocus: !1,
134
+ disableOutsidePointerEvents: !1,
135
+ onCloseAutoFocus: (r) => {
136
+ var s, c;
137
+ (s = o.onCloseAutoFocus) == null || s.call(o, r), r.defaultPrevented || (a.current || (c = t.triggerRef.current) == null || c.focus(), r.preventDefault()), a.current = !1, e.current = !1;
138
+ },
139
+ onInteractOutside: (r) => {
140
+ var u, l;
141
+ (u = o.onInteractOutside) == null || u.call(o, r), r.defaultPrevented || (a.current = !0, r.detail.originalEvent.type === "pointerdown" && (e.current = !0));
142
+ const s = r.target;
143
+ ((l = t.triggerRef.current) == null ? void 0 : l.contains(s)) && r.preventDefault(), r.detail.originalEvent.type === "focusin" && e.current && r.preventDefault();
144
+ }
145
+ }
146
+ );
147
+ }
148
+ ), I = i.forwardRef(
149
+ (o, n) => {
150
+ const {
151
+ __scopePopover: t,
152
+ trapFocus: a,
153
+ onOpenAutoFocus: e,
154
+ onCloseAutoFocus: r,
155
+ disableOutsidePointerEvents: s,
156
+ onEscapeKeyDown: c,
157
+ onPointerDownOutside: u,
158
+ onFocusOutside: l,
159
+ onInteractOutside: g,
160
+ ...h
161
+ } = o, d = f(v, t), R = m(t);
162
+ return K(), /* @__PURE__ */ p(
163
+ $,
164
+ {
165
+ asChild: !0,
166
+ loop: !0,
167
+ trapped: a,
168
+ onMountAutoFocus: e,
169
+ onUnmountAutoFocus: r,
170
+ children: /* @__PURE__ */ p(
171
+ H,
172
+ {
173
+ asChild: !0,
174
+ disableOutsidePointerEvents: s,
175
+ onInteractOutside: g,
176
+ onEscapeKeyDown: c,
177
+ onPointerDownOutside: u,
178
+ onFocusOutside: l,
179
+ onDismiss: () => d.onOpenChange(!1),
180
+ children: /* @__PURE__ */ p(
181
+ V,
182
+ {
183
+ "data-state": L(d.open),
184
+ role: "dialog",
185
+ id: d.contentId,
186
+ ...R,
187
+ ...h,
188
+ ref: n,
189
+ style: {
190
+ ...h.style,
191
+ "--radix-popover-content-transform-origin": "var(--radix-popper-transform-origin)",
192
+ "--radix-popover-content-available-width": "var(--radix-popper-available-width)",
193
+ "--radix-popover-content-available-height": "var(--radix-popper-available-height)",
194
+ "--radix-popover-trigger-width": "var(--radix-popper-anchor-width)",
195
+ "--radix-popover-trigger-height": "var(--radix-popper-anchor-height)"
196
+ }
197
+ }
198
+ )
199
+ }
200
+ )
201
+ }
202
+ );
203
+ }
204
+ ), T = "PopoverClose", to = i.forwardRef(
205
+ (o, n) => {
206
+ const { __scopePopover: t, ...a } = o, e = f(T, t);
207
+ return /* @__PURE__ */ p(
208
+ E.button,
209
+ {
210
+ type: "button",
211
+ ...a,
212
+ ref: n,
213
+ onClick: P(o.onClick, () => e.onOpenChange(!1))
214
+ }
215
+ );
216
+ }
217
+ );
218
+ to.displayName = T;
219
+ var no = "PopoverArrow", ao = i.forwardRef(
220
+ (o, n) => {
221
+ const { __scopePopover: t, ...a } = o, e = m(t);
222
+ return /* @__PURE__ */ p(W, { ...e, ...a, ref: n });
223
+ }
224
+ );
225
+ ao.displayName = no;
226
+ function L(o) {
227
+ return o ? "open" : "closed";
228
+ }
229
+ var _o = F, xo = S, wo = D, Eo = M, bo = k;
12
230
  export {
13
- a as default
231
+ xo as Anchor,
232
+ bo as Content,
233
+ F as Popover,
234
+ S as PopoverAnchor,
235
+ ao as PopoverArrow,
236
+ to as PopoverClose,
237
+ k as PopoverContent,
238
+ M as PopoverPortal,
239
+ D as PopoverTrigger,
240
+ Eo as Portal,
241
+ _o as Root,
242
+ wo as Trigger
14
243
  };