@drjoshcsimmons/scl 0.1.1 → 0.1.3

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 (83) hide show
  1. package/README.md +202 -13
  2. package/dist/index100.js +50 -9
  3. package/dist/index101.js +9 -50
  4. package/dist/index102.js +627 -196
  5. package/dist/index103.js +180 -3
  6. package/dist/index104.js +15 -30
  7. package/dist/index11.js +2 -2
  8. package/dist/index110.js +1 -1
  9. package/dist/index12.js +1 -1
  10. package/dist/index13.js +2 -2
  11. package/dist/index14.js +2 -2
  12. package/dist/index15.js +2 -2
  13. package/dist/index17.js +3 -3
  14. package/dist/index18.js +2 -2
  15. package/dist/index20.js +2 -2
  16. package/dist/index21.js +1 -1
  17. package/dist/index22.js +1 -1
  18. package/dist/index23.js +2 -2
  19. package/dist/index24.js +1 -1
  20. package/dist/index25.js +4 -4
  21. package/dist/index26.js +1 -1
  22. package/dist/index27.js +3 -3
  23. package/dist/index29.js +1 -1
  24. package/dist/index31.js +1 -1
  25. package/dist/index33.js +1 -1
  26. package/dist/index36.js +2 -2
  27. package/dist/index37.js +1 -1
  28. package/dist/index4.js +2 -2
  29. package/dist/index45.js +124 -32
  30. package/dist/index46.js +32 -124
  31. package/dist/index47.js +100 -219
  32. package/dist/index48.js +73 -11
  33. package/dist/index49.js +244 -55
  34. package/dist/index5.js +1 -1
  35. package/dist/index50.js +9 -249
  36. package/dist/index51.js +237 -9
  37. package/dist/index52.js +11 -73
  38. package/dist/index53.js +16 -234
  39. package/dist/index54.js +860 -11
  40. package/dist/index55.js +9 -310
  41. package/dist/index56.js +225 -12
  42. package/dist/index57.js +11 -225
  43. package/dist/index59.js +58 -29
  44. package/dist/index6.js +1 -1
  45. package/dist/index60.js +248 -254
  46. package/dist/index61.js +530 -12
  47. package/dist/index62.js +224 -101
  48. package/dist/index63.js +260 -12
  49. package/dist/index64.js +12 -22
  50. package/dist/index65.js +12 -18
  51. package/dist/index66.js +407 -213
  52. package/dist/index67.js +143 -112
  53. package/dist/index68.js +317 -142
  54. package/dist/index69.js +76 -248
  55. package/dist/index7.js +1 -1
  56. package/dist/index70.js +299 -71
  57. package/dist/index71.js +12 -530
  58. package/dist/index72.js +20 -433
  59. package/dist/index73.js +216 -316
  60. package/dist/index74.js +105 -835
  61. package/dist/index75.js +31 -9
  62. package/dist/index8.js +1 -1
  63. package/dist/index80.js +50 -44
  64. package/dist/index81.js +4 -52
  65. package/dist/index83.js +68 -10
  66. package/dist/index84.js +10 -7
  67. package/dist/index85.js +54 -5
  68. package/dist/index86.js +10 -24
  69. package/dist/index87.js +29 -68
  70. package/dist/index88.js +10 -52
  71. package/dist/index89.js +5 -10
  72. package/dist/index9.js +2 -2
  73. package/dist/index90.js +25 -4
  74. package/dist/index91.js +46 -30
  75. package/dist/index92.js +7 -12
  76. package/dist/index93.js +3 -180
  77. package/dist/index94.js +122 -12
  78. package/dist/index95.js +11 -646
  79. package/dist/index96.js +125 -115
  80. package/dist/index97.js +212 -128
  81. package/dist/index98.js +1 -1
  82. package/dist/index99.js +30 -15
  83. package/package.json +3 -2
