@yselimcan/ui 0.0.6 → 0.0.7

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 (216) hide show
  1. package/dist/index100.js +4 -32
  2. package/dist/index101.js +67 -19
  3. package/dist/index102.js +8 -5
  4. package/dist/index103.js +14 -4
  5. package/dist/index104.js +4 -5
  6. package/dist/index105.js +3 -11
  7. package/dist/index106.js +5 -18
  8. package/dist/index107.js +30 -13
  9. package/dist/index108.js +11 -296
  10. package/dist/index109.js +66 -4
  11. package/dist/index110.js +52 -37
  12. package/dist/index111.js +10 -123
  13. package/dist/index112.js +5 -4
  14. package/dist/index113.js +12 -20
  15. package/dist/index114.js +12 -76
  16. package/dist/index115.js +29 -61
  17. package/dist/index116.js +19 -46
  18. package/dist/index117.js +38 -64
  19. package/dist/index118.js +18 -8
  20. package/dist/index119.js +11 -13
  21. package/dist/index120.js +38 -4
  22. package/dist/index121.js +14 -4
  23. package/dist/index122.js +8 -5
  24. package/dist/index123.js +13 -134
  25. package/dist/index124.js +5 -27
  26. package/dist/index125.js +87 -8
  27. package/dist/index126.js +296 -4
  28. package/dist/index127.js +11 -12
  29. package/dist/index128.js +121 -18
  30. package/dist/index129.js +5 -14
  31. package/dist/index130.js +263 -5
  32. package/dist/index131.js +77 -27
  33. package/dist/index132.js +38 -17
  34. package/dist/index133.js +21 -22
  35. package/dist/index134.js +11 -58
  36. package/dist/index135.js +55 -16
  37. package/dist/index136.js +11 -27
  38. package/dist/index137.js +11 -40
  39. package/dist/index138.js +31 -43
  40. package/dist/index139.js +16 -19
  41. package/dist/index140.js +65 -47
  42. package/dist/index141.js +97 -44
  43. package/dist/index142.js +8 -17
  44. package/dist/index143.js +8 -11
  45. package/dist/index144.js +2 -2
  46. package/dist/index145.js +102 -34
  47. package/dist/index146.js +7 -230
  48. package/dist/index147.js +31 -282
  49. package/dist/index148.js +230 -53
  50. package/dist/index149.js +74 -15
  51. package/dist/index150.js +275 -71
  52. package/dist/index151.js +53 -3
  53. package/dist/index152.js +43 -28
  54. package/dist/index153.js +77 -24
  55. package/dist/index154.js +3 -15
  56. package/dist/index155.js +12 -67
  57. package/dist/index156.js +16 -4
  58. package/dist/index157.js +27 -103
  59. package/dist/index158.js +7 -79
  60. package/dist/index159.js +19 -260
  61. package/dist/index160.js +25 -12
  62. package/dist/index161.js +159 -9
  63. package/dist/index162.js +111 -38
  64. package/dist/index163.js +64 -4
  65. package/dist/index164.js +75 -66
  66. package/dist/index165.js +65 -10
  67. package/dist/index166.js +69 -8
  68. package/dist/index167.js +14 -6
  69. package/dist/index168.js +6 -52
  70. package/dist/index169.js +4 -10
  71. package/dist/index17.js +4 -4
  72. package/dist/index170.js +16 -116
  73. package/dist/index171.js +20 -10
  74. package/dist/index172.js +58 -11
  75. package/dist/index173.js +16 -65
  76. package/dist/index174.js +26 -11
  77. package/dist/index175.js +42 -12
  78. package/dist/index176.js +20 -11
  79. package/dist/index177.js +48 -11
  80. package/dist/index178.js +47 -83
  81. package/dist/index179.js +17 -11
  82. package/dist/index18.js +4 -4
  83. package/dist/index180.js +11 -11
  84. package/dist/index181.js +34 -55
  85. package/dist/index182.js +15 -11
  86. package/dist/index183.js +79 -11
  87. package/dist/index184.js +23 -18
  88. package/dist/index185.js +4 -9
  89. package/dist/index186.js +10 -7
  90. package/dist/index187.js +10 -103
  91. package/dist/index188.js +40 -7
  92. package/dist/index189.js +4 -32
  93. package/dist/index19.js +9 -9
  94. package/dist/index190.js +10 -75
  95. package/dist/index191.js +11 -14
  96. package/dist/index192.js +114 -25
  97. package/dist/index193.js +11 -7
  98. package/dist/index194.js +85 -20
  99. package/dist/index195.js +12 -24
  100. package/dist/index196.js +59 -157
  101. package/dist/index197.js +4 -114
  102. package/dist/index198.js +5 -76
  103. package/dist/index199.js +11 -64
  104. package/dist/index20.js +2 -2
  105. package/dist/index200.js +5 -47
  106. package/dist/index201.js +21 -199
  107. package/dist/index202.js +4 -48
  108. package/dist/index203.js +27 -20
  109. package/dist/index204.js +127 -26
  110. package/dist/index205.js +45 -6
  111. package/dist/index206.js +18 -10
  112. package/dist/index207.js +5 -12
  113. package/dist/index208.js +179 -15
  114. package/dist/index209.js +75 -6
  115. package/dist/index21.js +3 -3
  116. package/dist/index210.js +399 -4
  117. package/dist/index211.js +199 -21
  118. package/dist/index212.js +46 -126
  119. package/dist/index213.js +18 -43
  120. package/dist/index214.js +47 -17
  121. package/dist/index215.js +7 -5
  122. package/dist/index216.js +5 -181
  123. package/dist/index217.js +15 -74
  124. package/dist/index218.js +12 -396
  125. package/dist/index219.js +33 -4
  126. package/dist/index22.js +5 -5
  127. package/dist/index220.js +4 -5
  128. package/dist/index221.js +11 -14
  129. package/dist/index222.js +7 -30
  130. package/dist/index223.js +1 -1
  131. package/dist/index224.js +2 -2
  132. package/dist/index225.js +1 -1
  133. package/dist/index227.js +1 -1
  134. package/dist/index228.js +1 -1
  135. package/dist/index229.js +1 -1
  136. package/dist/index23.js +2 -2
  137. package/dist/index231.js +1 -1
  138. package/dist/index233.js +1 -1
  139. package/dist/index234.js +28 -28
  140. package/dist/index235.js +1 -1
  141. package/dist/index236.js +4 -209
  142. package/dist/index237.js +209 -4
  143. package/dist/index238.js +3 -13
  144. package/dist/index239.js +13 -47
  145. package/dist/index24.js +9 -9
  146. package/dist/index240.js +47 -3
  147. package/dist/index242.js +3 -3
  148. package/dist/index243.js +2 -2
  149. package/dist/index246.js +2 -2
  150. package/dist/index247.js +1 -1
  151. package/dist/index251.js +1 -1
  152. package/dist/index253.js +1 -1
  153. package/dist/index256.js +1 -1
  154. package/dist/index257.js +1 -1
  155. package/dist/index260.js +1 -1
  156. package/dist/index261.js +1 -1
  157. package/dist/index262.js +2 -2
  158. package/dist/index264.js +2 -2
  159. package/dist/index27.js +1 -1
  160. package/dist/index28.js +1 -1
  161. package/dist/index33.js +11 -11
  162. package/dist/index34.js +2 -2
  163. package/dist/index35.js +9 -9
  164. package/dist/index36.js +7 -7
  165. package/dist/index37.js +3 -3
  166. package/dist/index38.js +5 -5
  167. package/dist/index39.js +3 -3
  168. package/dist/index41.js +2 -2
  169. package/dist/index45.js +2 -2
  170. package/dist/index46.js +4 -4
  171. package/dist/index47.js +5 -5
  172. package/dist/index48.js +15 -15
  173. package/dist/index49.js +2 -2
  174. package/dist/index50.js +9 -9
  175. package/dist/index52.js +24 -24
  176. package/dist/index53.js +3 -3
  177. package/dist/index54.js +31 -31
  178. package/dist/index55.js +13 -13
  179. package/dist/index56.js +12 -12
  180. package/dist/index57.js +1 -1
  181. package/dist/index58.js +3 -3
  182. package/dist/index59.js +5 -5
  183. package/dist/index60.js +11 -11
  184. package/dist/index61.js +4 -4
  185. package/dist/index62.js +3 -3
  186. package/dist/index63.js +11 -11
  187. package/dist/index64.js +4 -4
  188. package/dist/index65.js +3 -3
  189. package/dist/index66.js +13 -13
  190. package/dist/index67.js +1 -1
  191. package/dist/index69.js +31 -31
  192. package/dist/index70.js +5 -5
  193. package/dist/index71.js +17 -17
  194. package/dist/index72.js +23 -23
  195. package/dist/index73.js +7 -7
  196. package/dist/index74.js +1 -1
  197. package/dist/index75.js +13 -13
  198. package/dist/index76.js +2 -2
  199. package/dist/index77.js +4 -4
  200. package/dist/index78.js +3 -3
  201. package/dist/index79.js +1 -1
  202. package/dist/index80.js +1 -1
  203. package/dist/index81.js +17 -17
  204. package/dist/index82.js +4 -4
  205. package/dist/index83.js +4 -4
  206. package/dist/index86.js +89 -11
  207. package/dist/index87.js +8 -8
  208. package/dist/index88.js +12 -96
  209. package/dist/index89.js +87 -81
  210. package/dist/index94.js +133 -7
  211. package/dist/index95.js +26 -86
  212. package/dist/index96.js +8 -12
  213. package/dist/index97.js +5 -63
  214. package/dist/index98.js +13 -38
  215. package/dist/index99.js +23 -14
  216. package/package.json +5 -2
