@drjoshcsimmons/scl 0.1.4 → 0.1.5

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 (88) hide show
  1. package/dist/index100.js +8 -14
  2. package/dist/index101.js +50 -9
  3. package/dist/index102.js +218 -49
  4. package/dist/index103.js +29 -218
  5. package/dist/index104.js +178 -27
  6. package/dist/index11.js +2 -2
  7. package/dist/index110.js +1 -1
  8. package/dist/index112.js +1 -1
  9. package/dist/index13.js +2 -2
  10. package/dist/index131.js +1 -1
  11. package/dist/index132.js +1 -1
  12. package/dist/index137.js +11 -21
  13. package/dist/index138.js +26 -11
  14. package/dist/index139.js +4 -27
  15. package/dist/index14.js +2 -2
  16. package/dist/index140.js +22 -4
  17. package/dist/index15.js +2 -2
  18. package/dist/index17.js +1 -1
  19. package/dist/index18.js +2 -2
  20. package/dist/index20.js +2 -2
  21. package/dist/index21.js +1 -1
  22. package/dist/index22.js +1 -1
  23. package/dist/index23.js +1 -1
  24. package/dist/index24.js +1 -1
  25. package/dist/index25.js +3 -3
  26. package/dist/index26.js +1 -1
  27. package/dist/index27.js +3 -3
  28. package/dist/index29.js +1 -1
  29. package/dist/index31.js +1 -1
  30. package/dist/index33.js +1 -1
  31. package/dist/index36.js +2 -2
  32. package/dist/index37.js +1 -1
  33. package/dist/index45.js +7 -7
  34. package/dist/index47.js +33 -435
  35. package/dist/index48.js +111 -147
  36. package/dist/index49.js +65 -302
  37. package/dist/index5.js +1 -1
  38. package/dist/index50.js +60 -12
  39. package/dist/index51.js +253 -32
  40. package/dist/index52.js +7 -7
  41. package/dist/index53.js +302 -65
  42. package/dist/index54.js +4 -4
  43. package/dist/index55.js +4 -1
  44. package/dist/index56.js +9 -249
  45. package/dist/index57.js +432 -57
  46. package/dist/index58.js +6 -6
  47. package/dist/index6.js +1 -1
  48. package/dist/index61.js +234 -99
  49. package/dist/index62.js +12 -260
  50. package/dist/index63.js +860 -12
  51. package/dist/index64.js +9 -82
  52. package/dist/index65.js +505 -211
  53. package/dist/index66.js +138 -507
  54. package/dist/index67.js +17 -21
  55. package/dist/index68.js +16 -854
  56. package/dist/index69.js +336 -9
  57. package/dist/index7.js +1 -1
  58. package/dist/index70.js +126 -250
  59. package/dist/index71.js +82 -31
  60. package/dist/index72.js +216 -311
  61. package/dist/index73.js +222 -214
  62. package/dist/index74.js +30 -17
  63. package/dist/index75.js +197 -91
  64. package/dist/index77.js +25 -44
  65. package/dist/index78.js +5 -25
  66. package/dist/index79.js +53 -6
  67. package/dist/index8.js +1 -1
  68. package/dist/index80.js +52 -49
  69. package/dist/index81.js +10 -33
  70. package/dist/index82.js +4 -11
  71. package/dist/index83.js +30 -8
  72. package/dist/index84.js +12 -3
  73. package/dist/index85.js +51 -5
  74. package/dist/index86.js +33 -24
  75. package/dist/index87.js +65 -177
  76. package/dist/index88.js +10 -68
  77. package/dist/index9.js +2 -2
  78. package/dist/index90.js +46 -30
  79. package/dist/index91.js +7 -54
  80. package/dist/index92.js +3 -10
  81. package/dist/index93.js +6 -4
  82. package/dist/index94.js +24 -12
  83. package/dist/index95.js +647 -51
  84. package/dist/index96.js +112 -637
  85. package/dist/index97.js +126 -116
  86. package/dist/index98.js +13 -134
  87. package/dist/index99.js +14 -13
  88. package/package.json +1 -1
