@manafishrov/ui 1.5.1 → 1.5.2

package/dist/node_modules/.bun/@zag-js_select@1.38.2/node_modules/@zag-js/select/dist/select.machine.js

@@ -0,0 +1,637 @@
+import { addOrRemove as e } from "../../../../../@zag-js_utils@1.38.2/node_modules/@zag-js/utils/dist/array.js";
+import { isEqual as t } from "../../../../../@zag-js_utils@1.38.2/node_modules/@zag-js/utils/dist/equal.js";
+import { createGuards as n, createMachine as r } from "../../../../../@zag-js_core@1.38.2/node_modules/@zag-js/core/dist/create-machine.js";
+import { markAsInternalChangeEvent as i, trackFormControl as a } from "../../../../../@zag-js_dom-query@1.38.2/node_modules/@zag-js/dom-query/dist/form.js";
+import { getInitialFocus as o } from "../../../../../@zag-js_dom-query@1.38.2/node_modules/@zag-js/dom-query/dist/initial-focus.js";
+import { raf as s } from "../../../../../@zag-js_dom-query@1.38.2/node_modules/@zag-js/dom-query/dist/raf.js";
+import { observeAttributes as c } from "../../../../../@zag-js_dom-query@1.38.2/node_modules/@zag-js/dom-query/dist/mutation-observer.js";
+import { scrollIntoView as l } from "../../../../../@zag-js_dom-query@1.38.2/node_modules/@zag-js/dom-query/dist/overflow.js";
+import { getByTypeahead as u } from "../../../../../@zag-js_dom-query@1.38.2/node_modules/@zag-js/dom-query/dist/typeahead.js";
+import { getInteractionModality as d, setInteractionModality as f, trackFocusVisible as p } from "../../../../../@zag-js_focus-visible@1.38.2/node_modules/@zag-js/focus-visible/dist/index.js";
+import { createSelectedItemMap as m, deriveSelectionState as h, resolveSelectedItems as g } from "../../../../../@zag-js_collection@1.38.2/node_modules/@zag-js/collection/dist/selection-map.js";
+import { trackDismissableElement as _ } from "../../../../../@zag-js_dismissable@1.38.2/node_modules/@zag-js/dismissable/dist/dismissable-layer.js";
+import { getPlacement as v } from "../../../../../@zag-js_popper@1.38.2/node_modules/@zag-js/popper/dist/get-placement.js";
+import { collection as y } from "./select.collection.js";
+import { getClearTriggerEl as b, getContentEl as x, getHiddenSelectEl as S, getItemEl as C, getPositionerEl as w, getTriggerEl as T } from "./select.dom.js";
+//#region ../../node_modules/.bun/@zag-js+select@1.38.2/node_modules/@zag-js/select/dist/select.machine.mjs
+var { and: E, not: D, or: O } = n(), k = r({
+	props({ props: e }) {
+		return {
+			loopFocus: !1,
+			closeOnSelect: !e.multiple,
+			composite: !0,
+			defaultValue: [],
+			...e,
+			collection: e.collection ?? y.empty(),
+			translations: {
+				clearTriggerLabel: "Clear value",
+				...e.translations
+			},
+			positioning: {
+				placement: "bottom-start",
+				gutter: 8,
+				...e.positioning
+			}
+		};
+	},
+	context({ prop: e, bindable: n, getContext: r }) {
+		let i = e("value") ?? e("defaultValue") ?? [], a = e("collection").findMany(i);
+		return {
+			value: n(() => ({
+				defaultValue: e("defaultValue"),
+				value: e("value"),
+				isEqual: t,
+				onChange(t) {
+					let n = r(), i = e("collection"), a = h({
+						values: t,
+						collection: i,
+						selectedItemMap: n.get("selectedItemMap")
+					}), o = e("value") ?? t, s = o === t ? a : h({
+						values: o,
+						collection: i,
+						selectedItemMap: a.nextSelectedItemMap
+					});
+					return n.set("selectedItemMap", s.nextSelectedItemMap), e("onValueChange")?.({
+						value: t,
+						items: a.selectedItems
+					});
+				}
+			})),
+			highlightedValue: n(() => ({
+				defaultValue: e("defaultHighlightedValue") || null,
+				value: e("highlightedValue"),
+				onChange(t) {
+					e("onHighlightChange")?.({
+						highlightedValue: t,
+						highlightedItem: e("collection").find(t),
+						highlightedIndex: e("collection").indexOf(t)
+					});
+				}
+			})),
+			currentPlacement: n(() => ({ defaultValue: void 0 })),
+			fieldsetDisabled: n(() => ({ defaultValue: !1 })),
+			highlightedItem: n(() => ({ defaultValue: null })),
+			selectedItemMap: n(() => ({ defaultValue: m({
+				selectedItems: a,
+				collection: e("collection")
+			}) }))
+		};
+	},
+	refs() {
+		return { typeahead: { ...u.defaultOptions } };
+	},
+	computed: {
+		hasSelectedItems: ({ context: e }) => e.get("value").length > 0,
+		isTypingAhead: ({ refs: e }) => e.get("typeahead").keysSoFar !== "",
+		isDisabled: ({ prop: e, context: t }) => !!e("disabled") || !!t.get("fieldsetDisabled"),
+		isInteractive: ({ prop: e }) => !(e("disabled") || e("readOnly")),
+		selectedItems: ({ context: e, prop: t }) => g({
+			values: e.get("value"),
+			collection: t("collection"),
+			selectedItemMap: e.get("selectedItemMap")
+		}),
+		valueAsString: ({ computed: e, prop: t }) => t("collection").stringifyItems(e("selectedItems"))
+	},
+	initialState({ prop: e }) {
+		return e("open") || e("defaultOpen") ? "open" : "idle";
+	},
+	entry: ["syncSelectElement"],
+	watch({ context: e, prop: t, track: n, action: r }) {
+		n([() => e.get("value").toString()], () => {
+			r([
+				"syncSelectedItems",
+				"syncSelectElement",
+				"dispatchChangeEvent"
+			]);
+		}), n([() => t("open")], () => {
+			r(["toggleVisibility"]);
+		}), n([() => e.get("highlightedValue")], () => {
+			r(["syncHighlightedItem"]);
+		}), n([() => t("collection").toString()], () => {
+			r(["syncCollection"]);
+		});
+	},
+	on: {
+		"HIGHLIGHTED_VALUE.SET": { actions: ["setHighlightedItem"] },
+		"HIGHLIGHTED_VALUE.CLEAR": { actions: ["clearHighlightedItem"] },
+		"ITEM.SELECT": { actions: ["selectItem"] },
+		"ITEM.CLEAR": { actions: ["clearItem"] },
+		"VALUE.SET": { actions: ["setSelectedItems"] },
+		"VALUE.CLEAR": { actions: ["clearSelectedItems"] },
+		"CLEAR.CLICK": { actions: ["clearSelectedItems", "focusTriggerEl"] }
+	},
+	effects: ["trackFormControlState"],
+	states: {
+		idle: {
+			tags: ["closed"],
+			on: {
+				"CONTROLLED.OPEN": [{
+					guard: "isTriggerClickEvent",
+					target: "open",
+					actions: ["setInitialFocus", "highlightFirstSelectedItem"]
+				}, {
+					target: "open",
+					actions: ["setInitialFocus"]
+				}],
+				"TRIGGER.CLICK": [{
+					guard: "isOpenControlled",
+					actions: ["invokeOnOpen"]
+				}, {
+					target: "open",
+					actions: [
+						"invokeOnOpen",
+						"setInitialFocus",
+						"highlightFirstSelectedItem"
+					]
+				}],
+				"TRIGGER.FOCUS": { target: "focused" },
+				OPEN: [{
+					guard: "isOpenControlled",
+					actions: ["invokeOnOpen"]
+				}, {
+					target: "open",
+					actions: ["setInitialFocus", "invokeOnOpen"]
+				}]
+			}
+		},
+		focused: {
+			tags: ["closed"],
+			on: {
+				"CONTROLLED.OPEN": [
+					{
+						guard: "isTriggerClickEvent",
+						target: "open",
+						actions: ["setInitialFocus", "highlightFirstSelectedItem"]
+					},
+					{
+						guard: "isTriggerArrowUpEvent",
+						target: "open",
+						actions: ["setInitialFocus", "highlightComputedLastItem"]
+					},
+					{
+						guard: O("isTriggerArrowDownEvent", "isTriggerEnterEvent"),
+						target: "open",
+						actions: ["setInitialFocus", "highlightComputedFirstItem"]
+					},
+					{
+						target: "open",
+						actions: ["setInitialFocus"]
+					}
+				],
+				OPEN: [{
+					guard: "isOpenControlled",
+					actions: ["invokeOnOpen"]
+				}, {
+					target: "open",
+					actions: ["setInitialFocus", "invokeOnOpen"]
+				}],
+				"TRIGGER.BLUR": { target: "idle" },
+				"TRIGGER.CLICK": [{
+					guard: "isOpenControlled",
+					actions: ["invokeOnOpen"]
+				}, {
+					target: "open",
+					actions: [
+						"setInitialFocus",
+						"invokeOnOpen",
+						"highlightFirstSelectedItem"
+					]
+				}],
+				"TRIGGER.ENTER": [{
+					guard: "isOpenControlled",
+					actions: ["invokeOnOpen"]
+				}, {
+					target: "open",
+					actions: [
+						"setInitialFocus",
+						"invokeOnOpen",
+						"highlightComputedFirstItem"
+					]
+				}],
+				"TRIGGER.ARROW_UP": [{
+					guard: "isOpenControlled",
+					actions: ["invokeOnOpen"]
+				}, {
+					target: "open",
+					actions: [
+						"setInitialFocus",
+						"invokeOnOpen",
+						"highlightComputedLastItem"
+					]
+				}],
+				"TRIGGER.ARROW_DOWN": [{
+					guard: "isOpenControlled",
+					actions: ["invokeOnOpen"]
+				}, {
+					target: "open",
+					actions: [
+						"setInitialFocus",
+						"invokeOnOpen",
+						"highlightComputedFirstItem"
+					]
+				}],
+				"TRIGGER.ARROW_LEFT": [{
+					guard: E(D("multiple"), "hasSelectedItems"),
+					actions: ["selectPreviousItem"]
+				}, {
+					guard: D("multiple"),
+					actions: ["selectLastItem"]
+				}],
+				"TRIGGER.ARROW_RIGHT": [{
+					guard: E(D("multiple"), "hasSelectedItems"),
+					actions: ["selectNextItem"]
+				}, {
+					guard: D("multiple"),
+					actions: ["selectFirstItem"]
+				}],
+				"TRIGGER.HOME": {
+					guard: D("multiple"),
+					actions: ["selectFirstItem"]
+				},
+				"TRIGGER.END": {
+					guard: D("multiple"),
+					actions: ["selectLastItem"]
+				},
+				"TRIGGER.TYPEAHEAD": {
+					guard: D("multiple"),
+					actions: ["selectMatchingItem"]
+				}
+			}
+		},
+		open: {
+			tags: ["open"],
+			exit: ["scrollContentToTop"],
+			effects: [
+				"trackDismissableElement",
+				"trackFocusVisible",
+				"computePlacement",
+				"scrollToHighlightedItem"
+			],
+			on: {
+				"CONTROLLED.CLOSE": [{
+					guard: "restoreFocus",
+					target: "focused",
+					actions: ["focusTriggerEl", "clearHighlightedItem"]
+				}, {
+					target: "idle",
+					actions: ["clearHighlightedItem"]
+				}],
+				CLOSE: [
+					{
+						guard: "isOpenControlled",
+						actions: ["invokeOnClose"]
+					},
+					{
+						guard: "restoreFocus",
+						target: "focused",
+						actions: [
+							"invokeOnClose",
+							"focusTriggerEl",
+							"clearHighlightedItem"
+						]
+					},
+					{
+						target: "idle",
+						actions: ["invokeOnClose", "clearHighlightedItem"]
+					}
+				],
+				"TRIGGER.CLICK": [{
+					guard: "isOpenControlled",
+					actions: ["invokeOnClose"]
+				}, {
+					target: "focused",
+					actions: ["invokeOnClose", "clearHighlightedItem"]
+				}],
+				"ITEM.CLICK": [
+					{
+						guard: E("closeOnSelect", "isOpenControlled"),
+						actions: ["selectHighlightedItem", "invokeOnClose"]
+					},
+					{
+						guard: "closeOnSelect",
+						target: "focused",
+						actions: [
+							"selectHighlightedItem",
+							"invokeOnClose",
+							"focusTriggerEl",
+							"clearHighlightedItem"
+						]
+					},
+					{ actions: ["selectHighlightedItem"] }
+				],
+				"CONTENT.HOME": { actions: ["highlightFirstItem"] },
+				"CONTENT.END": { actions: ["highlightLastItem"] },
+				"CONTENT.ARROW_DOWN": [
+					{
+						guard: E("hasHighlightedItem", "loop", "isLastItemHighlighted"),
+						actions: ["highlightFirstItem"]
+					},
+					{
+						guard: "hasHighlightedItem",
+						actions: ["highlightNextItem"]
+					},
+					{ actions: ["highlightFirstItem"] }
+				],
+				"CONTENT.ARROW_UP": [
+					{
+						guard: E("hasHighlightedItem", "loop", "isFirstItemHighlighted"),
+						actions: ["highlightLastItem"]
+					},
+					{
+						guard: "hasHighlightedItem",
+						actions: ["highlightPreviousItem"]
+					},
+					{ actions: ["highlightLastItem"] }
+				],
+				"CONTENT.TYPEAHEAD": { actions: ["highlightMatchingItem"] },
+				"ITEM.POINTER_MOVE": { actions: ["highlightItem"] },
+				"ITEM.POINTER_LEAVE": { actions: ["clearHighlightedItem"] },
+				"POSITIONING.SET": { actions: ["reposition"] }
+			}
+		}
+	},
+	implementations: {
+		guards: {
+			loop: ({ prop: e }) => !!e("loopFocus"),
+			multiple: ({ prop: e }) => !!e("multiple"),
+			hasSelectedItems: ({ computed: e }) => !!e("hasSelectedItems"),
+			hasHighlightedItem: ({ context: e }) => e.get("highlightedValue") != null,
+			isFirstItemHighlighted: ({ context: e, prop: t }) => e.get("highlightedValue") === t("collection").firstValue,
+			isLastItemHighlighted: ({ context: e, prop: t }) => e.get("highlightedValue") === t("collection").lastValue,
+			closeOnSelect: ({ prop: e, event: t }) => !!(t.closeOnSelect ?? e("closeOnSelect")),
+			restoreFocus: ({ event: e }) => A(e),
+			isOpenControlled: ({ prop: e }) => e("open") !== void 0,
+			isTriggerClickEvent: ({ event: e }) => e.previousEvent?.type === "TRIGGER.CLICK",
+			isTriggerEnterEvent: ({ event: e }) => e.previousEvent?.type === "TRIGGER.ENTER",
+			isTriggerArrowUpEvent: ({ event: e }) => e.previousEvent?.type === "TRIGGER.ARROW_UP",
+			isTriggerArrowDownEvent: ({ event: e }) => e.previousEvent?.type === "TRIGGER.ARROW_DOWN"
+		},
+		effects: {
+			trackFocusVisible({ scope: e }) {
+				return p({ root: e.getRootNode?.() });
+			},
+			trackFormControlState({ context: e, scope: t }) {
+				return a(S(t), {
+					onFieldsetDisabledChange(t) {
+						e.set("fieldsetDisabled", t);
+					},
+					onFormReset() {
+						let t = e.initial("value");
+						e.set("value", t);
+					}
+				});
+			},
+			trackDismissableElement({ scope: e, send: t, prop: n }) {
+				let r = () => x(e), i = !0;
+				return _(r, {
+					type: "listbox",
+					defer: !0,
+					exclude: [T(e), b(e)],
+					onFocusOutside: n("onFocusOutside"),
+					onPointerDownOutside: n("onPointerDownOutside"),
+					onInteractOutside(e) {
+						n("onInteractOutside")?.(e), i = !(e.detail.focusable || e.detail.contextmenu);
+					},
+					onDismiss() {
+						t({
+							type: "CLOSE",
+							src: "interact-outside",
+							restoreFocus: i
+						});
+					}
+				});
+			},
+			computePlacement({ context: e, prop: t, scope: n }) {
+				let r = t("positioning");
+				return e.set("currentPlacement", r.placement), v(() => T(n), () => w(n), {
+					defer: !0,
+					...r,
+					onComplete(t) {
+						e.set("currentPlacement", t.placement);
+					}
+				});
+			},
+			scrollToHighlightedItem({ context: e, prop: t, scope: n }) {
+				let r = (r) => {
+					let i = e.get("highlightedValue");
+					if (i == null || d() === "pointer") return;
+					let a = x(n), o = t("scrollToIndexFn");
+					if (o) {
+						let e = t("collection").indexOf(i);
+						o?.({
+							index: e,
+							immediate: r,
+							getElement: () => C(n, i)
+						});
+						return;
+					}
+					l(C(n, i), {
+						rootEl: a,
+						block: "nearest"
+					});
+				};
+				return s(() => {
+					f("virtual"), r(!0);
+				}), c(() => x(n), {
+					defer: !0,
+					attributes: ["data-activedescendant"],
+					callback() {
+						r(!1);
+					}
+				});
+			}
+		},
+		actions: {
+			reposition({ context: e, prop: t, scope: n, event: r }) {
+				v(T(n), () => w(n), {
+					...t("positioning"),
+					...r.options,
+					defer: !0,
+					listeners: !1,
+					onComplete(t) {
+						e.set("currentPlacement", t.placement);
+					}
+				});
+			},
+			toggleVisibility({ send: e, prop: t, event: n }) {
+				e({
+					type: t("open") ? "CONTROLLED.OPEN" : "CONTROLLED.CLOSE",
+					previousEvent: n
+				});
+			},
+			highlightPreviousItem({ context: e, prop: t }) {
+				let n = e.get("highlightedValue");
+				if (n == null) return;
+				let r = t("collection").getPreviousValue(n, 1, t("loopFocus"));
+				r != null && e.set("highlightedValue", r);
+			},
+			highlightNextItem({ context: e, prop: t }) {
+				let n = e.get("highlightedValue");
+				if (n == null) return;
+				let r = t("collection").getNextValue(n, 1, t("loopFocus"));
+				r != null && e.set("highlightedValue", r);
+			},
+			highlightFirstItem({ context: e, prop: t }) {
+				let n = t("collection").firstValue;
+				e.set("highlightedValue", n);
+			},
+			highlightLastItem({ context: e, prop: t }) {
+				let n = t("collection").lastValue;
+				e.set("highlightedValue", n);
+			},
+			setInitialFocus({ scope: e }) {
+				s(() => {
+					o({ root: x(e) })?.focus({ preventScroll: !0 });
+				});
+			},
+			focusTriggerEl({ event: e, scope: t }) {
+				A(e) && s(() => {
+					T(t)?.focus({ preventScroll: !0 });
+				});
+			},
+			selectHighlightedItem({ context: t, prop: n, event: r }) {
+				let i = r.value ?? t.get("highlightedValue");
+				i == null || !n("collection").has(i) || (n("onSelect")?.({ value: i }), i = n("deselectable") && !n("multiple") && t.get("value").includes(i) ? null : i, t.set("value", (t) => i == null ? [] : n("multiple") ? e(t, i) : [i]));
+			},
+			highlightComputedFirstItem({ context: e, prop: t, computed: n }) {
+				let r = t("collection"), i = n("hasSelectedItems") ? r.sort(e.get("value"))[0] : r.firstValue;
+				e.set("highlightedValue", i);
+			},
+			highlightComputedLastItem({ context: e, prop: t, computed: n }) {
+				let r = t("collection"), i = n("hasSelectedItems") ? r.sort(e.get("value"))[0] : r.lastValue;
+				e.set("highlightedValue", i);
+			},
+			highlightFirstSelectedItem({ context: e, prop: t, computed: n }) {
+				if (!n("hasSelectedItems")) return;
+				let r = t("collection").sort(e.get("value"))[0];
+				e.set("highlightedValue", r);
+			},
+			highlightItem({ context: e, event: t }) {
+				e.set("highlightedValue", t.value);
+			},
+			highlightMatchingItem({ context: e, prop: t, event: n, refs: r }) {
+				let i = t("collection").search(n.key, {
+					state: r.get("typeahead"),
+					currentValue: e.get("highlightedValue")
+				});
+				i != null && e.set("highlightedValue", i);
+			},
+			setHighlightedItem({ context: e, event: t }) {
+				e.set("highlightedValue", t.value);
+			},
+			clearHighlightedItem({ context: e }) {
+				e.set("highlightedValue", null);
+			},
+			selectItem({ context: t, prop: n, event: r }) {
+				n("onSelect")?.({ value: r.value });
+				let i = n("deselectable") && !n("multiple") && t.get("value").includes(r.value) ? null : r.value;
+				t.set("value", (t) => i == null ? [] : n("multiple") ? e(t, i) : [i]);
+			},
+			clearItem({ context: e, event: t }) {
+				e.set("value", (e) => e.filter((e) => e !== t.value));
+			},
+			setSelectedItems({ context: e, event: t }) {
+				e.set("value", t.value);
+			},
+			clearSelectedItems({ context: e }) {
+				e.set("value", []);
+			},
+			selectPreviousItem({ context: e, prop: t }) {
+				let [n] = e.get("value"), r = t("collection").getPreviousValue(n);
+				r && e.set("value", [r]);
+			},
+			selectNextItem({ context: e, prop: t }) {
+				let [n] = e.get("value"), r = t("collection").getNextValue(n);
+				r && e.set("value", [r]);
+			},
+			selectFirstItem({ context: e, prop: t }) {
+				let n = t("collection").firstValue;
+				n && e.set("value", [n]);
+			},
+			selectLastItem({ context: e, prop: t }) {
+				let n = t("collection").lastValue;
+				n && e.set("value", [n]);
+			},
+			selectMatchingItem({ context: e, prop: t, event: n, refs: r }) {
+				let i = t("collection").search(n.key, {
+					state: r.get("typeahead"),
+					currentValue: e.get("value")[0]
+				});
+				i != null && e.set("value", [i]);
+			},
+			scrollContentToTop({ prop: e, scope: t }) {
+				if (e("scrollToIndexFn")) {
+					let n = e("collection").firstValue;
+					e("scrollToIndexFn")?.({
+						index: 0,
+						immediate: !0,
+						getElement: () => C(t, n)
+					});
+				} else x(t)?.scrollTo(0, 0);
+			},
+			invokeOnOpen({ prop: e, context: t }) {
+				e("onOpenChange")?.({
+					open: !0,
+					value: t.get("value")
+				});
+			},
+			invokeOnClose({ prop: e, context: t }) {
+				e("onOpenChange")?.({
+					open: !1,
+					value: t.get("value")
+				});
+			},
+			syncSelectElement({ context: e, prop: t, scope: n }) {
+				let r = S(n);
+				if (r) {
+					if (e.get("value").length === 0 && !t("multiple")) {
+						r.selectedIndex = -1;
+						return;
+					}
+					for (let t of r.options) t.selected = e.get("value").includes(t.value);
+				}
+			},
+			syncCollection({ context: e, prop: t }) {
+				let n = t("collection"), r = n.find(e.get("highlightedValue"));
+				r && e.set("highlightedItem", r);
+				let i = h({
+					values: e.get("value"),
+					collection: n,
+					selectedItemMap: e.get("selectedItemMap")
+				});
+				e.set("selectedItemMap", i.nextSelectedItemMap);
+			},
+			syncSelectedItems({ context: e, prop: t }) {
+				let n = h({
+					values: e.get("value"),
+					collection: t("collection"),
+					selectedItemMap: e.get("selectedItemMap")
+				});
+				e.set("selectedItemMap", n.nextSelectedItemMap);
+			},
+			syncHighlightedItem({ context: e, prop: t }) {
+				let n = t("collection"), r = e.get("highlightedValue"), i = r ? n.find(r) : null;
+				e.set("highlightedItem", i);
+			},
+			dispatchChangeEvent({ scope: e }) {
+				queueMicrotask(() => {
+					let t = S(e);
+					if (!t) return;
+					let n = new (e.getWin()).Event("change", {
+						bubbles: !0,
+						composed: !0
+					});
+					t.dispatchEvent(i(n));
+				});
+			}
+		}
+	}
+});
+function A(e) {
+	let t = e.restoreFocus ?? e.previousEvent?.restoreFocus;
+	return t == null || !!t;
+}
+//#endregion
+export { k as machine };
+
+//# sourceMappingURL=select.machine.js.map