@yselimcan/ui 0.0.5 → 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 (224) hide show
  1. package/dist/index100.js +4 -5
  2. package/dist/index101.js +66 -7
  3. package/dist/index102.js +8 -87
  4. package/dist/index103.js +12 -11
  5. package/dist/index104.js +3 -62
  6. package/dist/index105.js +4 -38
  7. package/dist/index106.js +6 -14
  8. package/dist/index107.js +29 -32
  9. package/dist/index108.js +12 -19
  10. package/dist/index109.js +65 -4
  11. package/dist/index110.js +53 -3
  12. package/dist/index111.js +13 -5
  13. package/dist/index112.js +5 -11
  14. package/dist/index113.js +13 -19
  15. package/dist/index114.js +13 -13
  16. package/dist/index115.js +32 -296
  17. package/dist/index116.js +19 -5
  18. package/dist/index117.js +40 -38
  19. package/dist/index118.js +16 -123
  20. package/dist/index119.js +12 -21
  21. package/dist/index120.js +38 -77
  22. package/dist/index121.js +14 -65
  23. package/dist/index122.js +8 -45
  24. package/dist/index123.js +13 -14
  25. package/dist/index124.js +5 -5
  26. package/dist/index125.js +87 -29
  27. package/dist/index126.js +296 -4
  28. package/dist/index127.js +10 -26
  29. package/dist/index128.js +122 -14
  30. package/dist/index129.js +4 -21
  31. package/dist/index130.js +259 -54
  32. package/dist/index131.js +78 -16
  33. package/dist/index132.js +37 -26
  34. package/dist/index133.js +21 -41
  35. package/dist/index134.js +12 -43
  36. package/dist/index135.js +55 -20
  37. package/dist/index136.js +11 -48
  38. package/dist/index137.js +11 -51
  39. package/dist/index138.js +29 -16
  40. package/dist/index139.js +18 -11
  41. package/dist/index140.js +65 -21
  42. package/dist/index141.js +103 -34
  43. package/dist/index142.js +8 -230
  44. package/dist/index143.js +8 -283
  45. package/dist/index144.js +21 -52
  46. package/dist/index145.js +102 -14
  47. package/dist/index146.js +7 -79
  48. package/dist/index147.js +32 -3
  49. package/dist/index148.js +228 -28
  50. package/dist/index149.js +74 -23
  51. package/dist/index150.js +283 -15
  52. package/dist/index151.js +52 -68
  53. package/dist/index152.js +46 -4
  54. package/dist/index153.js +70 -98
  55. package/dist/index154.js +3 -79
  56. package/dist/index155.js +13 -262
  57. package/dist/index156.js +15 -11
  58. package/dist/index157.js +28 -10
  59. package/dist/index158.js +7 -40
  60. package/dist/index159.js +22 -4
  61. package/dist/index160.js +24 -66
  62. package/dist/index161.js +160 -9
  63. package/dist/index162.js +113 -8
  64. package/dist/index163.js +64 -5
  65. package/dist/index164.js +74 -132
  66. package/dist/index165.js +64 -53
  67. package/dist/index166.js +68 -10
  68. package/dist/index167.js +14 -118
  69. package/dist/index168.js +7 -11
  70. package/dist/index169.js +5 -8
  71. package/dist/index17.js +4 -4
  72. package/dist/index170.js +16 -11
  73. package/dist/index171.js +21 -22
  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/index201.js +21 -47
  106. package/dist/index202.js +4 -200
  107. package/dist/index203.js +26 -47
  108. package/dist/index204.js +127 -19
  109. package/dist/index205.js +45 -27
  110. package/dist/index206.js +17 -11
  111. package/dist/index207.js +5 -7
  112. package/dist/index208.js +181 -4
  113. package/dist/index209.js +74 -8
  114. package/dist/index21.js +3 -3
  115. package/dist/index210.js +396 -14
  116. package/dist/index211.js +199 -21
  117. package/dist/index212.js +46 -126
  118. package/dist/index213.js +18 -43
  119. package/dist/index214.js +47 -17
  120. package/dist/index215.js +7 -5
  121. package/dist/index216.js +5 -181
  122. package/dist/index217.js +15 -74
  123. package/dist/index218.js +12 -396
  124. package/dist/index219.js +32 -38
  125. package/dist/index22.js +5 -5
  126. package/dist/index220.js +4 -57
  127. package/dist/index221.js +11 -27
  128. package/dist/index222.js +9 -7
  129. package/dist/index223.js +37 -11
  130. package/dist/index224.js +57 -12
  131. package/dist/index225.js +27 -11
  132. package/dist/index226.js +6 -20
  133. package/dist/index227.js +11 -10
  134. package/dist/index228.js +11 -7
  135. package/dist/index229.js +11 -42
  136. package/dist/index23.js +2 -2
  137. package/dist/index230.js +22 -4
  138. package/dist/index231.js +11 -4
  139. package/dist/index232.js +6 -595
  140. package/dist/index233.js +42 -11
  141. package/dist/index234.js +594 -12
  142. package/dist/index235.js +11 -32
  143. package/dist/index236.js +4 -209
  144. package/dist/index237.js +209 -4
  145. package/dist/index238.js +3 -13
  146. package/dist/index239.js +13 -47
  147. package/dist/index24.js +9 -9
  148. package/dist/index240.js +47 -3
  149. package/dist/index242.js +4 -4
  150. package/dist/index243.js +2 -2
  151. package/dist/index244.js +1 -1
  152. package/dist/index246.js +3 -3
  153. package/dist/index247.js +1 -1
  154. package/dist/index251.js +1 -1
  155. package/dist/index253.js +1 -1
  156. package/dist/index256.js +1 -1
  157. package/dist/index257.js +1 -1
  158. package/dist/index260.js +1 -1
  159. package/dist/index261.js +1 -1
  160. package/dist/index262.js +2 -2
  161. package/dist/index264.js +2 -2
  162. package/dist/index27.js +1 -1
  163. package/dist/index28.js +1 -1
  164. package/dist/index32.js +1 -1
  165. package/dist/index33.js +16 -16
  166. package/dist/index34.js +5 -5
  167. package/dist/index35.js +13 -13
  168. package/dist/index36.js +10 -10
  169. package/dist/index37.js +7 -7
  170. package/dist/index38.js +9 -9
  171. package/dist/index39.js +4 -4
  172. package/dist/index40.js +2 -2
  173. package/dist/index41.js +3 -3
  174. package/dist/index42.js +2 -2
  175. package/dist/index43.js +1 -1
  176. package/dist/index45.js +5 -5
  177. package/dist/index46.js +9 -9
  178. package/dist/index47.js +9 -9
  179. package/dist/index48.js +18 -18
  180. package/dist/index49.js +4 -4
  181. package/dist/index50.js +11 -11
  182. package/dist/index52.js +25 -25
  183. package/dist/index53.js +3 -3
  184. package/dist/index54.js +31 -31
  185. package/dist/index55.js +13 -13
  186. package/dist/index56.js +12 -12
  187. package/dist/index57.js +1 -1
  188. package/dist/index58.js +3 -3
  189. package/dist/index59.js +5 -5
  190. package/dist/index60.js +11 -11
  191. package/dist/index61.js +4 -4
  192. package/dist/index62.js +3 -3
  193. package/dist/index63.js +11 -11
  194. package/dist/index64.js +4 -4
  195. package/dist/index65.js +3 -3
  196. package/dist/index66.js +13 -13
  197. package/dist/index67.js +1 -1
  198. package/dist/index69.js +32 -32
  199. package/dist/index70.js +5 -5
  200. package/dist/index71.js +17 -17
  201. package/dist/index72.js +23 -23
  202. package/dist/index73.js +7 -7
  203. package/dist/index74.js +1 -1
  204. package/dist/index75.js +13 -13
  205. package/dist/index76.js +2 -2
  206. package/dist/index77.js +4 -4
  207. package/dist/index78.js +3 -3
  208. package/dist/index79.js +1 -1
  209. package/dist/index80.js +1 -1
  210. package/dist/index81.js +17 -17
  211. package/dist/index82.js +4 -4
  212. package/dist/index83.js +4 -4
  213. package/dist/index86.js +89 -11
  214. package/dist/index87.js +8 -8
  215. package/dist/index88.js +12 -96
  216. package/dist/index89.js +87 -81
  217. package/dist/index94.js +133 -4
  218. package/dist/index95.js +24 -63
  219. package/dist/index96.js +8 -8
  220. package/dist/index97.js +5 -14
  221. package/dist/index98.js +12 -3
  222. package/dist/index99.js +22 -3
  223. package/dist/styles.css +1 -1
  224. package/package.json +8 -4
