@drjoshcsimmons/scl 0.1.10 → 0.1.11

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 (101) hide show
  1. package/dist/index100.js +47 -49
  2. package/dist/index101.js +51 -44
  3. package/dist/index102.js +30 -9
  4. package/dist/index103.js +3 -14
  5. package/dist/index104.js +3 -3
  6. package/dist/index105.js +46 -7
  7. package/dist/index107.js +7 -46
  8. package/dist/index108.js +176 -43
  9. package/dist/index109.js +47 -29
  10. package/dist/index11.js +2 -2
  11. package/dist/index110.js +30 -55
  12. package/dist/index111.js +650 -30
  13. package/dist/index112.js +30 -13
  14. package/dist/index115.js +6 -48
  15. package/dist/index116.js +1 -1
  16. package/dist/index12.js +1 -1
  17. package/dist/index124.js +48 -6
  18. package/dist/index125.js +2 -25
  19. package/dist/index126.js +53 -29
  20. package/dist/index127.js +65 -5
  21. package/dist/index128.js +25 -2
  22. package/dist/index129.js +29 -53
  23. package/dist/index13.js +2 -2
  24. package/dist/index130.js +5 -65
  25. package/dist/index131.js +2 -5
  26. package/dist/index132.js +2 -3
  27. package/dist/index133.js +5 -24
  28. package/dist/index134.js +3 -113
  29. package/dist/index135.js +23 -15
  30. package/dist/index136.js +113 -2
  31. package/dist/index137.js +16 -2
  32. package/dist/index14.js +2 -2
  33. package/dist/index141.js +1 -1
  34. package/dist/index142.js +1 -1
  35. package/dist/index15.js +2 -2
  36. package/dist/index17.js +4 -4
  37. package/dist/index18.js +2 -2
  38. package/dist/index20.js +1 -1
  39. package/dist/index21.js +1 -1
  40. package/dist/index22.js +1 -1
  41. package/dist/index23.js +2 -2
  42. package/dist/index24.js +1 -1
  43. package/dist/index25.js +3 -3
  44. package/dist/index26.js +1 -1
  45. package/dist/index27.js +2 -2
  46. package/dist/index29.js +1 -1
  47. package/dist/index31.js +1 -1
  48. package/dist/index33.js +1 -1
  49. package/dist/index36.js +1 -1
  50. package/dist/index37.js +1 -1
  51. package/dist/index45.js +1 -1
  52. package/dist/index48.js +310 -12
  53. package/dist/index49.js +5 -2
  54. package/dist/index50.js +124 -59
  55. package/dist/index51.js +62 -107
  56. package/dist/index52.js +55 -244
  57. package/dist/index53.js +256 -18
  58. package/dist/index54.js +12 -236
  59. package/dist/index55.js +249 -11
  60. package/dist/index56.js +9 -530
  61. package/dist/index57.js +102 -209
  62. package/dist/index58.js +5 -4
  63. package/dist/index59.js +31 -82
  64. package/dist/index6.js +1 -1
  65. package/dist/index60.js +71 -249
  66. package/dist/index61.js +860 -12
  67. package/dist/index62.js +9 -435
  68. package/dist/index63.js +147 -111
  69. package/dist/index64.js +333 -28
  70. package/dist/index65.js +410 -285
  71. package/dist/index66.js +241 -12
  72. package/dist/index67.js +18 -332
  73. package/dist/index68.js +219 -248
  74. package/dist/index69.js +11 -241
  75. package/dist/index7.js +1 -1
  76. package/dist/index70.js +11 -860
  77. package/dist/index71.js +130 -9
  78. package/dist/index72.js +234 -16
  79. package/dist/index73.js +509 -109
  80. package/dist/index74.js +16 -159
  81. package/dist/index75.js +247 -66
  82. package/dist/index80.js +1 -1
  83. package/dist/index82.js +1 -1
  84. package/dist/index84.js +15 -4
  85. package/dist/index85.js +51 -65
  86. package/dist/index86.js +11 -30
  87. package/dist/index87.js +4 -6
  88. package/dist/index88.js +30 -25
  89. package/dist/index89.js +10 -178
  90. package/dist/index9.js +1 -1
  91. package/dist/index90.js +8 -10
  92. package/dist/index91.js +5 -3
  93. package/dist/index92.js +24 -649
  94. package/dist/index93.js +65 -51
  95. package/dist/index94.js +124 -29
  96. package/dist/index95.js +125 -115
  97. package/dist/index96.js +13 -134
  98. package/dist/index97.js +14 -13
  99. package/dist/index98.js +8 -14
  100. package/dist/index99.js +50 -9
  101. package/package.json +1 -1
