@serendie/ui 3.2.0 → 3.2.1-dev.202604251106

package/dist/node_modules/@zag-js/combobox/dist/combobox.connect.js

@@ -0,0 +1,341 @@
+import { isDownloadingEvent as B, isOpeningInNewTab as j, isContextMenuEvent as J, isLeftClick as C, getEventKey as R, isComposingEvent as Y } from "../../dom-query/dist/event.js";
+import { isAnchorElement as $ } from "../../dom-query/dist/node.js";
+import { dataAttr as a, ariaAttr as k } from "../../dom-query/dist/shared.js";
+import { getPlacementStyles as Q } from "../../popper/dist/get-styles.js";
+import { parts as u } from "./combobox.anatomy.js";
+import { getItemGroupLabelId as w, getItemGroupId as X, getItemId as K, getInputId as D, getClearTriggerId as Z, getLabelId as O, getContentId as U, focusInputEl as z, getTriggerId as ee, getPositionerId as te, getControlId as re, getTriggerEl as ie, getRootId as ae, getInputEl as ne, getItemEl as oe } from "./combobox.dom.js";
+import { ensure as le } from "../../utils/dist/warning.js";
+function me(x, d) {
+  const { context: p, prop: r, state: v, send: i, scope: n, computed: y, event: M } = x, A = r("translations"), h = r("collection"), c = !!r("disabled"), b = y("isInteractive"), m = !!r("invalid"), G = !!r("required"), P = !!r("readOnly"), s = v.hasTag("open"), L = v.hasTag("focused"), I = r("composite"), g = p.get("highlightedValue"), H = Q({
+    ...r("positioning"),
+    placement: p.get("currentPlacement")
+  });
+  function T(e) {
+    const t = h.getItemDisabled(e.item), l = h.getItemValue(e.item);
+    return le(l, () => `[zag-js] No value found for item ${JSON.stringify(e.item)}`), {
+      value: l,
+      disabled: !!(c || t),
+      highlighted: g === l,
+      selected: p.get("value").includes(l)
+    };
+  }
+  return {
+    focused: L,
+    open: s,
+    inputValue: p.get("inputValue"),
+    highlightedValue: g,
+    highlightedItem: p.get("highlightedItem"),
+    value: p.get("value"),
+    valueAsString: y("valueAsString"),
+    hasSelectedItems: y("hasSelectedItems"),
+    selectedItems: y("selectedItems"),
+    collection: r("collection"),
+    multiple: !!r("multiple"),
+    disabled: !!c,
+    syncSelectedItems() {
+      i({ type: "SELECTED_ITEMS.SYNC" });
+    },
+    reposition(e = {}) {
+      i({ type: "POSITIONING.SET", options: e });
+    },
+    setHighlightValue(e) {
+      i({ type: "HIGHLIGHTED_VALUE.SET", value: e });
+    },
+    clearHighlightValue() {
+      i({ type: "HIGHLIGHTED_VALUE.CLEAR" });
+    },
+    selectValue(e) {
+      i({ type: "ITEM.SELECT", value: e });
+    },
+    setValue(e) {
+      i({ type: "VALUE.SET", value: e });
+    },
+    setInputValue(e, t = "script") {
+      i({ type: "INPUT_VALUE.SET", value: e, src: t });
+    },
+    clearValue(e) {
+      e != null ? i({ type: "ITEM.CLEAR", value: e }) : i({ type: "VALUE.CLEAR" });
+    },
+    focus() {
+      var e;
+      (e = ne(n)) == null || e.focus();
+    },
+    setOpen(e, t = "script") {
+      v.hasTag("open") !== e && i({ type: e ? "OPEN" : "CLOSE", src: t });
+    },
+    getRootProps() {
+      return d.element({
+        ...u.root.attrs,
+        dir: r("dir"),
+        id: ae(n),
+        "data-invalid": a(m),
+        "data-readonly": a(P)
+      });
+    },
+    getLabelProps() {
+      return d.label({
+        ...u.label.attrs,
+        dir: r("dir"),
+        htmlFor: D(n),
+        id: O(n),
+        "data-readonly": a(P),
+        "data-disabled": a(c),
+        "data-invalid": a(m),
+        "data-required": a(G),
+        "data-focus": a(L),
+        onClick(e) {
+          var t;
+          I || (e.preventDefault(), (t = ie(n)) == null || t.focus({ preventScroll: !0 }));
+        }
+      });
+    },
+    getControlProps() {
+      return d.element({
+        ...u.control.attrs,
+        dir: r("dir"),
+        id: re(n),
+        "data-state": s ? "open" : "closed",
+        "data-focus": a(L),
+        "data-disabled": a(c),
+        "data-invalid": a(m)
+      });
+    },
+    getPositionerProps() {
+      return d.element({
+        ...u.positioner.attrs,
+        dir: r("dir"),
+        id: te(n),
+        style: H.floating
+      });
+    },
+    getInputProps() {
+      return d.input({
+        ...u.input.attrs,
+        dir: r("dir"),
+        "aria-invalid": k(m),
+        "data-invalid": a(m),
+        "data-autofocus": a(r("autoFocus")),
+        name: r("name"),
+        form: r("form"),
+        disabled: c,
+        required: r("required"),
+        autoComplete: "off",
+        autoCorrect: "off",
+        autoCapitalize: "none",
+        spellCheck: "false",
+        readOnly: P,
+        placeholder: r("placeholder"),
+        id: D(n),
+        type: "text",
+        role: "combobox",
+        defaultValue: p.get("inputValue"),
+        "aria-autocomplete": y("autoComplete") ? "both" : "list",
+        "aria-controls": U(n),
+        "aria-expanded": s,
+        "data-state": s ? "open" : "closed",
+        "aria-activedescendant": g ? K(n, g) : void 0,
+        onClick(e) {
+          e.defaultPrevented || r("openOnClick") && b && i({ type: "INPUT.CLICK", src: "input-click" });
+        },
+        onFocus() {
+          c || i({ type: "INPUT.FOCUS" });
+        },
+        onBlur() {
+          c || i({ type: "INPUT.BLUR" });
+        },
+        onChange(e) {
+          i({ type: "INPUT.CHANGE", value: e.currentTarget.value, src: "input-change" });
+        },
+        onKeyDown(e) {
+          if (e.defaultPrevented || !b || e.ctrlKey || e.shiftKey || Y(e)) return;
+          const t = r("openOnKeyPress"), l = e.ctrlKey || e.metaKey || e.shiftKey, o = !0, E = {
+            ArrowDown(f) {
+              !t && !s || (i({ type: f.altKey ? "OPEN" : "INPUT.ARROW_DOWN", keypress: o, src: "arrow-key" }), f.preventDefault());
+            },
+            ArrowUp() {
+              !t && !s || (i({ type: e.altKey ? "CLOSE" : "INPUT.ARROW_UP", keypress: o, src: "arrow-key" }), e.preventDefault());
+            },
+            Home(f) {
+              l || (i({ type: "INPUT.HOME", keypress: o }), s && f.preventDefault());
+            },
+            End(f) {
+              l || (i({ type: "INPUT.END", keypress: o }), s && f.preventDefault());
+            },
+            Enter(f) {
+              var V;
+              i({ type: "INPUT.ENTER", keypress: o, src: "item-select" });
+              const F = y("isCustomValue") && r("allowCustomValue"), q = g != null, W = r("alwaysSubmitOnEnter");
+              if (s && !F && !W && q && f.preventDefault(), g == null) return;
+              const S = oe(n, g);
+              $(S) && ((V = r("navigate")) == null || V({ value: g, node: S, href: S.href }));
+            },
+            Escape() {
+              i({ type: "INPUT.ESCAPE", keypress: o, src: "escape-key" }), e.preventDefault();
+            }
+          }, _ = R(e, { dir: r("dir") }), N = E[_];
+          N == null || N(e);
+        }
+      });
+    },
+    getTriggerProps(e = {}) {
+      return d.button({
+        ...u.trigger.attrs,
+        dir: r("dir"),
+        id: ee(n),
+        "aria-haspopup": I ? "listbox" : "dialog",
+        type: "button",
+        tabIndex: e.focusable ? void 0 : -1,
+        "aria-label": A.triggerLabel,
+        "aria-expanded": s,
+        "data-state": s ? "open" : "closed",
+        "aria-controls": s ? U(n) : void 0,
+        disabled: c,
+        "data-invalid": a(m),
+        "data-focusable": a(e.focusable),
+        "data-readonly": a(P),
+        "data-disabled": a(c),
+        onFocus() {
+          e.focusable && i({ type: "INPUT.FOCUS", src: "trigger" });
+        },
+        onClick(t) {
+          t.defaultPrevented || b && C(t) && i({ type: "TRIGGER.CLICK", src: "trigger-click" });
+        },
+        onPointerDown(t) {
+          b && t.pointerType !== "touch" && C(t) && (t.preventDefault(), queueMicrotask(() => {
+            z(n);
+          }));
+        },
+        onKeyDown(t) {
+          if (t.defaultPrevented || I) return;
+          const l = {
+            ArrowDown() {
+              i({ type: "INPUT.ARROW_DOWN", src: "arrow-key" });
+            },
+            ArrowUp() {
+              i({ type: "INPUT.ARROW_UP", src: "arrow-key" });
+            }
+          }, o = R(t, { dir: r("dir") }), E = l[o];
+          E && (E(t), t.preventDefault());
+        }
+      });
+    },
+    getContentProps() {
+      return d.element({
+        ...u.content.attrs,
+        dir: r("dir"),
+        id: U(n),
+        role: I ? "listbox" : "dialog",
+        tabIndex: -1,
+        hidden: !s,
+        "data-state": s ? "open" : "closed",
+        "data-placement": p.get("currentPlacement"),
+        "aria-labelledby": O(n),
+        "aria-multiselectable": r("multiple") && I ? !0 : void 0,
+        "data-empty": a(h.size === 0),
+        onPointerDown(e) {
+          C(e) && e.preventDefault();
+        }
+      });
+    },
+    getListProps() {
+      return d.element({
+        ...u.list.attrs,
+        role: I ? void 0 : "listbox",
+        "data-empty": a(h.size === 0),
+        "aria-labelledby": O(n),
+        "aria-multiselectable": r("multiple") && !I ? !0 : void 0
+      });
+    },
+    getClearTriggerProps() {
+      return d.button({
+        ...u.clearTrigger.attrs,
+        dir: r("dir"),
+        id: Z(n),
+        type: "button",
+        tabIndex: -1,
+        disabled: c,
+        "data-invalid": a(m),
+        "aria-label": A.clearTriggerLabel,
+        "aria-controls": D(n),
+        hidden: !p.get("value").length,
+        onPointerDown(e) {
+          C(e) && e.preventDefault();
+        },
+        onClick(e) {
+          e.defaultPrevented || b && i({ type: "VALUE.CLEAR", src: "clear-trigger" });
+        }
+      });
+    },
+    getItemState: T,
+    getItemProps(e) {
+      const t = T(e), l = t.value;
+      return d.element({
+        ...u.item.attrs,
+        dir: r("dir"),
+        id: K(n, l),
+        role: "option",
+        tabIndex: -1,
+        "data-highlighted": a(t.highlighted),
+        "data-state": t.selected ? "checked" : "unchecked",
+        "aria-selected": k(t.selected),
+        "aria-disabled": k(t.disabled),
+        "data-disabled": a(t.disabled),
+        "data-value": t.value,
+        onPointerMove() {
+          t.disabled || t.highlighted || i({ type: "ITEM.POINTER_MOVE", value: l });
+        },
+        onPointerLeave() {
+          if (e.persistFocus || t.disabled) return;
+          const o = M.previous();
+          o != null && o.type.includes("POINTER") && i({ type: "ITEM.POINTER_LEAVE", value: l });
+        },
+        onClick(o) {
+          B(o) || j(o) || J(o) || t.disabled || i({ type: "ITEM.CLICK", src: "item-select", value: l });
+        }
+      });
+    },
+    getItemTextProps(e) {
+      const t = T(e);
+      return d.element({
+        ...u.itemText.attrs,
+        dir: r("dir"),
+        "data-state": t.selected ? "checked" : "unchecked",
+        "data-disabled": a(t.disabled),
+        "data-highlighted": a(t.highlighted)
+      });
+    },
+    getItemIndicatorProps(e) {
+      const t = T(e);
+      return d.element({
+        "aria-hidden": !0,
+        ...u.itemIndicator.attrs,
+        dir: r("dir"),
+        "data-state": t.selected ? "checked" : "unchecked",
+        hidden: !t.selected
+      });
+    },
+    getItemGroupProps(e) {
+      const { id: t } = e;
+      return d.element({
+        ...u.itemGroup.attrs,
+        dir: r("dir"),
+        id: X(n, t),
+        "aria-labelledby": w(n, t),
+        "data-empty": a(h.size === 0),
+        role: "group"
+      });
+    },
+    getItemGroupLabelProps(e) {
+      const { htmlFor: t } = e;
+      return d.element({
+        ...u.itemGroupLabel.attrs,
+        dir: r("dir"),
+        id: w(n, t),
+        role: "presentation"
+      });
+    }
+  };
+}
+export {
+  me as connect
+};