package/dist/index194.js CHANGED
@@ -1,25 +1,90 @@
1
- import * as c from "react";
2
- import { ownerDocument as i } from "./index147.js";
3
- import { EMPTY_OBJECT as s } from "./index100.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 "./index158.js";
5
- import { visuallyHidden as i } from "./index123.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 "./index164.js";
4
- import { useValueAsRef as N } from "./index128.js";
5
- import { useStableCallback as Y } from "./index127.js";
6
- import { createChangeEventDetails as C } from "./index107.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 "./index108.js";
11
- import { getDocument as z, contains as O } from "./index151.js";
12
- import { isMouseLikePointerType as B } from "./index221.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 "./index164.js";
2
- import { Timeout as Z } from "./index148.js";
3
- import { getTarget as $, contains as W } from "./index151.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
  };
package/dist/index198.js CHANGED
@@ -1,78 +1,7 @@
1
- import * as i from "react";
2
- import { getWindow as h, isElement as b, isHTMLElement as M } from "./index164.js";
3
- import { isMac as F, isSafari as D } from "./index158.js";
4
- import { useTimeout as k } from "./index148.js";
5
- import { createChangeEventDetails as R } from "./index107.js";
6
- import { createAttribute as O } from "./index237.js";
7
- import { activeElement as T, contains as w, getTarget as S, isTypeableElement as A, matchesFocusVisible as C, getDocument as x } from "./index151.js";
8
- import { triggerFocus as y, triggerPress as B, escapeKey as K } from "./index108.js";
9
- const g = F && D;
10
- function z(a, L = {}) {
11
- const r = "rootStore" in a ? a.rootStore : a, {
12
- events: f,
13
- dataRef: E
14
- } = r.context, {
15
- enabled: o = !0,
16
- visibleOnly: p = !0
17
- } = L, s = i.useRef(!1), v = k(), m = i.useRef(!0);
18
- i.useEffect(() => {
19
- const t = r.select("domReferenceElement");
20
- if (!o)
21
- return;
22
- const e = h(t);
23
- function u() {
24
- !r.select("open") && M(t) && t === T(x(t)) && (s.current = !0);
25
- }
26
- function c() {
27
- m.current = !0;
28
- }
29
- function n() {
30
- m.current = !1;
31
- }
32
- return e.addEventListener("blur", u), g && (e.addEventListener("keydown", c, !0), e.addEventListener("pointerdown", n, !0)), () => {
33
- e.removeEventListener("blur", u), g && (e.removeEventListener("keydown", c, !0), e.removeEventListener("pointerdown", n, !0));
34
- };
35
- }, [r, o]), i.useEffect(() => {
36
- if (!o)
37
- return;
38
- function t(e) {
39
- (e.reason === B || e.reason === K) && (s.current = !0);
40
- }
41
- return f.on("openchange", t), () => {
42
- f.off("openchange", t);
43
- };
44
- }, [f, o]);
45
- const l = i.useMemo(() => ({
46
- onMouseLeave() {
47
- s.current = !1;
48
- },
49
- onFocus(t) {
50
- if (s.current)
51
- return;
52
- const e = S(t.nativeEvent);
53
- if (p && b(e)) {
54
- if (g && !t.relatedTarget) {
55
- if (!m.current && !A(e))
56
- return;
57
- } else if (!C(e))
58
- return;
59
- }
60
- r.setOpen(!0, R(y, t.nativeEvent, t.currentTarget));
61
- },
62
- onBlur(t) {
63
- s.current = !1;
64
- const e = t.relatedTarget, u = t.nativeEvent, c = b(e) && e.hasAttribute(O("focus-guard")) && e.getAttribute("data-type") === "outside";
65
- v.start(0, () => {
66
- const n = r.select("domReferenceElement"), d = T(n ? n.ownerDocument : document);
67
- !e && d === n || w(E.current.floatingContext?.refs.floating.current, d) || w(n, d) || c || r.context.triggerElements.hasElement(t.relatedTarget) || r.setOpen(!1, R(y, u));
68
- });
69
- }
70
- }), [E, r, p, v]);
71
- return i.useMemo(() => o ? {
72
- reference: l,
73
- trigger: l
74
- } : {}, [o, l]);
75
- }
1
+ import { CommonPopupDataAttributes as e } from "./index120.js";
2
+ let y = (function(n) {
3
+ return n[n.open = e.open] = "open", n[n.closed = e.closed] = "closed", n[n.startingStyle = e.startingStyle] = "startingStyle", n[n.endingStyle = e.endingStyle] = "endingStyle", n.nested = "data-nested", n.nestedDialogOpen = "data-nested-dialog-open", n;
4
+ })({});
76
5
  export {
77
- z as useFocus
6
+ y as DialogPopupDataAttributes
78
7
  };