package/dist/index63.js CHANGED
@@ -1,127 +1,163 @@
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 "./index60.js";
5
- import { composeEventHandlers as W } from "./index79.js";
6
- import { createSlottable as Y } from "./index102.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 });
13
- };
14
- m.displayName = D;
15
- var H = "AlertDialogTrigger", y = l.forwardRef(
16
- (e, o) => {
17
- const { __scopeAlertDialog: r, ...t } = e, a = n(r);
18
- return /* @__PURE__ */ i(I, { ...a, ...t, ref: o });
19
- }
20
- );
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 });
25
- };
26
- _.displayName = V;
27
- var k = "AlertDialogOverlay", N = l.forwardRef(
28
- (e, o) => {
29
- const { __scopeAlertDialog: r, ...t } = e, a = n(r);
30
- return /* @__PURE__ */ i(L, { ...a, ...t, ref: o });
31
- }
32
- );
33
- N.displayName = k;
34
- var s = "AlertDialogContent", [z, J] = B(s), K = Y("AlertDialogContent"), R = l.forwardRef(
35
- (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);
37
- return /* @__PURE__ */ i(
1
+ import * as v from "react";
2
+ import { composeEventHandlers as g } from "./index79.js";
3
+ import { createContextScope as x } from "./index76.js";
4
+ import { createRovingFocusGroupScope as C, Root as E, Item as F } from "./index108.js";
5
+ import { Presence as w } from "./index93.js";
6
+ import { Primitive as b } from "./index81.js";
7
+ import { useDirection as D } from "./index83.js";
8
+ import { useControllableState as V } from "./index80.js";
9
+ import { useId as G } from "./index82.js";
10
+ import { jsx as l } from "react/jsx-runtime";
11
+ var p = "Tabs", [L] = x(p, [
12
+ C
13
+ ]), h = C(), [$, T] = L(p), I = v.forwardRef(
14
+ (e, r) => {
15
+ const {
16
+ __scopeTabs: s,
17
+ value: t,
18
+ onValueChange: n,
19
+ defaultValue: c,
20
+ orientation: o = "horizontal",
21
+ dir: d,
22
+ activationMode: f = "automatic",
23
+ ...m
24
+ } = e, i = D(d), [a, u] = V({
25
+ prop: t,
26
+ onChange: n,
27
+ defaultProp: c ?? "",
28
+ caller: p
29
+ });
30
+ return /* @__PURE__ */ l(
38
31
  $,
39
32
  {
40
- contentName: s,
41
- titleName: C,
42
- docsSlug: "alert-dialog",
43
- children: /* @__PURE__ */ i(z, { scope: r, cancelRef: d, children: /* @__PURE__ */ q(
44
- F,
33
+ scope: s,
34
+ baseId: G(),
35
+ value: a,
36
+ onValueChange: u,
37
+ orientation: o,
38
+ dir: i,
39
+ activationMode: f,
40
+ children: /* @__PURE__ */ l(
41
+ b.div,
45
42
  {
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
- ]
43
+ dir: i,
44
+ "data-orientation": o,
45
+ ...m,
46
+ ref: r
60
47
  }
61
- ) })
48
+ )
62
49
  }
63
50
  );
64
51
  }
65
52
  );
66
- R.displayName = s;
67
- var C = "AlertDialogTitle", h = l.forwardRef(
68
- (e, o) => {
69
- const { __scopeAlertDialog: r, ...t } = e, a = n(r);
70
- return /* @__PURE__ */ i(G, { ...a, ...t, ref: o });
53
+ I.displayName = p;
54
+ var R = "TabsList", _ = v.forwardRef(
55
+ (e, r) => {
56
+ const { __scopeTabs: s, loop: t = !0, ...n } = e, c = T(R, s), o = h(s);
57
+ return /* @__PURE__ */ l(
58
+ E,
59
+ {
60
+ asChild: !0,
61
+ ...o,
62
+ orientation: c.orientation,
63
+ dir: c.dir,
64
+ loop: t,
65
+ children: /* @__PURE__ */ l(
66
+ b.div,
67
+ {
68
+ role: "tablist",
69
+ "aria-orientation": c.orientation,
70
+ ...n,
71
+ ref: r
72
+ }
73
+ )
74
+ }
75
+ );
71
76
  }
72
77
  );
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(
80
- (e, o) => {
81
- const { __scopeAlertDialog: r, ...t } = e, a = n(r);
82
- return /* @__PURE__ */ i(f, { ...a, ...t, ref: o });
78
+ _.displayName = R;
79
+ var y = "TabsTrigger", A = v.forwardRef(
80
+ (e, r) => {
81
+ const { __scopeTabs: s, value: t, disabled: n = !1, ...c } = e, o = T(y, s), d = h(s), f = P(o.baseId, t), m = S(o.baseId, t), i = t === o.value;
82
+ return /* @__PURE__ */ l(
83
+ F,
84
+ {
85
+ asChild: !0,
86
+ ...d,
87
+ focusable: !n,
88
+ active: i,
89
+ children: /* @__PURE__ */ l(
90
+ b.button,
91
+ {
92
+ type: "button",
93
+ role: "tab",
94
+ "aria-selected": i,
95
+ "aria-controls": m,
96
+ "data-state": i ? "active" : "inactive",
97
+ "data-disabled": n ? "" : void 0,
98
+ disabled: n,
99
+ id: f,
100
+ ...c,
101
+ ref: r,
102
+ onMouseDown: g(e.onMouseDown, (a) => {
103
+ !n && a.button === 0 && a.ctrlKey === !1 ? o.onValueChange(t) : a.preventDefault();
104
+ }),
105
+ onKeyDown: g(e.onKeyDown, (a) => {
106
+ [" ", "Enter"].includes(a.key) && o.onValueChange(t);
107
+ }),
108
+ onFocus: g(e.onFocus, () => {
109
+ const a = o.activationMode !== "manual";
110
+ !i && !n && a && o.onValueChange(t);
111
+ })
112
+ }
113
+ )
114
+ }
115
+ );
83
116
  }
84
117
  );
85
- S.displayName = Q;
86
- var T = "AlertDialogCancel", O = l.forwardRef(
87
- (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 });
118
+ A.displayName = y;
119
+ var M = "TabsContent", N = v.forwardRef(
120
+ (e, r) => {
121
+ const { __scopeTabs: s, value: t, forceMount: n, children: c, ...o } = e, d = T(M, s), f = P(d.baseId, t), m = S(d.baseId, t), i = t === d.value, a = v.useRef(i);
122
+ return v.useEffect(() => {
123
+ const u = requestAnimationFrame(() => a.current = !1);
124
+ return () => cancelAnimationFrame(u);
125
+ }, []), /* @__PURE__ */ l(w, { present: n || i, children: ({ present: u }) => /* @__PURE__ */ l(
126
+ b.div,
127
+ {
128
+ "data-state": i ? "active" : "inactive",
129
+ "data-orientation": d.orientation,
130
+ role: "tabpanel",
131
+ "aria-labelledby": f,
132
+ hidden: !u,
133
+ id: m,
134
+ tabIndex: 0,
135
+ ...o,
136
+ ref: r,
137
+ style: {
138
+ ...e.style,
139
+ animationDuration: a.current ? "0s" : void 0
140
+ },
141
+ children: u && c
142
+ }
143
+ ) });
90
144
  }
91
145
  );
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.
97
-
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.
99
-
100
- For more information, see https://radix-ui.com/primitives/docs/components/alert-dialog`;
101
- return l.useEffect(() => {
102
- 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;
146
+ N.displayName = M;
147
+ function P(e, r) {
148
+ return `${e}-trigger-${r}`;
149
+ }
150
+ function S(e, r) {
151
+ return `${e}-content-${r}`;
152
+ }
153
+ var Q = I, U = _, W = A, X = N;
108
154
  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
155
+ X as Content,
156
+ U as List,
157
+ Q as Root,
158
+ I as Tabs,
159
+ N as TabsContent,
160
+ _ as TabsList,
161
+ A as TabsTrigger,
162
+ W as Trigger
127
163
  };
package/dist/index64.js CHANGED
@@ -1,33 +1,338 @@
1
- import * as f from "react";
2
- import { composeEventHandlers as m } from "./index79.js";
3
- import { useControllableState as p } from "./index80.js";
4
- import { Primitive as b } from "./index81.js";
5
- import { jsx as c } from "react/jsx-runtime";
6
- var r = "Toggle", t = f.forwardRef((e, a) => {
7
- const { pressed: s, defaultPressed: d, onPressedChange: i, ...l } = e, [o, n] = p({
8
- prop: s,
9
- onChange: i,
10
- defaultProp: d ?? !1,
11
- caller: r
12
- });
13
- return /* @__PURE__ */ c(
14
- b.button,
1
+ import * as s from "react";
2
+ import { composeEventHandlers as g } from "./index79.js";
3
+ import { useComposedRefs as N } from "./index78.js";
4
+ import { createContextScope as K } from "./index76.js";
5
+ import { DismissableLayer as W } from "./index94.js";
6
+ import { useId as $ } from "./index82.js";
7
+ import { createPopperScope as S, Root as z, Anchor as J, Content as Q, Arrow as Z } from "./index104.js";
8
+ import { Portal as ee } from "./index96.js";
9
+ import { Presence as G } from "./index93.js";
10
+ import { Primitive as te } from "./index81.js";
11
+ import { createSlottable as oe } from "./index107.js";
12
+ import { useControllableState as re } from "./index80.js";
13
+ import { Root as ne } from "./index106.js";
14
+ import { jsx as f, jsxs as se } from "react/jsx-runtime";
15
+ var [D] = K("Tooltip", [
16
+ S
17
+ ]), O = S(), j = "TooltipProvider", ie = 700, L = "tooltip.open", [ae, k] = D(j), F = (t) => {
18
+ const {
19
+ __scopeTooltip: o,
20
+ delayDuration: e = ie,
21
+ skipDelayDuration: r = 300,
22
+ disableHoverableContent: n = !1,
23
+ children: a
24
+ } = t, l = s.useRef(!0), v = s.useRef(!1), i = s.useRef(0);
25
+ return s.useEffect(() => {
26
+ const p = i.current;
27
+ return () => window.clearTimeout(p);
28
+ }, []), /* @__PURE__ */ f(
29
+ ae,
15
30
  {
16
- type: "button",
17
- "aria-pressed": o,
18
- "data-state": o ? "on" : "off",
19
- "data-disabled": e.disabled ? "" : void 0,
20
- ...l,
21
- ref: a,
22
- onClick: m(e.onClick, () => {
23
- e.disabled || n(!o);
24
- })
31
+ scope: o,
32
+ isOpenDelayedRef: l,
33
+ delayDuration: e,
34
+ onOpen: s.useCallback(() => {
35
+ window.clearTimeout(i.current), l.current = !1;
36
+ }, []),
37
+ onClose: s.useCallback(() => {
38
+ window.clearTimeout(i.current), i.current = window.setTimeout(
39
+ () => l.current = !0,
40
+ r
41
+ );
42
+ }, [r]),
43
+ isPointerInTransitRef: v,
44
+ onPointerInTransitChange: s.useCallback((p) => {
45
+ v.current = p;
46
+ }, []),
47
+ disableHoverableContent: n,
48
+ children: a
25
49
  }
26
50
  );
27
- });
28
- t.displayName = r;
29
- var C = t;
51
+ };
52
+ F.displayName = j;
53
+ var R = "Tooltip", [le, _] = D(R), B = (t) => {
54
+ const {
55
+ __scopeTooltip: o,
56
+ children: e,
57
+ open: r,
58
+ defaultOpen: n,
59
+ onOpenChange: a,
60
+ disableHoverableContent: l,
61
+ delayDuration: v
62
+ } = t, i = k(R, t.__scopeTooltip), p = O(o), [c, d] = s.useState(null), h = $(), u = s.useRef(0), m = l ?? i.disableHoverableContent, y = v ?? i.delayDuration, T = s.useRef(!1), [x, C] = re({
63
+ prop: r,
64
+ defaultProp: n ?? !1,
65
+ onChange: (H) => {
66
+ H ? (i.onOpen(), document.dispatchEvent(new CustomEvent(L))) : i.onClose(), a == null || a(H);
67
+ },
68
+ caller: R
69
+ }), w = s.useMemo(() => x ? T.current ? "delayed-open" : "instant-open" : "closed", [x]), P = s.useCallback(() => {
70
+ window.clearTimeout(u.current), u.current = 0, T.current = !1, C(!0);
71
+ }, [C]), E = s.useCallback(() => {
72
+ window.clearTimeout(u.current), u.current = 0, C(!1);
73
+ }, [C]), I = s.useCallback(() => {
74
+ window.clearTimeout(u.current), u.current = window.setTimeout(() => {
75
+ T.current = !0, C(!0), u.current = 0;
76
+ }, y);
77
+ }, [y, C]);
78
+ return s.useEffect(() => () => {
79
+ u.current && (window.clearTimeout(u.current), u.current = 0);
80
+ }, []), /* @__PURE__ */ f(z, { ...p, children: /* @__PURE__ */ f(
81
+ le,
82
+ {
83
+ scope: o,
84
+ contentId: h,
85
+ open: x,
86
+ stateAttribute: w,
87
+ trigger: c,
88
+ onTriggerChange: d,
89
+ onTriggerEnter: s.useCallback(() => {
90
+ i.isOpenDelayedRef.current ? I() : P();
91
+ }, [i.isOpenDelayedRef, I, P]),
92
+ onTriggerLeave: s.useCallback(() => {
93
+ m ? E() : (window.clearTimeout(u.current), u.current = 0);
94
+ }, [E, m]),
95
+ onOpen: P,
96
+ onClose: E,
97
+ disableHoverableContent: m,
98
+ children: e
99
+ }
100
+ ) });
101
+ };
102
+ B.displayName = R;
103
+ var A = "TooltipTrigger", U = s.forwardRef(
104
+ (t, o) => {
105
+ const { __scopeTooltip: e, ...r } = t, n = _(A, e), a = k(A, e), l = O(e), v = s.useRef(null), i = N(o, v, n.onTriggerChange), p = s.useRef(!1), c = s.useRef(!1), d = s.useCallback(() => p.current = !1, []);
106
+ return s.useEffect(() => () => document.removeEventListener("pointerup", d), [d]), /* @__PURE__ */ f(J, { asChild: !0, ...l, children: /* @__PURE__ */ f(
107
+ te.button,
108
+ {
109
+ "aria-describedby": n.open ? n.contentId : void 0,
110
+ "data-state": n.stateAttribute,
111
+ ...r,
112
+ ref: i,
113
+ onPointerMove: g(t.onPointerMove, (h) => {
114
+ h.pointerType !== "touch" && !c.current && !a.isPointerInTransitRef.current && (n.onTriggerEnter(), c.current = !0);
115
+ }),
116
+ onPointerLeave: g(t.onPointerLeave, () => {
117
+ n.onTriggerLeave(), c.current = !1;
118
+ }),
119
+ onPointerDown: g(t.onPointerDown, () => {
120
+ n.open && n.onClose(), p.current = !0, document.addEventListener("pointerup", d, { once: !0 });
121
+ }),
122
+ onFocus: g(t.onFocus, () => {
123
+ p.current || n.onOpen();
124
+ }),
125
+ onBlur: g(t.onBlur, n.onClose),
126
+ onClick: g(t.onClick, n.onClose)
127
+ }
128
+ ) });
129
+ }
130
+ );
131
+ U.displayName = A;
132
+ var M = "TooltipPortal", [ce, ue] = D(M, {
133
+ forceMount: void 0
134
+ }), V = (t) => {
135
+ const { __scopeTooltip: o, forceMount: e, children: r, container: n } = t, a = _(M, o);
136
+ return /* @__PURE__ */ f(ce, { scope: o, forceMount: e, children: /* @__PURE__ */ f(G, { present: e || a.open, children: /* @__PURE__ */ f(ee, { asChild: !0, container: n, children: r }) }) });
137
+ };
138
+ V.displayName = M;
139
+ var b = "TooltipContent", Y = s.forwardRef(
140
+ (t, o) => {
141
+ const e = ue(b, t.__scopeTooltip), { forceMount: r = e.forceMount, side: n = "top", ...a } = t, l = _(b, t.__scopeTooltip);
142
+ return /* @__PURE__ */ f(G, { present: r || l.open, children: l.disableHoverableContent ? /* @__PURE__ */ f(q, { side: n, ...a, ref: o }) : /* @__PURE__ */ f(pe, { side: n, ...a, ref: o }) });
143
+ }
144
+ ), pe = s.forwardRef((t, o) => {
145
+ const e = _(b, t.__scopeTooltip), r = k(b, t.__scopeTooltip), n = s.useRef(null), a = N(o, n), [l, v] = s.useState(null), { trigger: i, onClose: p } = e, c = n.current, { onPointerInTransitChange: d } = r, h = s.useCallback(() => {
146
+ v(null), d(!1);
147
+ }, [d]), u = s.useCallback(
148
+ (m, y) => {
149
+ const T = m.currentTarget, x = { x: m.clientX, y: m.clientY }, C = me(x, T.getBoundingClientRect()), w = Te(x, C), P = ye(y.getBoundingClientRect()), E = xe([...w, ...P]);
150
+ v(E), d(!0);
151
+ },
152
+ [d]
153
+ );
154
+ return s.useEffect(() => () => h(), [h]), s.useEffect(() => {
155
+ if (i && c) {
156
+ const m = (T) => u(T, c), y = (T) => u(T, i);
157
+ return i.addEventListener("pointerleave", m), c.addEventListener("pointerleave", y), () => {
158
+ i.removeEventListener("pointerleave", m), c.removeEventListener("pointerleave", y);
159
+ };
160
+ }
161
+ }, [i, c, u, h]), s.useEffect(() => {
162
+ if (l) {
163
+ const m = (y) => {
164
+ const T = y.target, x = { x: y.clientX, y: y.clientY }, C = (i == null ? void 0 : i.contains(T)) || (c == null ? void 0 : c.contains(T)), w = !Ce(x, l);
165
+ C ? h() : w && (h(), p());
166
+ };
167
+ return document.addEventListener("pointermove", m), () => document.removeEventListener("pointermove", m);
168
+ }
169
+ }, [i, c, l, p, h]), /* @__PURE__ */ f(q, { ...t, ref: a });
170
+ }), [de, fe] = D(R, { isInside: !1 }), ve = oe("TooltipContent"), q = s.forwardRef(
171
+ (t, o) => {
172
+ const {
173
+ __scopeTooltip: e,
174
+ children: r,
175
+ "aria-label": n,
176
+ onEscapeKeyDown: a,
177
+ onPointerDownOutside: l,
178
+ ...v
179
+ } = t, i = _(b, e), p = O(e), { onClose: c } = i;
180
+ return s.useEffect(() => (document.addEventListener(L, c), () => document.removeEventListener(L, c)), [c]), s.useEffect(() => {
181
+ if (i.trigger) {
182
+ const d = (h) => {
183
+ const u = h.target;
184
+ u != null && u.contains(i.trigger) && c();
185
+ };
186
+ return window.addEventListener("scroll", d, { capture: !0 }), () => window.removeEventListener("scroll", d, { capture: !0 });
187
+ }
188
+ }, [i.trigger, c]), /* @__PURE__ */ f(
189
+ W,
190
+ {
191
+ asChild: !0,
192
+ disableOutsidePointerEvents: !1,
193
+ onEscapeKeyDown: a,
194
+ onPointerDownOutside: l,
195
+ onFocusOutside: (d) => d.preventDefault(),
196
+ onDismiss: c,
197
+ children: /* @__PURE__ */ se(
198
+ Q,
199
+ {
200
+ "data-state": i.stateAttribute,
201
+ ...p,
202
+ ...v,
203
+ ref: o,
204
+ style: {
205
+ ...v.style,
206
+ "--radix-tooltip-content-transform-origin": "var(--radix-popper-transform-origin)",
207
+ "--radix-tooltip-content-available-width": "var(--radix-popper-available-width)",
208
+ "--radix-tooltip-content-available-height": "var(--radix-popper-available-height)",
209
+ "--radix-tooltip-trigger-width": "var(--radix-popper-anchor-width)",
210
+ "--radix-tooltip-trigger-height": "var(--radix-popper-anchor-height)"
211
+ },
212
+ children: [
213
+ /* @__PURE__ */ f(ve, { children: r }),
214
+ /* @__PURE__ */ f(de, { scope: e, isInside: !0, children: /* @__PURE__ */ f(ne, { id: i.contentId, role: "tooltip", children: n || r }) })
215
+ ]
216
+ }
217
+ )
218
+ }
219
+ );
220
+ }
221
+ );
222
+ Y.displayName = b;
223
+ var X = "TooltipArrow", he = s.forwardRef(
224
+ (t, o) => {
225
+ const { __scopeTooltip: e, ...r } = t, n = O(e);
226
+ return fe(
227
+ X,
228
+ e
229
+ ).isInside ? null : /* @__PURE__ */ f(Z, { ...n, ...r, ref: o });
230
+ }
231
+ );
232
+ he.displayName = X;
233
+ function me(t, o) {
234
+ const e = Math.abs(o.top - t.y), r = Math.abs(o.bottom - t.y), n = Math.abs(o.right - t.x), a = Math.abs(o.left - t.x);
235
+ switch (Math.min(e, r, n, a)) {
236
+ case a:
237
+ return "left";
238
+ case n:
239
+ return "right";
240
+ case e:
241
+ return "top";
242
+ case r:
243
+ return "bottom";
244
+ default:
245
+ throw new Error("unreachable");
246
+ }
247
+ }
248
+ function Te(t, o, e = 5) {
249
+ const r = [];
250
+ switch (o) {
251
+ case "top":
252
+ r.push(
253
+ { x: t.x - e, y: t.y + e },
254
+ { x: t.x + e, y: t.y + e }
255
+ );
256
+ break;
257
+ case "bottom":
258
+ r.push(
259
+ { x: t.x - e, y: t.y - e },
260
+ { x: t.x + e, y: t.y - e }
261
+ );
262
+ break;
263
+ case "left":
264
+ r.push(
265
+ { x: t.x + e, y: t.y - e },
266
+ { x: t.x + e, y: t.y + e }
267
+ );
268
+ break;
269
+ case "right":
270
+ r.push(
271
+ { x: t.x - e, y: t.y - e },
272
+ { x: t.x - e, y: t.y + e }
273
+ );
274
+ break;
275
+ }
276
+ return r;
277
+ }
278
+ function ye(t) {
279
+ const { top: o, right: e, bottom: r, left: n } = t;
280
+ return [
281
+ { x: n, y: o },
282
+ { x: e, y: o },
283
+ { x: e, y: r },
284
+ { x: n, y: r }
285
+ ];
286
+ }
287
+ function Ce(t, o) {
288
+ const { x: e, y: r } = t;
289
+ let n = !1;
290
+ for (let a = 0, l = o.length - 1; a < o.length; l = a++) {
291
+ const v = o[a], i = o[l], p = v.x, c = v.y, d = i.x, h = i.y;
292
+ c > r != h > r && e < (d - p) * (r - c) / (h - c) + p && (n = !n);
293
+ }
294
+ return n;
295
+ }
296
+ function xe(t) {
297
+ const o = t.slice();
298
+ return o.sort((e, r) => e.x < r.x ? -1 : e.x > r.x ? 1 : e.y < r.y ? -1 : e.y > r.y ? 1 : 0), ge(o);
299
+ }
300
+ function ge(t) {
301
+ if (t.length <= 1) return t.slice();
302
+ const o = [];
303
+ for (let r = 0; r < t.length; r++) {
304
+ const n = t[r];
305
+ for (; o.length >= 2; ) {
306
+ const a = o[o.length - 1], l = o[o.length - 2];
307
+ if ((a.x - l.x) * (n.y - l.y) >= (a.y - l.y) * (n.x - l.x)) o.pop();
308
+ else break;
309
+ }
310
+ o.push(n);
311
+ }
312
+ o.pop();
313
+ const e = [];
314
+ for (let r = t.length - 1; r >= 0; r--) {
315
+ const n = t[r];
316
+ for (; e.length >= 2; ) {
317
+ const a = e[e.length - 1], l = e[e.length - 2];
318
+ if ((a.x - l.x) * (n.y - l.y) >= (a.y - l.y) * (n.x - l.x)) e.pop();
319
+ else break;
320
+ }
321
+ e.push(n);
322
+ }
323
+ return e.pop(), o.length === 1 && e.length === 1 && o[0].x === e[0].x && o[0].y === e[0].y ? o : o.concat(e);
324
+ }
325
+ var He = F, Ne = B, Se = U, Ge = V, je = Y;
30
326
  export {
31
- C as Root,
32
- t as Toggle
327
+ je as Content,
328
+ Ge as Portal,
329
+ He as Provider,
330
+ Ne as Root,
331
+ B as Tooltip,
332
+ he as TooltipArrow,
333
+ Y as TooltipContent,
334
+ V as TooltipPortal,
335
+ F as TooltipProvider,
336
+ U as TooltipTrigger,
337
+ Se as Trigger
33
338
  };