@zag-js/tabs 0.1.6 → 0.1.9
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.
- package/dist/index.d.ts +0 -1
- package/dist/index.js +54 -136
- package/dist/index.mjs +53 -136
- package/dist/tabs.connect.d.ts +2 -3
- package/dist/tabs.dom.d.ts +1 -2
- package/dist/tabs.machine.d.ts +1 -2
- package/dist/tabs.types.d.ts +2 -3
- package/package.json +5 -5
- package/dist/index.d.ts.map +0 -1
- package/dist/index.js.map +0 -7
- package/dist/index.mjs.map +0 -7
- package/dist/tabs.connect.d.ts.map +0 -1
- package/dist/tabs.dom.d.ts.map +0 -1
- package/dist/tabs.machine.d.ts.map +0 -1
- package/dist/tabs.types.d.ts.map +0 -1
package/dist/index.d.ts
CHANGED
package/dist/index.js
CHANGED
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
"use strict";
|
|
1
2
|
var __defProp = Object.defineProperty;
|
|
2
3
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
3
4
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
@@ -42,93 +43,50 @@ module.exports = __toCommonJS(src_exports);
|
|
|
42
43
|
var dataAttr = (guard) => {
|
|
43
44
|
return guard ? "" : void 0;
|
|
44
45
|
};
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
globalThis.__styleCache__ = globalThis.__styleCache__ || /* @__PURE__ */ new WeakMap();
|
|
48
|
-
return globalThis.__styleCache__;
|
|
49
|
-
}
|
|
50
|
-
function getComputedStyle2(el) {
|
|
46
|
+
var isDom = () => typeof window !== "undefined";
|
|
47
|
+
function getPlatform() {
|
|
51
48
|
var _a;
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
const cache = getStyleCache();
|
|
55
|
-
let style = cache.get(el);
|
|
56
|
-
if (!style) {
|
|
57
|
-
const win = (_a = el == null ? void 0 : el.ownerDocument.defaultView) != null ? _a : window;
|
|
58
|
-
style = win.getComputedStyle(el);
|
|
59
|
-
cache.set(el, style);
|
|
60
|
-
}
|
|
61
|
-
return style;
|
|
62
|
-
}
|
|
63
|
-
function nextTick(fn) {
|
|
64
|
-
const set = /* @__PURE__ */ new Set();
|
|
65
|
-
function raf2(fn2) {
|
|
66
|
-
const id = globalThis.requestAnimationFrame(fn2);
|
|
67
|
-
set.add(() => globalThis.cancelAnimationFrame(id));
|
|
68
|
-
}
|
|
69
|
-
raf2(() => raf2(fn));
|
|
70
|
-
return function cleanup() {
|
|
71
|
-
set.forEach(function(fn2) {
|
|
72
|
-
fn2();
|
|
73
|
-
});
|
|
74
|
-
};
|
|
49
|
+
const agent = navigator.userAgentData;
|
|
50
|
+
return (_a = agent == null ? void 0 : agent.platform) != null ? _a : navigator.platform;
|
|
75
51
|
}
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
52
|
+
var pt = (v) => isDom() && v.test(getPlatform());
|
|
53
|
+
var vn = (v) => isDom() && v.test(navigator.vendor);
|
|
54
|
+
var isSafari = () => isApple() && vn(/apple/i);
|
|
55
|
+
var isApple = () => pt(/mac|iphone|ipad|ipod/i);
|
|
56
|
+
function isFrame(element) {
|
|
57
|
+
return element.localName === "iframe";
|
|
81
58
|
}
|
|
82
59
|
function isHTMLElement(v) {
|
|
83
60
|
return typeof v === "object" && (v == null ? void 0 : v.nodeType) === Node.ELEMENT_NODE && typeof (v == null ? void 0 : v.nodeName) === "string";
|
|
84
61
|
}
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
"input:not([disabled]):not([type=hidden])",
|
|
90
|
-
"select:not([disabled])",
|
|
91
|
-
"textarea:not([disabled])",
|
|
92
|
-
"button:not([disabled])",
|
|
93
|
-
"embed",
|
|
94
|
-
"iframe",
|
|
95
|
-
"object",
|
|
96
|
-
"a[href]",
|
|
97
|
-
"area[href]",
|
|
98
|
-
"[tabindex]",
|
|
99
|
-
"audio[controls]",
|
|
100
|
-
"video[controls]",
|
|
101
|
-
"*[tabindex]:not([aria-disabled])",
|
|
102
|
-
"[contenteditable]:not([contenteditable=false])",
|
|
103
|
-
"details > summary:first-of-type"
|
|
104
|
-
].join(",");
|
|
105
|
-
function isHidden(el, until) {
|
|
106
|
-
const style = getComputedStyle2(el);
|
|
107
|
-
if (!el || style.getPropertyValue("visibility") === "hidden")
|
|
108
|
-
return true;
|
|
109
|
-
while (el) {
|
|
110
|
-
if (until != null && el === until)
|
|
111
|
-
return false;
|
|
112
|
-
if (style.getPropertyValue("display") === "none")
|
|
113
|
-
return true;
|
|
114
|
-
el = el.parentElement;
|
|
115
|
-
}
|
|
116
|
-
return false;
|
|
62
|
+
function isVisible(el) {
|
|
63
|
+
if (!isHTMLElement(el))
|
|
64
|
+
return false;
|
|
65
|
+
return el.offsetWidth > 0 || el.offsetHeight > 0 || el.getClientRects().length > 0;
|
|
117
66
|
}
|
|
118
|
-
var
|
|
119
|
-
|
|
67
|
+
var focusableSelector = "input:not([type='hidden']):not([disabled]), select:not([disabled]), textarea:not([disabled]), a[href], button:not([disabled]), [tabindex], iframe, object, embed, area[href], audio[controls], video[controls], [contenteditable]:not([contenteditable='false']), details > summary:first-of-type";
|
|
68
|
+
var getFocusables = (container, includeContainer = false) => {
|
|
69
|
+
if (!container)
|
|
120
70
|
return [];
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
71
|
+
const elements = Array.from(container.querySelectorAll(focusableSelector));
|
|
72
|
+
const include = includeContainer == true || includeContainer == "if-empty" && elements.length === 0;
|
|
73
|
+
if (include && isHTMLElement(container) && isFocusable(container)) {
|
|
74
|
+
elements.unshift(container);
|
|
124
75
|
}
|
|
125
|
-
|
|
76
|
+
const focusableElements = elements.filter(isFocusable);
|
|
77
|
+
focusableElements.forEach((element, i) => {
|
|
78
|
+
if (isFrame(element) && element.contentDocument) {
|
|
79
|
+
const frameBody = element.contentDocument.body;
|
|
80
|
+
focusableElements.splice(i, 1, ...getFocusables(frameBody));
|
|
81
|
+
}
|
|
82
|
+
});
|
|
83
|
+
return focusableElements;
|
|
126
84
|
};
|
|
127
|
-
|
|
128
|
-
if (!
|
|
85
|
+
function isFocusable(element) {
|
|
86
|
+
if (!element)
|
|
129
87
|
return false;
|
|
130
|
-
return
|
|
131
|
-
}
|
|
88
|
+
return element.matches(focusableSelector) && isVisible(element);
|
|
89
|
+
}
|
|
132
90
|
var rtlKeyMap = {
|
|
133
91
|
ArrowLeft: "ArrowRight",
|
|
134
92
|
ArrowRight: "ArrowLeft",
|
|
@@ -155,6 +113,25 @@ function getEventKey(event, options = {}) {
|
|
|
155
113
|
}
|
|
156
114
|
return key;
|
|
157
115
|
}
|
|
116
|
+
function nextTick(fn) {
|
|
117
|
+
const set = /* @__PURE__ */ new Set();
|
|
118
|
+
function raf2(fn2) {
|
|
119
|
+
const id = globalThis.requestAnimationFrame(fn2);
|
|
120
|
+
set.add(() => globalThis.cancelAnimationFrame(id));
|
|
121
|
+
}
|
|
122
|
+
raf2(() => raf2(fn));
|
|
123
|
+
return function cleanup() {
|
|
124
|
+
set.forEach(function(fn2) {
|
|
125
|
+
fn2();
|
|
126
|
+
});
|
|
127
|
+
};
|
|
128
|
+
}
|
|
129
|
+
function raf(fn) {
|
|
130
|
+
const id = globalThis.requestAnimationFrame(fn);
|
|
131
|
+
return function cleanup() {
|
|
132
|
+
globalThis.cancelAnimationFrame(id);
|
|
133
|
+
};
|
|
134
|
+
}
|
|
158
135
|
function queryAll(root, selector) {
|
|
159
136
|
var _a;
|
|
160
137
|
return Array.from((_a = root == null ? void 0 : root.querySelectorAll(selector)) != null ? _a : []);
|
|
@@ -178,68 +155,10 @@ function prevById(v, id, loop = true) {
|
|
|
178
155
|
idx = loop ? (idx - 1 + v.length) % v.length : Math.max(0, idx - 1);
|
|
179
156
|
return v[idx];
|
|
180
157
|
}
|
|
181
|
-
var getValueText = (item) => {
|
|
182
|
-
var _a, _b;
|
|
183
|
-
return (_b = (_a = item.dataset.valuetext) != null ? _a : item.textContent) != null ? _b : "";
|
|
184
|
-
};
|
|
185
|
-
var match = (valueText, query2) => valueText.toLowerCase().startsWith(query2.toLowerCase());
|
|
186
|
-
var wrap = (v, idx) => {
|
|
187
|
-
return v.map((_, index) => v[(Math.max(idx, 0) + index) % v.length]);
|
|
188
|
-
};
|
|
189
|
-
function findByText(v, text, currentId) {
|
|
190
|
-
const index = currentId ? indexOfId(v, currentId) : -1;
|
|
191
|
-
let items = currentId ? wrap(v, index) : v;
|
|
192
|
-
const isSingleKey = text.length === 1;
|
|
193
|
-
if (isSingleKey) {
|
|
194
|
-
items = items.filter((item) => item.id !== currentId);
|
|
195
|
-
}
|
|
196
|
-
return items.find((item) => match(getValueText(item), text));
|
|
197
|
-
}
|
|
198
|
-
function findByTypeahead(_items, options) {
|
|
199
|
-
const { state: state2, activeId, key, timeout = 350 } = options;
|
|
200
|
-
const search = state2.keysSoFar + key;
|
|
201
|
-
const isRepeated = search.length > 1 && Array.from(search).every((char) => char === search[0]);
|
|
202
|
-
const query2 = isRepeated ? search[0] : search;
|
|
203
|
-
let items = _items.slice();
|
|
204
|
-
const next = findByText(items, query2, activeId);
|
|
205
|
-
function cleanup() {
|
|
206
|
-
clearTimeout(state2.timer);
|
|
207
|
-
state2.timer = -1;
|
|
208
|
-
}
|
|
209
|
-
function update(value) {
|
|
210
|
-
state2.keysSoFar = value;
|
|
211
|
-
cleanup();
|
|
212
|
-
if (value !== "") {
|
|
213
|
-
state2.timer = +setTimeout(() => {
|
|
214
|
-
update("");
|
|
215
|
-
cleanup();
|
|
216
|
-
}, timeout);
|
|
217
|
-
}
|
|
218
|
-
}
|
|
219
|
-
update(search);
|
|
220
|
-
return next;
|
|
221
|
-
}
|
|
222
|
-
findByTypeahead.defaultOptions = {
|
|
223
|
-
keysSoFar: "",
|
|
224
|
-
timer: -1
|
|
225
|
-
};
|
|
226
|
-
|
|
227
|
-
// ../../types/dist/index.mjs
|
|
228
|
-
function createNormalizer(fn) {
|
|
229
|
-
return new Proxy({}, {
|
|
230
|
-
get() {
|
|
231
|
-
return fn;
|
|
232
|
-
}
|
|
233
|
-
});
|
|
234
|
-
}
|
|
235
|
-
var normalizeProp = createNormalizer((v) => v);
|
|
236
158
|
|
|
237
159
|
// ../../utilities/core/dist/index.mjs
|
|
238
160
|
var first = (v) => v[0];
|
|
239
161
|
var last = (v) => v[v.length - 1];
|
|
240
|
-
var ua = (v) => isDom() && v.test(navigator.userAgent);
|
|
241
|
-
var isDom = () => !!(typeof window !== "undefined");
|
|
242
|
-
var isSafari = () => ua(/^((?!chrome|android).)*safari/i);
|
|
243
162
|
|
|
244
163
|
// src/tabs.dom.ts
|
|
245
164
|
var dom = {
|
|
@@ -314,7 +233,7 @@ var dom = {
|
|
|
314
233
|
};
|
|
315
234
|
|
|
316
235
|
// src/tabs.connect.ts
|
|
317
|
-
function connect(state, send, normalize
|
|
236
|
+
function connect(state, send, normalize) {
|
|
318
237
|
const messages = state.context.messages;
|
|
319
238
|
const isFocused = state.matches("focused");
|
|
320
239
|
return {
|
|
@@ -662,4 +581,3 @@ function machine(ctx = {}) {
|
|
|
662
581
|
}
|
|
663
582
|
});
|
|
664
583
|
}
|
|
665
|
-
//# sourceMappingURL=index.js.map
|
package/dist/index.mjs
CHANGED
|
@@ -19,93 +19,50 @@ var __spreadValues = (a, b) => {
|
|
|
19
19
|
var dataAttr = (guard) => {
|
|
20
20
|
return guard ? "" : void 0;
|
|
21
21
|
};
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
globalThis.__styleCache__ = globalThis.__styleCache__ || /* @__PURE__ */ new WeakMap();
|
|
25
|
-
return globalThis.__styleCache__;
|
|
26
|
-
}
|
|
27
|
-
function getComputedStyle2(el) {
|
|
22
|
+
var isDom = () => typeof window !== "undefined";
|
|
23
|
+
function getPlatform() {
|
|
28
24
|
var _a;
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
const cache = getStyleCache();
|
|
32
|
-
let style = cache.get(el);
|
|
33
|
-
if (!style) {
|
|
34
|
-
const win = (_a = el == null ? void 0 : el.ownerDocument.defaultView) != null ? _a : window;
|
|
35
|
-
style = win.getComputedStyle(el);
|
|
36
|
-
cache.set(el, style);
|
|
37
|
-
}
|
|
38
|
-
return style;
|
|
39
|
-
}
|
|
40
|
-
function nextTick(fn) {
|
|
41
|
-
const set = /* @__PURE__ */ new Set();
|
|
42
|
-
function raf2(fn2) {
|
|
43
|
-
const id = globalThis.requestAnimationFrame(fn2);
|
|
44
|
-
set.add(() => globalThis.cancelAnimationFrame(id));
|
|
45
|
-
}
|
|
46
|
-
raf2(() => raf2(fn));
|
|
47
|
-
return function cleanup() {
|
|
48
|
-
set.forEach(function(fn2) {
|
|
49
|
-
fn2();
|
|
50
|
-
});
|
|
51
|
-
};
|
|
25
|
+
const agent = navigator.userAgentData;
|
|
26
|
+
return (_a = agent == null ? void 0 : agent.platform) != null ? _a : navigator.platform;
|
|
52
27
|
}
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
28
|
+
var pt = (v) => isDom() && v.test(getPlatform());
|
|
29
|
+
var vn = (v) => isDom() && v.test(navigator.vendor);
|
|
30
|
+
var isSafari = () => isApple() && vn(/apple/i);
|
|
31
|
+
var isApple = () => pt(/mac|iphone|ipad|ipod/i);
|
|
32
|
+
function isFrame(element) {
|
|
33
|
+
return element.localName === "iframe";
|
|
58
34
|
}
|
|
59
35
|
function isHTMLElement(v) {
|
|
60
36
|
return typeof v === "object" && (v == null ? void 0 : v.nodeType) === Node.ELEMENT_NODE && typeof (v == null ? void 0 : v.nodeName) === "string";
|
|
61
37
|
}
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
"input:not([disabled]):not([type=hidden])",
|
|
67
|
-
"select:not([disabled])",
|
|
68
|
-
"textarea:not([disabled])",
|
|
69
|
-
"button:not([disabled])",
|
|
70
|
-
"embed",
|
|
71
|
-
"iframe",
|
|
72
|
-
"object",
|
|
73
|
-
"a[href]",
|
|
74
|
-
"area[href]",
|
|
75
|
-
"[tabindex]",
|
|
76
|
-
"audio[controls]",
|
|
77
|
-
"video[controls]",
|
|
78
|
-
"*[tabindex]:not([aria-disabled])",
|
|
79
|
-
"[contenteditable]:not([contenteditable=false])",
|
|
80
|
-
"details > summary:first-of-type"
|
|
81
|
-
].join(",");
|
|
82
|
-
function isHidden(el, until) {
|
|
83
|
-
const style = getComputedStyle2(el);
|
|
84
|
-
if (!el || style.getPropertyValue("visibility") === "hidden")
|
|
85
|
-
return true;
|
|
86
|
-
while (el) {
|
|
87
|
-
if (until != null && el === until)
|
|
88
|
-
return false;
|
|
89
|
-
if (style.getPropertyValue("display") === "none")
|
|
90
|
-
return true;
|
|
91
|
-
el = el.parentElement;
|
|
92
|
-
}
|
|
93
|
-
return false;
|
|
38
|
+
function isVisible(el) {
|
|
39
|
+
if (!isHTMLElement(el))
|
|
40
|
+
return false;
|
|
41
|
+
return el.offsetWidth > 0 || el.offsetHeight > 0 || el.getClientRects().length > 0;
|
|
94
42
|
}
|
|
95
|
-
var
|
|
96
|
-
|
|
43
|
+
var focusableSelector = "input:not([type='hidden']):not([disabled]), select:not([disabled]), textarea:not([disabled]), a[href], button:not([disabled]), [tabindex], iframe, object, embed, area[href], audio[controls], video[controls], [contenteditable]:not([contenteditable='false']), details > summary:first-of-type";
|
|
44
|
+
var getFocusables = (container, includeContainer = false) => {
|
|
45
|
+
if (!container)
|
|
97
46
|
return [];
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
47
|
+
const elements = Array.from(container.querySelectorAll(focusableSelector));
|
|
48
|
+
const include = includeContainer == true || includeContainer == "if-empty" && elements.length === 0;
|
|
49
|
+
if (include && isHTMLElement(container) && isFocusable(container)) {
|
|
50
|
+
elements.unshift(container);
|
|
101
51
|
}
|
|
102
|
-
|
|
52
|
+
const focusableElements = elements.filter(isFocusable);
|
|
53
|
+
focusableElements.forEach((element, i) => {
|
|
54
|
+
if (isFrame(element) && element.contentDocument) {
|
|
55
|
+
const frameBody = element.contentDocument.body;
|
|
56
|
+
focusableElements.splice(i, 1, ...getFocusables(frameBody));
|
|
57
|
+
}
|
|
58
|
+
});
|
|
59
|
+
return focusableElements;
|
|
103
60
|
};
|
|
104
|
-
|
|
105
|
-
if (!
|
|
61
|
+
function isFocusable(element) {
|
|
62
|
+
if (!element)
|
|
106
63
|
return false;
|
|
107
|
-
return
|
|
108
|
-
}
|
|
64
|
+
return element.matches(focusableSelector) && isVisible(element);
|
|
65
|
+
}
|
|
109
66
|
var rtlKeyMap = {
|
|
110
67
|
ArrowLeft: "ArrowRight",
|
|
111
68
|
ArrowRight: "ArrowLeft",
|
|
@@ -132,6 +89,25 @@ function getEventKey(event, options = {}) {
|
|
|
132
89
|
}
|
|
133
90
|
return key;
|
|
134
91
|
}
|
|
92
|
+
function nextTick(fn) {
|
|
93
|
+
const set = /* @__PURE__ */ new Set();
|
|
94
|
+
function raf2(fn2) {
|
|
95
|
+
const id = globalThis.requestAnimationFrame(fn2);
|
|
96
|
+
set.add(() => globalThis.cancelAnimationFrame(id));
|
|
97
|
+
}
|
|
98
|
+
raf2(() => raf2(fn));
|
|
99
|
+
return function cleanup() {
|
|
100
|
+
set.forEach(function(fn2) {
|
|
101
|
+
fn2();
|
|
102
|
+
});
|
|
103
|
+
};
|
|
104
|
+
}
|
|
105
|
+
function raf(fn) {
|
|
106
|
+
const id = globalThis.requestAnimationFrame(fn);
|
|
107
|
+
return function cleanup() {
|
|
108
|
+
globalThis.cancelAnimationFrame(id);
|
|
109
|
+
};
|
|
110
|
+
}
|
|
135
111
|
function queryAll(root, selector) {
|
|
136
112
|
var _a;
|
|
137
113
|
return Array.from((_a = root == null ? void 0 : root.querySelectorAll(selector)) != null ? _a : []);
|
|
@@ -155,68 +131,10 @@ function prevById(v, id, loop = true) {
|
|
|
155
131
|
idx = loop ? (idx - 1 + v.length) % v.length : Math.max(0, idx - 1);
|
|
156
132
|
return v[idx];
|
|
157
133
|
}
|
|
158
|
-
var getValueText = (item) => {
|
|
159
|
-
var _a, _b;
|
|
160
|
-
return (_b = (_a = item.dataset.valuetext) != null ? _a : item.textContent) != null ? _b : "";
|
|
161
|
-
};
|
|
162
|
-
var match = (valueText, query2) => valueText.toLowerCase().startsWith(query2.toLowerCase());
|
|
163
|
-
var wrap = (v, idx) => {
|
|
164
|
-
return v.map((_, index) => v[(Math.max(idx, 0) + index) % v.length]);
|
|
165
|
-
};
|
|
166
|
-
function findByText(v, text, currentId) {
|
|
167
|
-
const index = currentId ? indexOfId(v, currentId) : -1;
|
|
168
|
-
let items = currentId ? wrap(v, index) : v;
|
|
169
|
-
const isSingleKey = text.length === 1;
|
|
170
|
-
if (isSingleKey) {
|
|
171
|
-
items = items.filter((item) => item.id !== currentId);
|
|
172
|
-
}
|
|
173
|
-
return items.find((item) => match(getValueText(item), text));
|
|
174
|
-
}
|
|
175
|
-
function findByTypeahead(_items, options) {
|
|
176
|
-
const { state: state2, activeId, key, timeout = 350 } = options;
|
|
177
|
-
const search = state2.keysSoFar + key;
|
|
178
|
-
const isRepeated = search.length > 1 && Array.from(search).every((char) => char === search[0]);
|
|
179
|
-
const query2 = isRepeated ? search[0] : search;
|
|
180
|
-
let items = _items.slice();
|
|
181
|
-
const next = findByText(items, query2, activeId);
|
|
182
|
-
function cleanup() {
|
|
183
|
-
clearTimeout(state2.timer);
|
|
184
|
-
state2.timer = -1;
|
|
185
|
-
}
|
|
186
|
-
function update(value) {
|
|
187
|
-
state2.keysSoFar = value;
|
|
188
|
-
cleanup();
|
|
189
|
-
if (value !== "") {
|
|
190
|
-
state2.timer = +setTimeout(() => {
|
|
191
|
-
update("");
|
|
192
|
-
cleanup();
|
|
193
|
-
}, timeout);
|
|
194
|
-
}
|
|
195
|
-
}
|
|
196
|
-
update(search);
|
|
197
|
-
return next;
|
|
198
|
-
}
|
|
199
|
-
findByTypeahead.defaultOptions = {
|
|
200
|
-
keysSoFar: "",
|
|
201
|
-
timer: -1
|
|
202
|
-
};
|
|
203
|
-
|
|
204
|
-
// ../../types/dist/index.mjs
|
|
205
|
-
function createNormalizer(fn) {
|
|
206
|
-
return new Proxy({}, {
|
|
207
|
-
get() {
|
|
208
|
-
return fn;
|
|
209
|
-
}
|
|
210
|
-
});
|
|
211
|
-
}
|
|
212
|
-
var normalizeProp = createNormalizer((v) => v);
|
|
213
134
|
|
|
214
135
|
// ../../utilities/core/dist/index.mjs
|
|
215
136
|
var first = (v) => v[0];
|
|
216
137
|
var last = (v) => v[v.length - 1];
|
|
217
|
-
var ua = (v) => isDom() && v.test(navigator.userAgent);
|
|
218
|
-
var isDom = () => !!(typeof window !== "undefined");
|
|
219
|
-
var isSafari = () => ua(/^((?!chrome|android).)*safari/i);
|
|
220
138
|
|
|
221
139
|
// src/tabs.dom.ts
|
|
222
140
|
var dom = {
|
|
@@ -291,7 +209,7 @@ var dom = {
|
|
|
291
209
|
};
|
|
292
210
|
|
|
293
211
|
// src/tabs.connect.ts
|
|
294
|
-
function connect(state, send, normalize
|
|
212
|
+
function connect(state, send, normalize) {
|
|
295
213
|
const messages = state.context.messages;
|
|
296
214
|
const isFocused = state.matches("focused");
|
|
297
215
|
return {
|
|
@@ -643,4 +561,3 @@ export {
|
|
|
643
561
|
connect,
|
|
644
562
|
machine
|
|
645
563
|
};
|
|
646
|
-
//# sourceMappingURL=index.mjs.map
|
package/dist/tabs.connect.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import type { NormalizeProps, PropTypes } from "@zag-js/types";
|
|
2
2
|
import type { Send, State, TabProps } from "./tabs.types";
|
|
3
|
-
export declare function connect<T extends PropTypes
|
|
3
|
+
export declare function connect<T extends PropTypes>(state: State, send: Send, normalize: NormalizeProps<T>): {
|
|
4
4
|
value: string;
|
|
5
5
|
focusedValue: string;
|
|
6
6
|
previousValues: string[];
|
|
@@ -15,4 +15,3 @@ export declare function connect<T extends PropTypes = ReactPropTypes>(state: Sta
|
|
|
15
15
|
getDeleteButtonProps({ value, disabled }: TabProps): T["button"];
|
|
16
16
|
indicatorProps: T["element"];
|
|
17
17
|
};
|
|
18
|
-
//# sourceMappingURL=tabs.connect.d.ts.map
|
package/dist/tabs.dom.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { MachineContext as Ctx } from "./tabs.types";
|
|
1
|
+
import type { MachineContext as Ctx } from "./tabs.types";
|
|
2
2
|
export declare const dom: {
|
|
3
3
|
getDoc: (ctx: Ctx) => Document;
|
|
4
4
|
getRootNode: (ctx: Ctx) => Document | ShadowRoot;
|
|
@@ -30,4 +30,3 @@ export declare const dom: {
|
|
|
30
30
|
height?: undefined;
|
|
31
31
|
};
|
|
32
32
|
};
|
|
33
|
-
//# sourceMappingURL=tabs.dom.d.ts.map
|
package/dist/tabs.machine.d.ts
CHANGED
|
@@ -1,3 +1,2 @@
|
|
|
1
|
-
import { MachineContext, MachineState, UserDefinedContext } from "./tabs.types";
|
|
1
|
+
import type { MachineContext, MachineState, UserDefinedContext } from "./tabs.types";
|
|
2
2
|
export declare function machine(ctx?: UserDefinedContext): import("@zag-js/core").Machine<MachineContext, MachineState, import("@zag-js/core").StateMachine.AnyEventObject>;
|
|
3
|
-
//# sourceMappingURL=tabs.machine.d.ts.map
|
package/dist/tabs.types.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { StateMachine as S } from "@zag-js/core";
|
|
2
|
-
import { Context, DirectionProperty } from "@zag-js/types";
|
|
1
|
+
import type { StateMachine as S } from "@zag-js/core";
|
|
2
|
+
import type { Context, DirectionProperty } from "@zag-js/types";
|
|
3
3
|
declare type IntlMessages = {
|
|
4
4
|
tablistLabel?: string;
|
|
5
5
|
deleteLabel?(value: string): string;
|
|
@@ -118,4 +118,3 @@ export declare type TabProps = {
|
|
|
118
118
|
disabled?: boolean;
|
|
119
119
|
};
|
|
120
120
|
export {};
|
|
121
|
-
//# sourceMappingURL=tabs.types.d.ts.map
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@zag-js/tabs",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.9",
|
|
4
4
|
"description": "Core logic for the tabs widget implemented as a state machine",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"js",
|
|
@@ -29,10 +29,10 @@
|
|
|
29
29
|
"url": "https://github.com/chakra-ui/zag/issues"
|
|
30
30
|
},
|
|
31
31
|
"dependencies": {
|
|
32
|
-
"@zag-js/core": "0.1.
|
|
33
|
-
"@zag-js/dom-utils": "0.1.
|
|
34
|
-
"@zag-js/types": "0.1
|
|
35
|
-
"@zag-js/utils": "0.1.
|
|
32
|
+
"@zag-js/core": "0.1.7",
|
|
33
|
+
"@zag-js/dom-utils": "0.1.6",
|
|
34
|
+
"@zag-js/types": "0.2.1",
|
|
35
|
+
"@zag-js/utils": "0.1.2"
|
|
36
36
|
},
|
|
37
37
|
"scripts": {
|
|
38
38
|
"build:fast": "zag build",
|
package/dist/index.d.ts.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAA;AACxC,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAA;AACxC,YAAY,EAAE,kBAAkB,IAAI,OAAO,EAAE,MAAM,cAAc,CAAA"}
|
package/dist/index.js.map
DELETED
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../src/index.ts", "../../../utilities/dom/src/attrs.ts", "../../../utilities/dom/src/computed-style.ts", "../../../utilities/dom/src/next-tick.ts", "../../../utilities/dom/src/auto-resize.ts", "../../../utilities/core/src/array.ts", "../../../utilities/core/src/functions.ts", "../../../utilities/core/src/guard.ts", "../../../utilities/core/src/warning.ts", "../../../utilities/dom/src/event-bus.ts", "../../../utilities/dom/src/listener.ts", "../../../utilities/dom/src/body-pointer-event.ts", "../../../utilities/dom/src/body-scroll-lock.ts", "../../../utilities/dom/src/query.ts", "../../../utilities/dom/src/scrollable.ts", "../../../utilities/dom/src/constants.ts", "../../../utilities/dom/src/dispatch-event.ts", "../../../utilities/dom/src/event-query.ts", "../../../utilities/dom/src/focus-event.ts", "../../../utilities/dom/src/focusable.ts", "../../../utilities/dom/src/mutation-observer.ts", "../../../utilities/dom/src/form.ts", "../../../utilities/dom/src/keyboard-event.ts", "../../../utilities/dom/src/visually-hidden.ts", "../../../utilities/dom/src/live-region.ts", "../../../utilities/dom/src/nodelist.ts", "../../../utilities/dom/src/text-selection.ts", "../../../utilities/dom/src/pointer-event.ts", "../../../utilities/dom/src/pointerlock.ts", "../../../utilities/dom/src/rect-observer.ts", "../../../utilities/dom/src/typeahead.ts", "../../../utilities/dom/src/visibility-event.ts", "../../../utilities/dom/src/visual-viewport.ts", "../../../utilities/dom/src/wait.ts", "../../../types/src/prop-types.ts", "../../../types/src/controls.ts", "../../../utilities/core/src/array.ts", "../../../utilities/core/src/functions.ts", "../../../utilities/core/src/guard.ts", "../../../utilities/core/src/warning.ts", "../src/tabs.dom.ts", "../src/tabs.connect.ts", "../src/tabs.machine.ts"],
|
|
4
|
-
"sourcesContent": ["export { connect } from \"./tabs.connect\"\nexport { machine } from \"./tabs.machine\"\nexport type { UserDefinedContext as Context } from \"./tabs.types\"\n", "type Booleanish = boolean | \"true\" | \"false\"\n\nexport const dataAttr = (guard: boolean | undefined) => {\n return (guard ? \"\" : undefined) as Booleanish\n}\n\nexport const ariaAttr = (guard: boolean | undefined) => {\n return guard ? \"true\" : undefined\n}\n\nexport const matchAttr = (el: Element) => {\n return {\n get: (key: string) => el.getAttribute(key),\n set: (key: string, value: string) => el.setAttribute(key, value),\n is: (key: string, value: string) => {\n return el.getAttribute(key) === value\n },\n }\n}\n", "type Key = keyof CSSStyleDeclaration | (string & {})\ntype Styles = Record<Key, any>\ntype El = HTMLElement | null | undefined\n\nfunction getStyleCache(): WeakMap<HTMLElement, Styles> {\n ;(globalThis as any).__styleCache__ = (globalThis as any).__styleCache__ || new WeakMap()\n return (globalThis as any).__styleCache__\n}\n\nexport function getComputedStyle(el: El): Styles {\n if (!el) return {} as Styles\n const cache = getStyleCache()\n let style: Styles | undefined = cache.get(el)\n if (!style) {\n const win = el?.ownerDocument.defaultView ?? window\n style = win.getComputedStyle(el) as Styles\n cache.set(el, style)\n }\n return style\n}\n\nexport function copyVisualStyles(fromEl: HTMLElement | null, toEl: HTMLElement) {\n if (!fromEl) return\n const el = getComputedStyle(fromEl)\n // prettier-ignore\n const cssText = 'box-sizing:' + el.boxSizing +\n ';border-left:' + el.borderLeftWidth + ' solid red' +\n ';border-right:' + el.borderRightWidth + ' solid red' +\n ';font-family:' + el.fontFamily +\n ';font-feature-settings:' + el.fontFeatureSettings +\n ';font-kerning:' + el.fontKerning +\n ';font-size:' + el.fontSize +\n ';font-stretch:' + el.fontStretch +\n ';font-style:' + el.fontStyle +\n ';font-variant:' + el.fontVariant +\n ';font-variant-caps:' + el.fontVariantCaps +\n ';font-variant-ligatures:' + el.fontVariantLigatures +\n ';font-variant-numeric:' + el.fontVariantNumeric +\n ';font-weight:' + el.fontWeight +\n ';letter-spacing:' + el.letterSpacing +\n ';margin-left:' + el.marginLeft +\n ';margin-right:' + el.marginRight +\n ';padding-left:' + el.paddingLeft +\n ';padding-right:' + el.paddingRight +\n ';text-indent:' + el.textIndent +\n ';text-transform:' + el.textTransform\n\n toEl.style.cssText += cssText\n}\n", "export function nextTick(fn: VoidFunction) {\n const set = new Set<VoidFunction>()\n function raf(fn: VoidFunction) {\n const id = globalThis.requestAnimationFrame(fn)\n set.add(() => globalThis.cancelAnimationFrame(id))\n }\n raf(() => raf(fn))\n return function cleanup() {\n set.forEach(function (fn) {\n fn()\n })\n }\n}\n\nexport function raf(fn: VoidFunction) {\n const id = globalThis.requestAnimationFrame(fn)\n return function cleanup() {\n globalThis.cancelAnimationFrame(id)\n }\n}\n\nexport function forceReflow() {\n return document.body.offsetHeight\n}\n", "import { copyVisualStyles } from \"./computed-style\"\nimport { raf } from \"./next-tick\"\n\nfunction createGhostElement(doc: Document) {\n var el = doc.createElement(\"div\")\n el.id = \"ghost\"\n el.style.cssText =\n \"display:inline-block;height:0;overflow:hidden;position:absolute;top:0;visibility:hidden;white-space:nowrap;\"\n doc.body.appendChild(el)\n return el\n}\n\nexport function autoResizeInput(input: HTMLInputElement | null) {\n if (!input) return\n const doc = input.ownerDocument ?? document\n const ghost = createGhostElement(doc)\n\n copyVisualStyles(input, ghost)\n\n function resize() {\n raf(() => {\n ghost.innerHTML = input!.value\n const rect = getComputedStyle(ghost)\n input?.style.setProperty(\"width\", rect.width)\n })\n }\n\n resize()\n\n input?.addEventListener(\"input\", resize)\n input?.addEventListener(\"change\", resize)\n\n return () => {\n doc.body.removeChild(ghost)\n input?.removeEventListener(\"input\", resize)\n input?.removeEventListener(\"change\", resize)\n }\n}\n", "export function toArray<T>(v: T | T[] | undefined | null): T[] {\n if (!v) return []\n return Array.isArray(v) ? v : [v]\n}\n\nexport const fromLength = (length: number) => Array.from(Array(length).keys())\n\nexport const first = <T>(v: T[]): T | undefined => v[0]\n\nexport const last = <T>(v: T[]): T | undefined => v[v.length - 1]\n\nexport const isEmpty = <T>(v: T[]): boolean => v.length === 0\n\nexport const has = <T>(v: T[], t: any): boolean => v.indexOf(t) !== -1\n\nexport const add = <T>(v: T[], ...items: T[]): T[] => v.concat(items)\n\nexport const remove = <T>(v: T[], item: T): T[] => removeAt(v, v.indexOf(item))\n\nexport const removeAt = <T>(v: T[], i: number): T[] => {\n if (i > -1) v.splice(i, 1)\n return v\n}\n\nexport function clear<T>(v: T[]): T[] {\n while (v.length > 0) v.pop()\n return v\n}\n\nexport type IndexOptions = {\n step?: number\n loop?: boolean\n}\n\nexport function nextIndex<T>(v: T[], idx: number, opts: IndexOptions = {}): number {\n const { step = 1, loop = true } = opts\n const next = idx + step\n const len = v.length\n const last = len - 1\n if (idx === -1) return step > 0 ? 0 : last\n if (next < 0) return loop ? last : 0\n if (next >= len) return loop ? 0 : idx > len ? len : idx\n return next\n}\n\nexport function next<T>(v: T[], idx: number, opts: IndexOptions = {}): T | undefined {\n return v[nextIndex(v, idx, opts)]\n}\n\nexport function prevIndex<T>(v: T[], idx: number, opts: IndexOptions = {}): number {\n const { step = 1, loop = true } = opts\n return nextIndex(v, idx, { step: -step, loop })\n}\n\nexport function prev<T>(v: T[], index: number, opts: IndexOptions = {}): T | undefined {\n return v[prevIndex(v, index, opts)]\n}\n\nexport const chunk = <T>(v: T[], size: number): T[][] => {\n const res: T[][] = []\n return v.reduce((rows, value, index) => {\n if (index % size === 0) rows.push([value])\n else last(rows)?.push(value)\n return rows\n }, res)\n}\n", "export const runIfFn = <T>(\n v: T | undefined,\n ...a: T extends (...a: any[]) => void ? Parameters<T> : never\n): T extends (...a: any[]) => void ? NonNullable<ReturnType<T>> : NonNullable<T> => {\n const res = typeof v === \"function\" ? v(...a) : v\n return res ?? undefined\n}\n\nexport const cast = <T>(v: unknown): T => v as T\n\nexport const noop = () => {}\n\nexport const pipe =\n <T>(...fns: Array<(a: T) => T>) =>\n (v: T) =>\n fns.reduce((a, b) => b(a), v)\n\nexport const callAll =\n <T extends (...a: any[]) => void>(...fns: (T | undefined)[]) =>\n (...a: Parameters<T>) => {\n fns.forEach(function (fn) {\n fn?.(...a)\n })\n }\n\nexport const uuid = /*#__PURE__*/ (() => {\n let id = 0\n return () => {\n id++\n return id.toString(36)\n }\n})()\n\nexport function merge<T, U>(origin: T, patch: U): T & U {\n if (!(typeof patch === \"object\")) return patch as any\n const result = !(typeof origin === \"object\") ? {} : Object.assign({}, origin)\n for (const key of Object.keys(patch)) {\n const value = patch[key]\n const src = result[key]\n if (value === null) delete result[key]\n else if (Array.isArray(value) || Array.isArray(src)) result[key] = (src || []).concat(value || [])\n else result[key] = merge(src, value)\n }\n return result as any\n}\n", "const platform = (v: RegExp) => isDom() && v.test(navigator.platform)\nconst ua = (v: RegExp) => isDom() && v.test(navigator.userAgent)\n\nexport const isDev = () => process.env.NODE_ENV !== \"production\"\nexport const isDom = () => !!(typeof window !== \"undefined\")\nexport const isMac = () => platform(/^Mac/)\nexport const isIPhone = () => platform(/^iPhone/)\nexport const isIPad = () => platform(/^iPad/) || (isMac() && navigator.maxTouchPoints > 1)\nexport const isIos = () => isIPhone() || isIPad()\nexport const isSafari = () => ua(/^((?!chrome|android).)*safari/i)\nexport const isFirefox = () => ua(/^Firefox/)\nexport const isWebkit = () => ua(/^WebKit/) && !ua(/Chrome/)\nexport const isApple = () => isMac() || isIos()\n\nexport const isArray = (v: any): v is any[] => Array.isArray(v)\nexport const isBoolean = (v: any): v is boolean => v === true || v === false\nexport const isObject = (v: any): v is Record<string, any> => !(v == null || typeof v !== \"object\" || isArray(v))\nexport const isNumber = (v: any): v is number => typeof v === \"number\" && !Number.isNaN(v)\nexport const isString = (v: any): v is string => typeof v === \"string\"\nexport const isFunction = (v: any): v is Function => typeof v === \"function\"\n\nexport const supportsPointerEvent = () => isDom() && window.onpointerdown === null\nexport const supportsTouchEvent = () => isDom() && window.ontouchstart === null\nexport const supportsMouseEvent = () => isDom() && window.onmousedown === null\n\nexport const isMouseEvent = (v: any): v is MouseEvent => isObject(v) && \"button\" in v\nexport const isTouchEvent = (v: any): v is TouchEvent => isObject(v) && \"touches\" in v\nexport const isLeftClick = (v: { button: number }) => v.button === 0\nexport const isRightClick = (v: { button: number }) => v.button === 2\nexport const isModifiedEvent = (v: Pick<KeyboardEvent, \"ctrlKey\" | \"metaKey\" | \"altKey\">) =>\n v.ctrlKey || v.altKey || v.metaKey\nexport const isCtrlKey = (v: Pick<KeyboardEvent, \"ctrlKey\" | \"metaKey\">) =>\n isMac() ? v.metaKey && !v.ctrlKey : v.ctrlKey && !v.metaKey\n", "export function warn(m: string): void\nexport function warn(c: boolean, m: string): void\nexport function warn(...a: any[]): void {\n const m = a.length === 1 ? a[0] : a[1]\n const c = a.length === 2 ? a[0] : true\n if (c && process.env.NODE_ENV !== \"production\") {\n console.warn(m)\n }\n}\n\nexport function invariant(m: string): void\nexport function invariant(c: boolean, m: string): void\nexport function invariant(...a: any[]): void {\n const m = a.length === 1 ? a[0] : a[1]\n const c = a.length === 2 ? a[0] : true\n if (c && process.env.NODE_ENV !== \"production\") {\n throw new Error(m)\n }\n}\n", "import { noop } from \"@zag-js/utils\"\n\ntype El = HTMLElement | Document | VisualViewport | Window\ntype Handler = (event: Event) => void\ntype Group = Map<string, Set<Handler>>\ntype Option = boolean | AddEventListenerOptions\n\nfunction getListenerElements(): Map<El, Group> {\n ;(globalThis as any).__listenerElements__ = (globalThis as any).__listenerElements__ || new Map()\n return (globalThis as any).__listenerElements__\n}\n\nfunction getListenerCache(): Map<El, Map<string, Handler>> {\n ;(globalThis as any).__listenerCache__ = (globalThis as any).__listenerCache__ || new Map()\n return (globalThis as any).__listenerCache__\n}\n\n/**\n * The global event bus for managing event listeners attached to DOM elements.\n *\n * It's goal is to ensure that only one listener is attached to a DOM element for a given event,\n * regardless of the number of times `addEventListener` is called.\n */\n\nexport function globalEventBus(node: El | null, type: string, handler: Handler, options?: Option) {\n if (!node) return noop\n\n // unique identifier for the event listener\n const hash = JSON.stringify({ type, options })\n\n // Subscribe pattern\n const listenerElements = getListenerElements()\n const listenerCache = getListenerCache()\n\n const group = listenerElements.get(node)\n\n if (!listenerElements.has(node)) {\n // create group of listeners per hash\n const group: Group = new Map([[hash, new Set([handler])]])\n listenerElements.set(node, group)\n } else if (group?.has(hash)) {\n group?.get(hash)?.add(handler)\n } else {\n group?.set(hash, new Set([handler]))\n }\n\n // add the event listener to the node or register it in the cache\n function attach(node: El) {\n // Publish pattern\n function listener(event: Event) {\n const group = listenerElements.get(node)\n group?.get(hash)?.forEach((fn) => fn(event))\n }\n\n if (!listenerCache?.has(node)) {\n listenerCache.set(node, new Map([[hash, listener]]))\n node.addEventListener(type, listener, options)\n return\n }\n\n if (!listenerCache?.get(node)?.has(hash)) {\n listenerCache.get(node)?.set(hash, listener)\n node.addEventListener(type, listener, options)\n }\n }\n\n attach(node)\n\n return function remove() {\n if (!listenerElements.has(node)) return\n\n const group = listenerElements.get(node)\n group?.get(hash)?.delete(handler)\n\n if (group?.get(hash)?.size === 0) {\n const listener = listenerCache.get(node)?.get(hash)!\n node.removeEventListener(type, listener, options)\n group?.delete(hash)\n listenerCache.get(node)?.delete(hash)\n\n if (group?.size === 0) {\n listenerElements.delete(node)\n listenerCache.delete(node)\n }\n }\n }\n}\n", "import { globalEventBus } from \"./event-bus\"\nimport {\n AnyPointerEvent,\n DOMEventTarget,\n EventMap,\n PointerEventInfo,\n PointerNameMap,\n RefTarget,\n} from \"./listener.types\"\n\nconst t = (v: any) => Object.prototype.toString.call(v).slice(8, -1)\nconst isRef = (v: any): v is RefTarget => t(v) === \"Object\" && \"current\" in v\nconst runIfFn = (fn: any): HTMLElement | null => (t(fn) === \"Function\" ? fn() : fn)\nconst isTouchEvent = (v: Event): v is TouchEvent => t(v) === \"Object\" && !!(v as TouchEvent).touches\n\nconst fallback = { pageX: 0, pageY: 0, clientX: 0, clientY: 0 }\n\nexport function extractInfo<T extends AnyPointerEvent = AnyPointerEvent>(event: T, type: \"page\" | \"client\" = \"page\") {\n const point = isTouchEvent(event) ? event.touches[0] || event.changedTouches[0] || fallback : event\n return {\n point: {\n x: point[`${type}X`],\n y: point[`${type}Y`],\n },\n }\n}\n\nexport function addDomEvent<K extends keyof EventMap>(\n target: DOMEventTarget,\n event: K,\n listener: (event: EventMap[K]) => void,\n options?: boolean | AddEventListenerOptions,\n) {\n const node = isRef(target) ? target.current : runIfFn(target)\n return globalEventBus(node, event, listener as any, options)\n}\n\nexport function addPointerEvent<K extends keyof EventMap>(\n target: DOMEventTarget,\n event: K,\n listener: (event: EventMap[K], info: PointerEventInfo) => void,\n options?: boolean | AddEventListenerOptions,\n) {\n const type = getEventName(event) ?? event\n return addDomEvent(target, type, wrapHandler(listener, event === \"pointerdown\"), options)\n}\n\nfunction wrapHandler<E extends EventMap[keyof EventMap]>(\n fn: (event: E, info: PointerEventInfo) => void,\n filter = false,\n) {\n const listener: EventListener = (event: any) => {\n fn(event, extractInfo(event))\n }\n return filter ? filterPrimaryPointer(listener) : listener\n}\n\nfunction filterPrimaryPointer(fn: EventListener): EventListener {\n return (event: Event) => {\n const win = ((event as UIEvent).view ?? window) as typeof window\n const isMouseEvent = event instanceof win.MouseEvent\n const isPrimary = !isMouseEvent || (isMouseEvent && (event as MouseEvent).button === 0)\n if (isPrimary) fn(event)\n }\n}\n\nexport function extractClientInfo(event: AnyPointerEvent) {\n return extractInfo(event, \"client\")\n}\n\nconst supportsPointerEvent = () => typeof window !== \"undefined\" && window.onpointerdown === null\nconst supportsTouchEvent = () => typeof window !== \"undefined\" && window.ontouchstart === null\nconst supportsMouseEvent = () => typeof window !== \"undefined\" && window.onmousedown === null\n\nconst mouseEventNames: PointerNameMap = {\n pointerdown: \"mousedown\",\n pointermove: \"mousemove\",\n pointerup: \"mouseup\",\n pointercancel: \"mousecancel\",\n pointerover: \"mouseover\",\n pointerout: \"mouseout\",\n pointerenter: \"mouseenter\",\n pointerleave: \"mouseleave\",\n}\n\nconst touchEventNames: PointerNameMap = {\n pointerdown: \"touchstart\",\n pointermove: \"touchmove\",\n pointerup: \"touchend\",\n pointercancel: \"touchcancel\",\n}\n\nexport function getEventName(evt: keyof EventMap): keyof EventMap {\n if (supportsPointerEvent()) return evt\n if (supportsTouchEvent()) return touchEventNames[evt]\n if (supportsMouseEvent()) return mouseEventNames[evt]\n return evt\n}\n", "import { isLeftClick, pipe } from \"@zag-js/utils\"\nimport { addDomEvent } from \"./listener\"\nimport { nextTick } from \"./next-tick\"\n\nlet changeCount = 0\nlet originalBodyPointerEvents: string\n\ntype PointerEventOptions = {\n disabled: boolean\n document?: Document\n}\n\nexport function preventBodyPointerEvents(el: HTMLElement | null, opts: Partial<PointerEventOptions> = {}) {\n const { disabled = false, document: docProp } = opts\n const doc: Document = docProp || document\n\n let isTouchOrPenPressed = false\n let isLeftClickPressed = false\n\n function listen() {\n const onPointerDown = (event: PointerEvent) => {\n const isMouse = event.pointerType === \"mouse\"\n isTouchOrPenPressed = !isMouse\n isLeftClickPressed = isMouse && isLeftClick(event)\n }\n\n const onPointerUp = () => {\n isTouchOrPenPressed = false\n isLeftClickPressed = false\n }\n\n // prettier-ignore\n return pipe(\n addDomEvent(doc, \"pointerdown\", onPointerDown),\n addDomEvent(doc,\"pointerup\", onPointerUp)\n )\n }\n\n function reset() {\n changeCount--\n if (changeCount === 0) {\n doc.body.style.pointerEvents = originalBodyPointerEvents\n }\n if (el) {\n el.style.pointerEvents = \"\"\n }\n }\n\n function apply() {\n if (disabled) return\n\n if (changeCount === 0) {\n originalBodyPointerEvents = doc.body.style.pointerEvents\n }\n\n doc.body.style.pointerEvents = \"none\"\n if (el) {\n el.style.pointerEvents = \"auto\"\n }\n\n changeCount++\n\n return function () {\n if (isTouchOrPenPressed) {\n addDomEvent(doc, \"click\", reset, { once: true })\n } else if (isLeftClickPressed) {\n addDomEvent(doc, \"pointerup\", reset, { once: true })\n } else {\n reset()\n }\n }\n }\n\n const cleanups: Array<VoidFunction | undefined> = []\n cleanups.push(apply())\n nextTick(() => {\n cleanups.push(listen())\n })\n\n return function () {\n cleanups.forEach((cleanup) => cleanup?.())\n }\n}\n", "import { isDom, isIos, noop, pipe } from \"@zag-js/utils\"\nimport scrollIntoView from \"scroll-into-view-if-needed\"\nimport { addDomEvent } from \"./listener\"\nimport { getScrollParent } from \"./scrollable\"\n\ninterface PreventScrollOptions {\n disabled?: boolean\n allowPinchZoom?: boolean\n document?: Document\n}\n\n// HTML input types that do not cause the software keyboard to appear.\nconst nonTextInputTypes = new Set([\"checkbox\", \"radio\", \"range\", \"color\", \"file\", \"image\", \"button\", \"submit\", \"reset\"])\n\nexport function preventBodyScroll(opts?: PreventScrollOptions) {\n const { document: docProp, disabled = false, allowPinchZoom } = opts ?? {}\n\n const doc = docProp ?? document\n const win = doc?.defaultView ?? window\n\n const viewport = isDom() ? win.visualViewport : null\n const docEl = doc.documentElement\n\n function preventScrollStandard() {\n if (docEl.hasAttribute(\"scroll-lock\")) return\n\n const fn = pipe(\n setStyle(docEl, \"paddingRight\", `${win.innerWidth - docEl.clientWidth}px`),\n setStyle(docEl, \"overflow\", \"hidden\"),\n () => docEl.setAttribute(\"scroll-lock\", \"true\"),\n )\n\n return pipe(fn, () => docEl.removeAttribute(\"scroll-lock\"))\n }\n\n function preventScrollMobileSafari() {\n if (docEl.hasAttribute(\"scroll-lock\")) return\n\n let scrollable: HTMLElement | undefined\n let lastY = 0\n\n let onTouchStart = (e: TouchEvent) => {\n scrollable = getScrollParent(e.target as HTMLElement)\n\n if (scrollable === docEl && scrollable === doc.body) {\n return\n }\n lastY = e.changedTouches[0].pageY\n }\n\n let onTouchMove = (e: TouchEvent) => {\n if (e.touches.length === 2 && allowPinchZoom) return\n\n if (!scrollable || scrollable === docEl || scrollable === doc.body) {\n e.preventDefault()\n return\n }\n\n let y = e.changedTouches[0].pageY\n let scrollTop = scrollable.scrollTop\n let bottom = scrollable.scrollHeight - scrollable.clientHeight\n\n if ((scrollTop <= 0 && y > lastY) || (scrollTop >= bottom && y < lastY)) {\n e.preventDefault()\n }\n\n lastY = y\n }\n\n let onTouchEnd = (e: TouchEvent) => {\n let target = e.target as HTMLElement\n if (target instanceof win.HTMLInputElement && !nonTextInputTypes.has(target.type)) {\n e.preventDefault()\n target.style.transform = \"translateY(-2000px)\"\n target.focus()\n win.requestAnimationFrame(() => {\n target.style.transform = \"\"\n })\n }\n }\n\n let onFocus = (e: FocusEvent) => {\n let target = e.target as HTMLElement\n if (target instanceof win.HTMLInputElement && !nonTextInputTypes.has(target.type)) {\n target.style.transform = \"translateY(-2000px)\"\n win.requestAnimationFrame(() => {\n target.style.transform = \"\"\n if (!viewport) return\n\n if (viewport.height < win.innerHeight) {\n win.requestAnimationFrame(function () {\n scrollIntoView(target, { scrollMode: \"if-needed\" })\n })\n } else {\n const onResize = () => {\n scrollIntoView(target, { scrollMode: \"if-needed\" })\n }\n addDomEvent(viewport, \"resize\", onResize, { once: true })\n }\n })\n }\n }\n\n let onWindowScroll = () => {\n win.scrollTo(0, 0)\n }\n\n let scrollX = win.scrollX\n let scrollY = win.scrollY\n let restoreStyles = pipe(\n setStyle(docEl, \"paddingRight\", `${win.innerWidth - docEl.clientWidth}px`),\n setStyle(docEl, \"overflow\", \"hidden\"),\n setStyle(doc.body, \"marginTop\", `-${scrollY}px`),\n )\n\n win.scrollTo(0, 0)\n\n let removeEvents = pipe(\n addDomEvent(doc, \"touchstart\", onTouchStart, { passive: false, capture: true }),\n addDomEvent(doc, \"touchmove\", onTouchMove, { passive: false, capture: true }),\n addDomEvent(doc, \"touchend\", onTouchEnd, { passive: false, capture: true }),\n addDomEvent(doc, \"focus\", onFocus, true),\n addDomEvent(win, \"scroll\", onWindowScroll),\n () => docEl.setAttribute(\"scroll-lock\", \"true\"),\n )\n\n return () => {\n restoreStyles()\n removeEvents()\n win.scrollTo(scrollX, scrollY)\n docEl.removeAttribute(\"scroll-lock\")\n }\n }\n\n if (disabled) return noop\n return isIos() ? preventScrollMobileSafari() : preventScrollStandard()\n}\n\nfunction setStyle(el: HTMLElement, key: string, value: string) {\n let cur = el.style[key]\n el.style[key] = value\n return () => {\n el.style[key] = cur\n }\n}\n\n// Backup lib: https://github.com/hanai/html-body-scroll-lock\n", "export function getOwnerDocument(el: HTMLElement | Window) {\n if (isWindow(el)) return el.document\n return el?.ownerDocument ?? document\n}\n\nexport function getOwnerWindow(el: HTMLElement) {\n return el?.ownerDocument.defaultView ?? window\n}\n\nexport function getDocumentElement(el: HTMLElement | Window): HTMLElement {\n return getOwnerDocument(el).documentElement\n}\n\nexport function getNodeName(node: HTMLElement | Window): string {\n return isWindow(node) ? \"\" : node ? node.localName || \"\" : \"\"\n}\n\nexport function getEventWindow(event: UIEvent) {\n if (event.view) return event.view\n let target = event.currentTarget\n if (target != null) return getOwnerWindow(target as HTMLElement)\n return window\n}\n\nexport function getParent(el: HTMLElement): HTMLElement {\n const doc = getOwnerDocument(el)\n if (getNodeName(el) === \"html\") return el\n return el.assignedSlot || el.parentElement || doc.documentElement\n}\n\ntype Node = HTMLElement | EventTarget | null\n\nexport function contains(parent: Node | undefined, child: Node) {\n if (!parent) return false\n return parent === child || (isHTMLElement(parent) && isHTMLElement(child) && parent.contains(child))\n}\n\nexport function isHTMLElement(v: any): v is HTMLElement {\n return typeof v === \"object\" && v?.nodeType === Node.ELEMENT_NODE && typeof v?.nodeName === \"string\"\n}\n\nexport function isWindow(value: any): value is Window {\n return value?.toString() === \"[object Window]\"\n}\n\nexport const isDisabled = (el: HTMLElement | null): boolean => {\n return el?.getAttribute(\"disabled\") != null || !!el?.getAttribute(\"aria-disabled\") === true\n}\n\nexport function isElementEditable(el: HTMLElement | null) {\n if (el == null) return false\n const selectors = [\n \"input:not([readonly])\",\n \"textarea:not([readonly])\",\n \"[contenteditable]\",\n \"select:not([readonly])\",\n ].join(\", \")\n return el.matches(selectors) || el.isContentEditable\n}\n", "import { getComputedStyle } from \"./computed-style\"\nimport { getNodeName, getOwnerDocument, getOwnerWindow, getParent, isHTMLElement, isWindow } from \"./query\"\n\nexport function isScrollParent(el: HTMLElement): boolean {\n const { overflow, overflowX, overflowY } = getComputedStyle(el)\n return /auto|scroll|overlay|hidden/.test(overflow + overflowY + overflowX)\n}\n\nexport function getScrollParent(el: HTMLElement): HTMLElement {\n if ([\"html\", \"body\", \"#document\"].includes(getNodeName(el))) {\n return getOwnerDocument(el).body\n }\n\n if (isHTMLElement(el) && isScrollParent(el)) {\n return el\n }\n\n return getScrollParent(getParent(el))\n}\n\ntype Target = Array<VisualViewport | Window | HTMLElement>\n\nexport function getScrollParents(el: HTMLElement, list: Target = []): Target {\n const scrollParent = getScrollParent(el)\n const isBody = scrollParent === getOwnerDocument(el).body\n const win = getOwnerWindow(scrollParent)\n\n const target = isBody\n ? ([win] as Target).concat(win.visualViewport || [], isScrollParent(scrollParent) ? scrollParent : [])\n : scrollParent\n\n const parents = list.concat(target)\n if (isBody) return parents\n\n return parents.concat(getScrollParents(getParent(<HTMLElement>target)))\n}\n\nexport function getScrollOffset(el: HTMLElement) {\n if (isWindow(el)) {\n return { scrollLeft: el.scrollX, scrollTop: el.scrollY }\n }\n\n return { scrollLeft: el.scrollLeft, scrollTop: el.scrollTop }\n}\n", "export const MAX_Z_INDEX = 2147483647\n", "import { getOwnerWindow } from \"./query\"\n\ntype DescriptorOptions = {\n type: \"input\" | \"textarea\"\n property: \"value\" | \"checked\"\n}\n\nfunction getDescriptor(el: HTMLElement, options: DescriptorOptions) {\n const { type, property } = options\n const win = getOwnerWindow(el)\n const _type = type === \"input\" ? \"HTMLInputElement\" : \"HTMLTextAreaElement\"\n const proto = win[_type].prototype\n return Object.getOwnPropertyDescriptor(proto, property) ?? {}\n}\n\nexport function dispatchInputValueEvent(el: HTMLElement, value: string | number) {\n const win = getOwnerWindow(el)\n if (!(el instanceof win.HTMLInputElement)) return\n const desc = getDescriptor(el, { type: \"input\", property: \"value\" })\n desc.set?.call(el, value)\n const event = new win.Event(\"input\", { bubbles: true })\n el.dispatchEvent(event)\n}\n\nexport function dispatchInputCheckedEvent(el: HTMLElement, checked: boolean) {\n const win = getOwnerWindow(el)\n if (!(el instanceof win.HTMLInputElement)) return\n const desc = getDescriptor(el, { type: \"input\", property: \"checked\" })\n desc.set?.call(el, checked)\n const event = new win.Event(\"click\", { bubbles: true })\n el.dispatchEvent(event)\n}\n\nexport function trackInputPropertyMutation(\n el: HTMLInputElement | null,\n options: DescriptorOptions & { fn?: (value: string) => void },\n) {\n const { fn, property, type } = options\n\n if (!fn || !el) return\n\n const { get, set } = getDescriptor(el, { property, type })\n\n let run = true\n\n Object.defineProperty(el, property, {\n get() {\n return get?.call(this)\n },\n set(value: string) {\n if (run) fn(value)\n return set?.call(this, value)\n },\n })\n\n return function () {\n run = false\n }\n}\n", "export function isKeyboardClick(e: { detail: number; clientX: number; clientY: number }) {\n return e.detail === 0 || (e.clientX === 0 && e.clientY === 0)\n}\n\nexport function getNativeEvent<E>(\n event: E,\n): React.ChangeEvent<any> extends E ? InputEvent : E extends React.SyntheticEvent<any, infer T> ? T : never {\n return (event as any).nativeEvent ?? event\n}\n", "/**\n * Determine if the blur event within an element is valid\n */\nexport function validateBlur(event: Event, opts: Options) {\n const exclude = Array.isArray(opts.exclude) ? opts.exclude : [opts.exclude]\n const relatedTarget = (event.relatedTarget ?? opts.fallback) as HTMLElement\n return exclude.every((el) => !el?.contains(relatedTarget))\n}\n\ntype MaybeArray<T> = T | T[]\n\ntype Options = {\n exclude: MaybeArray<HTMLElement | null>\n fallback?: HTMLElement | null\n}\n\ntype Event = Pick<FocusEvent, \"relatedTarget\">\n", "import { getComputedStyle } from \"./computed-style\"\nimport { isDisabled, isHTMLElement } from \"./query\"\n\nexport const focusableSelector = /*#__PURE__*/ [\n \"input:not([disabled]):not([type=hidden])\",\n \"select:not([disabled])\",\n \"textarea:not([disabled])\",\n \"button:not([disabled])\",\n \"embed\",\n \"iframe\",\n \"object\",\n \"a[href]\",\n \"area[href]\",\n \"[tabindex]\",\n \"audio[controls]\",\n \"video[controls]\",\n \"*[tabindex]:not([aria-disabled])\",\n \"[contenteditable]:not([contenteditable=false])\",\n \"details > summary:first-of-type\",\n].join(\",\")\n\nexport function isHidden(el: HTMLElement | null, until?: HTMLElement) {\n const style = getComputedStyle(el)\n if (!el || style.getPropertyValue(\"visibility\") === \"hidden\") return true\n while (el) {\n if (until != null && el === until) return false\n if (style.getPropertyValue(\"display\") === \"none\") return true\n el = el.parentElement\n }\n return false\n}\n\n/**\n * Returns the focusable elements within the element\n */\nexport const getFocusables = (el: HTMLElement | Document | null, includeContainer = false) => {\n if (!el) return []\n let els = Array.from(el.querySelectorAll<HTMLElement>(focusableSelector))\n if (includeContainer && isHTMLElement(el)) {\n els.unshift(el)\n }\n return els.filter((el) => isFocusable(el) && !isHidden(el))\n}\n\n/**\n * Whether this element is focusable\n */\nexport const isFocusable = (el: HTMLElement | null) => {\n if (!isHTMLElement(el) || isHidden(el) || isDisabled(el)) return false\n return el?.matches(focusableSelector)\n}\n\n/**\n * Returns the tabbable elements within the element\n */\nexport const getTabbables = (el: HTMLElement | Document, includeContainer = false) => {\n return getFocusables(el, includeContainer).filter(isTabbable)\n}\n\n/**\n * Whether this element is tabbable\n */\nexport const isTabbable = (el: HTMLElement | null) => {\n return isFocusable(el) && !isDisabled(el) && !isHidden(el)\n}\n", "import { noop } from \"@zag-js/utils\"\n\ntype Callback = (v: MutationRecord) => void\n\nexport function observeAttributes(node: Element | null, attributes: string | string[], fn: Callback) {\n if (!node) return noop\n const attrs = Array.isArray(attributes) ? attributes : [attributes]\n const win = node.ownerDocument.defaultView || window\n const obs = new win.MutationObserver((changes) => {\n for (const change of changes) {\n if (change.type === \"attributes\" && change.attributeName && attrs.includes(change.attributeName)) {\n fn(change)\n }\n }\n })\n\n obs.observe(node, { attributes: true, attributeFilter: attrs })\n\n return () => obs.disconnect()\n}\n\nexport function observeChildren(node: Element | null, fn: Callback) {\n if (!node) return noop\n const win = node.ownerDocument.defaultView || window\n const obs = new win.MutationObserver((changes) => {\n for (const change of changes) {\n if (change.type === \"childList\") {\n fn(change)\n }\n }\n })\n\n obs.observe(node, { childList: true, subtree: true })\n\n return () => obs.disconnect()\n}\n", "import { observeAttributes } from \"./mutation-observer\"\n\nexport function getClosestForm(el: HTMLElement) {\n if (isFormElement(el)) return el.form\n else return el.closest(\"form\")\n}\n\nfunction isFormElement(el: HTMLElement): el is HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement {\n return el.matches(\"textarea, input, select, button\")\n}\n\nexport function trackFormReset(el: HTMLElement | null | undefined, callback: () => void) {\n if (!el) return\n const form = getClosestForm(el)\n form?.addEventListener(\"reset\", callback, { passive: true })\n return () => {\n form?.removeEventListener(\"reset\", callback)\n }\n}\n\nexport function trackFieldsetDisabled(el: HTMLElement | null | undefined, callback: (disabled: boolean) => void) {\n const fieldset = el?.closest(\"fieldset\")\n if (!fieldset) return\n callback(fieldset.disabled)\n return observeAttributes(fieldset, [\"disabled\"], () => callback(fieldset.disabled))\n}\n\nexport function isNativeDisabled(el: HTMLElement) {\n return el.matches(\":disabled\")\n}\n", "import type { KeyboardEvent } from \"react\"\n\ntype EventKey =\n | \"ArrowDown\"\n | \"ArrowUp\"\n | \"ArrowLeft\"\n | \"ArrowRight\"\n | \"Space\"\n | \"Enter\"\n | \"Comma\"\n | \"Escape\"\n | \"Backspace\"\n | \"Delete\"\n | \"Home\"\n | \"End\"\n | \"Tab\"\n | \"PageUp\"\n | \"PageDown\"\n | (string & {})\n\nexport type EventKeyMap = Partial<Record<EventKey, (event: React.KeyboardEvent) => void>>\n\nconst rtlKeyMap = {\n ArrowLeft: \"ArrowRight\",\n ArrowRight: \"ArrowLeft\",\n Home: \"End\",\n End: \"Home\",\n}\n\nconst sameKeyMap = {\n Up: \"ArrowUp\",\n Down: \"ArrowDown\",\n Esc: \"Escape\",\n \" \": \"Space\",\n \",\": \"Comma\",\n Left: \"ArrowLeft\",\n Right: \"ArrowRight\",\n}\n\ntype EventKeyOptions = {\n dir?: \"ltr\" | \"rtl\"\n orientation?: \"horizontal\" | \"vertical\"\n}\n\n/**\n * Determine the event key based on text direction.\n */\nexport function getEventKey(event: KeyboardEvent, options: EventKeyOptions = {}) {\n const { dir = \"ltr\", orientation = \"horizontal\" } = options\n\n let { key } = event\n key = sameKeyMap[key] ?? key // normalize key\n\n const isRtl = dir === \"rtl\" && orientation === \"horizontal\"\n\n if (isRtl && key in rtlKeyMap) {\n key = rtlKeyMap[key]\n }\n\n return key\n}\n\nconst PAGE_KEYS = new Set([\"PageUp\", \"PageDown\"])\nconst ARROW_KEYS = new Set([\"ArrowUp\", \"ArrowDown\", \"ArrowLeft\", \"ArrowRight\"])\n\n/**\n * Determine the step factor for keyboard events\n */\nexport function getEventStep(event: KeyboardEvent) {\n if (event.ctrlKey || event.metaKey) {\n return 0.1\n } else {\n const isPageKey = PAGE_KEYS.has(event.key)\n const isSkipKey = isPageKey || (event.shiftKey && ARROW_KEYS.has(event.key))\n return isSkipKey ? 10 : 1\n }\n}\n", "export const visuallyHiddenStyle = {\n border: \"0\",\n clip: \"rect(0 0 0 0)\",\n height: \"1px\",\n margin: \"-1px\",\n overflow: \"hidden\",\n padding: \"0\",\n position: \"absolute\",\n width: \"1px\",\n whiteSpace: \"nowrap\",\n wordWrap: \"normal\",\n} as const\n\nexport function setVisuallyHidden(el: HTMLElement) {\n Object.assign(el.style, visuallyHiddenStyle)\n}\n", "import { setVisuallyHidden } from \"./visually-hidden\"\n\nexport type LiveRegionOptions = {\n level: \"polite\" | \"assertive\"\n document?: Document\n root?: HTMLElement | null\n delay?: number\n}\n\nexport type LiveRegion = ReturnType<typeof createLiveRegion>\n\nexport function createLiveRegion(opts: Partial<LiveRegionOptions> = {}) {\n const { level = \"polite\", document: doc = document, root, delay: _delay = 0 } = opts\n\n const win = doc.defaultView ?? window\n const parent = root ?? doc.body\n\n function announce(message: string, delay?: number) {\n const oldRegion = doc.getElementById(\"__live-region__\")\n\n // remove old region\n oldRegion?.remove()\n\n // Did an override level get set?\n delay = delay ?? _delay\n\n // create fresh region\n const region = doc.createElement(\"span\")\n region.id = \"__live-region__\"\n region.dataset.liveAnnouncer = \"true\"\n\n // Determine redundant role\n const role = level !== \"assertive\" ? \"status\" : \"alert\"\n\n // add role and attributes\n region.setAttribute(\"aria-live\", level)\n region.setAttribute(\"role\", role)\n\n // hide live region\n setVisuallyHidden(region)\n\n parent.appendChild(region)\n\n // populate region to trigger it\n win.setTimeout(() => {\n region.textContent = message\n }, delay)\n }\n\n function destroy() {\n const oldRegion = doc.getElementById(\"__live-region__\")\n oldRegion?.remove()\n }\n\n return { announce, destroy }\n}\n", "type Root = Document | Element | null | undefined\n\nexport function queryAll<T extends HTMLElement = HTMLElement>(root: Root, selector: string) {\n return Array.from(root?.querySelectorAll<T>(selector) ?? [])\n}\n\nexport function query<T extends HTMLElement = HTMLElement>(root: Root, selector: string) {\n return root?.querySelector<T>(selector)\n}\n\nexport function itemById<T extends HTMLElement>(v: T[], id: string) {\n return v.find((node) => node.id === id)\n}\n\nexport function indexOfId<T extends HTMLElement>(v: T[], id: string) {\n const item = itemById(v, id)\n return item ? v.indexOf(item) : -1\n}\n\nexport function nextById<T extends HTMLElement>(v: T[], id: string, loop = true) {\n let idx = indexOfId(v, id)\n idx = loop ? (idx + 1) % v.length : Math.min(idx + 1, v.length - 1)\n return v[idx]\n}\n\nexport function prevById<T extends HTMLElement>(v: T[], id: string, loop = true) {\n let idx = indexOfId(v, id)\n if (idx === -1) return loop ? v[v.length - 1] : null\n idx = loop ? (idx - 1 + v.length) % v.length : Math.max(0, idx - 1)\n return v[idx]\n}\n\nconst getValueText = <T extends HTMLElement>(item: T) => item.dataset.valuetext ?? item.textContent ?? \"\"\n\nconst match = (valueText: string, query: string) => valueText.toLowerCase().startsWith(query.toLowerCase())\n\nconst wrap = <T>(v: T[], idx: number) => {\n return v.map((_, index) => v[(Math.max(idx, 0) + index) % v.length])\n}\n\nexport function findByText<T extends HTMLElement>(v: T[], text: string, currentId?: string | null) {\n const index = currentId ? indexOfId(v, currentId) : -1\n let items = currentId ? wrap(v, index) : v\n\n const isSingleKey = text.length === 1\n\n if (isSingleKey) {\n items = items.filter((item) => item.id !== currentId)\n }\n\n return items.find((item) => match(getValueText(item), text))\n}\n\nexport function sortByTreeOrder<T extends HTMLElement>(v: T[]) {\n return v.sort((a, b) => (a.compareDocumentPosition(b) & 2 ? 1 : -1))\n}\n", "// Credits: https://github.com/adobe/react-spectrum/blob/e81cfec20056338c7987c513826dc45df32f3db4/packages/%40react-aria/interactions/src/textSelection.ts\nimport { isIos } from \"@zag-js/utils\"\nimport { nextTick } from \"./next-tick\"\n\ntype State = \"default\" | \"disabled\" | \"restoring\"\n\nlet state: State = \"default\"\nlet savedUserSelect = \"\"\nlet modifiedElementMap = new WeakMap<HTMLElement, string>()\n\nexport function disableTextSelection({ target, doc }: { target?: HTMLElement; doc?: Document } = {}) {\n const _document = doc ?? document\n\n if (isIos()) {\n if (state === \"default\") {\n savedUserSelect = _document.documentElement.style.webkitUserSelect\n _document.documentElement.style.webkitUserSelect = \"none\"\n }\n\n state = \"disabled\"\n } else if (target) {\n modifiedElementMap.set(target, target.style.userSelect)\n target.style.userSelect = \"none\"\n }\n\n return () => restoreTextSelection({ target, doc: _document })\n}\n\nexport function restoreTextSelection({ target, doc }: { target?: HTMLElement; doc?: Document } = {}) {\n const _document = doc ?? document\n\n if (isIos()) {\n if (state !== \"disabled\") return\n state = \"restoring\"\n\n setTimeout(() => {\n nextTick(() => {\n if (state === \"restoring\") {\n if (_document.documentElement.style.webkitUserSelect === \"none\") {\n _document.documentElement.style.webkitUserSelect = savedUserSelect || \"\"\n }\n\n savedUserSelect = \"\"\n state = \"default\"\n }\n })\n }, 300)\n } else {\n if (target && modifiedElementMap.has(target)) {\n let targetOldUserSelect = modifiedElementMap.get(target)\n\n if (target.style.userSelect === \"none\") {\n target.style.userSelect = targetOldUserSelect ?? \"\"\n }\n\n if (target.getAttribute(\"style\") === \"\") {\n target.removeAttribute(\"style\")\n }\n modifiedElementMap.delete(target)\n }\n }\n}\n", "import { isLeftClick, isMouseEvent, pipe } from \"@zag-js/utils\"\nimport { addDomEvent, addPointerEvent } from \"./listener\"\nimport type { AnyPointerEvent, EventListenerWithPointInfo as Listener, PointerEventInfo } from \"./listener.types\"\nimport { disableTextSelection } from \"./text-selection\"\n\nexport function trackPointerDown(doc: Document, onPointerDown: (el: HTMLElement) => void) {\n const win = doc.defaultView ?? window\n const fn = (event: PointerEvent) => {\n if (event.target instanceof win.HTMLElement) {\n onPointerDown(event.target)\n }\n }\n return addDomEvent(doc, \"pointerdown\", fn)\n}\n\ntype TrackPointerMoveOptions = {\n ctx: { doc?: Document; threshold?: number }\n onPointerUp: VoidFunction\n onPointerMove: (info: PointerEventInfo, event: AnyPointerEvent) => void\n}\n\nexport function trackPointerMove(opts: TrackPointerMoveOptions) {\n const { onPointerMove, onPointerUp, ctx } = opts\n const { doc = document, threshold = 5 } = ctx\n\n const handlePointerMove: Listener = (event, info) => {\n const { point: p } = info\n const distance = Math.sqrt(p.x ** 2 + p.y ** 2)\n if (distance < threshold) return\n\n // Because Safari doesn't trigger mouseup events when it's above a `<select>`\n if (isMouseEvent(event) && isLeftClick(event)) {\n onPointerUp()\n return\n }\n\n onPointerMove(info, event)\n }\n\n return pipe(\n addPointerEvent(doc, \"pointermove\", handlePointerMove, false),\n addPointerEvent(doc, \"pointerup\", onPointerUp, false),\n addPointerEvent(doc, \"pointercancel\", onPointerUp, false),\n addPointerEvent(doc, \"contextmenu\", onPointerUp, false),\n disableTextSelection({ doc }),\n )\n}\n", "import { pipe } from \"@zag-js/utils\"\nimport { addDomEvent } from \"./listener\"\n\ntype PointerLockHandlers = {\n onPointerLock?: VoidFunction\n onPointerUnlock?: VoidFunction\n}\n\nexport function addPointerlockChangeListener(doc: Document, fn: VoidFunction) {\n return addDomEvent(doc, \"pointerlockchange\", fn, false)\n}\n\nexport function addPointerlockErrorListener(doc: Document, fn: (e: Event) => void) {\n doc.addEventListener(\"pointerlockerror\", fn, false)\n return function cleanup() {\n doc.removeEventListener(\"pointerlockerror\", fn, false)\n }\n}\n\nexport function requestPointerLock(doc: Document, handlers: PointerLockHandlers = {}) {\n const { onPointerLock, onPointerUnlock } = handlers\n const body = doc.body\n\n const supported = \"pointerLockElement\" in doc || \"mozPointerLockElement\" in doc\n const locked = !!doc.pointerLockElement\n\n function onPointerChange() {\n if (locked) onPointerLock?.()\n else onPointerUnlock?.()\n }\n\n function onPointerError(event: Event) {\n if (locked) onPointerUnlock?.()\n console.error(\"PointerLock error occured:\", event)\n exit()\n }\n\n function exit() {\n doc.exitPointerLock()\n }\n\n if (!supported) return\n\n body.requestPointerLock()\n\n const cleanup = pipe(\n addPointerlockChangeListener(doc, onPointerChange),\n addPointerlockErrorListener(doc, onPointerError),\n )\n\n return function dispose() {\n if (!supported) return\n cleanup()\n exit()\n }\n}\n", "// Credit goes to the radix-ui team for this utility:\n// https://github.com/radix-ui/primitives/blob/main/packages/core/rect/src/observeElementRect.ts\n\ntype Fn = (rect: DOMRect) => void\ntype ObservedData = { rect: DOMRect; callbacks: Fn[] }\nexport type Measurable = { getBoundingClientRect(): DOMRect }\n\nfunction getObservedElements(): Map<Measurable, ObservedData> {\n ;(globalThis as any).__rectObserverMap__ = (globalThis as any).__rectObserverMap__ || new Map()\n return (globalThis as any).__rectObserverMap__\n}\n\nexport function observeElementRect(el: Measurable, fn: Fn) {\n const observedElements = getObservedElements()\n\n const data = observedElements.get(el)\n\n if (!data) {\n observedElements.set(el, { rect: {} as DOMRect, callbacks: [fn] })\n\n if (observedElements.size === 1) {\n rafId = requestAnimationFrame(runLoop)\n }\n } else {\n data.callbacks.push(fn)\n fn(el.getBoundingClientRect())\n }\n\n return function unobserve() {\n const data = observedElements.get(el)\n if (!data) return\n\n const index = data.callbacks.indexOf(fn)\n if (index > -1) {\n data.callbacks.splice(index, 1)\n }\n\n if (data.callbacks.length === 0) {\n observedElements.delete(el)\n\n if (observedElements.size === 0) {\n cancelAnimationFrame(rafId)\n }\n }\n }\n}\n\nlet rafId: number\n\nfunction runLoop() {\n const observedElements = getObservedElements()\n\n const changedRectsData: Array<ObservedData> = []\n\n observedElements.forEach((data, element) => {\n const newRect = element.getBoundingClientRect()\n\n if (!isEqual(data.rect, newRect)) {\n data.rect = newRect\n changedRectsData.push(data)\n }\n })\n\n changedRectsData.forEach((data) => {\n data.callbacks.forEach((callback) => callback(data.rect))\n })\n\n rafId = requestAnimationFrame(runLoop)\n}\n\nfunction isEqual(rect1: DOMRect, rect2: DOMRect) {\n return (\n rect1.width === rect2.width &&\n rect1.height === rect2.height &&\n rect1.top === rect2.top &&\n rect1.right === rect2.right &&\n rect1.bottom === rect2.bottom &&\n rect1.left === rect2.left\n )\n}\n", "import { findByText } from \"./nodelist\"\n\nexport type TypeaheadState = {\n keysSoFar: string\n timer: number\n}\n\nexport type TypeaheadOptions = {\n state: TypeaheadState\n activeId: string | null\n key: string\n timeout?: number\n}\n\nexport function findByTypeahead<T extends HTMLElement>(_items: T[], options: TypeaheadOptions) {\n const { state, activeId, key, timeout = 350 } = options\n\n const search = state.keysSoFar + key\n const isRepeated = search.length > 1 && Array.from(search).every((char) => char === search[0])\n\n const query = isRepeated ? search[0] : search\n\n let items = _items.slice()\n\n const next = findByText(items, query, activeId)\n\n function cleanup() {\n clearTimeout(state.timer)\n state.timer = -1\n }\n\n function update(value: string) {\n state.keysSoFar = value\n cleanup()\n\n if (value !== \"\") {\n state.timer = +setTimeout(() => {\n update(\"\")\n cleanup()\n }, timeout)\n }\n }\n\n update(search)\n\n return next\n}\n\nfindByTypeahead.defaultOptions = {\n keysSoFar: \"\",\n timer: -1,\n}\n", "import { cast } from \"@zag-js/utils\"\nimport { addDomEvent } from \"./listener\"\n\nexport function trackDocumentVisibility(_doc: Document, callback: (hidden: boolean) => void) {\n const doc = cast(_doc) as Document & { msHidden?: boolean; webkitHidden?: boolean }\n return addDomEvent(doc, \"visibilitychange\", () => {\n const hidden = doc.hidden || doc.msHidden || doc.webkitHidden\n callback(!!hidden)\n })\n}\n", "import { addDomEvent } from \"./listener\"\n\ntype ViewportSize = {\n width: number\n height: number\n}\n\ntype Options = {\n document?: Document\n resolve?(data: ViewportSize): void\n}\n\nexport function trackVisualViewport(options: Options) {\n const { document: doc, resolve } = options\n const win = doc?.defaultView || window\n resolve?.(getViewportSize(win))\n const onResize = () => resolve?.(getViewportSize(win))\n return addDomEvent(win.visualViewport ?? win, \"resize\", onResize)\n}\n\nfunction getViewportSize(win: Window): ViewportSize {\n return {\n width: win.visualViewport?.width || win.innerWidth,\n height: win.visualViewport?.height || win.innerHeight,\n }\n}\n", "export function waitFor<T>(predicate: () => T): Promise<T> {\n let value = predicate()\n if (!!value) return Promise.resolve(value)\n return new Promise((resolve) => {\n const id = globalThis.setInterval(function () {\n let value = predicate()\n if (value) {\n globalThis.clearInterval(id)\n resolve(value)\n }\n }, 0)\n })\n}\n\nexport function waitForEvent(el: HTMLElement, eventName: string) {\n return new Promise<void>((resolve) => {\n function done(event: Event) {\n if (event.target === el) {\n el.removeEventListener(eventName, done)\n resolve()\n }\n }\n\n el.addEventListener(eventName, done)\n })\n}\n", "import type * as React from \"react\"\n\ntype Dict<T = any> = Record<string, T>\n\ntype Booleanish = boolean | \"true\" | \"false\"\n\ntype Omit<T, K extends keyof T> = { [P in Exclude<keyof T, K>]?: T[P] }\n\ntype WithStyle<T extends { style?: any }> = Omit<T, \"style\"> & {\n style?: T[\"style\"] & {\n [prop: string]: string | number | undefined\n }\n}\n\ntype DataAttr = {\n \"data-uid\"?: string\n \"data-name\"?: string\n \"data-ownedby\"?: string\n \"data-selected\"?: Booleanish\n \"data-expanded\"?: Booleanish\n \"data-highlighted\"?: Booleanish\n \"data-readonly\"?: Booleanish\n \"data-invalid\"?: Booleanish\n \"data-hover\"?: Booleanish\n \"data-active\"?: Booleanish\n \"data-focus\"?: Booleanish\n \"data-disabled\"?: Booleanish\n \"data-type\"?: string\n \"data-value\"?: string | number\n \"data-valuetext\"?: string\n \"data-open\"?: Booleanish\n \"data-placement\"?: string\n \"data-orientation\"?: \"horizontal\" | \"vertical\"\n \"data-label\"?: string\n \"data-checked\"?: Booleanish\n \"data-pressed\"?: Booleanish\n \"data-state\"?: string | null\n \"data-half\"?: Booleanish\n \"data-count\"?: number\n \"data-controls\"?: string\n \"data-part\"?: string\n \"data-index\"?: number\n \"data-complete\"?: Booleanish\n \"data-empty\"?: Booleanish\n \"data-placeholder-shown\"?: Booleanish\n}\n\ntype JSXElementAttributes = DataAttr & React.HTMLAttributes<HTMLElement>\ntype JSXButtonAttributes = DataAttr & React.ButtonHTMLAttributes<HTMLButtonElement>\ntype JSXInputAttributes = DataAttr & React.InputHTMLAttributes<HTMLInputElement>\ntype JSXLabelAttributes = DataAttr & React.LabelHTMLAttributes<HTMLLabelElement>\ntype JSXOutputAttributes = DataAttr & React.OutputHTMLAttributes<HTMLOutputElement>\n\nexport type PropTypes = Record<\"button\" | \"label\" | \"input\" | \"output\" | \"element\", Dict>\n\nexport type ReactPropTypes = {\n button: JSXButtonAttributes\n label: JSXLabelAttributes\n input: JSXInputAttributes\n output: JSXOutputAttributes\n element: JSXElementAttributes\n}\n\nexport type NormalizeProps = {\n button<T extends PropTypes>(props: WithStyle<JSXButtonAttributes>): T[\"button\"]\n label<T extends PropTypes>(props: WithStyle<JSXLabelAttributes>): T[\"label\"]\n input<T extends PropTypes>(props: WithStyle<JSXInputAttributes>): T[\"input\"]\n output<T extends PropTypes>(props: WithStyle<JSXOutputAttributes>): T[\"output\"]\n element<T extends PropTypes>(props: WithStyle<JSXElementAttributes>): T[\"element\"]\n}\n\nexport function createNormalizer(fn: (props: Dict) => Dict): NormalizeProps {\n return new Proxy({} as any, {\n get() {\n return fn\n },\n })\n}\n\nexport const normalizeProp = createNormalizer((v) => v)\n", "export type ControlProp =\n | { type: \"boolean\"; label?: string; defaultValue: boolean }\n | { type: \"string\"; label?: string; defaultValue: string; placeholder?: string }\n | { type: \"select\"; options: readonly string[]; defaultValue: string; label?: string }\n | { type: \"multiselect\"; options: readonly string[]; defaultValue: string[]; label?: string }\n | { type: \"number\"; label?: string; defaultValue: number; min?: number; max?: number }\n\nexport type ControlRecord = Record<string, ControlProp>\n\nexport type ControlValue<T extends ControlRecord> = {\n [K in keyof T]: T[K] extends { type: \"boolean\" }\n ? boolean\n : T[K] extends { type: \"string\" }\n ? string\n : T[K] extends { type: \"select\" }\n ? T[K][\"options\"][number]\n : T[K] extends { type: \"multiselect\" }\n ? T[K][\"options\"][number][]\n : T[K] extends { type: \"number\" }\n ? number\n : never\n}\n\nexport function defineControls<T extends ControlRecord>(config: T) {\n return config\n}\n", "export function toArray<T>(v: T | T[] | undefined | null): T[] {\n if (!v) return []\n return Array.isArray(v) ? v : [v]\n}\n\nexport const fromLength = (length: number) => Array.from(Array(length).keys())\n\nexport const first = <T>(v: T[]): T | undefined => v[0]\n\nexport const last = <T>(v: T[]): T | undefined => v[v.length - 1]\n\nexport const isEmpty = <T>(v: T[]): boolean => v.length === 0\n\nexport const has = <T>(v: T[], t: any): boolean => v.indexOf(t) !== -1\n\nexport const add = <T>(v: T[], ...items: T[]): T[] => v.concat(items)\n\nexport const remove = <T>(v: T[], item: T): T[] => removeAt(v, v.indexOf(item))\n\nexport const removeAt = <T>(v: T[], i: number): T[] => {\n if (i > -1) v.splice(i, 1)\n return v\n}\n\nexport function clear<T>(v: T[]): T[] {\n while (v.length > 0) v.pop()\n return v\n}\n\nexport type IndexOptions = {\n step?: number\n loop?: boolean\n}\n\nexport function nextIndex<T>(v: T[], idx: number, opts: IndexOptions = {}): number {\n const { step = 1, loop = true } = opts\n const next = idx + step\n const len = v.length\n const last = len - 1\n if (idx === -1) return step > 0 ? 0 : last\n if (next < 0) return loop ? last : 0\n if (next >= len) return loop ? 0 : idx > len ? len : idx\n return next\n}\n\nexport function next<T>(v: T[], idx: number, opts: IndexOptions = {}): T | undefined {\n return v[nextIndex(v, idx, opts)]\n}\n\nexport function prevIndex<T>(v: T[], idx: number, opts: IndexOptions = {}): number {\n const { step = 1, loop = true } = opts\n return nextIndex(v, idx, { step: -step, loop })\n}\n\nexport function prev<T>(v: T[], index: number, opts: IndexOptions = {}): T | undefined {\n return v[prevIndex(v, index, opts)]\n}\n\nexport const chunk = <T>(v: T[], size: number): T[][] => {\n const res: T[][] = []\n return v.reduce((rows, value, index) => {\n if (index % size === 0) rows.push([value])\n else last(rows)?.push(value)\n return rows\n }, res)\n}\n", "export const runIfFn = <T>(\n v: T | undefined,\n ...a: T extends (...a: any[]) => void ? Parameters<T> : never\n): T extends (...a: any[]) => void ? NonNullable<ReturnType<T>> : NonNullable<T> => {\n const res = typeof v === \"function\" ? v(...a) : v\n return res ?? undefined\n}\n\nexport const cast = <T>(v: unknown): T => v as T\n\nexport const noop = () => {}\n\nexport const pipe =\n <T>(...fns: Array<(a: T) => T>) =>\n (v: T) =>\n fns.reduce((a, b) => b(a), v)\n\nexport const callAll =\n <T extends (...a: any[]) => void>(...fns: (T | undefined)[]) =>\n (...a: Parameters<T>) => {\n fns.forEach(function (fn) {\n fn?.(...a)\n })\n }\n\nexport const uuid = /*#__PURE__*/ (() => {\n let id = 0\n return () => {\n id++\n return id.toString(36)\n }\n})()\n\nexport function merge<T, U>(origin: T, patch: U): T & U {\n if (!(typeof patch === \"object\")) return patch as any\n const result = !(typeof origin === \"object\") ? {} : Object.assign({}, origin)\n for (const key of Object.keys(patch)) {\n const value = patch[key]\n const src = result[key]\n if (value === null) delete result[key]\n else if (Array.isArray(value) || Array.isArray(src)) result[key] = (src || []).concat(value || [])\n else result[key] = merge(src, value)\n }\n return result as any\n}\n", "const platform = (v: RegExp) => isDom() && v.test(navigator.platform)\nconst ua = (v: RegExp) => isDom() && v.test(navigator.userAgent)\n\nexport const isDev = () => process.env.NODE_ENV !== \"production\"\nexport const isDom = () => !!(typeof window !== \"undefined\")\nexport const isMac = () => platform(/^Mac/)\nexport const isIPhone = () => platform(/^iPhone/)\nexport const isIPad = () => platform(/^iPad/) || (isMac() && navigator.maxTouchPoints > 1)\nexport const isIos = () => isIPhone() || isIPad()\nexport const isSafari = () => ua(/^((?!chrome|android).)*safari/i)\nexport const isFirefox = () => ua(/^Firefox/)\nexport const isWebkit = () => ua(/^WebKit/) && !ua(/Chrome/)\nexport const isApple = () => isMac() || isIos()\n\nexport const isArray = (v: any): v is any[] => Array.isArray(v)\nexport const isBoolean = (v: any): v is boolean => v === true || v === false\nexport const isObject = (v: any): v is Record<string, any> => !(v == null || typeof v !== \"object\" || isArray(v))\nexport const isNumber = (v: any): v is number => typeof v === \"number\" && !Number.isNaN(v)\nexport const isString = (v: any): v is string => typeof v === \"string\"\nexport const isFunction = (v: any): v is Function => typeof v === \"function\"\n\nexport const supportsPointerEvent = () => isDom() && window.onpointerdown === null\nexport const supportsTouchEvent = () => isDom() && window.ontouchstart === null\nexport const supportsMouseEvent = () => isDom() && window.onmousedown === null\n\nexport const isMouseEvent = (v: any): v is MouseEvent => isObject(v) && \"button\" in v\nexport const isTouchEvent = (v: any): v is TouchEvent => isObject(v) && \"touches\" in v\nexport const isLeftClick = (v: { button: number }) => v.button === 0\nexport const isRightClick = (v: { button: number }) => v.button === 2\nexport const isModifiedEvent = (v: Pick<KeyboardEvent, \"ctrlKey\" | \"metaKey\" | \"altKey\">) =>\n v.ctrlKey || v.altKey || v.metaKey\nexport const isCtrlKey = (v: Pick<KeyboardEvent, \"ctrlKey\" | \"metaKey\">) =>\n isMac() ? v.metaKey && !v.ctrlKey : v.ctrlKey && !v.metaKey\n", "export function warn(m: string): void\nexport function warn(c: boolean, m: string): void\nexport function warn(...a: any[]): void {\n const m = a.length === 1 ? a[0] : a[1]\n const c = a.length === 2 ? a[0] : true\n if (c && process.env.NODE_ENV !== \"production\") {\n console.warn(m)\n }\n}\n\nexport function invariant(m: string): void\nexport function invariant(c: boolean, m: string): void\nexport function invariant(...a: any[]): void {\n const m = a.length === 1 ? a[0] : a[1]\n const c = a.length === 2 ? a[0] : true\n if (c && process.env.NODE_ENV !== \"production\") {\n throw new Error(m)\n }\n}\n", "import { itemById, nextById, prevById, queryAll } from \"@zag-js/dom-utils\"\nimport { first, last } from \"@zag-js/utils\"\nimport { MachineContext as Ctx } from \"./tabs.types\"\n\nexport const dom = {\n getDoc: (ctx: Ctx) => ctx.doc ?? document,\n getRootNode: (ctx: Ctx) => ctx.rootNode ?? dom.getDoc(ctx),\n\n getRootId: (ctx: Ctx) => ctx.ids?.root ?? `tabs:${ctx.uid}`,\n getTriggerGroupId: (ctx: Ctx) => ctx.ids?.triggerGroup ?? `tabs:${ctx.uid}:trigger-group`,\n getContentId: (ctx: Ctx, id: string) => ctx.ids?.content ?? `tabs:${ctx.uid}:content-${id}`,\n getContentGroupId: (ctx: Ctx) => ctx.ids?.contentGroup ?? `tabs:${ctx.uid}:content-group`,\n getTriggerId: (ctx: Ctx, id: string) => ctx.ids?.trigger ?? `tabs:${ctx.uid}:trigger-${id}`,\n getIndicatorId: (ctx: Ctx) => `tabs:${ctx.uid}:indicator`,\n\n getTriggerGroupEl: (ctx: Ctx) => dom.getRootNode(ctx).getElementById(dom.getTriggerGroupId(ctx)),\n getContentEl: (ctx: Ctx, id: string) => dom.getRootNode(ctx).getElementById(dom.getContentId(ctx, id)),\n getTriggerEl: (ctx: Ctx, id: string) => dom.getRootNode(ctx).getElementById(dom.getTriggerId(ctx, id)),\n getIndicatorEl: (ctx: Ctx) => dom.getRootNode(ctx).getElementById(dom.getIndicatorId(ctx)),\n\n getElements: (ctx: Ctx) => {\n const ownerId = CSS.escape(dom.getTriggerGroupId(ctx))\n const selector = `[role=tab][data-ownedby='${ownerId}']:not([disabled])`\n return queryAll(dom.getTriggerGroupEl(ctx), selector)\n },\n\n getFirstEl: (ctx: Ctx) => first(dom.getElements(ctx)),\n getLastEl: (ctx: Ctx) => last(dom.getElements(ctx)),\n getNextEl: (ctx: Ctx, id: string) => nextById(dom.getElements(ctx), dom.getTriggerId(ctx, id), ctx.loop),\n getPrevEl: (ctx: Ctx, id: string) => prevById(dom.getElements(ctx), dom.getTriggerId(ctx, id), ctx.loop),\n getActiveContentEl: (ctx: Ctx) => {\n if (!ctx.value) return\n const id = dom.getContentId(ctx, ctx.value)\n return dom.getRootNode(ctx).getElementById(id)\n },\n\n getRectById: (ctx: Ctx, id: string) => {\n const empty = {\n offsetLeft: 0,\n offsetTop: 0,\n offsetWidth: 0,\n offsetHeight: 0,\n }\n\n const tab = itemById(dom.getElements(ctx), dom.getTriggerId(ctx, id)) ?? empty\n\n if (ctx.isVertical) {\n return {\n top: `${tab.offsetTop}px`,\n height: `${tab.offsetHeight}px`,\n }\n }\n\n return {\n left: `${tab.offsetLeft}px`,\n width: `${tab.offsetWidth}px`,\n }\n },\n}\n", "import { dataAttr, EventKeyMap, getEventKey } from \"@zag-js/dom-utils\"\nimport { normalizeProp, PropTypes, ReactPropTypes } from \"@zag-js/types\"\nimport { isSafari } from \"@zag-js/utils\"\nimport { dom } from \"./tabs.dom\"\nimport type { Send, State, TabProps } from \"./tabs.types\"\n\nexport function connect<T extends PropTypes = ReactPropTypes>(state: State, send: Send, normalize = normalizeProp) {\n const messages = state.context.messages\n const isFocused = state.matches(\"focused\")\n\n return {\n value: state.context.value,\n focusedValue: state.context.focusedValue,\n previousValues: Array.from(state.context.previousValues),\n setValue(value: string) {\n send({ type: \"SET_VALUE\", value })\n },\n\n rootProps: normalize.element<T>({\n \"data-part\": \"root\",\n id: dom.getRootId(state.context),\n \"data-orientation\": state.context.orientation,\n \"data-focus\": dataAttr(isFocused),\n dir: state.context.dir,\n }),\n\n triggerGroupProps: normalize.element<T>({\n \"data-part\": \"trigger-group\",\n id: dom.getTriggerGroupId(state.context),\n role: \"tablist\",\n \"data-focus\": dataAttr(isFocused),\n \"aria-orientation\": state.context.orientation,\n \"data-orientation\": state.context.orientation,\n \"aria-label\": messages.tablistLabel,\n onKeyDown(event) {\n const keyMap: EventKeyMap = {\n ArrowDown() {\n send(\"ARROW_DOWN\")\n },\n ArrowUp() {\n send(\"ARROW_UP\")\n },\n ArrowLeft() {\n send(\"ARROW_LEFT\")\n },\n ArrowRight() {\n send(\"ARROW_RIGHT\")\n },\n Home() {\n send(\"HOME\")\n },\n End() {\n send(\"END\")\n },\n Enter() {\n send({ type: \"ENTER\", value: state.context.focusedValue })\n },\n }\n\n let key = getEventKey(event, state.context)\n const exec = keyMap[key]\n\n if (exec) {\n event.preventDefault()\n exec(event)\n }\n },\n }),\n\n getTriggerProps(props: TabProps) {\n const { value, disabled } = props\n const selected = state.context.value === value\n\n return normalize.button<T>({\n \"data-part\": \"trigger\",\n role: \"tab\",\n type: \"button\",\n disabled,\n \"data-orientation\": state.context.orientation,\n \"data-disabled\": dataAttr(disabled),\n \"aria-disabled\": disabled,\n \"data-value\": value,\n \"aria-selected\": selected,\n \"data-selected\": dataAttr(selected),\n \"aria-controls\": dom.getContentId(state.context, value),\n \"data-ownedby\": dom.getTriggerGroupId(state.context),\n id: dom.getTriggerId(state.context, value),\n tabIndex: selected ? 0 : -1,\n onFocus() {\n send({ type: \"TAB_FOCUS\", value })\n },\n onBlur(event) {\n const target = event.relatedTarget as HTMLElement | null\n if (target?.getAttribute(\"role\") !== \"tab\") {\n send({ type: \"TAB_BLUR\" })\n }\n },\n onClick(event) {\n if (disabled) return\n if (isSafari()) {\n event.currentTarget.focus()\n }\n send({ type: \"TAB_CLICK\", value })\n },\n })\n },\n\n contentGroupProps: normalize.element<T>({\n \"data-part\": \"content-group\",\n id: dom.getContentGroupId(state.context),\n \"data-orientation\": state.context.orientation,\n }),\n\n getContentProps({ value }: { value: string }) {\n const selected = state.context.value === value\n return normalize.element<T>({\n \"data-part\": \"content\",\n id: dom.getContentId(state.context, value),\n tabIndex: 0,\n \"aria-labelledby\": dom.getTriggerId(state.context, value),\n role: \"tabpanel\",\n \"data-ownedby\": dom.getTriggerGroupId(state.context),\n hidden: !selected,\n })\n },\n\n getDeleteButtonProps({ value, disabled }: TabProps) {\n return normalize.button<T>({\n \"data-part\": \"delete-button\",\n type: \"button\",\n tabIndex: -1,\n \"aria-label\": messages.deleteLabel?.(value),\n disabled,\n onClick() {\n send({ type: \"DELETE\", value })\n },\n })\n },\n\n indicatorProps: normalize.element<T>({\n id: dom.getIndicatorId(state.context),\n \"data-part\": \"indicator\",\n \"data-orientation\": state.context.orientation,\n style: {\n \"--transition-duration\": \"200ms\",\n \"--transition-property\": \"left, right, top, bottom, width, height\",\n position: \"absolute\",\n willChange: \"var(--transition-property)\",\n transitionProperty: \"var(--transition-property)\",\n transitionDuration: state.context.hasMeasuredRect ? \"var(--transition-duration)\" : \"0ms\",\n transitionTimingFunction: \"var(--transition-timing-function)\",\n ...state.context.indicatorRect,\n },\n }),\n }\n}\n", "import { createMachine, guards, ref } from \"@zag-js/core\"\nimport { getFocusables, nextTick, raf } from \"@zag-js/dom-utils\"\nimport { dom } from \"./tabs.dom\"\nimport { MachineContext, MachineState, UserDefinedContext } from \"./tabs.types\"\n\nconst { not } = guards\n\nexport function machine(ctx: UserDefinedContext = {}) {\n return createMachine<MachineContext, MachineState>(\n {\n initial: \"unknown\",\n\n context: {\n dir: \"ltr\",\n orientation: \"horizontal\",\n activationMode: \"automatic\",\n value: null,\n focusedValue: null,\n uid: \"\",\n previousValues: [],\n indicatorRect: { left: \"0px\", top: \"0px\", width: \"0px\", height: \"0px\" },\n hasMeasuredRect: false,\n isIndicatorRendered: false,\n loop: true,\n messages: {},\n ...ctx,\n },\n\n computed: {\n isHorizontal: (ctx) => ctx.orientation === \"horizontal\",\n isVertical: (ctx) => ctx.orientation === \"vertical\",\n },\n\n created: [\"setPrevSelectedTabs\"],\n\n watch: {\n focusedValue: \"invokeOnFocus\",\n value: [\"invokeOnChange\", \"setPrevSelectedTabs\", \"setIndicatorRect\", \"setContentTabIndex\"],\n dir: [\"clearMeasured\", \"setIndicatorRect\"],\n },\n\n on: {\n SET_VALUE: {\n actions: \"setValue\",\n },\n DELETE: {\n actions: \"deleteValue\",\n },\n },\n\n states: {\n unknown: {\n on: {\n SETUP: {\n target: \"idle\",\n actions: [\"setupDocument\", \"checkRenderedElements\", \"setIndicatorRect\", \"setContentTabIndex\"],\n },\n },\n },\n idle: {\n on: {\n TAB_FOCUS: {\n guard: \"selectOnFocus\",\n target: \"focused\",\n actions: [\"setFocusedValue\", \"setValue\"],\n },\n TAB_CLICK: {\n target: \"focused\",\n actions: [\"setFocusedValue\", \"setValue\"],\n },\n },\n },\n focused: {\n on: {\n TAB_CLICK: {\n target: \"focused\",\n actions: [\"setFocusedValue\", \"setValue\"],\n },\n ARROW_LEFT: {\n guard: \"isHorizontal\",\n actions: \"focusPrevTab\",\n },\n ARROW_RIGHT: {\n guard: \"isHorizontal\",\n actions: \"focusNextTab\",\n },\n ARROW_UP: {\n guard: \"isVertical\",\n actions: \"focusPrevTab\",\n },\n ARROW_DOWN: {\n guard: \"isVertical\",\n actions: \"focusNextTab\",\n },\n HOME: {\n actions: \"focusFirstTab\",\n },\n END: {\n actions: \"focusLastTab\",\n },\n ENTER: {\n guard: not(\"selectOnFocus\"),\n actions: \"setValue\",\n },\n TAB_FOCUS: [\n {\n guard: \"selectOnFocus\",\n actions: [\"setFocusedValue\", \"setValue\"],\n },\n { actions: \"setFocusedValue\" },\n ],\n TAB_BLUR: {\n target: \"idle\",\n actions: \"clearFocusedValue\",\n },\n },\n },\n },\n },\n {\n guards: {\n isVertical: (ctx) => ctx.isVertical,\n isHorizontal: (ctx) => ctx.isHorizontal,\n selectOnFocus: (ctx) => ctx.activationMode === \"automatic\",\n },\n actions: {\n setupDocument(ctx, evt) {\n ctx.uid = evt.id\n if (evt.doc) ctx.doc = ref(evt.doc)\n if (evt.root) ctx.rootNode = ref(evt.root)\n },\n setFocusedValue(ctx, evt) {\n ctx.focusedValue = evt.value\n },\n clearFocusedValue(ctx) {\n ctx.focusedValue = null\n },\n setValue(ctx, evt) {\n ctx.value = evt.value\n },\n invokeOnDelete(ctx, evt) {\n ctx.onDelete?.({ value: evt.value })\n },\n focusFirstTab(ctx) {\n raf(() => dom.getFirstEl(ctx)?.focus())\n },\n focusLastTab(ctx) {\n raf(() => dom.getLastEl(ctx)?.focus())\n },\n focusNextTab(ctx) {\n if (!ctx.focusedValue) return\n const next = dom.getNextEl(ctx, ctx.focusedValue)\n raf(() => next?.focus())\n },\n focusPrevTab(ctx) {\n if (!ctx.focusedValue) return\n const prev = dom.getPrevEl(ctx, ctx.focusedValue)\n raf(() => prev?.focus())\n },\n setIndicatorRect(ctx) {\n nextTick(() => {\n if (!ctx.isIndicatorRendered || !ctx.value) return\n ctx.indicatorRect = dom.getRectById(ctx, ctx.value)\n if (ctx.hasMeasuredRect) return\n nextTick(() => {\n ctx.hasMeasuredRect = true\n })\n })\n },\n checkRenderedElements(ctx) {\n nextTick(() => {\n ctx.isIndicatorRendered = !!dom.getIndicatorEl(ctx)\n })\n },\n clearMeasured(ctx) {\n ctx.hasMeasuredRect = false\n },\n invokeOnChange(ctx) {\n ctx.onChange?.({ value: ctx.value })\n },\n invokeOnFocus(ctx) {\n ctx.onFocus?.({ value: ctx.focusedValue })\n },\n setPrevSelectedTabs(ctx) {\n if (ctx.value != null) {\n const newSelected = Array.from(ctx.previousValues).concat(ctx.value)\n ctx.previousValues = Array.from(new Set(newSelected))\n }\n },\n // if tab panel contains focusable elements, remove the tabindex attribute\n setContentTabIndex(ctx) {\n raf(() => {\n const panel = dom.getActiveContentEl(ctx)\n if (!panel) return\n const focusables = getFocusables(panel)\n if (focusables.length > 0) {\n panel.removeAttribute(\"tabindex\")\n } else {\n panel.setAttribute(\"tabindex\", \"0\")\n }\n })\n },\n },\n },\n )\n}\n"],
|
|
5
|
-
"mappings": "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",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
package/dist/index.mjs.map
DELETED
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../utilities/dom/src/attrs.ts", "../../../utilities/dom/src/computed-style.ts", "../../../utilities/dom/src/next-tick.ts", "../../../utilities/dom/src/auto-resize.ts", "../../../utilities/core/src/array.ts", "../../../utilities/core/src/functions.ts", "../../../utilities/core/src/guard.ts", "../../../utilities/core/src/warning.ts", "../../../utilities/dom/src/event-bus.ts", "../../../utilities/dom/src/listener.ts", "../../../utilities/dom/src/body-pointer-event.ts", "../../../utilities/dom/src/body-scroll-lock.ts", "../../../utilities/dom/src/query.ts", "../../../utilities/dom/src/scrollable.ts", "../../../utilities/dom/src/constants.ts", "../../../utilities/dom/src/dispatch-event.ts", "../../../utilities/dom/src/event-query.ts", "../../../utilities/dom/src/focus-event.ts", "../../../utilities/dom/src/focusable.ts", "../../../utilities/dom/src/mutation-observer.ts", "../../../utilities/dom/src/form.ts", "../../../utilities/dom/src/keyboard-event.ts", "../../../utilities/dom/src/visually-hidden.ts", "../../../utilities/dom/src/live-region.ts", "../../../utilities/dom/src/nodelist.ts", "../../../utilities/dom/src/text-selection.ts", "../../../utilities/dom/src/pointer-event.ts", "../../../utilities/dom/src/pointerlock.ts", "../../../utilities/dom/src/rect-observer.ts", "../../../utilities/dom/src/typeahead.ts", "../../../utilities/dom/src/visibility-event.ts", "../../../utilities/dom/src/visual-viewport.ts", "../../../utilities/dom/src/wait.ts", "../../../types/src/prop-types.ts", "../../../types/src/controls.ts", "../../../utilities/core/src/array.ts", "../../../utilities/core/src/functions.ts", "../../../utilities/core/src/guard.ts", "../../../utilities/core/src/warning.ts", "../src/tabs.dom.ts", "../src/tabs.connect.ts", "../src/tabs.machine.ts"],
|
|
4
|
-
"sourcesContent": ["type Booleanish = boolean | \"true\" | \"false\"\n\nexport const dataAttr = (guard: boolean | undefined) => {\n return (guard ? \"\" : undefined) as Booleanish\n}\n\nexport const ariaAttr = (guard: boolean | undefined) => {\n return guard ? \"true\" : undefined\n}\n\nexport const matchAttr = (el: Element) => {\n return {\n get: (key: string) => el.getAttribute(key),\n set: (key: string, value: string) => el.setAttribute(key, value),\n is: (key: string, value: string) => {\n return el.getAttribute(key) === value\n },\n }\n}\n", "type Key = keyof CSSStyleDeclaration | (string & {})\ntype Styles = Record<Key, any>\ntype El = HTMLElement | null | undefined\n\nfunction getStyleCache(): WeakMap<HTMLElement, Styles> {\n ;(globalThis as any).__styleCache__ = (globalThis as any).__styleCache__ || new WeakMap()\n return (globalThis as any).__styleCache__\n}\n\nexport function getComputedStyle(el: El): Styles {\n if (!el) return {} as Styles\n const cache = getStyleCache()\n let style: Styles | undefined = cache.get(el)\n if (!style) {\n const win = el?.ownerDocument.defaultView ?? window\n style = win.getComputedStyle(el) as Styles\n cache.set(el, style)\n }\n return style\n}\n\nexport function copyVisualStyles(fromEl: HTMLElement | null, toEl: HTMLElement) {\n if (!fromEl) return\n const el = getComputedStyle(fromEl)\n // prettier-ignore\n const cssText = 'box-sizing:' + el.boxSizing +\n ';border-left:' + el.borderLeftWidth + ' solid red' +\n ';border-right:' + el.borderRightWidth + ' solid red' +\n ';font-family:' + el.fontFamily +\n ';font-feature-settings:' + el.fontFeatureSettings +\n ';font-kerning:' + el.fontKerning +\n ';font-size:' + el.fontSize +\n ';font-stretch:' + el.fontStretch +\n ';font-style:' + el.fontStyle +\n ';font-variant:' + el.fontVariant +\n ';font-variant-caps:' + el.fontVariantCaps +\n ';font-variant-ligatures:' + el.fontVariantLigatures +\n ';font-variant-numeric:' + el.fontVariantNumeric +\n ';font-weight:' + el.fontWeight +\n ';letter-spacing:' + el.letterSpacing +\n ';margin-left:' + el.marginLeft +\n ';margin-right:' + el.marginRight +\n ';padding-left:' + el.paddingLeft +\n ';padding-right:' + el.paddingRight +\n ';text-indent:' + el.textIndent +\n ';text-transform:' + el.textTransform\n\n toEl.style.cssText += cssText\n}\n", "export function nextTick(fn: VoidFunction) {\n const set = new Set<VoidFunction>()\n function raf(fn: VoidFunction) {\n const id = globalThis.requestAnimationFrame(fn)\n set.add(() => globalThis.cancelAnimationFrame(id))\n }\n raf(() => raf(fn))\n return function cleanup() {\n set.forEach(function (fn) {\n fn()\n })\n }\n}\n\nexport function raf(fn: VoidFunction) {\n const id = globalThis.requestAnimationFrame(fn)\n return function cleanup() {\n globalThis.cancelAnimationFrame(id)\n }\n}\n\nexport function forceReflow() {\n return document.body.offsetHeight\n}\n", "import { copyVisualStyles } from \"./computed-style\"\nimport { raf } from \"./next-tick\"\n\nfunction createGhostElement(doc: Document) {\n var el = doc.createElement(\"div\")\n el.id = \"ghost\"\n el.style.cssText =\n \"display:inline-block;height:0;overflow:hidden;position:absolute;top:0;visibility:hidden;white-space:nowrap;\"\n doc.body.appendChild(el)\n return el\n}\n\nexport function autoResizeInput(input: HTMLInputElement | null) {\n if (!input) return\n const doc = input.ownerDocument ?? document\n const ghost = createGhostElement(doc)\n\n copyVisualStyles(input, ghost)\n\n function resize() {\n raf(() => {\n ghost.innerHTML = input!.value\n const rect = getComputedStyle(ghost)\n input?.style.setProperty(\"width\", rect.width)\n })\n }\n\n resize()\n\n input?.addEventListener(\"input\", resize)\n input?.addEventListener(\"change\", resize)\n\n return () => {\n doc.body.removeChild(ghost)\n input?.removeEventListener(\"input\", resize)\n input?.removeEventListener(\"change\", resize)\n }\n}\n", "export function toArray<T>(v: T | T[] | undefined | null): T[] {\n if (!v) return []\n return Array.isArray(v) ? v : [v]\n}\n\nexport const fromLength = (length: number) => Array.from(Array(length).keys())\n\nexport const first = <T>(v: T[]): T | undefined => v[0]\n\nexport const last = <T>(v: T[]): T | undefined => v[v.length - 1]\n\nexport const isEmpty = <T>(v: T[]): boolean => v.length === 0\n\nexport const has = <T>(v: T[], t: any): boolean => v.indexOf(t) !== -1\n\nexport const add = <T>(v: T[], ...items: T[]): T[] => v.concat(items)\n\nexport const remove = <T>(v: T[], item: T): T[] => removeAt(v, v.indexOf(item))\n\nexport const removeAt = <T>(v: T[], i: number): T[] => {\n if (i > -1) v.splice(i, 1)\n return v\n}\n\nexport function clear<T>(v: T[]): T[] {\n while (v.length > 0) v.pop()\n return v\n}\n\nexport type IndexOptions = {\n step?: number\n loop?: boolean\n}\n\nexport function nextIndex<T>(v: T[], idx: number, opts: IndexOptions = {}): number {\n const { step = 1, loop = true } = opts\n const next = idx + step\n const len = v.length\n const last = len - 1\n if (idx === -1) return step > 0 ? 0 : last\n if (next < 0) return loop ? last : 0\n if (next >= len) return loop ? 0 : idx > len ? len : idx\n return next\n}\n\nexport function next<T>(v: T[], idx: number, opts: IndexOptions = {}): T | undefined {\n return v[nextIndex(v, idx, opts)]\n}\n\nexport function prevIndex<T>(v: T[], idx: number, opts: IndexOptions = {}): number {\n const { step = 1, loop = true } = opts\n return nextIndex(v, idx, { step: -step, loop })\n}\n\nexport function prev<T>(v: T[], index: number, opts: IndexOptions = {}): T | undefined {\n return v[prevIndex(v, index, opts)]\n}\n\nexport const chunk = <T>(v: T[], size: number): T[][] => {\n const res: T[][] = []\n return v.reduce((rows, value, index) => {\n if (index % size === 0) rows.push([value])\n else last(rows)?.push(value)\n return rows\n }, res)\n}\n", "export const runIfFn = <T>(\n v: T | undefined,\n ...a: T extends (...a: any[]) => void ? Parameters<T> : never\n): T extends (...a: any[]) => void ? NonNullable<ReturnType<T>> : NonNullable<T> => {\n const res = typeof v === \"function\" ? v(...a) : v\n return res ?? undefined\n}\n\nexport const cast = <T>(v: unknown): T => v as T\n\nexport const noop = () => {}\n\nexport const pipe =\n <T>(...fns: Array<(a: T) => T>) =>\n (v: T) =>\n fns.reduce((a, b) => b(a), v)\n\nexport const callAll =\n <T extends (...a: any[]) => void>(...fns: (T | undefined)[]) =>\n (...a: Parameters<T>) => {\n fns.forEach(function (fn) {\n fn?.(...a)\n })\n }\n\nexport const uuid = /*#__PURE__*/ (() => {\n let id = 0\n return () => {\n id++\n return id.toString(36)\n }\n})()\n\nexport function merge<T, U>(origin: T, patch: U): T & U {\n if (!(typeof patch === \"object\")) return patch as any\n const result = !(typeof origin === \"object\") ? {} : Object.assign({}, origin)\n for (const key of Object.keys(patch)) {\n const value = patch[key]\n const src = result[key]\n if (value === null) delete result[key]\n else if (Array.isArray(value) || Array.isArray(src)) result[key] = (src || []).concat(value || [])\n else result[key] = merge(src, value)\n }\n return result as any\n}\n", "const platform = (v: RegExp) => isDom() && v.test(navigator.platform)\nconst ua = (v: RegExp) => isDom() && v.test(navigator.userAgent)\n\nexport const isDev = () => process.env.NODE_ENV !== \"production\"\nexport const isDom = () => !!(typeof window !== \"undefined\")\nexport const isMac = () => platform(/^Mac/)\nexport const isIPhone = () => platform(/^iPhone/)\nexport const isIPad = () => platform(/^iPad/) || (isMac() && navigator.maxTouchPoints > 1)\nexport const isIos = () => isIPhone() || isIPad()\nexport const isSafari = () => ua(/^((?!chrome|android).)*safari/i)\nexport const isFirefox = () => ua(/^Firefox/)\nexport const isWebkit = () => ua(/^WebKit/) && !ua(/Chrome/)\nexport const isApple = () => isMac() || isIos()\n\nexport const isArray = (v: any): v is any[] => Array.isArray(v)\nexport const isBoolean = (v: any): v is boolean => v === true || v === false\nexport const isObject = (v: any): v is Record<string, any> => !(v == null || typeof v !== \"object\" || isArray(v))\nexport const isNumber = (v: any): v is number => typeof v === \"number\" && !Number.isNaN(v)\nexport const isString = (v: any): v is string => typeof v === \"string\"\nexport const isFunction = (v: any): v is Function => typeof v === \"function\"\n\nexport const supportsPointerEvent = () => isDom() && window.onpointerdown === null\nexport const supportsTouchEvent = () => isDom() && window.ontouchstart === null\nexport const supportsMouseEvent = () => isDom() && window.onmousedown === null\n\nexport const isMouseEvent = (v: any): v is MouseEvent => isObject(v) && \"button\" in v\nexport const isTouchEvent = (v: any): v is TouchEvent => isObject(v) && \"touches\" in v\nexport const isLeftClick = (v: { button: number }) => v.button === 0\nexport const isRightClick = (v: { button: number }) => v.button === 2\nexport const isModifiedEvent = (v: Pick<KeyboardEvent, \"ctrlKey\" | \"metaKey\" | \"altKey\">) =>\n v.ctrlKey || v.altKey || v.metaKey\nexport const isCtrlKey = (v: Pick<KeyboardEvent, \"ctrlKey\" | \"metaKey\">) =>\n isMac() ? v.metaKey && !v.ctrlKey : v.ctrlKey && !v.metaKey\n", "export function warn(m: string): void\nexport function warn(c: boolean, m: string): void\nexport function warn(...a: any[]): void {\n const m = a.length === 1 ? a[0] : a[1]\n const c = a.length === 2 ? a[0] : true\n if (c && process.env.NODE_ENV !== \"production\") {\n console.warn(m)\n }\n}\n\nexport function invariant(m: string): void\nexport function invariant(c: boolean, m: string): void\nexport function invariant(...a: any[]): void {\n const m = a.length === 1 ? a[0] : a[1]\n const c = a.length === 2 ? a[0] : true\n if (c && process.env.NODE_ENV !== \"production\") {\n throw new Error(m)\n }\n}\n", "import { noop } from \"@zag-js/utils\"\n\ntype El = HTMLElement | Document | VisualViewport | Window\ntype Handler = (event: Event) => void\ntype Group = Map<string, Set<Handler>>\ntype Option = boolean | AddEventListenerOptions\n\nfunction getListenerElements(): Map<El, Group> {\n ;(globalThis as any).__listenerElements__ = (globalThis as any).__listenerElements__ || new Map()\n return (globalThis as any).__listenerElements__\n}\n\nfunction getListenerCache(): Map<El, Map<string, Handler>> {\n ;(globalThis as any).__listenerCache__ = (globalThis as any).__listenerCache__ || new Map()\n return (globalThis as any).__listenerCache__\n}\n\n/**\n * The global event bus for managing event listeners attached to DOM elements.\n *\n * It's goal is to ensure that only one listener is attached to a DOM element for a given event,\n * regardless of the number of times `addEventListener` is called.\n */\n\nexport function globalEventBus(node: El | null, type: string, handler: Handler, options?: Option) {\n if (!node) return noop\n\n // unique identifier for the event listener\n const hash = JSON.stringify({ type, options })\n\n // Subscribe pattern\n const listenerElements = getListenerElements()\n const listenerCache = getListenerCache()\n\n const group = listenerElements.get(node)\n\n if (!listenerElements.has(node)) {\n // create group of listeners per hash\n const group: Group = new Map([[hash, new Set([handler])]])\n listenerElements.set(node, group)\n } else if (group?.has(hash)) {\n group?.get(hash)?.add(handler)\n } else {\n group?.set(hash, new Set([handler]))\n }\n\n // add the event listener to the node or register it in the cache\n function attach(node: El) {\n // Publish pattern\n function listener(event: Event) {\n const group = listenerElements.get(node)\n group?.get(hash)?.forEach((fn) => fn(event))\n }\n\n if (!listenerCache?.has(node)) {\n listenerCache.set(node, new Map([[hash, listener]]))\n node.addEventListener(type, listener, options)\n return\n }\n\n if (!listenerCache?.get(node)?.has(hash)) {\n listenerCache.get(node)?.set(hash, listener)\n node.addEventListener(type, listener, options)\n }\n }\n\n attach(node)\n\n return function remove() {\n if (!listenerElements.has(node)) return\n\n const group = listenerElements.get(node)\n group?.get(hash)?.delete(handler)\n\n if (group?.get(hash)?.size === 0) {\n const listener = listenerCache.get(node)?.get(hash)!\n node.removeEventListener(type, listener, options)\n group?.delete(hash)\n listenerCache.get(node)?.delete(hash)\n\n if (group?.size === 0) {\n listenerElements.delete(node)\n listenerCache.delete(node)\n }\n }\n }\n}\n", "import { globalEventBus } from \"./event-bus\"\nimport {\n AnyPointerEvent,\n DOMEventTarget,\n EventMap,\n PointerEventInfo,\n PointerNameMap,\n RefTarget,\n} from \"./listener.types\"\n\nconst t = (v: any) => Object.prototype.toString.call(v).slice(8, -1)\nconst isRef = (v: any): v is RefTarget => t(v) === \"Object\" && \"current\" in v\nconst runIfFn = (fn: any): HTMLElement | null => (t(fn) === \"Function\" ? fn() : fn)\nconst isTouchEvent = (v: Event): v is TouchEvent => t(v) === \"Object\" && !!(v as TouchEvent).touches\n\nconst fallback = { pageX: 0, pageY: 0, clientX: 0, clientY: 0 }\n\nexport function extractInfo<T extends AnyPointerEvent = AnyPointerEvent>(event: T, type: \"page\" | \"client\" = \"page\") {\n const point = isTouchEvent(event) ? event.touches[0] || event.changedTouches[0] || fallback : event\n return {\n point: {\n x: point[`${type}X`],\n y: point[`${type}Y`],\n },\n }\n}\n\nexport function addDomEvent<K extends keyof EventMap>(\n target: DOMEventTarget,\n event: K,\n listener: (event: EventMap[K]) => void,\n options?: boolean | AddEventListenerOptions,\n) {\n const node = isRef(target) ? target.current : runIfFn(target)\n return globalEventBus(node, event, listener as any, options)\n}\n\nexport function addPointerEvent<K extends keyof EventMap>(\n target: DOMEventTarget,\n event: K,\n listener: (event: EventMap[K], info: PointerEventInfo) => void,\n options?: boolean | AddEventListenerOptions,\n) {\n const type = getEventName(event) ?? event\n return addDomEvent(target, type, wrapHandler(listener, event === \"pointerdown\"), options)\n}\n\nfunction wrapHandler<E extends EventMap[keyof EventMap]>(\n fn: (event: E, info: PointerEventInfo) => void,\n filter = false,\n) {\n const listener: EventListener = (event: any) => {\n fn(event, extractInfo(event))\n }\n return filter ? filterPrimaryPointer(listener) : listener\n}\n\nfunction filterPrimaryPointer(fn: EventListener): EventListener {\n return (event: Event) => {\n const win = ((event as UIEvent).view ?? window) as typeof window\n const isMouseEvent = event instanceof win.MouseEvent\n const isPrimary = !isMouseEvent || (isMouseEvent && (event as MouseEvent).button === 0)\n if (isPrimary) fn(event)\n }\n}\n\nexport function extractClientInfo(event: AnyPointerEvent) {\n return extractInfo(event, \"client\")\n}\n\nconst supportsPointerEvent = () => typeof window !== \"undefined\" && window.onpointerdown === null\nconst supportsTouchEvent = () => typeof window !== \"undefined\" && window.ontouchstart === null\nconst supportsMouseEvent = () => typeof window !== \"undefined\" && window.onmousedown === null\n\nconst mouseEventNames: PointerNameMap = {\n pointerdown: \"mousedown\",\n pointermove: \"mousemove\",\n pointerup: \"mouseup\",\n pointercancel: \"mousecancel\",\n pointerover: \"mouseover\",\n pointerout: \"mouseout\",\n pointerenter: \"mouseenter\",\n pointerleave: \"mouseleave\",\n}\n\nconst touchEventNames: PointerNameMap = {\n pointerdown: \"touchstart\",\n pointermove: \"touchmove\",\n pointerup: \"touchend\",\n pointercancel: \"touchcancel\",\n}\n\nexport function getEventName(evt: keyof EventMap): keyof EventMap {\n if (supportsPointerEvent()) return evt\n if (supportsTouchEvent()) return touchEventNames[evt]\n if (supportsMouseEvent()) return mouseEventNames[evt]\n return evt\n}\n", "import { isLeftClick, pipe } from \"@zag-js/utils\"\nimport { addDomEvent } from \"./listener\"\nimport { nextTick } from \"./next-tick\"\n\nlet changeCount = 0\nlet originalBodyPointerEvents: string\n\ntype PointerEventOptions = {\n disabled: boolean\n document?: Document\n}\n\nexport function preventBodyPointerEvents(el: HTMLElement | null, opts: Partial<PointerEventOptions> = {}) {\n const { disabled = false, document: docProp } = opts\n const doc: Document = docProp || document\n\n let isTouchOrPenPressed = false\n let isLeftClickPressed = false\n\n function listen() {\n const onPointerDown = (event: PointerEvent) => {\n const isMouse = event.pointerType === \"mouse\"\n isTouchOrPenPressed = !isMouse\n isLeftClickPressed = isMouse && isLeftClick(event)\n }\n\n const onPointerUp = () => {\n isTouchOrPenPressed = false\n isLeftClickPressed = false\n }\n\n // prettier-ignore\n return pipe(\n addDomEvent(doc, \"pointerdown\", onPointerDown),\n addDomEvent(doc,\"pointerup\", onPointerUp)\n )\n }\n\n function reset() {\n changeCount--\n if (changeCount === 0) {\n doc.body.style.pointerEvents = originalBodyPointerEvents\n }\n if (el) {\n el.style.pointerEvents = \"\"\n }\n }\n\n function apply() {\n if (disabled) return\n\n if (changeCount === 0) {\n originalBodyPointerEvents = doc.body.style.pointerEvents\n }\n\n doc.body.style.pointerEvents = \"none\"\n if (el) {\n el.style.pointerEvents = \"auto\"\n }\n\n changeCount++\n\n return function () {\n if (isTouchOrPenPressed) {\n addDomEvent(doc, \"click\", reset, { once: true })\n } else if (isLeftClickPressed) {\n addDomEvent(doc, \"pointerup\", reset, { once: true })\n } else {\n reset()\n }\n }\n }\n\n const cleanups: Array<VoidFunction | undefined> = []\n cleanups.push(apply())\n nextTick(() => {\n cleanups.push(listen())\n })\n\n return function () {\n cleanups.forEach((cleanup) => cleanup?.())\n }\n}\n", "import { isDom, isIos, noop, pipe } from \"@zag-js/utils\"\nimport scrollIntoView from \"scroll-into-view-if-needed\"\nimport { addDomEvent } from \"./listener\"\nimport { getScrollParent } from \"./scrollable\"\n\ninterface PreventScrollOptions {\n disabled?: boolean\n allowPinchZoom?: boolean\n document?: Document\n}\n\n// HTML input types that do not cause the software keyboard to appear.\nconst nonTextInputTypes = new Set([\"checkbox\", \"radio\", \"range\", \"color\", \"file\", \"image\", \"button\", \"submit\", \"reset\"])\n\nexport function preventBodyScroll(opts?: PreventScrollOptions) {\n const { document: docProp, disabled = false, allowPinchZoom } = opts ?? {}\n\n const doc = docProp ?? document\n const win = doc?.defaultView ?? window\n\n const viewport = isDom() ? win.visualViewport : null\n const docEl = doc.documentElement\n\n function preventScrollStandard() {\n if (docEl.hasAttribute(\"scroll-lock\")) return\n\n const fn = pipe(\n setStyle(docEl, \"paddingRight\", `${win.innerWidth - docEl.clientWidth}px`),\n setStyle(docEl, \"overflow\", \"hidden\"),\n () => docEl.setAttribute(\"scroll-lock\", \"true\"),\n )\n\n return pipe(fn, () => docEl.removeAttribute(\"scroll-lock\"))\n }\n\n function preventScrollMobileSafari() {\n if (docEl.hasAttribute(\"scroll-lock\")) return\n\n let scrollable: HTMLElement | undefined\n let lastY = 0\n\n let onTouchStart = (e: TouchEvent) => {\n scrollable = getScrollParent(e.target as HTMLElement)\n\n if (scrollable === docEl && scrollable === doc.body) {\n return\n }\n lastY = e.changedTouches[0].pageY\n }\n\n let onTouchMove = (e: TouchEvent) => {\n if (e.touches.length === 2 && allowPinchZoom) return\n\n if (!scrollable || scrollable === docEl || scrollable === doc.body) {\n e.preventDefault()\n return\n }\n\n let y = e.changedTouches[0].pageY\n let scrollTop = scrollable.scrollTop\n let bottom = scrollable.scrollHeight - scrollable.clientHeight\n\n if ((scrollTop <= 0 && y > lastY) || (scrollTop >= bottom && y < lastY)) {\n e.preventDefault()\n }\n\n lastY = y\n }\n\n let onTouchEnd = (e: TouchEvent) => {\n let target = e.target as HTMLElement\n if (target instanceof win.HTMLInputElement && !nonTextInputTypes.has(target.type)) {\n e.preventDefault()\n target.style.transform = \"translateY(-2000px)\"\n target.focus()\n win.requestAnimationFrame(() => {\n target.style.transform = \"\"\n })\n }\n }\n\n let onFocus = (e: FocusEvent) => {\n let target = e.target as HTMLElement\n if (target instanceof win.HTMLInputElement && !nonTextInputTypes.has(target.type)) {\n target.style.transform = \"translateY(-2000px)\"\n win.requestAnimationFrame(() => {\n target.style.transform = \"\"\n if (!viewport) return\n\n if (viewport.height < win.innerHeight) {\n win.requestAnimationFrame(function () {\n scrollIntoView(target, { scrollMode: \"if-needed\" })\n })\n } else {\n const onResize = () => {\n scrollIntoView(target, { scrollMode: \"if-needed\" })\n }\n addDomEvent(viewport, \"resize\", onResize, { once: true })\n }\n })\n }\n }\n\n let onWindowScroll = () => {\n win.scrollTo(0, 0)\n }\n\n let scrollX = win.scrollX\n let scrollY = win.scrollY\n let restoreStyles = pipe(\n setStyle(docEl, \"paddingRight\", `${win.innerWidth - docEl.clientWidth}px`),\n setStyle(docEl, \"overflow\", \"hidden\"),\n setStyle(doc.body, \"marginTop\", `-${scrollY}px`),\n )\n\n win.scrollTo(0, 0)\n\n let removeEvents = pipe(\n addDomEvent(doc, \"touchstart\", onTouchStart, { passive: false, capture: true }),\n addDomEvent(doc, \"touchmove\", onTouchMove, { passive: false, capture: true }),\n addDomEvent(doc, \"touchend\", onTouchEnd, { passive: false, capture: true }),\n addDomEvent(doc, \"focus\", onFocus, true),\n addDomEvent(win, \"scroll\", onWindowScroll),\n () => docEl.setAttribute(\"scroll-lock\", \"true\"),\n )\n\n return () => {\n restoreStyles()\n removeEvents()\n win.scrollTo(scrollX, scrollY)\n docEl.removeAttribute(\"scroll-lock\")\n }\n }\n\n if (disabled) return noop\n return isIos() ? preventScrollMobileSafari() : preventScrollStandard()\n}\n\nfunction setStyle(el: HTMLElement, key: string, value: string) {\n let cur = el.style[key]\n el.style[key] = value\n return () => {\n el.style[key] = cur\n }\n}\n\n// Backup lib: https://github.com/hanai/html-body-scroll-lock\n", "export function getOwnerDocument(el: HTMLElement | Window) {\n if (isWindow(el)) return el.document\n return el?.ownerDocument ?? document\n}\n\nexport function getOwnerWindow(el: HTMLElement) {\n return el?.ownerDocument.defaultView ?? window\n}\n\nexport function getDocumentElement(el: HTMLElement | Window): HTMLElement {\n return getOwnerDocument(el).documentElement\n}\n\nexport function getNodeName(node: HTMLElement | Window): string {\n return isWindow(node) ? \"\" : node ? node.localName || \"\" : \"\"\n}\n\nexport function getEventWindow(event: UIEvent) {\n if (event.view) return event.view\n let target = event.currentTarget\n if (target != null) return getOwnerWindow(target as HTMLElement)\n return window\n}\n\nexport function getParent(el: HTMLElement): HTMLElement {\n const doc = getOwnerDocument(el)\n if (getNodeName(el) === \"html\") return el\n return el.assignedSlot || el.parentElement || doc.documentElement\n}\n\ntype Node = HTMLElement | EventTarget | null\n\nexport function contains(parent: Node | undefined, child: Node) {\n if (!parent) return false\n return parent === child || (isHTMLElement(parent) && isHTMLElement(child) && parent.contains(child))\n}\n\nexport function isHTMLElement(v: any): v is HTMLElement {\n return typeof v === \"object\" && v?.nodeType === Node.ELEMENT_NODE && typeof v?.nodeName === \"string\"\n}\n\nexport function isWindow(value: any): value is Window {\n return value?.toString() === \"[object Window]\"\n}\n\nexport const isDisabled = (el: HTMLElement | null): boolean => {\n return el?.getAttribute(\"disabled\") != null || !!el?.getAttribute(\"aria-disabled\") === true\n}\n\nexport function isElementEditable(el: HTMLElement | null) {\n if (el == null) return false\n const selectors = [\n \"input:not([readonly])\",\n \"textarea:not([readonly])\",\n \"[contenteditable]\",\n \"select:not([readonly])\",\n ].join(\", \")\n return el.matches(selectors) || el.isContentEditable\n}\n", "import { getComputedStyle } from \"./computed-style\"\nimport { getNodeName, getOwnerDocument, getOwnerWindow, getParent, isHTMLElement, isWindow } from \"./query\"\n\nexport function isScrollParent(el: HTMLElement): boolean {\n const { overflow, overflowX, overflowY } = getComputedStyle(el)\n return /auto|scroll|overlay|hidden/.test(overflow + overflowY + overflowX)\n}\n\nexport function getScrollParent(el: HTMLElement): HTMLElement {\n if ([\"html\", \"body\", \"#document\"].includes(getNodeName(el))) {\n return getOwnerDocument(el).body\n }\n\n if (isHTMLElement(el) && isScrollParent(el)) {\n return el\n }\n\n return getScrollParent(getParent(el))\n}\n\ntype Target = Array<VisualViewport | Window | HTMLElement>\n\nexport function getScrollParents(el: HTMLElement, list: Target = []): Target {\n const scrollParent = getScrollParent(el)\n const isBody = scrollParent === getOwnerDocument(el).body\n const win = getOwnerWindow(scrollParent)\n\n const target = isBody\n ? ([win] as Target).concat(win.visualViewport || [], isScrollParent(scrollParent) ? scrollParent : [])\n : scrollParent\n\n const parents = list.concat(target)\n if (isBody) return parents\n\n return parents.concat(getScrollParents(getParent(<HTMLElement>target)))\n}\n\nexport function getScrollOffset(el: HTMLElement) {\n if (isWindow(el)) {\n return { scrollLeft: el.scrollX, scrollTop: el.scrollY }\n }\n\n return { scrollLeft: el.scrollLeft, scrollTop: el.scrollTop }\n}\n", "export const MAX_Z_INDEX = 2147483647\n", "import { getOwnerWindow } from \"./query\"\n\ntype DescriptorOptions = {\n type: \"input\" | \"textarea\"\n property: \"value\" | \"checked\"\n}\n\nfunction getDescriptor(el: HTMLElement, options: DescriptorOptions) {\n const { type, property } = options\n const win = getOwnerWindow(el)\n const _type = type === \"input\" ? \"HTMLInputElement\" : \"HTMLTextAreaElement\"\n const proto = win[_type].prototype\n return Object.getOwnPropertyDescriptor(proto, property) ?? {}\n}\n\nexport function dispatchInputValueEvent(el: HTMLElement, value: string | number) {\n const win = getOwnerWindow(el)\n if (!(el instanceof win.HTMLInputElement)) return\n const desc = getDescriptor(el, { type: \"input\", property: \"value\" })\n desc.set?.call(el, value)\n const event = new win.Event(\"input\", { bubbles: true })\n el.dispatchEvent(event)\n}\n\nexport function dispatchInputCheckedEvent(el: HTMLElement, checked: boolean) {\n const win = getOwnerWindow(el)\n if (!(el instanceof win.HTMLInputElement)) return\n const desc = getDescriptor(el, { type: \"input\", property: \"checked\" })\n desc.set?.call(el, checked)\n const event = new win.Event(\"click\", { bubbles: true })\n el.dispatchEvent(event)\n}\n\nexport function trackInputPropertyMutation(\n el: HTMLInputElement | null,\n options: DescriptorOptions & { fn?: (value: string) => void },\n) {\n const { fn, property, type } = options\n\n if (!fn || !el) return\n\n const { get, set } = getDescriptor(el, { property, type })\n\n let run = true\n\n Object.defineProperty(el, property, {\n get() {\n return get?.call(this)\n },\n set(value: string) {\n if (run) fn(value)\n return set?.call(this, value)\n },\n })\n\n return function () {\n run = false\n }\n}\n", "export function isKeyboardClick(e: { detail: number; clientX: number; clientY: number }) {\n return e.detail === 0 || (e.clientX === 0 && e.clientY === 0)\n}\n\nexport function getNativeEvent<E>(\n event: E,\n): React.ChangeEvent<any> extends E ? InputEvent : E extends React.SyntheticEvent<any, infer T> ? T : never {\n return (event as any).nativeEvent ?? event\n}\n", "/**\n * Determine if the blur event within an element is valid\n */\nexport function validateBlur(event: Event, opts: Options) {\n const exclude = Array.isArray(opts.exclude) ? opts.exclude : [opts.exclude]\n const relatedTarget = (event.relatedTarget ?? opts.fallback) as HTMLElement\n return exclude.every((el) => !el?.contains(relatedTarget))\n}\n\ntype MaybeArray<T> = T | T[]\n\ntype Options = {\n exclude: MaybeArray<HTMLElement | null>\n fallback?: HTMLElement | null\n}\n\ntype Event = Pick<FocusEvent, \"relatedTarget\">\n", "import { getComputedStyle } from \"./computed-style\"\nimport { isDisabled, isHTMLElement } from \"./query\"\n\nexport const focusableSelector = /*#__PURE__*/ [\n \"input:not([disabled]):not([type=hidden])\",\n \"select:not([disabled])\",\n \"textarea:not([disabled])\",\n \"button:not([disabled])\",\n \"embed\",\n \"iframe\",\n \"object\",\n \"a[href]\",\n \"area[href]\",\n \"[tabindex]\",\n \"audio[controls]\",\n \"video[controls]\",\n \"*[tabindex]:not([aria-disabled])\",\n \"[contenteditable]:not([contenteditable=false])\",\n \"details > summary:first-of-type\",\n].join(\",\")\n\nexport function isHidden(el: HTMLElement | null, until?: HTMLElement) {\n const style = getComputedStyle(el)\n if (!el || style.getPropertyValue(\"visibility\") === \"hidden\") return true\n while (el) {\n if (until != null && el === until) return false\n if (style.getPropertyValue(\"display\") === \"none\") return true\n el = el.parentElement\n }\n return false\n}\n\n/**\n * Returns the focusable elements within the element\n */\nexport const getFocusables = (el: HTMLElement | Document | null, includeContainer = false) => {\n if (!el) return []\n let els = Array.from(el.querySelectorAll<HTMLElement>(focusableSelector))\n if (includeContainer && isHTMLElement(el)) {\n els.unshift(el)\n }\n return els.filter((el) => isFocusable(el) && !isHidden(el))\n}\n\n/**\n * Whether this element is focusable\n */\nexport const isFocusable = (el: HTMLElement | null) => {\n if (!isHTMLElement(el) || isHidden(el) || isDisabled(el)) return false\n return el?.matches(focusableSelector)\n}\n\n/**\n * Returns the tabbable elements within the element\n */\nexport const getTabbables = (el: HTMLElement | Document, includeContainer = false) => {\n return getFocusables(el, includeContainer).filter(isTabbable)\n}\n\n/**\n * Whether this element is tabbable\n */\nexport const isTabbable = (el: HTMLElement | null) => {\n return isFocusable(el) && !isDisabled(el) && !isHidden(el)\n}\n", "import { noop } from \"@zag-js/utils\"\n\ntype Callback = (v: MutationRecord) => void\n\nexport function observeAttributes(node: Element | null, attributes: string | string[], fn: Callback) {\n if (!node) return noop\n const attrs = Array.isArray(attributes) ? attributes : [attributes]\n const win = node.ownerDocument.defaultView || window\n const obs = new win.MutationObserver((changes) => {\n for (const change of changes) {\n if (change.type === \"attributes\" && change.attributeName && attrs.includes(change.attributeName)) {\n fn(change)\n }\n }\n })\n\n obs.observe(node, { attributes: true, attributeFilter: attrs })\n\n return () => obs.disconnect()\n}\n\nexport function observeChildren(node: Element | null, fn: Callback) {\n if (!node) return noop\n const win = node.ownerDocument.defaultView || window\n const obs = new win.MutationObserver((changes) => {\n for (const change of changes) {\n if (change.type === \"childList\") {\n fn(change)\n }\n }\n })\n\n obs.observe(node, { childList: true, subtree: true })\n\n return () => obs.disconnect()\n}\n", "import { observeAttributes } from \"./mutation-observer\"\n\nexport function getClosestForm(el: HTMLElement) {\n if (isFormElement(el)) return el.form\n else return el.closest(\"form\")\n}\n\nfunction isFormElement(el: HTMLElement): el is HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement {\n return el.matches(\"textarea, input, select, button\")\n}\n\nexport function trackFormReset(el: HTMLElement | null | undefined, callback: () => void) {\n if (!el) return\n const form = getClosestForm(el)\n form?.addEventListener(\"reset\", callback, { passive: true })\n return () => {\n form?.removeEventListener(\"reset\", callback)\n }\n}\n\nexport function trackFieldsetDisabled(el: HTMLElement | null | undefined, callback: (disabled: boolean) => void) {\n const fieldset = el?.closest(\"fieldset\")\n if (!fieldset) return\n callback(fieldset.disabled)\n return observeAttributes(fieldset, [\"disabled\"], () => callback(fieldset.disabled))\n}\n\nexport function isNativeDisabled(el: HTMLElement) {\n return el.matches(\":disabled\")\n}\n", "import type { KeyboardEvent } from \"react\"\n\ntype EventKey =\n | \"ArrowDown\"\n | \"ArrowUp\"\n | \"ArrowLeft\"\n | \"ArrowRight\"\n | \"Space\"\n | \"Enter\"\n | \"Comma\"\n | \"Escape\"\n | \"Backspace\"\n | \"Delete\"\n | \"Home\"\n | \"End\"\n | \"Tab\"\n | \"PageUp\"\n | \"PageDown\"\n | (string & {})\n\nexport type EventKeyMap = Partial<Record<EventKey, (event: React.KeyboardEvent) => void>>\n\nconst rtlKeyMap = {\n ArrowLeft: \"ArrowRight\",\n ArrowRight: \"ArrowLeft\",\n Home: \"End\",\n End: \"Home\",\n}\n\nconst sameKeyMap = {\n Up: \"ArrowUp\",\n Down: \"ArrowDown\",\n Esc: \"Escape\",\n \" \": \"Space\",\n \",\": \"Comma\",\n Left: \"ArrowLeft\",\n Right: \"ArrowRight\",\n}\n\ntype EventKeyOptions = {\n dir?: \"ltr\" | \"rtl\"\n orientation?: \"horizontal\" | \"vertical\"\n}\n\n/**\n * Determine the event key based on text direction.\n */\nexport function getEventKey(event: KeyboardEvent, options: EventKeyOptions = {}) {\n const { dir = \"ltr\", orientation = \"horizontal\" } = options\n\n let { key } = event\n key = sameKeyMap[key] ?? key // normalize key\n\n const isRtl = dir === \"rtl\" && orientation === \"horizontal\"\n\n if (isRtl && key in rtlKeyMap) {\n key = rtlKeyMap[key]\n }\n\n return key\n}\n\nconst PAGE_KEYS = new Set([\"PageUp\", \"PageDown\"])\nconst ARROW_KEYS = new Set([\"ArrowUp\", \"ArrowDown\", \"ArrowLeft\", \"ArrowRight\"])\n\n/**\n * Determine the step factor for keyboard events\n */\nexport function getEventStep(event: KeyboardEvent) {\n if (event.ctrlKey || event.metaKey) {\n return 0.1\n } else {\n const isPageKey = PAGE_KEYS.has(event.key)\n const isSkipKey = isPageKey || (event.shiftKey && ARROW_KEYS.has(event.key))\n return isSkipKey ? 10 : 1\n }\n}\n", "export const visuallyHiddenStyle = {\n border: \"0\",\n clip: \"rect(0 0 0 0)\",\n height: \"1px\",\n margin: \"-1px\",\n overflow: \"hidden\",\n padding: \"0\",\n position: \"absolute\",\n width: \"1px\",\n whiteSpace: \"nowrap\",\n wordWrap: \"normal\",\n} as const\n\nexport function setVisuallyHidden(el: HTMLElement) {\n Object.assign(el.style, visuallyHiddenStyle)\n}\n", "import { setVisuallyHidden } from \"./visually-hidden\"\n\nexport type LiveRegionOptions = {\n level: \"polite\" | \"assertive\"\n document?: Document\n root?: HTMLElement | null\n delay?: number\n}\n\nexport type LiveRegion = ReturnType<typeof createLiveRegion>\n\nexport function createLiveRegion(opts: Partial<LiveRegionOptions> = {}) {\n const { level = \"polite\", document: doc = document, root, delay: _delay = 0 } = opts\n\n const win = doc.defaultView ?? window\n const parent = root ?? doc.body\n\n function announce(message: string, delay?: number) {\n const oldRegion = doc.getElementById(\"__live-region__\")\n\n // remove old region\n oldRegion?.remove()\n\n // Did an override level get set?\n delay = delay ?? _delay\n\n // create fresh region\n const region = doc.createElement(\"span\")\n region.id = \"__live-region__\"\n region.dataset.liveAnnouncer = \"true\"\n\n // Determine redundant role\n const role = level !== \"assertive\" ? \"status\" : \"alert\"\n\n // add role and attributes\n region.setAttribute(\"aria-live\", level)\n region.setAttribute(\"role\", role)\n\n // hide live region\n setVisuallyHidden(region)\n\n parent.appendChild(region)\n\n // populate region to trigger it\n win.setTimeout(() => {\n region.textContent = message\n }, delay)\n }\n\n function destroy() {\n const oldRegion = doc.getElementById(\"__live-region__\")\n oldRegion?.remove()\n }\n\n return { announce, destroy }\n}\n", "type Root = Document | Element | null | undefined\n\nexport function queryAll<T extends HTMLElement = HTMLElement>(root: Root, selector: string) {\n return Array.from(root?.querySelectorAll<T>(selector) ?? [])\n}\n\nexport function query<T extends HTMLElement = HTMLElement>(root: Root, selector: string) {\n return root?.querySelector<T>(selector)\n}\n\nexport function itemById<T extends HTMLElement>(v: T[], id: string) {\n return v.find((node) => node.id === id)\n}\n\nexport function indexOfId<T extends HTMLElement>(v: T[], id: string) {\n const item = itemById(v, id)\n return item ? v.indexOf(item) : -1\n}\n\nexport function nextById<T extends HTMLElement>(v: T[], id: string, loop = true) {\n let idx = indexOfId(v, id)\n idx = loop ? (idx + 1) % v.length : Math.min(idx + 1, v.length - 1)\n return v[idx]\n}\n\nexport function prevById<T extends HTMLElement>(v: T[], id: string, loop = true) {\n let idx = indexOfId(v, id)\n if (idx === -1) return loop ? v[v.length - 1] : null\n idx = loop ? (idx - 1 + v.length) % v.length : Math.max(0, idx - 1)\n return v[idx]\n}\n\nconst getValueText = <T extends HTMLElement>(item: T) => item.dataset.valuetext ?? item.textContent ?? \"\"\n\nconst match = (valueText: string, query: string) => valueText.toLowerCase().startsWith(query.toLowerCase())\n\nconst wrap = <T>(v: T[], idx: number) => {\n return v.map((_, index) => v[(Math.max(idx, 0) + index) % v.length])\n}\n\nexport function findByText<T extends HTMLElement>(v: T[], text: string, currentId?: string | null) {\n const index = currentId ? indexOfId(v, currentId) : -1\n let items = currentId ? wrap(v, index) : v\n\n const isSingleKey = text.length === 1\n\n if (isSingleKey) {\n items = items.filter((item) => item.id !== currentId)\n }\n\n return items.find((item) => match(getValueText(item), text))\n}\n\nexport function sortByTreeOrder<T extends HTMLElement>(v: T[]) {\n return v.sort((a, b) => (a.compareDocumentPosition(b) & 2 ? 1 : -1))\n}\n", "// Credits: https://github.com/adobe/react-spectrum/blob/e81cfec20056338c7987c513826dc45df32f3db4/packages/%40react-aria/interactions/src/textSelection.ts\nimport { isIos } from \"@zag-js/utils\"\nimport { nextTick } from \"./next-tick\"\n\ntype State = \"default\" | \"disabled\" | \"restoring\"\n\nlet state: State = \"default\"\nlet savedUserSelect = \"\"\nlet modifiedElementMap = new WeakMap<HTMLElement, string>()\n\nexport function disableTextSelection({ target, doc }: { target?: HTMLElement; doc?: Document } = {}) {\n const _document = doc ?? document\n\n if (isIos()) {\n if (state === \"default\") {\n savedUserSelect = _document.documentElement.style.webkitUserSelect\n _document.documentElement.style.webkitUserSelect = \"none\"\n }\n\n state = \"disabled\"\n } else if (target) {\n modifiedElementMap.set(target, target.style.userSelect)\n target.style.userSelect = \"none\"\n }\n\n return () => restoreTextSelection({ target, doc: _document })\n}\n\nexport function restoreTextSelection({ target, doc }: { target?: HTMLElement; doc?: Document } = {}) {\n const _document = doc ?? document\n\n if (isIos()) {\n if (state !== \"disabled\") return\n state = \"restoring\"\n\n setTimeout(() => {\n nextTick(() => {\n if (state === \"restoring\") {\n if (_document.documentElement.style.webkitUserSelect === \"none\") {\n _document.documentElement.style.webkitUserSelect = savedUserSelect || \"\"\n }\n\n savedUserSelect = \"\"\n state = \"default\"\n }\n })\n }, 300)\n } else {\n if (target && modifiedElementMap.has(target)) {\n let targetOldUserSelect = modifiedElementMap.get(target)\n\n if (target.style.userSelect === \"none\") {\n target.style.userSelect = targetOldUserSelect ?? \"\"\n }\n\n if (target.getAttribute(\"style\") === \"\") {\n target.removeAttribute(\"style\")\n }\n modifiedElementMap.delete(target)\n }\n }\n}\n", "import { isLeftClick, isMouseEvent, pipe } from \"@zag-js/utils\"\nimport { addDomEvent, addPointerEvent } from \"./listener\"\nimport type { AnyPointerEvent, EventListenerWithPointInfo as Listener, PointerEventInfo } from \"./listener.types\"\nimport { disableTextSelection } from \"./text-selection\"\n\nexport function trackPointerDown(doc: Document, onPointerDown: (el: HTMLElement) => void) {\n const win = doc.defaultView ?? window\n const fn = (event: PointerEvent) => {\n if (event.target instanceof win.HTMLElement) {\n onPointerDown(event.target)\n }\n }\n return addDomEvent(doc, \"pointerdown\", fn)\n}\n\ntype TrackPointerMoveOptions = {\n ctx: { doc?: Document; threshold?: number }\n onPointerUp: VoidFunction\n onPointerMove: (info: PointerEventInfo, event: AnyPointerEvent) => void\n}\n\nexport function trackPointerMove(opts: TrackPointerMoveOptions) {\n const { onPointerMove, onPointerUp, ctx } = opts\n const { doc = document, threshold = 5 } = ctx\n\n const handlePointerMove: Listener = (event, info) => {\n const { point: p } = info\n const distance = Math.sqrt(p.x ** 2 + p.y ** 2)\n if (distance < threshold) return\n\n // Because Safari doesn't trigger mouseup events when it's above a `<select>`\n if (isMouseEvent(event) && isLeftClick(event)) {\n onPointerUp()\n return\n }\n\n onPointerMove(info, event)\n }\n\n return pipe(\n addPointerEvent(doc, \"pointermove\", handlePointerMove, false),\n addPointerEvent(doc, \"pointerup\", onPointerUp, false),\n addPointerEvent(doc, \"pointercancel\", onPointerUp, false),\n addPointerEvent(doc, \"contextmenu\", onPointerUp, false),\n disableTextSelection({ doc }),\n )\n}\n", "import { pipe } from \"@zag-js/utils\"\nimport { addDomEvent } from \"./listener\"\n\ntype PointerLockHandlers = {\n onPointerLock?: VoidFunction\n onPointerUnlock?: VoidFunction\n}\n\nexport function addPointerlockChangeListener(doc: Document, fn: VoidFunction) {\n return addDomEvent(doc, \"pointerlockchange\", fn, false)\n}\n\nexport function addPointerlockErrorListener(doc: Document, fn: (e: Event) => void) {\n doc.addEventListener(\"pointerlockerror\", fn, false)\n return function cleanup() {\n doc.removeEventListener(\"pointerlockerror\", fn, false)\n }\n}\n\nexport function requestPointerLock(doc: Document, handlers: PointerLockHandlers = {}) {\n const { onPointerLock, onPointerUnlock } = handlers\n const body = doc.body\n\n const supported = \"pointerLockElement\" in doc || \"mozPointerLockElement\" in doc\n const locked = !!doc.pointerLockElement\n\n function onPointerChange() {\n if (locked) onPointerLock?.()\n else onPointerUnlock?.()\n }\n\n function onPointerError(event: Event) {\n if (locked) onPointerUnlock?.()\n console.error(\"PointerLock error occured:\", event)\n exit()\n }\n\n function exit() {\n doc.exitPointerLock()\n }\n\n if (!supported) return\n\n body.requestPointerLock()\n\n const cleanup = pipe(\n addPointerlockChangeListener(doc, onPointerChange),\n addPointerlockErrorListener(doc, onPointerError),\n )\n\n return function dispose() {\n if (!supported) return\n cleanup()\n exit()\n }\n}\n", "// Credit goes to the radix-ui team for this utility:\n// https://github.com/radix-ui/primitives/blob/main/packages/core/rect/src/observeElementRect.ts\n\ntype Fn = (rect: DOMRect) => void\ntype ObservedData = { rect: DOMRect; callbacks: Fn[] }\nexport type Measurable = { getBoundingClientRect(): DOMRect }\n\nfunction getObservedElements(): Map<Measurable, ObservedData> {\n ;(globalThis as any).__rectObserverMap__ = (globalThis as any).__rectObserverMap__ || new Map()\n return (globalThis as any).__rectObserverMap__\n}\n\nexport function observeElementRect(el: Measurable, fn: Fn) {\n const observedElements = getObservedElements()\n\n const data = observedElements.get(el)\n\n if (!data) {\n observedElements.set(el, { rect: {} as DOMRect, callbacks: [fn] })\n\n if (observedElements.size === 1) {\n rafId = requestAnimationFrame(runLoop)\n }\n } else {\n data.callbacks.push(fn)\n fn(el.getBoundingClientRect())\n }\n\n return function unobserve() {\n const data = observedElements.get(el)\n if (!data) return\n\n const index = data.callbacks.indexOf(fn)\n if (index > -1) {\n data.callbacks.splice(index, 1)\n }\n\n if (data.callbacks.length === 0) {\n observedElements.delete(el)\n\n if (observedElements.size === 0) {\n cancelAnimationFrame(rafId)\n }\n }\n }\n}\n\nlet rafId: number\n\nfunction runLoop() {\n const observedElements = getObservedElements()\n\n const changedRectsData: Array<ObservedData> = []\n\n observedElements.forEach((data, element) => {\n const newRect = element.getBoundingClientRect()\n\n if (!isEqual(data.rect, newRect)) {\n data.rect = newRect\n changedRectsData.push(data)\n }\n })\n\n changedRectsData.forEach((data) => {\n data.callbacks.forEach((callback) => callback(data.rect))\n })\n\n rafId = requestAnimationFrame(runLoop)\n}\n\nfunction isEqual(rect1: DOMRect, rect2: DOMRect) {\n return (\n rect1.width === rect2.width &&\n rect1.height === rect2.height &&\n rect1.top === rect2.top &&\n rect1.right === rect2.right &&\n rect1.bottom === rect2.bottom &&\n rect1.left === rect2.left\n )\n}\n", "import { findByText } from \"./nodelist\"\n\nexport type TypeaheadState = {\n keysSoFar: string\n timer: number\n}\n\nexport type TypeaheadOptions = {\n state: TypeaheadState\n activeId: string | null\n key: string\n timeout?: number\n}\n\nexport function findByTypeahead<T extends HTMLElement>(_items: T[], options: TypeaheadOptions) {\n const { state, activeId, key, timeout = 350 } = options\n\n const search = state.keysSoFar + key\n const isRepeated = search.length > 1 && Array.from(search).every((char) => char === search[0])\n\n const query = isRepeated ? search[0] : search\n\n let items = _items.slice()\n\n const next = findByText(items, query, activeId)\n\n function cleanup() {\n clearTimeout(state.timer)\n state.timer = -1\n }\n\n function update(value: string) {\n state.keysSoFar = value\n cleanup()\n\n if (value !== \"\") {\n state.timer = +setTimeout(() => {\n update(\"\")\n cleanup()\n }, timeout)\n }\n }\n\n update(search)\n\n return next\n}\n\nfindByTypeahead.defaultOptions = {\n keysSoFar: \"\",\n timer: -1,\n}\n", "import { cast } from \"@zag-js/utils\"\nimport { addDomEvent } from \"./listener\"\n\nexport function trackDocumentVisibility(_doc: Document, callback: (hidden: boolean) => void) {\n const doc = cast(_doc) as Document & { msHidden?: boolean; webkitHidden?: boolean }\n return addDomEvent(doc, \"visibilitychange\", () => {\n const hidden = doc.hidden || doc.msHidden || doc.webkitHidden\n callback(!!hidden)\n })\n}\n", "import { addDomEvent } from \"./listener\"\n\ntype ViewportSize = {\n width: number\n height: number\n}\n\ntype Options = {\n document?: Document\n resolve?(data: ViewportSize): void\n}\n\nexport function trackVisualViewport(options: Options) {\n const { document: doc, resolve } = options\n const win = doc?.defaultView || window\n resolve?.(getViewportSize(win))\n const onResize = () => resolve?.(getViewportSize(win))\n return addDomEvent(win.visualViewport ?? win, \"resize\", onResize)\n}\n\nfunction getViewportSize(win: Window): ViewportSize {\n return {\n width: win.visualViewport?.width || win.innerWidth,\n height: win.visualViewport?.height || win.innerHeight,\n }\n}\n", "export function waitFor<T>(predicate: () => T): Promise<T> {\n let value = predicate()\n if (!!value) return Promise.resolve(value)\n return new Promise((resolve) => {\n const id = globalThis.setInterval(function () {\n let value = predicate()\n if (value) {\n globalThis.clearInterval(id)\n resolve(value)\n }\n }, 0)\n })\n}\n\nexport function waitForEvent(el: HTMLElement, eventName: string) {\n return new Promise<void>((resolve) => {\n function done(event: Event) {\n if (event.target === el) {\n el.removeEventListener(eventName, done)\n resolve()\n }\n }\n\n el.addEventListener(eventName, done)\n })\n}\n", "import type * as React from \"react\"\n\ntype Dict<T = any> = Record<string, T>\n\ntype Booleanish = boolean | \"true\" | \"false\"\n\ntype Omit<T, K extends keyof T> = { [P in Exclude<keyof T, K>]?: T[P] }\n\ntype WithStyle<T extends { style?: any }> = Omit<T, \"style\"> & {\n style?: T[\"style\"] & {\n [prop: string]: string | number | undefined\n }\n}\n\ntype DataAttr = {\n \"data-uid\"?: string\n \"data-name\"?: string\n \"data-ownedby\"?: string\n \"data-selected\"?: Booleanish\n \"data-expanded\"?: Booleanish\n \"data-highlighted\"?: Booleanish\n \"data-readonly\"?: Booleanish\n \"data-invalid\"?: Booleanish\n \"data-hover\"?: Booleanish\n \"data-active\"?: Booleanish\n \"data-focus\"?: Booleanish\n \"data-disabled\"?: Booleanish\n \"data-type\"?: string\n \"data-value\"?: string | number\n \"data-valuetext\"?: string\n \"data-open\"?: Booleanish\n \"data-placement\"?: string\n \"data-orientation\"?: \"horizontal\" | \"vertical\"\n \"data-label\"?: string\n \"data-checked\"?: Booleanish\n \"data-pressed\"?: Booleanish\n \"data-state\"?: string | null\n \"data-half\"?: Booleanish\n \"data-count\"?: number\n \"data-controls\"?: string\n \"data-part\"?: string\n \"data-index\"?: number\n \"data-complete\"?: Booleanish\n \"data-empty\"?: Booleanish\n \"data-placeholder-shown\"?: Booleanish\n}\n\ntype JSXElementAttributes = DataAttr & React.HTMLAttributes<HTMLElement>\ntype JSXButtonAttributes = DataAttr & React.ButtonHTMLAttributes<HTMLButtonElement>\ntype JSXInputAttributes = DataAttr & React.InputHTMLAttributes<HTMLInputElement>\ntype JSXLabelAttributes = DataAttr & React.LabelHTMLAttributes<HTMLLabelElement>\ntype JSXOutputAttributes = DataAttr & React.OutputHTMLAttributes<HTMLOutputElement>\n\nexport type PropTypes = Record<\"button\" | \"label\" | \"input\" | \"output\" | \"element\", Dict>\n\nexport type ReactPropTypes = {\n button: JSXButtonAttributes\n label: JSXLabelAttributes\n input: JSXInputAttributes\n output: JSXOutputAttributes\n element: JSXElementAttributes\n}\n\nexport type NormalizeProps = {\n button<T extends PropTypes>(props: WithStyle<JSXButtonAttributes>): T[\"button\"]\n label<T extends PropTypes>(props: WithStyle<JSXLabelAttributes>): T[\"label\"]\n input<T extends PropTypes>(props: WithStyle<JSXInputAttributes>): T[\"input\"]\n output<T extends PropTypes>(props: WithStyle<JSXOutputAttributes>): T[\"output\"]\n element<T extends PropTypes>(props: WithStyle<JSXElementAttributes>): T[\"element\"]\n}\n\nexport function createNormalizer(fn: (props: Dict) => Dict): NormalizeProps {\n return new Proxy({} as any, {\n get() {\n return fn\n },\n })\n}\n\nexport const normalizeProp = createNormalizer((v) => v)\n", "export type ControlProp =\n | { type: \"boolean\"; label?: string; defaultValue: boolean }\n | { type: \"string\"; label?: string; defaultValue: string; placeholder?: string }\n | { type: \"select\"; options: readonly string[]; defaultValue: string; label?: string }\n | { type: \"multiselect\"; options: readonly string[]; defaultValue: string[]; label?: string }\n | { type: \"number\"; label?: string; defaultValue: number; min?: number; max?: number }\n\nexport type ControlRecord = Record<string, ControlProp>\n\nexport type ControlValue<T extends ControlRecord> = {\n [K in keyof T]: T[K] extends { type: \"boolean\" }\n ? boolean\n : T[K] extends { type: \"string\" }\n ? string\n : T[K] extends { type: \"select\" }\n ? T[K][\"options\"][number]\n : T[K] extends { type: \"multiselect\" }\n ? T[K][\"options\"][number][]\n : T[K] extends { type: \"number\" }\n ? number\n : never\n}\n\nexport function defineControls<T extends ControlRecord>(config: T) {\n return config\n}\n", "export function toArray<T>(v: T | T[] | undefined | null): T[] {\n if (!v) return []\n return Array.isArray(v) ? v : [v]\n}\n\nexport const fromLength = (length: number) => Array.from(Array(length).keys())\n\nexport const first = <T>(v: T[]): T | undefined => v[0]\n\nexport const last = <T>(v: T[]): T | undefined => v[v.length - 1]\n\nexport const isEmpty = <T>(v: T[]): boolean => v.length === 0\n\nexport const has = <T>(v: T[], t: any): boolean => v.indexOf(t) !== -1\n\nexport const add = <T>(v: T[], ...items: T[]): T[] => v.concat(items)\n\nexport const remove = <T>(v: T[], item: T): T[] => removeAt(v, v.indexOf(item))\n\nexport const removeAt = <T>(v: T[], i: number): T[] => {\n if (i > -1) v.splice(i, 1)\n return v\n}\n\nexport function clear<T>(v: T[]): T[] {\n while (v.length > 0) v.pop()\n return v\n}\n\nexport type IndexOptions = {\n step?: number\n loop?: boolean\n}\n\nexport function nextIndex<T>(v: T[], idx: number, opts: IndexOptions = {}): number {\n const { step = 1, loop = true } = opts\n const next = idx + step\n const len = v.length\n const last = len - 1\n if (idx === -1) return step > 0 ? 0 : last\n if (next < 0) return loop ? last : 0\n if (next >= len) return loop ? 0 : idx > len ? len : idx\n return next\n}\n\nexport function next<T>(v: T[], idx: number, opts: IndexOptions = {}): T | undefined {\n return v[nextIndex(v, idx, opts)]\n}\n\nexport function prevIndex<T>(v: T[], idx: number, opts: IndexOptions = {}): number {\n const { step = 1, loop = true } = opts\n return nextIndex(v, idx, { step: -step, loop })\n}\n\nexport function prev<T>(v: T[], index: number, opts: IndexOptions = {}): T | undefined {\n return v[prevIndex(v, index, opts)]\n}\n\nexport const chunk = <T>(v: T[], size: number): T[][] => {\n const res: T[][] = []\n return v.reduce((rows, value, index) => {\n if (index % size === 0) rows.push([value])\n else last(rows)?.push(value)\n return rows\n }, res)\n}\n", "export const runIfFn = <T>(\n v: T | undefined,\n ...a: T extends (...a: any[]) => void ? Parameters<T> : never\n): T extends (...a: any[]) => void ? NonNullable<ReturnType<T>> : NonNullable<T> => {\n const res = typeof v === \"function\" ? v(...a) : v\n return res ?? undefined\n}\n\nexport const cast = <T>(v: unknown): T => v as T\n\nexport const noop = () => {}\n\nexport const pipe =\n <T>(...fns: Array<(a: T) => T>) =>\n (v: T) =>\n fns.reduce((a, b) => b(a), v)\n\nexport const callAll =\n <T extends (...a: any[]) => void>(...fns: (T | undefined)[]) =>\n (...a: Parameters<T>) => {\n fns.forEach(function (fn) {\n fn?.(...a)\n })\n }\n\nexport const uuid = /*#__PURE__*/ (() => {\n let id = 0\n return () => {\n id++\n return id.toString(36)\n }\n})()\n\nexport function merge<T, U>(origin: T, patch: U): T & U {\n if (!(typeof patch === \"object\")) return patch as any\n const result = !(typeof origin === \"object\") ? {} : Object.assign({}, origin)\n for (const key of Object.keys(patch)) {\n const value = patch[key]\n const src = result[key]\n if (value === null) delete result[key]\n else if (Array.isArray(value) || Array.isArray(src)) result[key] = (src || []).concat(value || [])\n else result[key] = merge(src, value)\n }\n return result as any\n}\n", "const platform = (v: RegExp) => isDom() && v.test(navigator.platform)\nconst ua = (v: RegExp) => isDom() && v.test(navigator.userAgent)\n\nexport const isDev = () => process.env.NODE_ENV !== \"production\"\nexport const isDom = () => !!(typeof window !== \"undefined\")\nexport const isMac = () => platform(/^Mac/)\nexport const isIPhone = () => platform(/^iPhone/)\nexport const isIPad = () => platform(/^iPad/) || (isMac() && navigator.maxTouchPoints > 1)\nexport const isIos = () => isIPhone() || isIPad()\nexport const isSafari = () => ua(/^((?!chrome|android).)*safari/i)\nexport const isFirefox = () => ua(/^Firefox/)\nexport const isWebkit = () => ua(/^WebKit/) && !ua(/Chrome/)\nexport const isApple = () => isMac() || isIos()\n\nexport const isArray = (v: any): v is any[] => Array.isArray(v)\nexport const isBoolean = (v: any): v is boolean => v === true || v === false\nexport const isObject = (v: any): v is Record<string, any> => !(v == null || typeof v !== \"object\" || isArray(v))\nexport const isNumber = (v: any): v is number => typeof v === \"number\" && !Number.isNaN(v)\nexport const isString = (v: any): v is string => typeof v === \"string\"\nexport const isFunction = (v: any): v is Function => typeof v === \"function\"\n\nexport const supportsPointerEvent = () => isDom() && window.onpointerdown === null\nexport const supportsTouchEvent = () => isDom() && window.ontouchstart === null\nexport const supportsMouseEvent = () => isDom() && window.onmousedown === null\n\nexport const isMouseEvent = (v: any): v is MouseEvent => isObject(v) && \"button\" in v\nexport const isTouchEvent = (v: any): v is TouchEvent => isObject(v) && \"touches\" in v\nexport const isLeftClick = (v: { button: number }) => v.button === 0\nexport const isRightClick = (v: { button: number }) => v.button === 2\nexport const isModifiedEvent = (v: Pick<KeyboardEvent, \"ctrlKey\" | \"metaKey\" | \"altKey\">) =>\n v.ctrlKey || v.altKey || v.metaKey\nexport const isCtrlKey = (v: Pick<KeyboardEvent, \"ctrlKey\" | \"metaKey\">) =>\n isMac() ? v.metaKey && !v.ctrlKey : v.ctrlKey && !v.metaKey\n", "export function warn(m: string): void\nexport function warn(c: boolean, m: string): void\nexport function warn(...a: any[]): void {\n const m = a.length === 1 ? a[0] : a[1]\n const c = a.length === 2 ? a[0] : true\n if (c && process.env.NODE_ENV !== \"production\") {\n console.warn(m)\n }\n}\n\nexport function invariant(m: string): void\nexport function invariant(c: boolean, m: string): void\nexport function invariant(...a: any[]): void {\n const m = a.length === 1 ? a[0] : a[1]\n const c = a.length === 2 ? a[0] : true\n if (c && process.env.NODE_ENV !== \"production\") {\n throw new Error(m)\n }\n}\n", "import { itemById, nextById, prevById, queryAll } from \"@zag-js/dom-utils\"\nimport { first, last } from \"@zag-js/utils\"\nimport { MachineContext as Ctx } from \"./tabs.types\"\n\nexport const dom = {\n getDoc: (ctx: Ctx) => ctx.doc ?? document,\n getRootNode: (ctx: Ctx) => ctx.rootNode ?? dom.getDoc(ctx),\n\n getRootId: (ctx: Ctx) => ctx.ids?.root ?? `tabs:${ctx.uid}`,\n getTriggerGroupId: (ctx: Ctx) => ctx.ids?.triggerGroup ?? `tabs:${ctx.uid}:trigger-group`,\n getContentId: (ctx: Ctx, id: string) => ctx.ids?.content ?? `tabs:${ctx.uid}:content-${id}`,\n getContentGroupId: (ctx: Ctx) => ctx.ids?.contentGroup ?? `tabs:${ctx.uid}:content-group`,\n getTriggerId: (ctx: Ctx, id: string) => ctx.ids?.trigger ?? `tabs:${ctx.uid}:trigger-${id}`,\n getIndicatorId: (ctx: Ctx) => `tabs:${ctx.uid}:indicator`,\n\n getTriggerGroupEl: (ctx: Ctx) => dom.getRootNode(ctx).getElementById(dom.getTriggerGroupId(ctx)),\n getContentEl: (ctx: Ctx, id: string) => dom.getRootNode(ctx).getElementById(dom.getContentId(ctx, id)),\n getTriggerEl: (ctx: Ctx, id: string) => dom.getRootNode(ctx).getElementById(dom.getTriggerId(ctx, id)),\n getIndicatorEl: (ctx: Ctx) => dom.getRootNode(ctx).getElementById(dom.getIndicatorId(ctx)),\n\n getElements: (ctx: Ctx) => {\n const ownerId = CSS.escape(dom.getTriggerGroupId(ctx))\n const selector = `[role=tab][data-ownedby='${ownerId}']:not([disabled])`\n return queryAll(dom.getTriggerGroupEl(ctx), selector)\n },\n\n getFirstEl: (ctx: Ctx) => first(dom.getElements(ctx)),\n getLastEl: (ctx: Ctx) => last(dom.getElements(ctx)),\n getNextEl: (ctx: Ctx, id: string) => nextById(dom.getElements(ctx), dom.getTriggerId(ctx, id), ctx.loop),\n getPrevEl: (ctx: Ctx, id: string) => prevById(dom.getElements(ctx), dom.getTriggerId(ctx, id), ctx.loop),\n getActiveContentEl: (ctx: Ctx) => {\n if (!ctx.value) return\n const id = dom.getContentId(ctx, ctx.value)\n return dom.getRootNode(ctx).getElementById(id)\n },\n\n getRectById: (ctx: Ctx, id: string) => {\n const empty = {\n offsetLeft: 0,\n offsetTop: 0,\n offsetWidth: 0,\n offsetHeight: 0,\n }\n\n const tab = itemById(dom.getElements(ctx), dom.getTriggerId(ctx, id)) ?? empty\n\n if (ctx.isVertical) {\n return {\n top: `${tab.offsetTop}px`,\n height: `${tab.offsetHeight}px`,\n }\n }\n\n return {\n left: `${tab.offsetLeft}px`,\n width: `${tab.offsetWidth}px`,\n }\n },\n}\n", "import { dataAttr, EventKeyMap, getEventKey } from \"@zag-js/dom-utils\"\nimport { normalizeProp, PropTypes, ReactPropTypes } from \"@zag-js/types\"\nimport { isSafari } from \"@zag-js/utils\"\nimport { dom } from \"./tabs.dom\"\nimport type { Send, State, TabProps } from \"./tabs.types\"\n\nexport function connect<T extends PropTypes = ReactPropTypes>(state: State, send: Send, normalize = normalizeProp) {\n const messages = state.context.messages\n const isFocused = state.matches(\"focused\")\n\n return {\n value: state.context.value,\n focusedValue: state.context.focusedValue,\n previousValues: Array.from(state.context.previousValues),\n setValue(value: string) {\n send({ type: \"SET_VALUE\", value })\n },\n\n rootProps: normalize.element<T>({\n \"data-part\": \"root\",\n id: dom.getRootId(state.context),\n \"data-orientation\": state.context.orientation,\n \"data-focus\": dataAttr(isFocused),\n dir: state.context.dir,\n }),\n\n triggerGroupProps: normalize.element<T>({\n \"data-part\": \"trigger-group\",\n id: dom.getTriggerGroupId(state.context),\n role: \"tablist\",\n \"data-focus\": dataAttr(isFocused),\n \"aria-orientation\": state.context.orientation,\n \"data-orientation\": state.context.orientation,\n \"aria-label\": messages.tablistLabel,\n onKeyDown(event) {\n const keyMap: EventKeyMap = {\n ArrowDown() {\n send(\"ARROW_DOWN\")\n },\n ArrowUp() {\n send(\"ARROW_UP\")\n },\n ArrowLeft() {\n send(\"ARROW_LEFT\")\n },\n ArrowRight() {\n send(\"ARROW_RIGHT\")\n },\n Home() {\n send(\"HOME\")\n },\n End() {\n send(\"END\")\n },\n Enter() {\n send({ type: \"ENTER\", value: state.context.focusedValue })\n },\n }\n\n let key = getEventKey(event, state.context)\n const exec = keyMap[key]\n\n if (exec) {\n event.preventDefault()\n exec(event)\n }\n },\n }),\n\n getTriggerProps(props: TabProps) {\n const { value, disabled } = props\n const selected = state.context.value === value\n\n return normalize.button<T>({\n \"data-part\": \"trigger\",\n role: \"tab\",\n type: \"button\",\n disabled,\n \"data-orientation\": state.context.orientation,\n \"data-disabled\": dataAttr(disabled),\n \"aria-disabled\": disabled,\n \"data-value\": value,\n \"aria-selected\": selected,\n \"data-selected\": dataAttr(selected),\n \"aria-controls\": dom.getContentId(state.context, value),\n \"data-ownedby\": dom.getTriggerGroupId(state.context),\n id: dom.getTriggerId(state.context, value),\n tabIndex: selected ? 0 : -1,\n onFocus() {\n send({ type: \"TAB_FOCUS\", value })\n },\n onBlur(event) {\n const target = event.relatedTarget as HTMLElement | null\n if (target?.getAttribute(\"role\") !== \"tab\") {\n send({ type: \"TAB_BLUR\" })\n }\n },\n onClick(event) {\n if (disabled) return\n if (isSafari()) {\n event.currentTarget.focus()\n }\n send({ type: \"TAB_CLICK\", value })\n },\n })\n },\n\n contentGroupProps: normalize.element<T>({\n \"data-part\": \"content-group\",\n id: dom.getContentGroupId(state.context),\n \"data-orientation\": state.context.orientation,\n }),\n\n getContentProps({ value }: { value: string }) {\n const selected = state.context.value === value\n return normalize.element<T>({\n \"data-part\": \"content\",\n id: dom.getContentId(state.context, value),\n tabIndex: 0,\n \"aria-labelledby\": dom.getTriggerId(state.context, value),\n role: \"tabpanel\",\n \"data-ownedby\": dom.getTriggerGroupId(state.context),\n hidden: !selected,\n })\n },\n\n getDeleteButtonProps({ value, disabled }: TabProps) {\n return normalize.button<T>({\n \"data-part\": \"delete-button\",\n type: \"button\",\n tabIndex: -1,\n \"aria-label\": messages.deleteLabel?.(value),\n disabled,\n onClick() {\n send({ type: \"DELETE\", value })\n },\n })\n },\n\n indicatorProps: normalize.element<T>({\n id: dom.getIndicatorId(state.context),\n \"data-part\": \"indicator\",\n \"data-orientation\": state.context.orientation,\n style: {\n \"--transition-duration\": \"200ms\",\n \"--transition-property\": \"left, right, top, bottom, width, height\",\n position: \"absolute\",\n willChange: \"var(--transition-property)\",\n transitionProperty: \"var(--transition-property)\",\n transitionDuration: state.context.hasMeasuredRect ? \"var(--transition-duration)\" : \"0ms\",\n transitionTimingFunction: \"var(--transition-timing-function)\",\n ...state.context.indicatorRect,\n },\n }),\n }\n}\n", "import { createMachine, guards, ref } from \"@zag-js/core\"\nimport { getFocusables, nextTick, raf } from \"@zag-js/dom-utils\"\nimport { dom } from \"./tabs.dom\"\nimport { MachineContext, MachineState, UserDefinedContext } from \"./tabs.types\"\n\nconst { not } = guards\n\nexport function machine(ctx: UserDefinedContext = {}) {\n return createMachine<MachineContext, MachineState>(\n {\n initial: \"unknown\",\n\n context: {\n dir: \"ltr\",\n orientation: \"horizontal\",\n activationMode: \"automatic\",\n value: null,\n focusedValue: null,\n uid: \"\",\n previousValues: [],\n indicatorRect: { left: \"0px\", top: \"0px\", width: \"0px\", height: \"0px\" },\n hasMeasuredRect: false,\n isIndicatorRendered: false,\n loop: true,\n messages: {},\n ...ctx,\n },\n\n computed: {\n isHorizontal: (ctx) => ctx.orientation === \"horizontal\",\n isVertical: (ctx) => ctx.orientation === \"vertical\",\n },\n\n created: [\"setPrevSelectedTabs\"],\n\n watch: {\n focusedValue: \"invokeOnFocus\",\n value: [\"invokeOnChange\", \"setPrevSelectedTabs\", \"setIndicatorRect\", \"setContentTabIndex\"],\n dir: [\"clearMeasured\", \"setIndicatorRect\"],\n },\n\n on: {\n SET_VALUE: {\n actions: \"setValue\",\n },\n DELETE: {\n actions: \"deleteValue\",\n },\n },\n\n states: {\n unknown: {\n on: {\n SETUP: {\n target: \"idle\",\n actions: [\"setupDocument\", \"checkRenderedElements\", \"setIndicatorRect\", \"setContentTabIndex\"],\n },\n },\n },\n idle: {\n on: {\n TAB_FOCUS: {\n guard: \"selectOnFocus\",\n target: \"focused\",\n actions: [\"setFocusedValue\", \"setValue\"],\n },\n TAB_CLICK: {\n target: \"focused\",\n actions: [\"setFocusedValue\", \"setValue\"],\n },\n },\n },\n focused: {\n on: {\n TAB_CLICK: {\n target: \"focused\",\n actions: [\"setFocusedValue\", \"setValue\"],\n },\n ARROW_LEFT: {\n guard: \"isHorizontal\",\n actions: \"focusPrevTab\",\n },\n ARROW_RIGHT: {\n guard: \"isHorizontal\",\n actions: \"focusNextTab\",\n },\n ARROW_UP: {\n guard: \"isVertical\",\n actions: \"focusPrevTab\",\n },\n ARROW_DOWN: {\n guard: \"isVertical\",\n actions: \"focusNextTab\",\n },\n HOME: {\n actions: \"focusFirstTab\",\n },\n END: {\n actions: \"focusLastTab\",\n },\n ENTER: {\n guard: not(\"selectOnFocus\"),\n actions: \"setValue\",\n },\n TAB_FOCUS: [\n {\n guard: \"selectOnFocus\",\n actions: [\"setFocusedValue\", \"setValue\"],\n },\n { actions: \"setFocusedValue\" },\n ],\n TAB_BLUR: {\n target: \"idle\",\n actions: \"clearFocusedValue\",\n },\n },\n },\n },\n },\n {\n guards: {\n isVertical: (ctx) => ctx.isVertical,\n isHorizontal: (ctx) => ctx.isHorizontal,\n selectOnFocus: (ctx) => ctx.activationMode === \"automatic\",\n },\n actions: {\n setupDocument(ctx, evt) {\n ctx.uid = evt.id\n if (evt.doc) ctx.doc = ref(evt.doc)\n if (evt.root) ctx.rootNode = ref(evt.root)\n },\n setFocusedValue(ctx, evt) {\n ctx.focusedValue = evt.value\n },\n clearFocusedValue(ctx) {\n ctx.focusedValue = null\n },\n setValue(ctx, evt) {\n ctx.value = evt.value\n },\n invokeOnDelete(ctx, evt) {\n ctx.onDelete?.({ value: evt.value })\n },\n focusFirstTab(ctx) {\n raf(() => dom.getFirstEl(ctx)?.focus())\n },\n focusLastTab(ctx) {\n raf(() => dom.getLastEl(ctx)?.focus())\n },\n focusNextTab(ctx) {\n if (!ctx.focusedValue) return\n const next = dom.getNextEl(ctx, ctx.focusedValue)\n raf(() => next?.focus())\n },\n focusPrevTab(ctx) {\n if (!ctx.focusedValue) return\n const prev = dom.getPrevEl(ctx, ctx.focusedValue)\n raf(() => prev?.focus())\n },\n setIndicatorRect(ctx) {\n nextTick(() => {\n if (!ctx.isIndicatorRendered || !ctx.value) return\n ctx.indicatorRect = dom.getRectById(ctx, ctx.value)\n if (ctx.hasMeasuredRect) return\n nextTick(() => {\n ctx.hasMeasuredRect = true\n })\n })\n },\n checkRenderedElements(ctx) {\n nextTick(() => {\n ctx.isIndicatorRendered = !!dom.getIndicatorEl(ctx)\n })\n },\n clearMeasured(ctx) {\n ctx.hasMeasuredRect = false\n },\n invokeOnChange(ctx) {\n ctx.onChange?.({ value: ctx.value })\n },\n invokeOnFocus(ctx) {\n ctx.onFocus?.({ value: ctx.focusedValue })\n },\n setPrevSelectedTabs(ctx) {\n if (ctx.value != null) {\n const newSelected = Array.from(ctx.previousValues).concat(ctx.value)\n ctx.previousValues = Array.from(new Set(newSelected))\n }\n },\n // if tab panel contains focusable elements, remove the tabindex attribute\n setContentTabIndex(ctx) {\n raf(() => {\n const panel = dom.getActiveContentEl(ctx)\n if (!panel) return\n const focusables = getFocusables(panel)\n if (focusables.length > 0) {\n panel.removeAttribute(\"tabindex\")\n } else {\n panel.setAttribute(\"tabindex\", \"0\")\n }\n })\n },\n },\n },\n )\n}\n"],
|
|
5
|
-
"mappings": "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",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"tabs.connect.d.ts","sourceRoot":"","sources":["../src/tabs.connect.ts"],"names":[],"mappings":"AACA,OAAO,EAAiB,SAAS,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAGxE,OAAO,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAA;AAEzD,wBAAgB,OAAO,CAAC,CAAC,SAAS,SAAS,GAAG,cAAc,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,yCAAgB;;;;oBAQ7F,MAAM;;;2BAuDC,QAAQ;;;eA4CK,MAAM;;8CAaA,QAAQ;;EA6BrD"}
|
package/dist/tabs.dom.d.ts.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"tabs.dom.d.ts","sourceRoot":"","sources":["../src/tabs.dom.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,IAAI,GAAG,EAAE,MAAM,cAAc,CAAA;AAEpD,eAAO,MAAM,GAAG;kBACA,GAAG;uBACE,GAAG;qBAEL,GAAG;6BACK,GAAG;wBACR,GAAG,MAAM,MAAM;6BACV,GAAG;wBACR,GAAG,MAAM,MAAM;0BACb,GAAG;6BAEA,GAAG;wBACR,GAAG,MAAM,MAAM;wBACf,GAAG,MAAM,MAAM;0BACb,GAAG;uBAEN,GAAG;sBAMJ,GAAG;qBACJ,GAAG;qBACH,GAAG,MAAM,MAAM;qBACf,GAAG,MAAM,MAAM;8BACN,GAAG;uBAMV,GAAG,MAAM,MAAM;;;;;;;;;;;CAsBnC,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"tabs.machine.d.ts","sourceRoot":"","sources":["../src/tabs.machine.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAA;AAI/E,wBAAgB,OAAO,CAAC,GAAG,GAAE,kBAAuB,oHAsMnD"}
|
package/dist/tabs.types.d.ts.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"tabs.types.d.ts","sourceRoot":"","sources":["../src/tabs.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,IAAI,CAAC,EAAE,MAAM,cAAc,CAAA;AAChD,OAAO,EAAE,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAA;AAI1D,aAAK,YAAY,GAAG;IAClB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,WAAW,CAAC,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;CACpC,CAAA;AAID,aAAK,UAAU,GAAG,OAAO,CAAC;IACxB,IAAI,EAAE,MAAM,CAAA;IACZ,OAAO,EAAE,MAAM,CAAA;IACf,YAAY,EAAE,MAAM,CAAA;IACpB,YAAY,EAAE,MAAM,CAAA;IACpB,OAAO,EAAE,MAAM,CAAA;CAChB,CAAC,CAAA;AAIF,aAAK,aAAa,GAAG,iBAAiB,GAAG;IACvC;;OAEG;IACH,GAAG,CAAC,EAAE,UAAU,CAAA;IAChB;;OAEG;IACH,QAAQ,EAAE,YAAY,CAAA;IACtB;;;OAGG;IACH,IAAI,EAAE,OAAO,CAAA;IACb;;OAEG;IACH,mBAAmB,EAAE,OAAO,CAAA;IAC5B;;OAEG;IACH,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;IACpB;;;;;;OAMG;IACH,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;IACvC;;;;;OAKG;IACH,cAAc,CAAC,EAAE,QAAQ,GAAG,WAAW,CAAA;IACvC;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE;QAAE,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;KAAE,KAAK,IAAI,CAAA;IACtD;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,OAAO,EAAE;QAAE,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;KAAE,KAAK,IAAI,CAAA;IACrD;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAA;CAChD,CAAA;AAED,oBAAY,kBAAkB,GAAG,OAAO,CAAC,aAAa,CAAC,CAAA;AAIvD,aAAK,eAAe,GAAG,QAAQ,CAAC;IAC9B;;;OAGG;IACH,YAAY,EAAE,OAAO,CAAA;IACrB;;;OAGG;IACH,UAAU,EAAE,OAAO,CAAA;CACpB,CAAC,CAAA;AAIF,aAAK,cAAc,GAAG,OAAO,CAAC;IAC5B;;;OAGG;IACH,YAAY,EAAE,MAAM,GAAG,IAAI,CAAA;IAC3B;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC,CAAA;IACrF;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB;;;OAGG;IACH,cAAc,EAAE,MAAM,EAAE,CAAA;CACzB,CAAC,CAAA;AAIF,oBAAY,cAAc,GAAG,aAAa,GAAG,eAAe,GAAG,cAAc,CAAA;AAI7E,oBAAY,YAAY,GAAG;IACzB,KAAK,EAAE,SAAS,GAAG,MAAM,GAAG,SAAS,CAAA;CACtC,CAAA;AAED,oBAAY,KAAK,GAAG,CAAC,CAAC,KAAK,CAAC,cAAc,EAAE,YAAY,CAAC,CAAA;AAIzD,oBAAY,IAAI,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,cAAc,CAAC,CAAA;AAI3C,oBAAY,QAAQ,GAAG;IACrB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA"}
|