@serendie/ui 0.1.16 → 0.2.0

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

@@ -1,12 +1,12 @@
 import { createAnatomy as B } from "../../anatomy/dist/index.js";
-import { Collection as D } from "../../collection/dist/index.js";
+import { ListCollection as D } from "../../collection/dist/index.js";
 import { createMachine as W, guards as $ } from "../../core/dist/index.js";
-import { getEventKey as U, isLeftClick as Y, isContextMenuEvent as q, clickIfLink as j } from "../../dom-event/dist/index.js";
-import { createScope as J, query as Q, dataAttr as u, ariaAttr as A, isComposingEvent as X, isDownloadingEvent as Z, isOpeningInNewTab as z, observeChildren as x, raf as C, observeAttributes as ee, scrollIntoView as te } from "../../dom-query/dist/index.js";
-import { getPlacementStyles as ne, getPlacement as H } from "../../popper/dist/index.js";
+import { isContextMenuEvent as Y, getEventKey as U, isLeftClick as q, clickIfLink as j } from "../../dom-event/dist/index.js";
+import { createScope as J, raf as C, observeAttributes as Q, observeChildren as X, scrollIntoView as Z, dataAttr as u, ariaAttr as A, isDownloadingEvent as z, isOpeningInNewTab as x, isComposingEvent as ee, query as te } from "../../dom-query/dist/index.js";
+import { getPlacement as H, getPlacementStyles as ne } from "../../popper/dist/index.js";
 import { ariaHidden as ie } from "../../aria-hidden/dist/index.js";
 import { trackDismissableElement as le } from "../../dismissable/dist/index.js";