package/dist/index61.js CHANGED
@@ -1,127 +1,262 @@
1
- import * as l from "react";
2
- import { createContextScope as w } from "./index76.js";
3
- import { useComposedRefs as v } from "./index78.js";
4
- import { createDialogScope as A, Root as M, Portal as x, Trigger as I, Overlay as L, WarningProvider as $, Content as F, Title as G, Description as j, Close as f } from "./index62.js";
5
- import { composeEventHandlers as W } from "./index79.js";
6
- import { createSlottable as Y } from "./index95.js";
7
- import { jsx as i, jsxs as q } from "react/jsx-runtime";
8
- var D = "AlertDialog", [B] = w(D, [
9
- A
10
- ]), n = A(), m = (e) => {
11
- const { __scopeAlertDialog: o, ...r } = e, t = n(o);
12
- return /* @__PURE__ */ i(M, { ...t, ...r, modal: !0 });
1
+ import * as s from "react";
2
+ import { composeEventHandlers as p } from "./index78.js";
3
+ import { useComposedRefs as _ } from "./index77.js";
4
+ import { createContextScope as V, createContext as q } from "./index76.js";
5
+ import { useId as R } from "./index88.js";
6
+ import { useControllableState as K } from "./index85.js";
7
+ import { DismissableLayer as U } from "./index96.js";
8
+ import { FocusScope as Y } from "./index97.js";
9
+ import { Portal as Z } from "./index98.js";
10
+ import { Presence as h } from "./index87.js";
11
+ import { Primitive as m } from "./index86.js";
12
+ import { useFocusGuards as z } from "./index99.js";
13
+ import J from "./index100.js";
14
+ import { hideOthers as Q } from "./index101.js";
15
+ import { createSlot as X } from "./index79.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
+ );
13
47
  };
14
- m.displayName = D;
15
- var H = "AlertDialogTrigger", y = l.forwardRef(
48
+ x.displayName = v;
49
+ var A = "DialogTrigger", T = s.forwardRef(
16
50
  (e, o) => {
17
- const { __scopeAlertDialog: r, ...t } = e, a = n(r);
18
- return /* @__PURE__ */ i(I, { ...a, ...t, ref: 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
+ );
19
65
  }
20
66
  );
21
- y.displayName = H;
22
- var V = "AlertDialogPortal", _ = (e) => {
23
- const { __scopeAlertDialog: o, ...r } = e, t = n(o);
24
- return /* @__PURE__ */ i(x, { ...t, ...r });
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 }) })) });
25
73
  };
26
- _.displayName = V;
27
- var k = "AlertDialogOverlay", N = l.forwardRef(
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(
28
100
  (e, o) => {
29
- const { __scopeAlertDialog: r, ...t } = e, a = n(r);
30
- return /* @__PURE__ */ i(L, { ...a, ...t, ref: 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 }) });
31
103
  }
32
104
  );
33
- N.displayName = k;
34
- var s = "AlertDialogContent", [z, J] = B(s), K = Y("AlertDialogContent"), R = l.forwardRef(
105
+ S.displayName = f;
106
+ var ne = s.forwardRef(
35
107
  (e, o) => {
36
- const { __scopeAlertDialog: r, children: t, ...a } = e, g = n(r), p = l.useRef(null), b = v(o, p), d = l.useRef(null);
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);
37
137
  return /* @__PURE__ */ i(
38
- $,
138
+ F,
39
139
  {
40
- contentName: s,
41
- titleName: C,
42
- docsSlug: "alert-dialog",
43
- children: /* @__PURE__ */ i(z, { scope: r, cancelRef: d, children: /* @__PURE__ */ q(
44
- F,
45
- {
46
- role: "alertdialog",
47
- ...g,
48
- ...a,
49
- ref: b,
50
- onOpenAutoFocus: W(a.onOpenAutoFocus, (c) => {
51
- var u;
52
- c.preventDefault(), (u = d.current) == null || u.focus({ preventScroll: !0 });
53
- }),
54
- onPointerDownOutside: (c) => c.preventDefault(),
55
- onInteractOutside: (c) => c.preventDefault(),
56
- children: [
57
- /* @__PURE__ */ i(K, { children: t }),
58
- /* @__PURE__ */ i(U, { contentRef: p })
59
- ]
60
- }
61
- ) })
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
+ }
62
154
  }
63
155
  );
64
156
  }