package/dist/index62.js CHANGED
@@ -1,120 +1,243 @@
1
- import * as o from "react";
2
- import { composeEventHandlers as T } from "./index78.js";
3
- import { createContextScope as S } from "./index76.js";
4
- import { useControllableState as D } from "./index81.js";
5
- import { useLayoutEffect as L } from "./index90.js";
6
- import { useComposedRefs as M } from "./index77.js";
7
- import { Primitive as v } from "./index82.js";
8
- import { Presence as k } from "./index87.js";
9
- import { useId as F } from "./index83.js";
10
- import { jsx as c } from "react/jsx-runtime";
11
- var u = "Collapsible", [B, W] = S(u), [G, g] = B(u), w = o.forwardRef(
12
- (e, a) => {
1
+ import * as i from "react";
2
+ import { composeEventHandlers as P } from "./index78.js";
3
+ import { useComposedRefs as O } from "./index77.js";
4
+ import { createContextScope as G } from "./index76.js";
5
+ import { DismissableLayer as H } from "./index94.js";
6
+ import { useFocusGuards as K } from "./index95.js";
7
+ import { FocusScope as $ } from "./index96.js";
8
+ import { useId as j } from "./index84.js";
9
+ import { createPopperScope as _, Root as U, Anchor as x, Content as V, Arrow as W } from "./index97.js";
10
+ import { Portal as Z } from "./index98.js";
11
+ import { Presence as w } from "./index83.js";
12
+ import { Primitive as E } from "./index82.js";
13
+ import { createSlot as q } from "./index79.js";
14
+ import { useControllableState as z } from "./index80.js";
15
+ import { hideOthers as B } from "./index100.js";
16
+ import J from "./index101.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) => {
13
150
  const {
14
- __scopeCollapsible: i,
15
- open: r,
16
- defaultOpen: t,
17
- disabled: l,
18
- onOpenChange: s,
19
- ...m
20
- } = e, [d, p] = D({
21
- prop: r,
22
- defaultProp: t ?? !1,
23
- onChange: s,
24
- caller: u
25
- });
26
- return /* @__PURE__ */ c(
27
- G,
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
+ $,
28
164
  {
29
- scope: i,
30
- disabled: l,
31
- contentId: F(),
32
- open: d,
33
- onOpenToggle: o.useCallback(() => p((C) => !C), [p]),
34
- children: /* @__PURE__ */ c(
35
- v.div,
165
+ asChild: !0,
166
+ loop: !0,
167
+ trapped: a,
168
+ onMountAutoFocus: e,
169
+ onUnmountAutoFocus: r,
170
+ children: /* @__PURE__ */ p(
171
+ H,
36
172
  {
37
- "data-state": h(d),
38
- "data-disabled": l ? "" : void 0,
39
- ...m,
40
- ref: a
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
+ )
41
199
  }
42
200
  )
43
201
  }
44
202
  );
45
203
  }
46
- );
47
- w.displayName = u;
48
- var A = "CollapsibleTrigger", I = o.forwardRef(
49
- (e, a) => {
50
- const { __scopeCollapsible: i, ...r } = e, t = g(A, i);
51
- return /* @__PURE__ */ c(
52
- v.button,
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,
53
209
  {
54
210
  type: "button",
55
- "aria-controls": t.contentId,
56
- "aria-expanded": t.open || !1,
57
- "data-state": h(t.open),
58
- "data-disabled": t.disabled ? "" : void 0,
59
- disabled: t.disabled,
60
- ...r,
61
- ref: a,
62
- onClick: T(e.onClick, t.onOpenToggle)
211
+ ...a,
212
+ ref: n,
213
+ onClick: P(o.onClick, () => e.onOpenChange(!1))
63
214
  }
64
215
  );
65
216
  }
66
217
  );
67
- I.displayName = A;
68
- var R = "CollapsibleContent", O = o.forwardRef(
69
- (e, a) => {
70
- const { forceMount: i, ...r } = e, t = g(R, e.__scopeCollapsible);
71
- return /* @__PURE__ */ c(k, { present: i || t.open, children: ({ present: l }) => /* @__PURE__ */ c($, { ...r, ref: a, present: l }) });
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 });
72
223
  }
73
224
  );