package/dist/index199.js CHANGED
@@ -1,67 +1,14 @@
1
- import { tabbable as r } from "./index236.js";
2
- import { contains as d, getDocument as b, activeElement as f } from "./index151.js";
3
- const s = () => ({
4
- getShadowRoot: !0,
5
- displayCheck: (
6
- // JSDOM does not support the `tabbable` library. To solve this we can
7
- // check if `ResizeObserver` is a real function (not polyfilled), which
8
- // determines if the current environment is JSDOM-like.
9
- typeof ResizeObserver == "function" && ResizeObserver.toString().includes("[native code]") ? "full" : "none"
10
- )
11
- });
12
- function u(t, a) {
13
- const e = r(t, s()), n = e.length;
14
- if (n === 0)
15
- return;
16
- const i = f(b(t)), o = e.indexOf(i), c = o === -1 ? a === 1 ? 0 : n - 1 : o + a;
17
- return e[c];
18
- }
19
- function T(t) {
20
- return u(b(t).body, 1) || t;
21
- }
22
- function m(t) {
23
- return u(b(t).body, -1) || t;
24
- }
25
- function l(t, a) {
26
- if (!t)
27
- return null;
28
- const e = r(b(t).body, s()), n = e.length;
29
- if (n === 0)
30
- return null;
31
- const i = e.indexOf(t);
32
- if (i === -1)
33
- return null;
34
- const o = (i + a + n) % n;
35
- return e[o];
36
- }
37
- function v(t) {
38
- return l(t, 1);
39
- }
40
- function h(t) {
41
- return l(t, -1);
42
- }
43
- function p(t, a) {
44
- const e = a || t.currentTarget, n = t.relatedTarget;
45
- return !n || !d(e, n);
46
- }
47
- function y(t) {
48
- r(t, s()).forEach((e) => {
49
- e.dataset.tabindex = e.getAttribute("tabindex") || "", e.setAttribute("tabindex", "-1");
50
- });
51
- }
52
- function A(t) {
53
- t.querySelectorAll("[data-tabindex]").forEach((e) => {
54
- const n = e.dataset.tabindex;
55
- delete e.dataset.tabindex, n ? e.setAttribute("tabindex", n) : e.removeAttribute("tabindex");
56
- });
1
+ import r from "./index100.js";
2
+ import * as t from "react";
3
+ const e = /* @__PURE__ */ t.createContext(void 0);
4
+ process.env.NODE_ENV !== "production" && (e.displayName = "DialogPortalContext");
5
+ function a() {
6
+ const o = t.useContext(e);
7
+ if (o === void 0)
8
+ throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: <Dialog.Portal> is missing." : r(26));
9
+ return o;
57
10
  }
58
11
  export {
59
- y as disableFocusInside,
60
- A as enableFocusInside,
61
- T as getNextTabbable,
62
- m as getPreviousTabbable,
63
- v as getTabbableAfterElement,
64
- h as getTabbableBeforeElement,
65
- s as getTabbableOptions,
66
- p as isOutsideEvent
12
+ e as DialogPortalContext,
13
+ a as useDialogPortalContext
67
14
  };