65
- );
66
- R.displayName = s;
67
- var C = "AlertDialogTitle", h = l.forwardRef(
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(
68
191
  (e, o) => {
69
- const { __scopeAlertDialog: r, ...t } = e, a = n(r);
70
- return /* @__PURE__ */ i(G, { ...a, ...t, ref: o });
192
+ const { __scopeDialog: n, ...a } = e, r = u(y, n);
193
+ return /* @__PURE__ */ i(m.h2, { id: r.titleId, ...a, ref: o });
71
194
  }
72
195
  );
73
- h.displayName = C;
74
- var E = "AlertDialogDescription", P = l.forwardRef((e, o) => {
75
- const { __scopeAlertDialog: r, ...t } = e, a = n(r);
76
- return /* @__PURE__ */ i(j, { ...a, ...t, ref: o });
77
- });
78
- P.displayName = E;
79
- var Q = "AlertDialogAction", S = l.forwardRef(
196
+ W.displayName = y;
197
+ var k = "DialogDescription", G = s.forwardRef(
80
198
  (e, o) => {
81
- const { __scopeAlertDialog: r, ...t } = e, a = n(r);
82
- return /* @__PURE__ */ i(f, { ...a, ...t, ref: o });
199
+ const { __scopeDialog: n, ...a } = e, r = u(k, n);
200
+ return /* @__PURE__ */ i(m.p, { id: r.descriptionId, ...a, ref: o });
83
201
  }
84
202
  );
85
- S.displayName = Q;
86
- var T = "AlertDialogCancel", O = l.forwardRef(
203
+ G.displayName = k;
204
+ var L = "DialogClose", $ = s.forwardRef(
87
205
  (e, o) => {
88
- const { __scopeAlertDialog: r, ...t } = e, { cancelRef: a } = J(T, r), g = n(r), p = v(o, a);
89
- return /* @__PURE__ */ i(f, { ...g, ...t, ref: p });
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))
214
+ }
215
+ );
90
216
  }
91
217
  );
92
- O.displayName = T;
93
- var U = ({ contentRef: e }) => {
94
- const o = `\`${s}\` requires a description for the component to be accessible for screen reader users.
95
-
96
- You can add a description to the \`${s}\` by passing a \`${E}\` component as a child, which also benefits sighted users by adding visible context to the dialog.
218
+ $.displayName = L;
219
+ function N(e) {
220
+ return e ? "open" : "closed";
221
+ }
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.
97
228
 
98
- Alternatively, you can use your own component as a description by assigning it an \`id\` and passing the same value to the \`aria-describedby\` prop in \`${s}\`. If the description is confusing or duplicative for sighted users, you can use the \`@radix-ui/react-visually-hidden\` primitive as a wrapper around your description component.
229
+ If you want to hide the \`${o.titleName}\`, you can wrap it with our VisuallyHidden component.
99
230
 
100
- For more information, see https://radix-ui.com/primitives/docs/components/alert-dialog`;
101
- return l.useEffect(() => {
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(() => {
102
238
  var t;
103
- document.getElementById(
104
- (t = e.current) == null ? void 0 : t.getAttribute("aria-describedby")
105
- ) || console.warn(o);
106
- }, [o, e]), null;
107
- }, ae = m, ie = y, le = _, ne = N, se = R, ce = S, pe = O, ge = h, de = P;
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 = $;
108
243
  export {
109
- ce as Action,
110
- m as AlertDialog,
111
- S as AlertDialogAction,
112
- O as AlertDialogCancel,
113
- R as AlertDialogContent,
114
- P as AlertDialogDescription,
115
- N as AlertDialogOverlay,
116
- _ as AlertDialogPortal,
117
- h as AlertDialogTitle,
118
- y as AlertDialogTrigger,
119
- pe as Cancel,
120
- se as Content,
121
- de as Description,
122
- ne as Overlay,
123
- le as Portal,
124
- ae as Root,
125
- ge as Title,
126
- ie as Trigger
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
127
262
  };
package/dist/index62.js CHANGED
@@ -1,262 +1,14 @@
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 "./index97.js";
8
- import { FocusScope as Y } from "./index98.js";
9
- import { Portal as Z } from "./index99.js";
10
- import { Presence as h } from "./index88.js";
11
- import { Primitive as m } from "./index81.js";
12
- import { useFocusGuards as z } from "./index100.js";
13
- import J from "./index101.js";
14
- import { hideOthers as Q } from "./index102.js";
15
- import { createSlot as X } from "./index95.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,
139
- {
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
- }
154
- }
155
- );
156
- }
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
- );
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 });
201
- }
202
- );
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))
214
- }
215
- );
216
- }
217
- );
218
- $.displayName = L;
219
- function N(e) {
220
- return e ? "open" : "closed";
221
- }
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 = $;
1
+ import e from "./index106.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
+ ]);
243
12
  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
13
+ a as default
262
14
  };