74
- O.displayName = R;
75
- var $ = o.forwardRef((e, a) => {
76
- const { __scopeCollapsible: i, present: r, children: t, ...l } = e, s = g(R, i), [m, d] = o.useState(r), p = o.useRef(null), C = M(a, p), y = o.useRef(0), x = y.current, N = o.useRef(0), P = N.current, b = s.open || m, _ = o.useRef(b), f = o.useRef(void 0);
77
- return o.useEffect(() => {
78
- const n = requestAnimationFrame(() => _.current = !1);
79
- return () => cancelAnimationFrame(n);
80
- }, []), L(() => {
81
- const n = p.current;
82
- if (n) {
83
- f.current = f.current || {
84
- transitionDuration: n.style.transitionDuration,
85
- animationName: n.style.animationName
86
- }, n.style.transitionDuration = "0s", n.style.animationName = "none";
87
- const E = n.getBoundingClientRect();
88
- y.current = E.height, N.current = E.width, _.current || (n.style.transitionDuration = f.current.transitionDuration, n.style.animationName = f.current.animationName), d(r);
89
- }
90
- }, [s.open, r]), /* @__PURE__ */ c(
91
- v.div,
92
- {
93
- "data-state": h(s.open),
94
- "data-disabled": s.disabled ? "" : void 0,
95
- id: s.contentId,
96
- hidden: !b,
97
- ...l,
98
- ref: C,
99
- style: {
100
- "--radix-collapsible-content-height": x ? `${x}px` : void 0,
101
- "--radix-collapsible-content-width": P ? `${P}px` : void 0,
102
- ...e.style
103
- },
104
- children: b && t
105
- }
106
- );
107
- });
108
- function h(e) {
109
- return e ? "open" : "closed";
225
+ ao.displayName = no;
226
+ function L(o) {
227
+ return o ? "open" : "closed";
110
228
  }
111
- var X = w, Y = I, Z = O;
229
+ var _o = F, xo = S, wo = D, Eo = M, bo = k;
112
230
  export {
113
- w as Collapsible,
114
- O as CollapsibleContent,
115
- I as CollapsibleTrigger,
116
- Z as Content,
117
- X as Root,
118
- Y as Trigger,
119
- W as createCollapsibleScope
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
120
243
  };
package/dist/index63.js CHANGED
@@ -1,14 +1,262 @@
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 t = e("ChevronsUpDown", [
9
- ["path", { d: "m7 15 5 5 5-5", key: "1hf1tw" }],
10
- ["path", { d: "m7 9 5-5 5 5", key: "sgt6xg" }]
11
- ]);
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 "./index84.js";
6
+ import { useControllableState as K } from "./index80.js";
7
+ import { DismissableLayer as U } from "./index94.js";
8
+ import { FocusScope as Y } from "./index96.js";
9
+ import { Portal as Z } from "./index98.js";
10
+ import { Presence as h } from "./index83.js";
11
+ import { Primitive as m } from "./index82.js";
12
+ import { useFocusGuards as z } from "./index95.js";
13
+ import J from "./index101.js";
14
+ import { hideOthers as Q } from "./index100.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
+ );
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 = $;
12
243
  export {
13
- t as default
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
14
262
  };
package/dist/index64.js CHANGED
@@ -1,24 +1,14 @@
1
- import * as p from "react";
2
- import { Primitive as v } from "./index91.js";
3
- import { jsx as m } from "react/jsx-runtime";
4
- var d = "Separator", a = "horizontal", l = ["horizontal", "vertical"], i = p.forwardRef((r, n) => {
5
- const { decorative: e, orientation: t = a, ...s } = r, o = f(t) ? t : a, c = e ? { role: "none" } : { "aria-orientation": o === "vertical" ? o : void 0, role: "separator" };
6
- return /* @__PURE__ */ m(
7
- v.div,
8
- {
9
- "data-orientation": o,
10
- ...c,
11
- ...s,
12
- ref: n
13
- }
14
- );
15
- });
16
- i.displayName = d;
17
- function f(r) {
18
- return l.includes(r);
19
- }
20
- var T = i;
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
+ ]);
21
12
  export {
22
- T as Root,
23
- i as Separator
13
+ a as default
24
14
  };