package/dist/index192.js CHANGED
@@ -1,31 +1,120 @@
1
1
  "use client";
2
- import { useRenderElement as c } from "./index87.js";
3
- import { useCompositeItem as u } from "./index222.js";
4
- import { EMPTY_OBJECT as d, EMPTY_ARRAY as t } from "./index122.js";
5
- function M(e) {
2
+ import * as R from "react";
3
+ import { useTimeout as O } from "./index138.js";
4
+ import { useIsoLayoutEffect as X } from "./index97.js";
5
+ import { useSelectRootContext as Y } from "./index171.js";
6
+ import { useSelectPositionerContext as _ } from "./index186.js";
7
+ import { useTransitionStatus as j } from "./index117.js";
8
+ import { useOpenChangeComplete as q } from "./index118.js";
9
+ import { useRenderElement as z } from "./index87.js";
10
+ import { selectors as d } from "./index175.js";
11
+ import { useStore as H } from "./index182.js";
12
+ const F = /* @__PURE__ */ R.forwardRef(function(w, I) {
6
13
  const {
7
- render: l,
8
- className: E,
9
- state: o = d,
10
- props: r = t,
11
- refs: s = t,
12
- metadata: m,
13
- stateAttributesMapping: p,
14
- tag: i = "div",
15
- ...a
16
- } = e, {
17
- compositeProps: n,
18
- compositeRef: f
19
- } = u({
20
- metadata: m
14
+ render: J,
15
+ className: K,
16
+ direction: r,
17
+ keepMounted: v = !1,
18
+ ...V
19
+ } = w, {
20
+ store: o,
21
+ popupRef: g,
22
+ listRef: a,
23
+ handleScrollArrowVisibility: C,
24
+ scrollArrowsMountedCountRef: c
25
+ } = Y(), {
26
+ side: S,
27
+ scrollDownArrowRef: E,
28
+ scrollUpArrowRef: N
29
+ } = _(), y = r === "up" ? d.scrollUpArrowVisible : d.scrollDownArrowVisible, B = H(o, y), D = H(o, d.openMethod), n = B && D !== "touch", f = O(), p = r === "up" ? N : E, {
30
+ transitionStatus: T,
31
+ setMounted: k
32
+ } = j(n);
33
+ X(() => (c.current += 1, o.state.hasScrollArrows || o.set("hasScrollArrows", !0), () => {
34
+ c.current = Math.max(0, c.current - 1), c.current === 0 && o.state.hasScrollArrows && o.set("hasScrollArrows", !1);
35
+ }), [o, c]), q({
36
+ open: n,
37
+ ref: p,
38
+ onComplete() {
39
+ n || k(!1);
40
+ }
21
41
  });
22
- return c(i, e, {
23
- state: o,
24
- ref: [...s, f],
25
- props: [n, ...r, a],
26
- stateAttributesMapping: p
42
+ const P = R.useMemo(() => ({
43
+ direction: r,
44
+ visible: n,
45
+ side: S,
46
+ transitionStatus: T
47
+ }), [r, n, S, T]), U = z("div", w, {
48
+ ref: [I, p],
49
+ state: P,
50
+ props: [{
51
+ "aria-hidden": !0,
52
+ children: r === "up" ? "▲" : "▼",
53
+ style: {
54
+ position: "absolute"
55
+ },
56
+ onMouseMove(A) {
57
+ if (A.movementX === 0 && A.movementY === 0 || f.isStarted())
58
+ return;
59
+ o.set("activeIndex", null);
60
+ function M() {
61
+ const t = o.state.listElement ?? g.current;
62
+ if (!t)
63
+ return;
64
+ o.set("activeIndex", null), C();
65
+ const x = t.scrollTop === 0, b = Math.round(t.scrollTop + t.clientHeight) >= t.scrollHeight;
66
+ if (a.current.length === 0 && (r === "up" ? o.set("scrollUpArrowVisible", !x) : o.set("scrollDownArrowVisible", !b)), r === "up" && x || r === "down" && b) {
67
+ f.clear();
68
+ return;
69
+ }
70
+ if ((o.state.listElement || g.current) && a.current && a.current.length > 0) {
71
+ const s = a.current, m = p.current?.offsetHeight || 0;
72
+ if (r === "up") {
73
+ let l = 0;
74
+ const h = t.scrollTop + m;
75
+ for (let e = 0; e < s.length; e += 1) {
76
+ const i = s[e];
77
+ if (i && i.offsetTop >= h) {
78
+ l = e;
79
+ break;
80
+ }
81
+ }
82
+ const u = Math.max(0, l - 1);
83
+ if (u < l) {
84
+ const e = s[u];
85
+ e && (t.scrollTop = Math.max(0, e.offsetTop - m));
86
+ } else
87
+ t.scrollTop = 0;
88
+ } else {
89
+ let l = s.length - 1;
90
+ const h = t.scrollTop + t.clientHeight - m;
91
+ for (let e = 0; e < s.length; e += 1) {
92
+ const i = s[e];
93
+ if (i && i.offsetTop + i.offsetHeight > h) {
94
+ l = Math.max(0, e - 1);
95
+ break;
96
+ }
97
+ }
98
+ const u = Math.min(s.length - 1, l + 1);
99
+ if (u > l) {
100
+ const e = s[u];
101
+ e && (t.scrollTop = e.offsetTop + e.offsetHeight - t.clientHeight + m);
102
+ } else
103
+ t.scrollTop = t.scrollHeight - t.clientHeight;
104
+ }
105
+ }
106
+ f.start(40, M);
107
+ }
108
+ f.start(40, M);
109
+ },
110
+ onMouseLeave() {
111
+ f.clear();
112
+ }
113
+ }, V]
27
114
  });
28
- }
115
+ return n || v ? U : null;
116
+ });
117
+ process.env.NODE_ENV !== "production" && (F.displayName = "SelectScrollArrow");
29
118
  export {
30
- M as CompositeItem
119
+ F as SelectScrollArrow
31
120
  };
package/dist/index193.js CHANGED
@@ -1,10 +1,14 @@
1
- import { isHTMLElement as r, isLastTraversableNode as e, getParentNode as i } from "./index123.js";
2
- function n(t) {
3
- if (r(t) && t.hasAttribute("data-rootownerid"))
4
- return t.getAttribute("data-rootownerid") ?? void 0;
5
- if (!e(t))
6
- return n(i(t));
1
+ import r from "./index100.js";
2
+ import * as t from "react";
3
+ const o = /* @__PURE__ */ t.createContext(void 0);
4
+ process.env.NODE_ENV !== "production" && (o.displayName = "SelectGroupContext");
5
+ function s() {
6
+ const e = t.useContext(o);
7
+ if (e === void 0)
8
+ throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: SelectGroupContext is missing. SelectGroup parts must be placed within <Select.Group>." : r(56));
9
+ return e;
7
10
  }
8
11
  export {
9
- n as findRootOwnerId
12
+ o as SelectGroupContext,
13
+ s as useSelectGroupContext
10
14
  };
package/dist/index194.js CHANGED
@@ -1,25 +1,90 @@
1
- import * as c from "react";
2
- import { ownerDocument as i } from "./index151.js";
3
- import { EMPTY_OBJECT as s } from "./index122.js";
4
- function a(u) {
1
+ "use client";
2
+ import * as s from "react";
3
+ import { useStableCallback as y } from "./index95.js";
4
+ import { useScrollLock as I } from "./index141.js";
5
+ import { useOpenInteractionType as A } from "./index144.js";
6
+ import { createChangeEventDetails as M } from "./index115.js";
7
+ import { useImplicitActiveTrigger as B, useOpenStateTransitions as F } from "./index153.js";
8
+ import { useSyncedFloatingRootContext as U } from "./index147.js";
9
+ import { useRole as w } from "./index149.js";
10
+ import { useDismiss as H } from "./index148.js";
11
+ import { useInteractions as K } from "./index152.js";
12
+ import { imperativeAction as L } from "./index116.js";
13
+ import { getTarget as V, contains as j } from "./index166.js";
14
+ function ee(R) {
5
15
  const {
6
- enabled: t = !0,
7
- mouseDownAction: r,
8
- open: n
9
- } = u, e = c.useRef(!1);
10
- return c.useMemo(() => t ? {
11
- onMouseDown: (o) => {
12
- (r === "open" && !n || r === "close" && n) && (e.current = !0, i(o.currentTarget).addEventListener("click", () => {
13
- e.current = !1;
14
- }, {
15
- once: !0
16
- }));
16
+ store: e,
17
+ parentContext: o,
18
+ actionsRef: x
19
+ } = R, n = e.useState("open"), P = e.useState("disablePointerDismissal"), c = e.useState("modal"), l = e.useState("popupElement"), {
20
+ openMethod: k,
21
+ triggerProps: r,
22
+ reset: S
23
+ } = A(n);
24
+ B(e);
25
+ const {
26
+ forceUnmount: m
27
+ } = F(n, e, () => {
28
+ S();
29
+ }), f = y((t) => {
30
+ const a = M(t);
31
+ return a.preventUnmountOnClose = () => {
32
+ e.set("preventUnmountingOnClose", !0);
33
+ }, a;
34
+ }), g = s.useCallback(() => {
35
+ e.setOpen(!1, f(L));
36
+ }, [e, f]);
37
+ s.useImperativeHandle(x, () => ({
38
+ unmount: m,
39
+ close: g
40
+ }), [m, g]);
41
+ const u = U({
42
+ popupStore: e,
43
+ onOpenChange: e.setOpen,
44
+ treatPopupAsFloatingElement: !0,
45
+ noEmit: !0
46
+ }), [i, d] = s.useState(0), C = i === 0, N = w(u), T = H(u, {
47
+ outsidePressEvent() {
48
+ return e.context.internalBackdropRef.current || e.context.backdropRef.current ? "intentional" : {
49
+ mouse: c === "trap-focus" ? "sloppy" : "intentional",
50
+ touch: "sloppy"
51
+ };
52
+ },
53
+ outsidePress(t) {
54
+ if ("button" in t && t.button !== 0 || "touches" in t && t.touches.length !== 1)
55
+ return !1;
56
+ const a = V(t);
57
+ if (C && !P) {
58
+ const p = a;
59
+ return c && (e.context.internalBackdropRef.current || e.context.backdropRef.current) ? e.context.internalBackdropRef.current === p || e.context.backdropRef.current === p || j(p, l) && !p?.hasAttribute("data-base-ui-portal") : !0;
60
+ }
61
+ return !1;
17
62
  },
18
- onClick: (o) => {
19
- e.current && (e.current = !1, o.preventBaseUIHandler());
20
- }
21
- } : s, [t, r, n]);
63
+ escapeKey: C
64
+ });
65
+ I(n && c === !0, l);
66
+ const {
67
+ getReferenceProps: D,
68
+ getFloatingProps: O,
69
+ getTriggerProps: b
70
+ } = K([N, T]);
71
+ e.useContextCallback("onNestedDialogOpen", (t) => {
72
+ d(t + 1);
73
+ }), e.useContextCallback("onNestedDialogClose", () => {
74
+ d(0);
75
+ }), s.useEffect(() => (o?.onNestedDialogOpen && n && o.onNestedDialogOpen(i), o?.onNestedDialogClose && !n && o.onNestedDialogClose(), () => {
76
+ o?.onNestedDialogClose && n && o.onNestedDialogClose();
77
+ }), [n, o, i]);
78
+ const h = s.useMemo(() => D(r), [D, r]), v = s.useMemo(() => b(r), [b, r]), E = s.useMemo(() => O(), [O]);
79
+ e.useSyncedValues({
80
+ openMethod: k,
81
+ activeTriggerProps: h,
82
+ inactiveTriggerProps: v,
83
+ popupProps: E,
84
+ floatingRootContext: u,
85
+ nestedOpenDialogCount: i
86
+ });
22
87
  }
23
88
  export {
24
- a as useMixedToggleClickHandler
89
+ ee as useDialogRoot
25
90
  };
package/dist/index195.js CHANGED
@@ -1,27 +1,15 @@
1
1
  "use client";
2
- import * as r from "react";
3
- import { useIsoLayoutEffect as a } from "./index126.js";
4
- import { isSafari as u } from "./index162.js";
5
- import { visuallyHidden as i } from "./index129.js";
6
- import { jsx as f } from "react/jsx-runtime";
7
- const n = /* @__PURE__ */ r.forwardRef(function(e, t) {
8
- const [o, s] = r.useState();
9
- return a(() => {
10
- u && s("button");
11
- }, []), /* @__PURE__ */ f("span", {
12
- ...e,
13
- ref: t,
14
- style: i,
15
- "aria-hidden": o ? void 0 : !0,
16
- ...{
17
- tabIndex: 0,
18
- // Role is only for VoiceOver
19
- role: o
20
- },
21
- "data-base-ui-focus-guard": ""
22
- });
23
- });
24
- process.env.NODE_ENV !== "production" && (n.displayName = "FocusGuard");
2
+ import i from "./index100.js";
3
+ import * as t from "react";
4
+ const e = /* @__PURE__ */ t.createContext(void 0);
5
+ process.env.NODE_ENV !== "production" && (e.displayName = "DialogRootContext");
6
+ function s(n) {
7
+ const o = t.useContext(e);
8
+ if (n === !1 && o === void 0)
9
+ throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: DialogRootContext is missing. Dialog parts must be placed within <Dialog.Root>." : i(27));
10
+ return o;
11
+ }
25
12
  export {
26
- n as FocusGuard
13
+ e as DialogRootContext,
14
+ s as useDialogRootContext
27
15
  };
package/dist/index196.js CHANGED
@@ -1,163 +1,65 @@
1
- import * as H from "react";
2
- import * as te from "react-dom";
3
- import { isElement as re } from "./index123.js";
4
- import { useValueAsRef as N } from "./index132.js";
5
- import { useStableCallback as Y } from "./index124.js";
6
- import { createChangeEventDetails as C } from "./index100.js";
7
- import { getDelay as V } from "./index244.js";
8
- import { useFloatingTree as ne } from "./index181.js";
9
- import { useHoverInteractionSharedState as oe, safePolygonIdentifier as ce } from "./index243.js";
10
- import { triggerHover as L } from "./index101.js";
11
- import { getDocument as z, contains as O } from "./index155.js";
12
- import { isMouseLikePointerType as B } from "./index225.js";
13
- function W(l) {
14
- return typeof l == "function" ? l() : l;
15
- }
16
- const se = {
17
- current: null
1
+ import * as i from "react";
2
+ import { popupStoreSelectors as d, createInitialPopupStoreState as a } from "./index214.js";
3
+ import { ReactStore as p } from "./index211.js";
4
+ import { PopupTriggerMap as g } from "./index212.js";
5
+ import { createSelector as n } from "./index213.js";
6
+ const m = {
7
+ ...d,
8
+ modal: n((e) => e.modal),
9
+ nested: n((e) => e.nested),
10
+ nestedOpenDialogCount: n((e) => e.nestedOpenDialogCount),
11
+ disablePointerDismissal: n((e) => e.disablePointerDismissal),
12
+ openMethod: n((e) => e.openMethod),
13
+ descriptionElementId: n((e) => e.descriptionElementId),
14
+ titleElementId: n((e) => e.titleElementId),
15
+ viewportElement: n((e) => e.viewportElement),
16
+ role: n((e) => e.role)
18
17
  };
19
- function Re(l, G = {}) {
20
- const t = "rootStore" in l ? l.rootStore : l, {
21
- dataRef: a,
22
- events: A
23
- } = t.context, {
24
- enabled: x = !0,
25
- delay: J = 0,
26
- handleClose: K = null,
27
- mouseOnly: D = !1,
28
- restMs: Q = 0,
29
- move: X = !0,
30
- triggerElementRef: b = se,
31
- externalTree: U,
32
- isActiveTrigger: _ = !0
33
- } = G, w = ne(U), {
34
- pointerTypeRef: o,
35
- interactedInsideRef: Z,
36
- handlerRef: d,
37
- blockMouseMoveRef: p,
38
- performedPointerEventsMutationRef: j,
39
- unbindMouseMoveRef: P,
40
- restTimeoutPendingRef: f,
41
- openChangeTimeout: c,
42
- restTimeout: m,
43
- handleCloseOptionsRef: $
44
- } = oe(t), v = N(K), M = N(J), T = N(Q);
45
- _ && ($.current = v.current?.__options);
46
- const y = Y(() => Z.current ? !0 : a.current.openEvent ? ["click", "mousedown"].includes(a.current.openEvent.type) : !1), S = H.useCallback((e, r = !0) => {
47
- const s = V(M.current, "close", o.current);
48
- s && !d.current ? c.start(s, () => t.setOpen(!1, C(L, e))) : r && (c.clear(), t.setOpen(!1, C(L, e)));
49
- }, [M, d, t, o, c]), F = Y(() => {
50
- P.current(), d.current = void 0;
51
- }), k = Y(() => {
52
- if (j.current) {
53
- const e = z(t.select("domReferenceElement")).body;
54
- e.style.pointerEvents = "", e.removeAttribute(ce), j.current = !1;
55
- }
56
- });
57
- H.useEffect(() => {
58
- if (!x)
59
- return;
60
- function e(r) {
61
- r.open || (c.clear(), m.clear(), p.current = !0, f.current = !1);
62
- }
63
- return A.on("openchange", e), () => {
64
- A.off("openchange", e);
65
- };
66
- }, [x, A, c, m, p, f]);
67
- const q = Y((e) => {
68
- if (y() || !a.current.floatingContext)
69
- return;
70
- const r = t.context.triggerElements;
71
- if (e.relatedTarget && r.hasElement(e.relatedTarget))
18
+ class C extends p {
19
+ constructor(o) {
20
+ super(c(o), {
21
+ popupRef: /* @__PURE__ */ i.createRef(),
22
+ backdropRef: /* @__PURE__ */ i.createRef(),
23
+ internalBackdropRef: /* @__PURE__ */ i.createRef(),
24
+ triggerElements: new g(),
25
+ onOpenChange: void 0,
26
+ onOpenChangeComplete: void 0
27
+ }, m);
28
+ }
29
+ setOpen = (o, t) => {
30
+ if (t.preventUnmountOnClose = () => {
31
+ this.set("preventUnmountingOnClose", !0);
32
+ }, !o && t.trigger == null && this.state.activeTriggerId != null && (t.trigger = this.state.activeTriggerElement ?? void 0), this.context.onOpenChange?.(o, t), t.isCanceled)
72
33
  return;
73
- const s = b.current;
74
- v.current?.({
75
- ...a.current.floatingContext,
76
- tree: w,
77
- x: e.clientX,
78
- y: e.clientY,
79
- onClose() {
80
- k(), F(), !y() && s === t.select("domReferenceElement") && S(e);
81
- }
82
- })(e);
83
- });
84
- return H.useEffect(() => {
85
- if (!x)
86
- return;
87
- const e = b.current ?? (_ ? t.select("domReferenceElement") : null);
88
- if (!re(e))
89
- return;
90
- function r(n) {
91
- if (c.clear(), p.current = !1, D && !B(o.current) || W(T.current) > 0 && !V(M.current, "open"))
92
- return;
93
- const g = V(M.current, "open", o.current), u = t.select("domReferenceElement"), i = t.context.triggerElements, E = (i.hasElement(n.target) || i.hasMatchingElement((ee) => O(ee, n.target))) && (!u || !O(u, n.target)), R = n.currentTarget ?? null, h = !t.select("open") || E;
94
- g ? c.start(g, () => {
95
- h && t.setOpen(!0, C(L, n, R));
96
- }) : h && t.setOpen(!0, C(L, n, R));
97
- }
98
- function s(n) {
99
- if (y()) {
100
- k();
101
- return;
102
- }
103
- P.current();
104
- const g = t.select("domReferenceElement"), u = z(g);
105
- m.clear(), f.current = !1;
106
- const i = t.context.triggerElements;
107
- if (n.relatedTarget && i.hasElement(n.relatedTarget))
108
- return;
109
- if (v.current && a.current.floatingContext) {
110
- t.select("open") || c.clear();
111
- const R = b.current;
112
- d.current = v.current({
113
- ...a.current.floatingContext,
114
- tree: w,
115
- x: n.clientX,
116
- y: n.clientY,
117
- onClose() {
118
- k(), F(), !y() && R === t.select("domReferenceElement") && S(n, !0);
119
- }
120
- });
121
- const h = d.current;
122
- h(n), u.addEventListener("mousemove", h), P.current = () => {
123
- u.removeEventListener("mousemove", h);
124
- };
125
- return;
126
- }
127
- (o.current !== "touch" || !O(t.select("floatingElement"), n.relatedTarget)) && S(n);
128
- }
129
- function I(n) {
130
- q(n);
131
- }
132
- return t.select("open") && e.addEventListener("mouseleave", I), X && e.addEventListener("mousemove", r, {
133
- once: !0
134
- }), e.addEventListener("mouseenter", r), e.addEventListener("mouseleave", s), () => {
135
- e.removeEventListener("mouseleave", I), X && e.removeEventListener("mousemove", r), e.removeEventListener("mouseenter", r), e.removeEventListener("mouseleave", s);
34
+ const s = {
35
+ open: o,
36
+ nativeEvent: t.event,
37
+ reason: t.reason,
38
+ nested: this.state.nested
136
39
  };
137
- }, [F, k, p, a, M, S, t, x, v, q, _, y, D, X, o, T, m, f, c, b, w, P, d]), H.useMemo(() => {
138
- function e(r) {
139
- o.current = r.pointerType;
140
- }
141
- return {
142
- onPointerDown: e,
143
- onPointerEnter: e,
144
- onMouseMove(r) {
145
- const {
146
- nativeEvent: s
147
- } = r, I = r.currentTarget, n = t.select("domReferenceElement"), g = t.context.triggerElements, u = t.select("open"), i = (g.hasElement(r.target) || g.hasMatchingElement((R) => O(R, r.target))) && (!n || !O(n, r.target));
148
- if (D && !B(o.current) || u && !i || W(T.current) === 0 || !i && f.current && r.movementX ** 2 + r.movementY ** 2 < 2)
149
- return;
150
- m.clear();
151
- function E() {
152
- !p.current && (!u || i) && t.setOpen(!0, C(L, s, I));
153
- }
154
- o.current === "touch" ? te.flushSync(() => {
155
- E();
156
- }) : i && u ? E() : (f.current = !0, m.start(W(T.current), E));
157
- }
158
- };
159
- }, [p, D, t, o, T, m, f]);
40
+ this.state.floatingRootContext.context.events?.emit("openchange", s);
41
+ const r = {
42
+ open: o
43
+ }, l = t.trigger?.id ?? null;
44
+ (l || o) && (r.activeTriggerId = l, r.activeTriggerElement = t.trigger ?? null), this.update(r);
45
+ };
46
+ }
47
+ function c(e = {}) {
48
+ return {
49
+ ...a(),
50
+ modal: !0,
51
+ disablePointerDismissal: !1,
52
+ popupElement: null,
53
+ viewportElement: null,
54
+ descriptionElementId: void 0,
55
+ titleElementId: void 0,
56
+ openMethod: null,
57
+ nested: !1,
58
+ nestedOpenDialogCount: 0,
59
+ role: "dialog",
60
+ ...e
61
+ };
160
62
  }
161
63
  export {
162
- Re as useHoverReferenceInteraction
64
+ C as DialogStore
163
65
  };
package/dist/index197.js CHANGED
@@ -1,116 +1,6 @@
1
- import { isElement as U } from "./index123.js";
2
- import { Timeout as Z } from "./index152.js";
3
- import { getTarget as $, contains as W } from "./index155.js";
4
- import { getNodeChildren as y } from "./index241.js";
5
- function G(u, t) {
6
- const [_, R] = u;
7
- let h = !1;
8
- const a = t.length;
9
- for (let d = 0, b = a - 1; d < a; b = d++) {
10
- const [O, E] = t[d] || [0, 0], [S, i] = t[b] || [0, 0];
11
- E >= R != i >= R && _ <= (S - O) * (R - E) / (i - E) + O && (h = !h);
12
- }
13
- return h;
14
- }
15
- function x(u, t) {
16
- return u[0] >= t.x && u[0] <= t.x + t.width && u[1] >= t.y && u[1] <= t.y + t.height;
17
- }
18
- function rt(u = {}) {
19
- const {
20
- buffer: t = 0.5,
21
- blockPointerEvents: _ = !1,
22
- requireIntent: R = !0
23
- } = u, h = new Z();
24
- let a = !1, d = null, b = null, O = typeof performance < "u" ? performance.now() : 0;
25
- function E(i, s) {
26
- const k = performance.now(), c = k - O;
27
- if (d === null || b === null || c === 0)
28
- return d = i, b = s, O = k, null;
29
- const X = i - d, Y = s - b, z = Math.sqrt(X * X + Y * Y) / c;
30
- return d = i, b = s, O = k, z;
31
- }
32
- const S = ({
33
- x: i,
34
- y: s,
35
- placement: k,
36
- elements: c,
37
- onClose: X,
38
- nodeId: Y,
39
- tree: p
40
- }) => function(P) {
41
- function I() {
42
- h.clear(), X();
43
- }
44
- if (h.clear(), !c.domReference || !c.floating || k == null || i == null || s == null)
45
- return;
46
- const {
47
- clientX: N,
48
- clientY: V
49
- } = P, H = [N, V], A = $(P), j = P.type === "mouseleave", J = W(c.floating, A), D = W(c.domReference, A), n = c.domReference.getBoundingClientRect(), o = c.floating.getBoundingClientRect(), C = k.split("-")[0], m = i > o.right - o.width / 2, g = s > o.bottom - o.height / 2, K = x(H, n), l = o.width > n.width, f = o.height > n.height, v = (l ? n : o).left, B = (l ? n : o).right, M = (f ? n : o).top, q = (f ? n : o).bottom;
50
- if (J && (a = !0, !j))
51
- return;
52
- if (D && (a = !1), D && !j) {
53
- a = !0;
54
- return;
55
- }
56
- if (j && U(P.relatedTarget) && W(c.floating, P.relatedTarget) || p && y(p.nodesRef.current, Y).some(({
57
- context: e
58
- }) => e?.open))
59
- return;
60
- if (C === "top" && s >= n.bottom - 1 || C === "bottom" && s <= n.top + 1 || C === "left" && i >= n.right - 1 || C === "right" && i <= n.left + 1)
61
- return I();
62
- let L = [];
63
- switch (C) {
64
- case "top":
65
- L = [[v, n.top + 1], [v, o.bottom - 1], [B, o.bottom - 1], [B, n.top + 1]];
66
- break;
67
- case "bottom":
68
- L = [[v, o.top + 1], [v, n.bottom - 1], [B, n.bottom - 1], [B, o.top + 1]];
69
- break;
70
- case "left":
71
- L = [[o.right - 1, q], [o.right - 1, M], [n.left + 1, M], [n.left + 1, q]];
72
- break;
73
- case "right":
74
- L = [[n.right - 1, q], [n.right - 1, M], [o.left + 1, M], [o.left + 1, q]];
75
- break;
76
- }
77
- function Q([e, r]) {
78
- switch (C) {
79
- case "top": {
80
- const T = [l ? e + t / 2 : m ? e + t * 4 : e - t * 4, r + t + 1], w = [l ? e - t / 2 : m ? e + t * 4 : e - t * 4, r + t + 1], F = [[o.left, m || l ? o.bottom - t : o.top], [o.right, m ? l ? o.bottom - t : o.top : o.bottom - t]];
81
- return [T, w, ...F];
82
- }
83
- case "bottom": {
84
- const T = [l ? e + t / 2 : m ? e + t * 4 : e - t * 4, r - t], w = [l ? e - t / 2 : m ? e + t * 4 : e - t * 4, r - t], F = [[o.left, m || l ? o.top + t : o.bottom], [o.right, m ? l ? o.top + t : o.bottom : o.top + t]];
85
- return [T, w, ...F];
86
- }
87
- case "left": {
88
- const T = [e + t + 1, f ? r + t / 2 : g ? r + t * 4 : r - t * 4], w = [e + t + 1, f ? r - t / 2 : g ? r + t * 4 : r - t * 4];
89
- return [...[[g || f ? o.right - t : o.left, o.top], [g ? f ? o.right - t : o.left : o.right - t, o.bottom]], T, w];
90
- }
91
- case "right": {
92
- const T = [e - t, f ? r + t / 2 : g ? r + t * 4 : r - t * 4], w = [e - t, f ? r - t / 2 : g ? r + t * 4 : r - t * 4], F = [[g || f ? o.left + t : o.right, o.top], [g ? f ? o.left + t : o.right : o.left + t, o.bottom]];
93
- return [T, w, ...F];
94
- }
95
- default:
96
- return [];
97
- }
98
- }
99
- if (!G([N, V], L)) {
100
- if (a && !K)
101
- return I();
102
- if (!j && R) {
103
- const e = E(P.clientX, P.clientY);
104
- if (e !== null && e < 0.1)
105
- return I();
106
- }
107
- G([N, V], Q([i, s])) ? !a && R && h.start(40, I) : I();
108
- }
109
- };
110
- return S.__options = {
111
- blockPointerEvents: _
112
- }, S;
113
- }
1
+ let t = /* @__PURE__ */ (function(e) {
2
+ return e.nestedDialogs = "--nested-dialogs", e;
3
+ })({});
114
4
  export {
115
- rt as safePolygon
5
+ t as DialogPopupCssVars
116
6
  };