package/dist/node_modules/@zag-js/combobox/dist/combobox.dom.js

@@ -0,0 +1,68 @@
+import { query as i } from "../../dom-query/dist/query.js";
+import { setCaretToEnd as g } from "../../dom-query/dist/caret.js";
+var $ = (o) => {
+  var e;
+  return ((e = o.ids) == null ? void 0 : e.root) ?? `combobox:${o.id}`;
+}, c = (o) => {
+  var e;
+  return ((e = o.ids) == null ? void 0 : e.label) ?? `combobox:${o.id}:label`;
+}, d = (o) => {
+  var e;
+  return ((e = o.ids) == null ? void 0 : e.control) ?? `combobox:${o.id}:control`;
+}, l = (o) => {
+  var e;
+  return ((e = o.ids) == null ? void 0 : e.input) ?? `combobox:${o.id}:input`;
+}, n = (o) => {
+  var e;
+  return ((e = o.ids) == null ? void 0 : e.content) ?? `combobox:${o.id}:content`;
+}, a = (o) => {
+  var e;
+  return ((e = o.ids) == null ? void 0 : e.positioner) ?? `combobox:${o.id}:popper`;
+}, b = (o) => {
+  var e;
+  return ((e = o.ids) == null ? void 0 : e.trigger) ?? `combobox:${o.id}:toggle-btn`;
+}, s = (o) => {
+  var e;
+  return ((e = o.ids) == null ? void 0 : e.clearTrigger) ?? `combobox:${o.id}:clear-btn`;
+}, E = (o, e) => {
+  var r, t;
+  return ((t = (r = o.ids) == null ? void 0 : r.itemGroup) == null ? void 0 : t.call(r, e)) ?? `combobox:${o.id}:optgroup:${e}`;
+}, f = (o, e) => {
+  var r, t;
+  return ((t = (r = o.ids) == null ? void 0 : r.itemGroupLabel) == null ? void 0 : t.call(r, e)) ?? `combobox:${o.id}:optgroup-label:${e}`;
+}, C = (o, e) => {
+  var r, t;
+  return ((t = (r = o.ids) == null ? void 0 : r.item) == null ? void 0 : t.call(r, e)) ?? `combobox:${o.id}:option:${e}`;
+}, m = (o) => o.getById(n(o)), p = (o) => o.getById(l(o)), y = (o) => o.getById(a(o)), T = (o) => o.getById(d(o)), v = (o) => o.getById(b(o)), B = (o) => o.getById(s(o)), G = (o, e) => {
+  if (e == null) return null;
+  const r = `[role=option][data-value="${CSS.escape(e)}"]`;
+  return i(m(o), r);
+}, S = (o) => {
+  const e = p(o);
+  o.isActiveElement(e) || e == null || e.focus({ preventScroll: !0 }), g(e);
+}, L = (o) => {
+  const e = v(o);
+  o.isActiveElement(e) || e == null || e.focus({ preventScroll: !0 });
+};
+export {
+  S as focusInputEl,
+  L as focusTriggerEl,
+  B as getClearTriggerEl,
+  s as getClearTriggerId,
+  m as getContentEl,
+  n as getContentId,
+  T as getControlEl,
+  d as getControlId,
+  p as getInputEl,
+  l as getInputId,
+  G as getItemEl,
+  E as getItemGroupId,
+  f as getItemGroupLabelId,
+  C as getItemId,
+  c as getLabelId,
+  y as getPositionerEl,
+  a as getPositionerId,
+  $ as getRootId,
+  v as getTriggerEl,
+  b as getTriggerId
+};