-import { compact as oe, isBoolean as ae, match as R, isArray as G, isEqual as F, addOrRemove as re } from "../../utils/dist/index.js";
+import { compact as oe, isArray as G, match as R, isBoolean as ae, isEqual as F, addOrRemove as re } from "../../utils/dist/index.js";
 import { ref as M } from "../../store/dist/index.js";
 var se = B("combobox").parts(
   "root",
@@ -80,7 +80,7 @@ var o = J({
     const n = t.highlightedValue;
     if (n == null) return;
     const e = `[role=option][data-value="${CSS.escape(n)}"`;
-    return Q(o.getContentEl(t), e);
+    return te(o.getContentEl(t), e);
   },
   focusInputEl: (t) => {
     const n = o.getInputEl(t);
@@ -92,7 +92,7 @@ var o = J({
   }
 });
 function Ee(t, n, e) {
-  const i = t.context.translations, r = t.context.collection, s = t.context.disabled, c = t.context.isInteractive, O = t.context.invalid, V = t.context.readOnly, d = t.hasTag("open"), v = t.hasTag("focused"), E = t.context.composite, b = t.context.highlightedValue, N = ne({
+  const i = t.context.translations, r = t.context.collection, s = t.context.disabled, c = t.context.isInteractive, O = t.context.invalid, V = t.context.readOnly, d = t.hasTag("open"), f = t.hasTag("focused"), E = t.context.composite, b = t.context.highlightedValue, N = ne({
     ...t.context.positioning,
     placement: t.context.currentPlacement
   });
@@ -106,7 +106,7 @@ function Ee(t, n, e) {
     };
   }
   return {
-    focused: v,
+    focused: f,
     open: d,
     inputValue: t.context.inputValue,
     highlightedValue: b,
@@ -162,7 +162,7 @@ function Ee(t, n, e) {
         "data-readonly": u(V),
         "data-disabled": u(s),
         "data-invalid": u(O),
-        "data-focus": u(v),
+        "data-focus": u(f),
         onClick(l) {
           var a;
           E || (l.preventDefault(), (a = o.getTriggerEl(t.context)) == null || a.focus({ preventScroll: !0 }));
@@ -175,7 +175,7 @@ function Ee(t, n, e) {
         dir: t.context.dir,
         id: o.getControlId(t.context),
         "data-state": d ? "open" : "closed",
-        "data-focus": u(v),
+        "data-focus": u(f),
         "data-disabled": u(s),
         "data-invalid": u(O)
       });
@@ -227,22 +227,22 @@ function Ee(t, n, e) {
           n({ type: "INPUT.CHANGE", value: l.currentTarget.value });
         },
         onKeyDown(l) {
-          if (l.defaultPrevented || !c || l.ctrlKey || l.shiftKey || X(l)) return;
+          if (l.defaultPrevented || !c || l.ctrlKey || l.shiftKey || ee(l)) return;
           const a = t.context.openOnKeyPress, p = l.ctrlKey || l.metaKey || l.shiftKey, h = !0, y = {
-            ArrowDown(f) {
-              !a && !d || (n({ type: f.altKey ? "OPEN" : "INPUT.ARROW_DOWN", keypress: h }), f.preventDefault());
+            ArrowDown(v) {
+              !a && !d || (n({ type: v.altKey ? "OPEN" : "INPUT.ARROW_DOWN", keypress: h }), v.preventDefault());
             },
             ArrowUp() {
               !a && !d || (n({ type: l.altKey ? "CLOSE" : "INPUT.ARROW_UP", keypress: h }), l.preventDefault());
             },
-            Home(f) {
-              p || (n({ type: "INPUT.HOME", keypress: h }), d && f.preventDefault());
+            Home(v) {
+              p || (n({ type: "INPUT.HOME", keypress: h }), d && v.preventDefault());
             },
-            End(f) {
-              p || (n({ type: "INPUT.END", keypress: h }), d && f.preventDefault());
+            End(v) {
+              p || (n({ type: "INPUT.END", keypress: h }), d && v.preventDefault());
             },
-            Enter(f) {
-              n({ type: "INPUT.ENTER", keypress: h }), d && f.preventDefault();
+            Enter(v) {
+              n({ type: "INPUT.ENTER", keypress: h }), d && v.preventDefault();
               const K = o.getHighlightedItemEl(t.context);
               j(K);
             },
@@ -275,7 +275,7 @@ function Ee(t, n, e) {
           l.focusable && n({ type: "INPUT.FOCUS", src: "trigger" });
         },
         onClick(a) {
-          a.defaultPrevented || c && Y(a) && n("TRIGGER.CLICK");
+          a.defaultPrevented || c && q(a) && n("TRIGGER.CLICK");
         },
         onPointerDown(a) {
           c && a.pointerType !== "touch" && (a.preventDefault(), queueMicrotask(() => {
@@ -364,7 +364,7 @@ function Ee(t, n, e) {
           l.persistFocus || a.disabled || !t.previousEvent.type.includes("POINTER") || n({ type: "ITEM.POINTER_LEAVE", value: p });
         },
         onClick(h) {
-          Z(h) || z(h) || q(h) || a.disabled || n({ type: "ITEM.CLICK", src: "click", value: p });
+          z(h) || x(h) || Y(h) || a.disabled || n({ type: "ITEM.CLICK", src: "click", value: p });
         }
       });
     },
@@ -409,7 +409,7 @@ function Ee(t, n, e) {
   };
 }
 var { and: m, not: P } = $;
-function fe(t) {
+function ve(t) {
   const n = oe(t);
   return W(
     {
@@ -437,7 +437,6 @@ function fe(t) {
         collection: n.collection ?? _.empty(),
         positioning: {
           placement: "bottom",
-          flip: !1,
           sameWidth: !0,
           ...n.positioning
         },
@@ -1005,7 +1004,7 @@ function fe(t) {
         },
         // in event the options are fetched (async), we still want to auto-highlight the first option
         trackChildNodes(e, i, { send: r }) {
-          return e.autoHighlight ? x(() => o.getContentEl(e), {
+          return e.autoHighlight ? X(() => o.getContentEl(e), {
             callback: () => r("CHILDREN_CHANGE"),
             defer: !0
           }) : void 0;
@@ -1013,26 +1012,26 @@ function fe(t) {
         scrollToHighlightedItem(e, i, { getState: r }) {
           const s = o.getInputEl(e);
           let c = [];
-          const O = (v) => {
+          const O = (f) => {
             if (r().event.type.includes("POINTER") || !e.highlightedValue) return;
             const N = o.getHighlightedItemEl(e), T = o.getContentEl(e);
             if (e.scrollToIndexFn) {
               const a = e.collection.indexOf(e.highlightedValue);
-              e.scrollToIndexFn({ index: a, immediate: v });
+              e.scrollToIndexFn({ index: a, immediate: f });
               return;
             }
             const l = C(() => {
-              te(N, { rootEl: T, block: "nearest" });
+              Z(N, { rootEl: T, block: "nearest" });
             });
             c.push(l);
           }, V = C(() => O(!0));
           c.push(V);
-          const d = ee(s, {
+          const d = Q(s, {
             attributes: ["aria-activedescendant"],
             callback: () => O(!1)
           });
           return c.push(d), () => {
-            c.forEach((v) => v());
+            c.forEach((f) => f());
           };
         }
       },
@@ -1134,7 +1133,7 @@ function fe(t) {
         highlightFirstItem(e) {
           C(() => {
             const i = e.collection.firstValue;
-            g.highlightedValue(e, i);
+            g.highlightedValue(e, i, !0);
           });
         },
         highlightFirstItemIfNeeded(e) {
@@ -1262,5 +1261,5 @@ export {
   se as anatomy,
   _ as collection,
   Ee as connect,
-  fe as machine
+  ve as machine
 };