@serendie/ui 0.1.12 → 0.1.13

package/dist/node_modules/@zag-js/select/dist/index.js

@@ -0,0 +1,1098 @@
+import { createAnatomy as U } from "../../anatomy/dist/index.js";
+import { Collection as F } from "../../collection/dist/index.js";
+import { createMachine as W, guards as K } from "../../core/dist/index.js";
+import { isLeftClick as $, getEventKey as k } from "../../dom-event/dist/index.js";
+import { createScope as B, dataAttr as s, getByTypeahead as N, ariaAttr as Y, visuallyHiddenStyle as q, isSelfTarget as j, isValidTabEvent as J, isEditableElement as Q, raf as y, observeAttributes as X, getInitialFocus as Z, scrollIntoView as z } from "../../dom-query/dist/index.js";
+import { getPlacementStyles as x, getPlacement as H } from "../../popper/dist/index.js";
+import { trackDismissableElement as ee } from "../../dismissable/dist/index.js";
+import { trackFormControl as te } from "../../form-utils/dist/index.js";
+import { compact as ie, isEqual as P, addOrRemove as le } from "../../utils/dist/index.js";
+import { createProps as S } from "../../types/dist/index.js";
+import { ref as D } from "../../store/dist/index.js";
+var oe = U("select").parts(
+  "label",
+  "positioner",
+  "trigger",
+  "indicator",
+  "clearTrigger",
+  "item",
+  "itemText",
+  "itemIndicator",
+  "itemGroup",
+  "itemGroupLabel",
+  "list",
+  "content",
+  "root",
+  "control",
+  "valueText"
+), u = oe.build(), _ = (t) => D(new F(t));
+_.empty = () => D(new F({ items: [] }));
+var n = B({
+  getRootId: (t) => {
+    var l;
+    return ((l = t.ids) == null ? void 0 : l.root) ?? `select:${t.id}`;
+  },
+  getContentId: (t) => {
+    var l;
+    return ((l = t.ids) == null ? void 0 : l.content) ?? `select:${t.id}:content`;
+  },
+  getTriggerId: (t) => {
+    var l;
+    return ((l = t.ids) == null ? void 0 : l.trigger) ?? `select:${t.id}:trigger`;
+  },
+  getClearTriggerId: (t) => {
+    var l;
+    return ((l = t.ids) == null ? void 0 : l.clearTrigger) ?? `select:${t.id}:clear-trigger`;
+  },
+  getLabelId: (t) => {
+    var l;
+    return ((l = t.ids) == null ? void 0 : l.label) ?? `select:${t.id}:label`;
+  },
+  getControlId: (t) => {
+    var l;
+    return ((l = t.ids) == null ? void 0 : l.control) ?? `select:${t.id}:control`;
+  },
+  getItemId: (t, l) => {
+    var e, i;
+    return ((i = (e = t.ids) == null ? void 0 : e.item) == null ? void 0 : i.call(e, l)) ?? `select:${t.id}:option:${l}`;
+  },
+  getHiddenSelectId: (t) => {
+    var l;
+    return ((l = t.ids) == null ? void 0 : l.hiddenSelect) ?? `select:${t.id}:select`;
+  },
+  getPositionerId: (t) => {
+    var l;
+    return ((l = t.ids) == null ? void 0 : l.positioner) ?? `select:${t.id}:positioner`;
+  },
+  getItemGroupId: (t, l) => {
+    var e, i;
+    return ((i = (e = t.ids) == null ? void 0 : e.itemGroup) == null ? void 0 : i.call(e, l)) ?? `select:${t.id}:optgroup:${l}`;
+  },
+  getItemGroupLabelId: (t, l) => {
+    var e, i;
+    return ((i = (e = t.ids) == null ? void 0 : e.itemGroupLabel) == null ? void 0 : i.call(e, l)) ?? `select:${t.id}:optgroup-label:${l}`;
+  },
+  getHiddenSelectEl: (t) => n.getById(t, n.getHiddenSelectId(t)),
+  getContentEl: (t) => n.getById(t, n.getContentId(t)),
+  getControlEl: (t) => n.getById(t, n.getControlId(t)),
+  getTriggerEl: (t) => n.getById(t, n.getTriggerId(t)),
+  getClearTriggerEl: (t) => n.getById(t, n.getClearTriggerId(t)),
+  getPositionerEl: (t) => n.getById(t, n.getPositionerId(t)),
+  getHighlightedOptionEl(t) {
+    return t.highlightedValue ? n.getById(t, n.getItemId(t, t.highlightedValue)) : null;
+  }
+});
+function Te(t, l, e) {
+  const i = t.context.isDisabled, r = t.context.invalid, g = t.context.readOnly, m = t.context.isInteractive, h = t.context.composite, I = t.hasTag("open"), O = t.matches("focused"), T = t.context.highlightedValue, G = t.context.highlightedItem, w = t.context.selectedItems, A = t.context.isTypingAhead, C = t.context.collection, L = T ? n.getItemId(t.context, T) : void 0;
+  function f(o) {
+    const a = C.getItemDisabled(o.item), c = C.getItemValue(o.item);
+    return {
+      value: c,
+      disabled: !!(i || a),
+      highlighted: T === c,
+      selected: t.context.value.includes(c)
+    };
+  }
+  const M = x({
+    ...t.context.positioning,
+    placement: t.context.currentPlacement
+  });
+  return {
+    open: I,
+    focused: O,
+    empty: t.context.value.length === 0,
+    highlightedItem: G,
+    highlightedValue: T,
+    selectedItems: w,
+    hasSelectedItems: t.context.hasSelectedItems,
+    value: t.context.value,
+    valueAsString: t.context.valueAsString,
+    collection: C,
+    setCollection(o) {
+      l({ type: "COLLECTION.SET", value: o });
+    },
+    reposition(o = {}) {
+      l({ type: "POSITIONING.SET", options: o });
+    },
+    focus() {
+      var o;
+      (o = n.getTriggerEl(t.context)) == null || o.focus({ preventScroll: !0 });
+    },
+    setOpen(o) {
+      o !== I && l(o ? "OPEN" : "CLOSE");
+    },
+    selectValue(o) {
+      l({ type: "ITEM.SELECT", value: o });
+    },
+    setValue(o) {
+      l({ type: "VALUE.SET", value: o });
+    },
+    selectAll() {
+      l({ type: "VALUE.SET", value: C.getValues() });
+    },
+    highlightValue(o) {
+      l({ type: "HIGHLIGHTED_VALUE.SET", value: o });
+    },
+    clearValue(o) {
+      l(o ? { type: "ITEM.CLEAR", value: o } : { type: "VALUE.CLEAR" });
+    },
+    getItemState: f,
+    getRootProps() {
+      return e.element({
+        ...u.root.attrs,
+        dir: t.context.dir,
+        id: n.getRootId(t.context),
+        "data-invalid": s(r),
+        "data-readonly": s(g)
+      });
+    },
+    getLabelProps() {
+      return e.label({
+        dir: t.context.dir,
+        id: n.getLabelId(t.context),
+        ...u.label.attrs,
+        "data-disabled": s(i),
+        "data-invalid": s(r),
+        "data-readonly": s(g),
+        htmlFor: n.getHiddenSelectId(t.context),
+        onClick(o) {
+          var a;
+          o.defaultPrevented || i || (a = n.getTriggerEl(t.context)) == null || a.focus({ preventScroll: !0 });
+        }
+      });
+    },
+    getControlProps() {
+      return e.element({
+        ...u.control.attrs,
+        dir: t.context.dir,
+        id: n.getControlId(t.context),
+        "data-state": I ? "open" : "closed",
+        "data-focus": s(O),
+        "data-disabled": s(i),
+        "data-invalid": s(r)
+      });
+    },
+    getValueTextProps() {
+      return e.element({
+        ...u.valueText.attrs,
+        dir: t.context.dir,
+        "data-disabled": s(i),
+        "data-invalid": s(r),
+        "data-focus": s(O)
+      });
+    },
+    getTriggerProps() {
+      return e.button({
+        id: n.getTriggerId(t.context),
+        disabled: i,
+        dir: t.context.dir,
+        type: "button",
+        role: "combobox",
+        "aria-controls": n.getContentId(t.context),
+        "aria-expanded": I,
+        "aria-haspopup": "listbox",
+        "data-state": I ? "open" : "closed",
+        "aria-invalid": r,
+        "aria-labelledby": n.getLabelId(t.context),
+        ...u.trigger.attrs,
+        "data-disabled": s(i),
+        "data-invalid": s(r),
+        "data-readonly": s(g),
+        "data-placement": t.context.currentPlacement,
+        "data-placeholder-shown": s(!t.context.hasSelectedItems),
+        onPointerDown(o) {
+          $(o) && m && (o.currentTarget.dataset.pointerType = o.pointerType, !(i || o.pointerType === "touch") && l({ type: "TRIGGER.CLICK" }));
+        },
+        onClick(o) {
+          !m || o.button || o.currentTarget.dataset.pointerType === "touch" && l({ type: "TRIGGER.CLICK" });
+        },
+        onFocus() {
+          l("TRIGGER.FOCUS");
+        },
+        onBlur() {
+          l("TRIGGER.BLUR");
+        },
+        onKeyDown(o) {
+          if (o.defaultPrevented || !m) return;
+          const c = {
+            ArrowUp() {
+              l({ type: "TRIGGER.ARROW_UP" });
+            },
+            ArrowDown(p) {
+              l({ type: p.altKey ? "OPEN" : "TRIGGER.ARROW_DOWN" });
+            },
+            ArrowLeft() {
+              l({ type: "TRIGGER.ARROW_LEFT" });
+            },
+            ArrowRight() {
+              l({ type: "TRIGGER.ARROW_RIGHT" });
+            },
+            Home() {
+              l({ type: "TRIGGER.HOME" });
+            },
+            End() {
+              l({ type: "TRIGGER.END" });
+            },
+            Enter() {
+              l({ type: "TRIGGER.ENTER" });
+            },
+            Space(p) {
+              l(A ? { type: "TRIGGER.TYPEAHEAD", key: p.key } : { type: "TRIGGER.ENTER" });
+            }
+          }[k(o, t.context)];
+          if (c) {
+            c(o), o.preventDefault();
+            return;
+          }
+          N.isValidEvent(o) && (l({ type: "TRIGGER.TYPEAHEAD", key: o.key }), o.preventDefault());
+        }
+      });
+    },
+    getIndicatorProps() {
+      return e.element({
+        ...u.indicator.attrs,
+        dir: t.context.dir,
+        "aria-hidden": !0,
+        "data-state": I ? "open" : "closed",
+        "data-disabled": s(i),
+        "data-invalid": s(r),
+        "data-readonly": s(g)
+      });
+    },
+    getItemProps(o) {
+      const a = f(o);
+      return e.element({
+        id: n.getItemId(t.context, a.value),
+        role: "option",
+        ...u.item.attrs,
+        dir: t.context.dir,
+        "data-value": a.value,
+        "aria-selected": a.selected,
+        "data-state": a.selected ? "checked" : "unchecked",
+        "data-highlighted": s(a.highlighted),
+        "data-disabled": s(a.disabled),
+        "aria-disabled": Y(a.disabled),
+        onPointerMove(c) {
+          a.disabled || c.pointerType !== "mouse" || a.value !== t.context.highlightedValue && l({ type: "ITEM.POINTER_MOVE", value: a.value });
+        },
+        onPointerUp() {
+          a.disabled || l({ type: "ITEM.CLICK", src: "pointerup", value: a.value });
+        },
+        onPointerLeave(c) {
+          a.disabled || o.persistFocus || c.pointerType !== "mouse" || ["CONTENT.ARROW_UP", "CONTENT.ARROW_DOWN"].includes(t.event.type) || l({ type: "ITEM.POINTER_LEAVE" });
+        },
+        onTouchEnd(c) {
+          c.preventDefault(), c.stopPropagation();
+        }
+      });
+    },
+    getItemTextProps(o) {
+      const a = f(o);
+      return e.element({
+        ...u.itemText.attrs,
+        "data-state": a.selected ? "checked" : "unchecked",
+        "data-disabled": s(a.disabled),
+        "data-highlighted": s(a.highlighted)
+      });
+    },
+    getItemIndicatorProps(o) {
+      const a = f(o);
+      return e.element({
+        "aria-hidden": !0,
+        ...u.itemIndicator.attrs,
+        "data-state": a.selected ? "checked" : "unchecked",
+        hidden: !a.selected
+      });
+    },
+    getItemGroupLabelProps(o) {
+      const { htmlFor: a } = o;
+      return e.element({
+        ...u.itemGroupLabel.attrs,
+        id: n.getItemGroupLabelId(t.context, a),
+        role: "group",
+        dir: t.context.dir
+      });
+    },
+    getItemGroupProps(o) {
+      const { id: a } = o;
+      return e.element({
+        ...u.itemGroup.attrs,
+        "data-disabled": s(i),
+        id: n.getItemGroupId(t.context, a),
+        "aria-labelledby": n.getItemGroupLabelId(t.context, a),
+        dir: t.context.dir
+      });
+    },
+    getClearTriggerProps() {
+      return e.button({
+        ...u.clearTrigger.attrs,
+        id: n.getClearTriggerId(t.context),
+        type: "button",
+        "aria-label": "Clear value",
+        "data-invalid": s(r),
+        disabled: i,
+        hidden: !t.context.hasSelectedItems,
+        dir: t.context.dir,
+        onClick(o) {
+          o.defaultPrevented || l("CLEAR.CLICK");
+        }
+      });
+    },
+    getHiddenSelectProps() {
+      return e.select({
+        name: t.context.name,
+        form: t.context.form,
+        disabled: i,
+        multiple: t.context.multiple,
+        required: t.context.required,
+        "aria-hidden": !0,
+        id: n.getHiddenSelectId(t.context),
+        defaultValue: t.context.multiple ? t.context.value : t.context.value[0],
+        style: q,
+        tabIndex: -1,
+        // Some browser extensions will focus the hidden select.
+        // Let's forward the focus to the trigger.
+        onFocus() {
+          var o;
+          (o = n.getTriggerEl(t.context)) == null || o.focus({ preventScroll: !0 });
+        },
+        "aria-labelledby": n.getLabelId(t.context)
+      });
+    },
+    getPositionerProps() {
+      return e.element({
+        ...u.positioner.attrs,
+        dir: t.context.dir,
+        id: n.getPositionerId(t.context),
+        style: M.floating
+      });
+    },
+    getContentProps() {
+      return e.element({
+        hidden: !I,
+        dir: t.context.dir,
+        id: n.getContentId(t.context),
+        role: h ? "listbox" : "dialog",
+        ...u.content.attrs,
+        "data-state": I ? "open" : "closed",
+        "data-placement": t.context.currentPlacement,
+        "data-activedescendant": L,
+        "aria-activedescendant": h ? L : void 0,
+        "aria-multiselectable": t.context.multiple && h ? !0 : void 0,
+        "aria-labelledby": n.getLabelId(t.context),
+        tabIndex: 0,
+        onKeyDown(o) {
+          if (!m || !j(o)) return;
+          if (o.key === "Tab" && !J(o)) {
+            o.preventDefault();
+            return;
+          }
+          const a = {
+            ArrowUp() {
+              l({ type: "CONTENT.ARROW_UP" });
+            },
+            ArrowDown() {
+              l({ type: "CONTENT.ARROW_DOWN" });
+            },
+            Home() {
+              l({ type: "CONTENT.HOME" });
+            },
+            End() {
+              l({ type: "CONTENT.END" });
+            },
+            Enter() {
+              l({ type: "ITEM.CLICK", src: "keydown.enter" });
+            },
+            Space(p) {
+              var V;
+              A ? l({ type: "CONTENT.TYPEAHEAD", key: p.key }) : (V = a.Enter) == null || V.call(a, p);
+            }
+          }, c = a[k(o)];
+          if (c) {
+            c(o), o.preventDefault();
+            return;
+          }
+          Q(o.target) || N.isValidEvent(o) && (l({ type: "CONTENT.TYPEAHEAD", key: o.key }), o.preventDefault());
+        }
+      });
+    },
+    getListProps() {
+      return e.element({
+        ...u.list.attrs,
+        tabIndex: 0,
+        role: h ? void 0 : "listbox",
+        "aria-labelledby": n.getTriggerId(t.context),
+        "aria-activedescendant": h ? void 0 : L,
+        "aria-multiselectable": !h && t.context.multiple ? !0 : void 0
+      });
+    }
+  };
+}
+var { and: v, not: E, or: ne } = K;
+function ve(t) {
+  const l = ie(t);
+  return W(
+    {
+      id: "select",
+      context: {
+        value: [],
+        highlightedValue: null,
+        loopFocus: !1,
+        closeOnSelect: !l.multiple,
+        disabled: !1,
+        readOnly: !1,
+        composite: !0,
+        ...l,
+        highlightedItem: null,
+        selectedItems: [],
+        valueAsString: "",
+        collection: l.collection ?? _.empty(),
+        typeahead: N.defaultOptions,
+        fieldsetDisabled: !1,
+        restoreFocus: !0,
+        positioning: {
+          placement: "bottom-start",
+          gutter: 8,
+          ...l.positioning
+        }
+      },
+      computed: {
+        hasSelectedItems: (e) => e.value.length > 0,
+        isTypingAhead: (e) => e.typeahead.keysSoFar !== "",
+        isDisabled: (e) => !!e.disabled || e.fieldsetDisabled,
+        isInteractive: (e) => !(e.isDisabled || e.readOnly)
+      },
+      initial: l.open ? "open" : "idle",
+      created: ["syncCollection"],
+      entry: ["syncSelectElement"],
+      watch: {
+        open: ["toggleVisibility"],
+        value: ["syncSelectedItems", "syncSelectElement"],
+        highlightedValue: ["syncHighlightedItem"],
+        collection: ["syncCollection"]
+      },
+      on: {
+        "HIGHLIGHTED_VALUE.SET": {
+          actions: ["setHighlightedItem"]
+        },
+        "ITEM.SELECT": {
+          actions: ["selectItem"]
+        },
+        "ITEM.CLEAR": {
+          actions: ["clearItem"]
+        },
+        "VALUE.SET": {
+          actions: ["setSelectedItems"]
+        },
+        "VALUE.CLEAR": {
+          actions: ["clearSelectedItems"]
+        },
+        "CLEAR.CLICK": {
+          actions: ["clearSelectedItems", "focusTriggerEl"]
+        },
+        "COLLECTION.SET": {
+          actions: ["setCollection"]
+        }
+      },
+      activities: ["trackFormControlState"],
+      states: {
+        idle: {
+          tags: ["closed"],
+          on: {
+            "CONTROLLED.OPEN": [
+              {
+                guard: "isTriggerClickEvent",
+                target: "open",
+                actions: ["highlightFirstSelectedItem"]
+              },
+              {
+                target: "open"
+              }
+            ],
+            "TRIGGER.CLICK": [
+              {
+                guard: "isOpenControlled",
+                actions: ["invokeOnOpen"]
+              },
+              {
+                target: "open",
+                actions: ["invokeOnOpen", "highlightFirstSelectedItem"]
+              }
+            ],
+            "TRIGGER.FOCUS": {
+              target: "focused"
+            },
+            OPEN: [
+              {
+                guard: "isOpenControlled",
+                actions: ["invokeOnOpen"]
+              },
+              {
+                target: "open",
+                actions: ["invokeOnOpen"]
+              }
+            ]
+          }
+        },
+        focused: {
+          tags: ["closed"],
+          entry: ["focusTriggerEl"],
+          on: {
+            "CONTROLLED.OPEN": [
+              {
+                guard: "isTriggerClickEvent",
+                target: "open",
+                actions: ["highlightFirstSelectedItem"]
+              },
+              {
+                guard: "isTriggerArrowUpEvent",
+                target: "open",
+                actions: ["highlightComputedLastItem"]
+              },
+              {
+                guard: ne("isTriggerArrowDownEvent", "isTriggerEnterEvent"),
+                target: "open",
+                actions: ["highlightComputedFirstItem"]
+              },
+              {
+                target: "open"
+              }
+            ],
+            OPEN: [
+              {
+                guard: "isOpenControlled",
+                actions: ["invokeOnOpen"]
+              },
+              {
+                target: "open",
+                actions: ["invokeOnOpen"]
+              }
+            ],
+            "TRIGGER.BLUR": {
+              target: "idle"
+            },
+            "TRIGGER.CLICK": [
+              {
+                guard: "isOpenControlled",
+                actions: ["invokeOnOpen"]
+              },
+              {
+                target: "open",
+                actions: ["invokeOnOpen", "highlightFirstSelectedItem"]
+              }
+            ],
+            "TRIGGER.ENTER": [
+              {
+                guard: "isOpenControlled",
+                actions: ["invokeOnOpen"]
+              },
+              {
+                target: "open",
+                actions: ["invokeOnOpen", "highlightComputedFirstItem"]
+              }
+            ],
+            "TRIGGER.ARROW_UP": [
+              {
+                guard: "isOpenControlled",
+                actions: ["invokeOnOpen"]
+              },
+              {
+                target: "open",
+                actions: ["invokeOnOpen", "highlightComputedLastItem"]
+              }
+            ],
+            "TRIGGER.ARROW_DOWN": [
+              {
+                guard: "isOpenControlled",
+                actions: ["invokeOnOpen"]
+              },
+              {
+                target: "open",
+                actions: ["invokeOnOpen", "highlightComputedFirstItem"]
+              }
+            ],
+            "TRIGGER.ARROW_LEFT": [
+              {
+                guard: v(E("multiple"), "hasSelectedItems"),
+                actions: ["selectPreviousItem"]
+              },
+              {
+                guard: E("multiple"),
+                actions: ["selectLastItem"]
+              }
+            ],
+            "TRIGGER.ARROW_RIGHT": [
+              {
+                guard: v(E("multiple"), "hasSelectedItems"),
+                actions: ["selectNextItem"]
+              },
+              {
+                guard: E("multiple"),
+                actions: ["selectFirstItem"]
+              }
+            ],
+            "TRIGGER.HOME": {
+              guard: E("multiple"),
+              actions: ["selectFirstItem"]
+            },
+            "TRIGGER.END": {
+              guard: E("multiple"),
+              actions: ["selectLastItem"]
+            },
+            "TRIGGER.TYPEAHEAD": {
+              guard: E("multiple"),
+              actions: ["selectMatchingItem"]
+            }
+          }
+        },
+        open: {
+          tags: ["open"],
+          entry: ["setInitialFocus"],
+          exit: ["scrollContentToTop"],
+          activities: ["trackDismissableElement", "computePlacement", "scrollToHighlightedItem"],
+          on: {
+            "CONTROLLED.CLOSE": [
+              {
+                guard: "shouldRestoreFocus",
+                target: "focused",
+                actions: ["clearHighlightedItem"]
+              },
+              {
+                target: "idle",
+                actions: ["clearHighlightedItem"]
+              }
+            ],
+            CLOSE: [
+              {
+                guard: "isOpenControlled",
+                actions: ["invokeOnClose"]
+              },
+              {
+                target: "focused",
+                actions: ["invokeOnClose", "clearHighlightedItem"]
+              }
+            ],
+            "TRIGGER.CLICK": [
+              {
+                guard: "isOpenControlled",
+                actions: ["invokeOnClose"]
+              },
+              {
+                target: "focused",
+                actions: ["invokeOnClose", "clearHighlightedItem"]
+              }
+            ],
+            "ITEM.CLICK": [
+              {
+                guard: v("closeOnSelect", "isOpenControlled"),
+                actions: ["selectHighlightedItem", "invokeOnClose"]
+              },
+              {
+                guard: "closeOnSelect",
+                target: "focused",
+                actions: ["selectHighlightedItem", "invokeOnClose", "clearHighlightedItem"]
+              },
+              {
+                actions: ["selectHighlightedItem"]
+              }
+            ],
+            "CONTENT.INTERACT_OUTSIDE": [
+              // == group 1 ==
+              {
+                guard: v("shouldRestoreFocus", "isOpenControlled"),
+                actions: ["invokeOnClose"]
+              },
+              {
+                guard: "shouldRestoreFocus",
+                target: "focused",
+                actions: ["invokeOnClose", "clearHighlightedItem"]
+              },
+              // == group 2 ==
+              {
+                guard: "isOpenControlled",
+                actions: ["invokeOnClose"]
+              },
+              {
+                target: "idle",
+                actions: ["invokeOnClose", "clearHighlightedItem"]
+              }
+            ],
+            "CONTENT.HOME": {
+              actions: ["highlightFirstItem"]
+            },
+            "CONTENT.END": {
+              actions: ["highlightLastItem"]
+            },
+            "CONTENT.ARROW_DOWN": [
+              {
+                guard: v("hasHighlightedItem", "loop", "isLastItemHighlighted"),
+                actions: ["highlightFirstItem"]
+              },
+              {
+                guard: "hasHighlightedItem",
+                actions: ["highlightNextItem"]
+              },
+              {
+                actions: ["highlightFirstItem"]
+              }
+            ],
+            "CONTENT.ARROW_UP": [
+              {
+                guard: v("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"]
+            }
+          }
+        }
+      }
+    },
+    {
+      guards: {
+        loop: (e) => !!e.loopFocus,
+        multiple: (e) => !!e.multiple,
+        hasSelectedItems: (e) => !!e.hasSelectedItems,
+        hasHighlightedItem: (e) => e.highlightedValue != null,
+        isFirstItemHighlighted: (e) => e.highlightedValue === e.collection.firstValue,
+        isLastItemHighlighted: (e) => e.highlightedValue === e.collection.lastValue,
+        closeOnSelect: (e, i) => !!(i.closeOnSelect ?? e.closeOnSelect),
+        shouldRestoreFocus: (e) => !!e.restoreFocus,
+        // guard assertions (for controlled mode)
+        isOpenControlled: (e) => !!e["open.controlled"],
+        isTriggerClickEvent: (e, i) => {
+          var r;
+          return ((r = i.previousEvent) == null ? void 0 : r.type) === "TRIGGER.CLICK";
+        },
+        isTriggerEnterEvent: (e, i) => {
+          var r;
+          return ((r = i.previousEvent) == null ? void 0 : r.type) === "TRIGGER.ENTER";
+        },
+        isTriggerArrowUpEvent: (e, i) => {
+          var r;
+          return ((r = i.previousEvent) == null ? void 0 : r.type) === "TRIGGER.ARROW_UP";
+        },
+        isTriggerArrowDownEvent: (e, i) => {
+          var r;
+          return ((r = i.previousEvent) == null ? void 0 : r.type) === "TRIGGER.ARROW_DOWN";
+        }
+      },
+      activities: {
+        trackFormControlState(e, i, { initialContext: r }) {
+          return te(n.getHiddenSelectEl(e), {
+            onFieldsetDisabledChange(g) {
+              e.fieldsetDisabled = g;
+            },
+            onFormReset() {
+              d.selectedItems(e, r.value);
+            }
+          });
+        },
+        trackDismissableElement(e, i, { send: r }) {
+          return ee(() => n.getContentEl(e), {
+            defer: !0,
+            exclude: [n.getTriggerEl(e), n.getClearTriggerEl(e)],
+            onFocusOutside: e.onFocusOutside,
+            onPointerDownOutside: e.onPointerDownOutside,
+            onInteractOutside(m) {
+              var h;
+              (h = e.onInteractOutside) == null || h.call(e, m), e.restoreFocus = !m.detail.focusable;
+            },
+            onDismiss() {
+              r({ type: "CONTENT.INTERACT_OUTSIDE" });
+            }
+          });
+        },
+        computePlacement(e) {
+          return e.currentPlacement = e.positioning.placement, H(() => n.getTriggerEl(e), () => n.getPositionerEl(e), {
+            defer: !0,
+            ...e.positioning,
+            onComplete(g) {
+              e.currentPlacement = g.placement;
+            }
+          });
+        },
+        scrollToHighlightedItem(e, i, { getState: r }) {
+          const g = (h) => {
+            if (e.highlightedValue == null || r().event.type.includes("POINTER")) return;
+            const O = n.getHighlightedOptionEl(e), T = n.getContentEl(e);
+            if (e.scrollToIndexFn) {
+              const G = e.collection.indexOf(e.highlightedValue);
+              e.scrollToIndexFn({ index: G, immediate: h });
+              return;
+            }
+            z(O, { rootEl: T, block: "nearest" });
+          };
+          return y(() => g(!0)), X(() => n.getContentEl(e), {
+            defer: !0,
+            attributes: ["data-activedescendant"],
+            callback() {
+              g(!1);
+            }
+          });
+        }
+      },
+      actions: {
+        reposition(e, i) {
+          const r = () => n.getPositionerEl(e);
+          H(n.getTriggerEl(e), r, {
+            ...e.positioning,
+            ...i.options,
+            defer: !0,
+            listeners: !1,
+            onComplete(g) {
+              e.currentPlacement = g.placement;
+            }
+          });
+        },
+        toggleVisibility(e, i, { send: r }) {
+          r({ type: e.open ? "CONTROLLED.OPEN" : "CONTROLLED.CLOSE", previousEvent: i });
+        },
+        highlightPreviousItem(e) {
+          if (e.highlightedValue == null) return;
+          const i = e.collection.getPreviousValue(e.highlightedValue);
+          d.highlightedItem(e, i);
+        },
+        highlightNextItem(e) {
+          if (e.highlightedValue == null) return;
+          const i = e.collection.getNextValue(e.highlightedValue);
+          d.highlightedItem(e, i);
+        },
+        highlightFirstItem(e) {
+          const i = e.collection.firstValue;
+          d.highlightedItem(e, i);
+        },
+        highlightLastItem(e) {
+          const i = e.collection.lastValue;
+          d.highlightedItem(e, i);
+        },
+        setInitialFocus(e) {
+          y(() => {
+            const i = Z({
+              root: n.getContentEl(e)
+            });
+            i == null || i.focus({ preventScroll: !0 });
+          });
+        },
+        focusTriggerEl(e) {
+          y(() => {
+            var i;
+            (i = n.getTriggerEl(e)) == null || i.focus({ preventScroll: !0 });
+          });
+        },
+        selectHighlightedItem(e, i) {
+          const r = i.value ?? e.highlightedValue;
+          r != null && d.selectedItem(e, r);
+        },
+        highlightComputedFirstItem(e) {
+          const i = e.hasSelectedItems ? e.collection.sort(e.value)[0] : e.collection.firstValue;
+          d.highlightedItem(e, i);
+        },
+        highlightComputedLastItem(e) {
+          const i = e.hasSelectedItems ? e.collection.sort(e.value)[0] : e.collection.lastValue;
+          d.highlightedItem(e, i);
+        },
+        highlightFirstSelectedItem(e) {
+          if (!e.hasSelectedItems) return;
+          const [i] = e.collection.sort(e.value);
+          d.highlightedItem(e, i);
+        },
+        highlightItem(e, i) {
+          d.highlightedItem(e, i.value);
+        },
+        highlightMatchingItem(e, i) {
+          const r = e.collection.search(i.key, {
+            state: e.typeahead,
+            currentValue: e.highlightedValue
+          });
+          r != null && d.highlightedItem(e, r);
+        },
+        setHighlightedItem(e, i) {
+          d.highlightedItem(e, i.value);
+        },
+        clearHighlightedItem(e) {
+          d.highlightedItem(e, null, !0);
+        },
+        selectItem(e, i) {
+          d.selectedItem(e, i.value);
+        },
+        clearItem(e, i) {
+          const r = e.value.filter((g) => g !== i.value);
+          d.selectedItems(e, r);
+        },
+        setSelectedItems(e, i) {
+          d.selectedItems(e, i.value);
+        },
+        clearSelectedItems(e) {
+          d.selectedItems(e, []);
+        },
+        selectPreviousItem(e) {
+          const i = e.collection.getPreviousValue(e.value[0]);
+          d.selectedItem(e, i);
+        },
+        selectNextItem(e) {
+          const i = e.collection.getNextValue(e.value[0]);
+          d.selectedItem(e, i);
+        },
+        selectFirstItem(e) {
+          const i = e.collection.firstValue;
+          d.selectedItem(e, i);
+        },
+        selectLastItem(e) {
+          const i = e.collection.lastValue;
+          d.selectedItem(e, i);
+        },
+        selectMatchingItem(e, i) {
+          const r = e.collection.search(i.key, {
+            state: e.typeahead,
+            currentValue: e.value[0]
+          });
+          r != null && d.selectedItem(e, r);
+        },
+        scrollContentToTop(e) {
+          var i;
+          e.scrollToIndexFn ? e.scrollToIndexFn({ index: 0, immediate: !0 }) : (i = n.getContentEl(e)) == null || i.scrollTo(0, 0);
+        },
+        invokeOnOpen(e) {
+          var i;
+          (i = e.onOpenChange) == null || i.call(e, { open: !0 });
+        },
+        invokeOnClose(e) {
+          var i;
+          (i = e.onOpenChange) == null || i.call(e, { open: !1 });
+        },
+        syncSelectElement(e) {
+          const i = n.getHiddenSelectEl(e);
+          if (i) {
+            if (e.value.length === 0 && !e.multiple) {
+              i.selectedIndex = -1;
+              return;
+            }
+            for (const r of i.options)
+              r.selected = e.value.includes(r.value);
+          }
+        },
+        setCollection(e, i) {
+          e.collection = i.value;
+        },
+        syncCollection(e) {
+          const i = e.collection.findMany(e.value), r = e.collection.stringifyItems(i);
+          e.highlightedItem = e.collection.find(e.highlightedValue), e.selectedItems = i, e.valueAsString = r;
+        },
+        syncSelectedItems(e) {
+          b.valueChange(e);
+        },
+        syncHighlightedItem(e) {
+          b.highlightChange(e);
+        }
+      }
+    }
+  );
+}
+function re(t) {
+  y(() => {
+    const l = n.getHiddenSelectEl(t);
+    if (!l) return;
+    const e = n.getWin(t), i = new e.Event("change", { bubbles: !0, composed: !0 });
+    l.dispatchEvent(i);
+  });
+}
+var b = {
+  valueChange: (t) => {
+    const l = t.selectedItems;
+    t.selectedItems = t.value.map((e) => {
+      const i = l.find((r) => t.collection.getItemValue(r) === e);
+      return i || t.collection.find(e);
+    }), t.valueAsString = t.collection.stringifyItems(t.selectedItems);
+  },
+  highlightChange: (t) => {
+    t.highlightedItem = t.collection.find(t.highlightedValue);
+  }
+}, R = {
+  valueChange: (t) => {
+    var l;
+    b.valueChange(t), (l = t.onValueChange) == null || l.call(t, {
+      value: Array.from(t.value),
+      items: Array.from(t.selectedItems)
+    }), re(t);
+  },
+  highlightChange: (t) => {
+    var l;
+    b.highlightChange(t), (l = t.onHighlightChange) == null || l.call(t, {
+      highlightedValue: t.highlightedValue,
+      highlightedItem: t.highlightedItem,
+      highlightedIndex: t.collection.indexOf(t.highlightedValue)
+    });
+  }
+}, d = {
+  selectedItem: (t, l, e = !1) => {
+    if (!P(t.value, l) && !(l == null && !e)) {
+      if (l == null && e) {
+        t.value = [], R.valueChange(t);
+        return;
+      }
+      t.value = t.multiple ? le(t.value, l) : [l], R.valueChange(t);
+    }
+  },
+  selectedItems: (t, l) => {
+    P(t.value, l) || (t.value = l, R.valueChange(t));
+  },
+  highlightedItem: (t, l, e = !1) => {
+    P(t.highlightedValue, l) || l == null && !e || (t.highlightedValue = l ?? null, R.highlightChange(t));
+  }
+};
+S()([
+  "closeOnSelect",
+  "collection",
+  "dir",
+  "disabled",
+  "form",
+  "getRootNode",
+  "highlightedValue",
+  "id",
+  "ids",
+  "invalid",
+  "loopFocus",
+  "multiple",
+  "name",
+  "onFocusOutside",
+  "onHighlightChange",
+  "onInteractOutside",
+  "onOpenChange",
+  "onPointerDownOutside",
+  "onValueChange",
+  "open.controlled",
+  "open",
+  "composite",
+  "positioning",
+  "required",
+  "readOnly",
+  "scrollToIndexFn",
+  "value"
+]);
+S()(["item", "persistFocus"]);
+S()(["id"]);
+S()(["htmlFor"]);
+export {
+  oe as anatomy,
+  _ as collection,
+  Te as connect,
+  ve as machine
+};