@serendie/ui 2.0.0 → 2.1.0

package/dist/node_modules/@ark-ui/react/dist/components/collapsible/use-collapsible.js

@@ -1,26 +1,19 @@
-import { machine as f, connect as d } from "../../../../../@zag-js/collapsible/dist/index.js";
-import { useMachine as b, normalizeProps as v } from "../../../../../@zag-js/react/dist/index.js";
-import { useRef as x, useId as C } from "react";
+import { machine as a, connect as f } from "../../../../../@zag-js/collapsible/dist/index.js";
+import { useMachine as b, normalizeProps as d } from "../../../../../@zag-js/react/dist/index.js";
+import { useId as v, useRef as x } from "react";
 import { useEnvironmentContext as h } from "../../providers/environment/use-environment-context.js";
-import { useLocaleContext as O } from "../../providers/locale/use-locale-context.js";
-import { useEvent as g } from "../../utils/use-event.js";
-const w = (e = {}) => {
-  const { lazyMount: i, unmountOnExit: s, ...r } = e, o = x(!1), { dir: c } = O(), { getRootNode: l } = h(), t = {
-    id: C(),
+import { useLocaleContext as C } from "../../providers/locale/use-locale-context.js";
+const g = (t = {}) => {
+  const { lazyMount: n, unmountOnExit: s, ...i } = t, r = v(), e = x(!1), { dir: c } = C(), { getRootNode: m } = h(), u = {
+    id: r,
     dir: c,
-    getRootNode: l,
-    open: e.defaultOpen,
-    "open.controlled": e.open !== void 0,
-    ...r
-  }, u = {
-    ...t,
-    open: e.open,
-    onOpenChange: g(e.onOpenChange, { sync: !0 })
-  }, [m, a] = b(f(t), { context: u }), n = d(m, a, v);
-  n.visible && (o.current = !0);
-  const p = !n.visible && !o.current && i || s && !n.visible && o.current;
-  return { ...n, isUnmounted: p };
+    getRootNode: m,
+    ...i
+  }, l = b(a, u), o = f(l, d);
+  o.visible && (e.current = !0);
+  const p = !o.visible && !e.current && n || s && !o.visible && e.current;
+  return { ...o, isUnmounted: p };
 };
 export {
-  w as useCollapsible
+  g as useCollapsible
 };

package/dist/node_modules/@ark-ui/react/dist/components/collection/list-collection.js

@@ -0,0 +1,5 @@
+import { ListCollection as t } from "../../../../../@zag-js/collection/dist/index.js";
+const i = (o) => new t(o);
+export {
+  i as createListCollection
+};

package/dist/node_modules/@ark-ui/react/dist/components/combobox/combobox-content.js

@@ -1,14 +1,15 @@
 import { jsx as n } from "react/jsx-runtime";
 import { forwardRef as s } from "react";
-import { ark as p } from "../factory.js";
-import { usePresenceContext as f } from "../presence/use-presence-context.js";
-import { useComboboxContext as i } from "./use-combobox-context.js";
+import { composeRefs as p } from "../../utils/compose-refs.js";
+import { ark as f } from "../factory.js";
+import { usePresenceContext as i } from "../presence/use-presence-context.js";
+import { useComboboxContext as c } from "./use-combobox-context.js";
 import { mergeProps as b } from "../../../../../@zag-js/core/dist/index.js";
-const c = s((r, e) => {
-  const t = i(), o = f(), m = b(t.getContentProps(), o.getPresenceProps(e), r);
-  return o.unmounted ? null : /* @__PURE__ */ n(p.div, { ...m });
+const x = s((r, e) => {
+  const t = c(), o = i(), m = b(t.getContentProps(), o.getPresenceProps(), r);
+  return o.unmounted ? null : /* @__PURE__ */ n(f.div, { ...m, ref: p(o.ref, e) });
 });
-c.displayName = "ComboboxContent";
+x.displayName = "ComboboxContent";
 export {
-  c as ComboboxContent
+  x as ComboboxContent
 };

package/dist/node_modules/@ark-ui/react/dist/components/combobox/combobox-item-group.js

@@ -5,12 +5,10 @@ import { ark as f } from "../factory.js";
 import { useComboboxContext as n } from "./use-combobox-context.js";
 import { ComboboxItemGroupPropsProvider as P } from "./use-combobox-item-group-props-context.js";
 import { mergeProps as x } from "../../../../../@zag-js/core/dist/index.js";
-const a = c(
-  (m, t) => {
-    const p = u(), [e, s] = d()(m, ["id"]), o = { id: p, ...e }, i = n(), b = x(i.getItemGroupProps(o), s);
-    return /* @__PURE__ */ r(P, { value: o, children: /* @__PURE__ */ r(f.div, { ...b, ref: t }) });
-  }
-);
+const a = c((m, t) => {
+  const p = u(), [e, s] = d()(m, ["id"]), o = { id: p, ...e }, i = n(), b = x(i.getItemGroupProps(o), s);
+  return /* @__PURE__ */ r(P, { value: o, children: /* @__PURE__ */ r(f.div, { ...b, ref: t }) });
+});
 a.displayName = "ComboboxItemGroup";
 export {
   a as ComboboxItemGroup

package/dist/node_modules/@ark-ui/react/dist/components/combobox/combobox-positioner.js

@@ -4,12 +4,10 @@ import { ark as i } from "../factory.js";
 import { usePresenceContext as p } from "../presence/use-presence-context.js";
 import { useComboboxContext as f } from "./use-combobox-context.js";
 import { mergeProps as b } from "../../../../../@zag-js/core/dist/index.js";
-const x = s(
-  (o, r) => {
-    const e = f(), t = p(), m = b(e.getPositionerProps(), o);
-    return t.unmounted ? null : /* @__PURE__ */ n(i.div, { ...m, ref: r });
-  }
-);
+const x = s((o, r) => {
+  const e = f(), t = p(), m = b(e.getPositionerProps(), o);
+  return t.unmounted ? null : /* @__PURE__ */ n(i.div, { ...m, ref: r });
+});
 x.displayName = "ComboboxPositioner";
 export {
   x as ComboboxPositioner

package/dist/node_modules/@ark-ui/react/dist/components/combobox/combobox-root.js

@@ -1,45 +1,44 @@
 import { jsx as e } from "react/jsx-runtime";
-import { forwardRef as c } from "react";
-import { createSplitProps as u } from "../../utils/create-split-props.js";
+import { forwardRef as u } from "react";
+import { createSplitProps as c } from "../../utils/create-split-props.js";
 import { ark as d } from "../factory.js";
-import { splitPresenceProps as b } from "../presence/split-presence-props.js";
-import { usePresence as g } from "../presence/use-presence.js";
-import { PresenceProvider as h } from "../presence/use-presence-context.js";
-import { useCombobox as P } from "./use-combobox.js";
-import { ComboboxProvider as f } from "./use-combobox-context.js";
+import { splitPresenceProps as f } from "../presence/split-presence-props.js";
+import { usePresence as h } from "../presence/use-presence.js";
+import { PresenceProvider as b } from "../presence/use-presence-context.js";
+import { useCombobox as g } from "./use-combobox.js";
+import { ComboboxProvider as P } from "./use-combobox-context.js";
 import { mergeProps as r } from "../../../../../@zag-js/core/dist/index.js";
 const C = (n, t) => {
-  const [i, s] = b(n), [l, p] = u()(s, [
+  const [i, l] = f(n), [s, p] = c()(l, [
     "allowCustomValue",
     "autoFocus",
     "closeOnSelect",
+    "collection",
     "composite",
+    "defaultHighlightedValue",
+    "defaultInputValue",
     "defaultOpen",
     "defaultValue",
     "disabled",
     "disableLayer",
     "form",
-    "getSelectionValue",
     "highlightedValue",
     "id",
     "ids",
     "inputBehavior",
     "inputValue",
     "invalid",
-    "isItemDisabled",
-    "items",
-    "itemToString",
-    "itemToValue",
     "loopFocus",
     "multiple",
     "name",
+    "navigate",
     "onFocusOutside",
     "onHighlightChange",
     "onInputValueChange",
     "onInteractOutside",
     "onOpenChange",
-    "onOpenChange",
     "onPointerDownOutside",
+    "onSelect",
     "onValueChange",
     "open",
     "openOnChange",
@@ -53,9 +52,9 @@ const C = (n, t) => {
     "selectionBehavior",
     "translations",
     "value"
-  ]), o = P(l), m = g(r({ present: o.open }, i)), a = r(o.getRootProps(), p);
-  return /* @__PURE__ */ e(f, { value: o, children: /* @__PURE__ */ e(h, { value: m, children: /* @__PURE__ */ e(d.div, { ...a, ref: t }) }) });
-}, T = c(C);
+  ]), o = g(s), a = h(r({ present: o.open }, i)), m = r(o.getRootProps(), p);
+  return /* @__PURE__ */ e(P, { value: o, children: /* @__PURE__ */ e(b, { value: a, children: /* @__PURE__ */ e(d.div, { ...m, ref: t }) }) });
+}, k = u(C);
 export {
-  T as ComboboxRoot
+  k as ComboboxRoot
 };

package/dist/node_modules/@ark-ui/react/dist/components/combobox/combobox-trigger.js

@@ -1,13 +1,14 @@
-import { jsx as e } from "react/jsx-runtime";
-import { forwardRef as p } from "react";
+import { jsx as s } from "react/jsx-runtime";
+import { forwardRef as i } from "react";
+import { createSplitProps as g } from "../../utils/create-split-props.js";
 import { ark as b } from "../factory.js";
-import { useComboboxContext as g } from "./use-combobox-context.js";
-import { mergeProps as i } from "../../../../../@zag-js/core/dist/index.js";
-const s = p((o, r) => {
-  const m = g(), t = i(m.getTriggerProps(), o);
-  return /* @__PURE__ */ e(b.button, { ...t, ref: r });
+import { useComboboxContext as f } from "./use-combobox-context.js";
+import { mergeProps as c } from "../../../../../@zag-js/core/dist/index.js";
+const a = i((o, r) => {
+  const [t, m] = g()(o, ["focusable"]), e = f(), p = c(e.getTriggerProps(t), m);
+  return /* @__PURE__ */ s(b.button, { ...p, ref: r });
 });
-s.displayName = "ComboboxTrigger";
+a.displayName = "ComboboxTrigger";
 export {
-  s as ComboboxTrigger
+  a as ComboboxTrigger
 };

package/dist/node_modules/@ark-ui/react/dist/components/combobox/use-combobox-item-context.js

@@ -1,11 +1,9 @@
 import { createContext as o } from "../../utils/create-context.js";
-const [t, m] = o(
-  {
-    name: "ComboboxItemContext",
-    hookName: "useComboboxItemContext",
-    providerName: "<ComboboxItemProvider />"
-  }
-);
+const [t, m] = o({
+  name: "ComboboxItemContext",
+  hookName: "useComboboxItemContext",
+  providerName: "<ComboboxItemProvider />"
+});
 export {
   t as ComboboxItemProvider,
   m as useComboboxItemContext

package/dist/node_modules/@ark-ui/react/dist/components/combobox/use-combobox.js

@@ -1,50 +1,26 @@
-import { collection as g, machine as h, connect as d } from "../../../../../@zag-js/combobox/dist/index.js";
-import { useMachine as C, normalizeProps as b } from "../../../../../@zag-js/react/dist/index.js";
-import { useMemo as v, useId as x } from "react";
-import { useEnvironmentContext as p } from "../../providers/environment/use-environment-context.js";
-import { useLocaleContext as O } from "../../providers/locale/use-locale-context.js";
-import { createSplitProps as V } from "../../utils/create-split-props.js";
-import { useEvent as n } from "../../utils/use-event.js";
-import { useFieldContext as y } from "../field/use-field-context.js";
-const j = (o) => {
-  const [t, c] = V()(o, [
-    "isItemDisabled",
-    "itemToValue",
-    "itemToString",
-    "items"
-  ]), i = v(
-    () => g(t),
-    Object.values(t)
-  ), { dir: l } = O(), { getRootNode: r } = p(), e = y(), a = {
-    id: x(),
+import { machine as i, connect as c } from "../../../../../@zag-js/combobox/dist/index.js";
+import { useMachine as a, normalizeProps as p } from "../../../../../@zag-js/react/dist/index.js";
+import { useId as u } from "react";
+import { useEnvironmentContext as d } from "../../providers/environment/use-environment-context.js";
+import { useLocaleContext as b } from "../../providers/locale/use-locale-context.js";
+import { useFieldContext as x } from "../field/use-field-context.js";
+const O = (r) => {
+  const t = u(), { dir: n } = b(), { getRootNode: e } = d(), o = x(), s = {
+    id: t,
     ids: {
-      label: e == null ? void 0 : e.ids.label,
-      input: e == null ? void 0 : e.ids.control
+      label: o == null ? void 0 : o.ids.label,
+      input: o == null ? void 0 : o.ids.control
     },
-    disabled: e == null ? void 0 : e.disabled,
-    readOnly: e == null ? void 0 : e.readOnly,
-    required: e == null ? void 0 : e.required,
-    invalid: e == null ? void 0 : e.invalid,
-    dir: l,
-    getRootNode: r,
-    collection: i,
-    open: o.defaultOpen,
-    value: o.defaultValue,
-    "open.controlled": o.open !== void 0,
-    ...c
-  }, u = {
-    ...a,
-    collection: i,
-    value: o.value,
-    onValueChange: n(o.onValueChange, { sync: !0 }),
-    onInputValueChange: n(o.onInputValueChange, { sync: !0 }),
-    onHighlightChange: n(o.onHighlightChange),
-    onOpenChange: n(o.onOpenChange)
-  }, [m, s] = C(h(a), {
-    context: u
-  });
-  return d(m, s, b);
+    disabled: o == null ? void 0 : o.disabled,
+    readOnly: o == null ? void 0 : o.readOnly,
+    required: o == null ? void 0 : o.required,
+    invalid: o == null ? void 0 : o.invalid,
+    dir: n,
+    getRootNode: e,
+    ...r
+  }, m = a(i, s);
+  return c(m, p);
 };
 export {
-  j as useCombobox
+  O as useCombobox
 };

package/dist/node_modules/@ark-ui/react/dist/components/dialog/dialog-backdrop.js

@@ -1,15 +1,16 @@
-import { jsx as n } from "react/jsx-runtime";
-import { forwardRef as m } from "react";
-import { useRenderStrategyPropsContext as i } from "../../utils/render-strategy.js";
+import { jsx as m } from "react/jsx-runtime";
+import { forwardRef as n } from "react";
+import { composeRefs as i } from "../../utils/compose-refs.js";
+import { useRenderStrategyPropsContext as f } from "../../utils/render-strategy.js";
 import { ark as a } from "../factory.js";
 import { usePresence as c } from "../presence/use-presence.js";
 import { useDialogContext as d } from "./use-dialog-context.js";
-import { mergeProps as f } from "../../../../../@zag-js/core/dist/index.js";
-const g = m((e, t) => {
-  const r = d(), p = i(), o = c({ ...p, present: r.open }), s = f(r.getBackdropProps(), o.getPresenceProps(t), e);
-  return o.unmounted ? null : /* @__PURE__ */ n(a.div, { ...s });
+import { mergeProps as g } from "../../../../../@zag-js/core/dist/index.js";
+const u = n((e, t) => {
+  const o = d(), p = f(), r = c({ ...p, present: o.open }), s = g(o.getBackdropProps(), r.getPresenceProps(), e);
+  return r.unmounted ? null : /* @__PURE__ */ m(a.div, { ...s, ref: i(r.ref, t) });
 });
-g.displayName = "DialogBackdrop";
+u.displayName = "DialogBackdrop";
 export {
-  g as DialogBackdrop
+  u as DialogBackdrop
 };

package/dist/node_modules/@ark-ui/react/dist/components/dialog/dialog-close-trigger.js

@@ -3,12 +3,10 @@ import { forwardRef as i } from "react";
 import { ark as m } from "../factory.js";
 import { useDialogContext as s } from "./use-dialog-context.js";
 import { mergeProps as p } from "../../../../../@zag-js/core/dist/index.js";
-const a = i(
-  (o, r) => {
-    const e = s(), t = p(e.getCloseTriggerProps(), o);
-    return /* @__PURE__ */ g(m.button, { ...t, ref: r });
-  }
-);
+const a = i((o, r) => {
+  const e = s(), t = p(e.getCloseTriggerProps(), o);
+  return /* @__PURE__ */ g(m.button, { ...t, ref: r });
+});
 a.displayName = "DialogCloseTrigger";
 export {
   a as DialogCloseTrigger

package/dist/node_modules/@ark-ui/react/dist/components/dialog/dialog-content.js

@@ -1,12 +1,13 @@
 import { jsx as m } from "react/jsx-runtime";
 import { forwardRef as s } from "react";
+import { composeRefs as p } from "../../utils/compose-refs.js";
 import { ark as i } from "../factory.js";
-import { usePresenceContext as p } from "../presence/use-presence-context.js";
-import { useDialogContext as f } from "./use-dialog-context.js";
-import { mergeProps as a } from "../../../../../@zag-js/core/dist/index.js";
+import { usePresenceContext as f } from "../presence/use-presence-context.js";
+import { useDialogContext as a } from "./use-dialog-context.js";
+import { mergeProps as c } from "../../../../../@zag-js/core/dist/index.js";
 const g = s((r, e) => {
-  const t = f(), o = p(), n = a(t.getContentProps(), o.getPresenceProps(e), r);
-  return o.unmounted ? null : /* @__PURE__ */ m(i.div, { ...n });
+  const t = a(), o = f(), n = c(t.getContentProps(), o.getPresenceProps(), r);
+  return o.unmounted ? null : /* @__PURE__ */ m(i.div, { ...n, ref: p(o.ref, e) });
 });
 g.displayName = "DialogContent";
 export {

package/dist/node_modules/@ark-ui/react/dist/components/dialog/dialog-description.js

@@ -3,12 +3,10 @@ import { forwardRef as m } from "react";
 import { ark as p } from "../factory.js";
 import { useDialogContext as s } from "./use-dialog-context.js";
 import { mergeProps as a } from "../../../../../@zag-js/core/dist/index.js";
-const n = m(
-  (o, r) => {
-    const i = s(), t = a(i.getDescriptionProps(), o);
-    return /* @__PURE__ */ e(p.div, { ...t, ref: r });
-  }
-);
+const n = m((o, r) => {
+  const i = s(), t = a(i.getDescriptionProps(), o);
+  return /* @__PURE__ */ e(p.div, { ...t, ref: r });
+});
 n.displayName = "DialogDescription";
 export {
   n as DialogDescription

package/dist/node_modules/@ark-ui/react/dist/components/dialog/use-dialog.js

@@ -1,25 +1,16 @@
-import { machine as a, connect as s } from "../../../../../@zag-js/dialog/dist/index.js";
-import { useMachine as u, normalizeProps as d } from "../../../../../@zag-js/react/dist/index.js";
-import { useId as f } from "react";
-import { useEnvironmentContext as l } from "../../providers/environment/use-environment-context.js";
-import { useLocaleContext as p } from "../../providers/locale/use-locale-context.js";
-import { useEvent as n } from "../../utils/use-event.js";
-const v = (e = {}) => {
-  const { getRootNode: t } = l(), { dir: i } = p(), o = {
-    id: f(),
-    getRootNode: t,
-    dir: i,
-    open: e.defaultOpen,
-    "open.controlled": e.open !== void 0,
-    ...e
-  }, c = {
-    ...o,
-    open: e.open,
-    onOpenChange: n(e.onOpenChange, { sync: !0 }),
-    onEscapeKeyDown: n(e.onEscapeKeyDown),
-    onInteractOutside: n(e.onInteractOutside)
-  }, [r, m] = u(a(o), { context: c });
-  return s(r, m, d);
+import { machine as m, connect as s } from "../../../../../@zag-js/dialog/dist/index.js";
+import { useMachine as c, normalizeProps as p } from "../../../../../@zag-js/react/dist/index.js";
+import { useId as a } from "react";
+import { useEnvironmentContext as u } from "../../providers/environment/use-environment-context.js";
+import { useLocaleContext as f } from "../../providers/locale/use-locale-context.js";
+const v = (o) => {
+  const t = a(), { getRootNode: e } = u(), { dir: r } = f(), n = {
+    id: t,
+    getRootNode: e,
+    dir: r,
+    ...o
+  }, i = c(m, n);
+  return s(i, p);
 };
 export {
   v as useDialog

package/dist/node_modules/@ark-ui/react/dist/components/factory.js

@@ -1,39 +1,41 @@
-import { mergeProps as p } from "../../../../@zag-js/core/dist/index.js";
-import { memo as m, forwardRef as c, createElement as u, Children as d, isValidElement as h, cloneElement as y } from "react";
-import { composeRefs as g } from "../utils/compose-refs.js";
-function w(r) {
-  return "ref" in r.props ? r.props.ref : "ref" in r ? r.ref : null;
+import { mergeProps as f } from "../../../../@zag-js/core/dist/index.js";
+import { memo as l, forwardRef as g, createElement as m, Children as u, isValidElement as d, cloneElement as h } from "react";
+import { composeRefs as y } from "../utils/compose-refs.js";
+function R(r) {
+  var e, s;
+  let t = (e = Object.getOwnPropertyDescriptor(r.props, "ref")) == null ? void 0 : e.get, n = t && "isReactWarning" in t && t.isReactWarning;
+  return n ? r.ref : (t = (s = Object.getOwnPropertyDescriptor(r, "ref")) == null ? void 0 : s.get, n = t && "isReactWarning" in t && t.isReactWarning, n ? r.props.ref : r.props.ref || r.ref);
 }
-const s = (r) => {
-  const t = m(
-    c((n, e) => {
-      const { asChild: f, children: i, ...l } = n;
-      if (!f)
-        return u(r, { ...l, ref: e }, i);
-      const o = d.only(i);
-      if (!h(o))
+const o = (r) => {
+  const t = l(
+    g((n, e) => {
+      const { asChild: s, children: a, ...c } = n;
+      if (!s)
+        return m(r, { ...c, ref: e }, a);
+      const i = u.only(a);
+      if (!d(i))
         return null;
-      const a = w(o);
-      return y(o, {
-        ...p(l, o.props),
-        ref: e ? g(e, a) : a
+      const p = R(i);
+      return h(i, {
+        ...f(c, i.props),
+        ref: e ? y(e, p) : p
       });
     })
   );
   return t.displayName = r.displayName || r.name, t;
-}, E = () => {
+}, w = () => {
   const r = /* @__PURE__ */ new Map();
-  return new Proxy(s, {
+  return new Proxy(o, {
     apply(t, n, e) {
-      return s(e[0]);
+      return o(e[0]);
     },
     get(t, n) {
       const e = n;
-      return r.has(e) || r.set(e, s(e)), r.get(e);
+      return r.has(e) || r.set(e, o(e)), r.get(e);
     }
   });
-}, P = E();
+}, O = w();
 export {
-  P as ark,
-  E as jsxFactory
+  O as ark,
+  w as jsxFactory
 };

package/dist/node_modules/@ark-ui/react/dist/components/menu/menu-content.js

@@ -1,14 +1,15 @@
 import { jsx as m } from "react/jsx-runtime";
 import { forwardRef as s } from "react";
-import { ark as p } from "../factory.js";
+import { composeRefs as p } from "../../utils/compose-refs.js";
+import { ark as f } from "../factory.js";
 import { usePresenceContext as u } from "../presence/use-presence-context.js";
-import { useMenuContext as f } from "./use-menu-context.js";
-import { mergeProps as i } from "../../../../../@zag-js/core/dist/index.js";
-const c = s((r, o) => {
-  const t = f(), e = u(), n = i(t.getContentProps(), e.getPresenceProps(o), r);
-  return e.unmounted ? null : /* @__PURE__ */ m(p.div, { ...n });
+import { useMenuContext as i } from "./use-menu-context.js";
+import { mergeProps as c } from "../../../../../@zag-js/core/dist/index.js";
+const P = s((r, o) => {
+  const t = i(), e = u(), n = c(t.getContentProps(), e.getPresenceProps(), r);
+  return e.unmounted ? null : /* @__PURE__ */ m(f.div, { ...n, ref: p(e.ref, o) });
 });
-c.displayName = "MenuContent";
+P.displayName = "MenuContent";
 export {
-  c as MenuContent
+  P as MenuContent
 };

package/dist/node_modules/@ark-ui/react/dist/components/menu/menu-item-group.js

@@ -6,9 +6,7 @@ import { useMenuContext as f } from "./use-menu-context.js";
 import { MenuItemGroupProvider as a } from "./use-menu-item-group-context.js";
 import { mergeProps as P } from "../../../../../@zag-js/core/dist/index.js";
 const l = n((e, t) => {
-  const [m, p] = d()(e, [
-    "id"
-  ]), i = f(), o = { id: u(), ...m }, s = P(i.getItemGroupProps(o), p);
+  const [m, p] = d()(e, ["id"]), i = f(), o = { id: u(), ...m }, s = P(i.getItemGroupProps(o), p);
   return /* @__PURE__ */ r(a, { value: o, children: /* @__PURE__ */ r(c.div, { ...s, ref: t }) });
 });
 l.displayName = "MenuItemGroup";

package/dist/node_modules/@ark-ui/react/dist/components/menu/menu-item.js

@@ -1,20 +1,22 @@
-import { jsx as r } from "react/jsx-runtime";
-import { forwardRef as n } from "react";
-import { createSplitProps as a } from "../../utils/create-split-props.js";
-import { ark as l } from "../factory.js";
-import { useMenuContext as c } from "./use-menu-context.js";
+import { jsx as o } from "react/jsx-runtime";
+import { forwardRef as p, useEffect as l } from "react";
+import { createSplitProps as c } from "../../utils/create-split-props.js";
+import { ark as d } from "../factory.js";
+import { useMenuContext as a } from "./use-menu-context.js";
 import { MenuItemProvider as u } from "./use-menu-item-context.js";
-import { mergeProps as f } from "../../../../../@zag-js/core/dist/index.js";
-const d = n((o, m) => {
-  const [e, p] = a()(o, [
+import { MenuItemPropsProvider as f } from "./use-menu-option-item-props-context.js";
+import { mergeProps as P } from "../../../../../@zag-js/core/dist/index.js";
+const S = p((m, i) => {
+  const [e, n] = c()(m, [
     "closeOnSelect",
     "disabled",
     "value",
-    "valueText"
-  ]), t = c(), s = f(t.getItemProps(e), p), i = t.getItemState(e);
-  return /* @__PURE__ */ r(u, { value: i, children: /* @__PURE__ */ r(l.div, { ...s, ref: m }) });
+    "valueText",
+    "onSelect"
+  ]), t = a(), s = P(t.getItemProps(e), n), r = t.getItemState(e);
+  return l(() => t.addItemListener({ id: r.id, onSelect: e.onSelect }), [r.id, e.onSelect]), /* @__PURE__ */ o(f, { value: e, children: /* @__PURE__ */ o(u, { value: r, children: /* @__PURE__ */ o(d.div, { ...s, ref: i }) }) });
 });
-d.displayName = "MenuItem";
+S.displayName = "MenuItem";
 export {
-  d as MenuItem
+  S as MenuItem
 };

package/dist/node_modules/@ark-ui/react/dist/components/menu/menu-root.js

@@ -1,26 +1,28 @@
 import { jsx as r } from "react/jsx-runtime";
 import { useCallback as l } from "react";
-import { createSplitProps as P } from "../../utils/create-split-props.js";
+import { createSplitProps as d } from "../../utils/create-split-props.js";
 import { useEffectOnce as f } from "../../utils/use-effect-once.js";
-import { splitPresenceProps as h } from "../presence/split-presence-props.js";
-import { usePresence as d } from "../presence/use-presence.js";
-import { PresenceProvider as g } from "../presence/use-presence-context.js";
+import { splitPresenceProps as g } from "../presence/split-presence-props.js";
+import { usePresence as h } from "../presence/use-presence.js";
+import { PresenceProvider as P } from "../presence/use-presence-context.js";
 import { useMenu as M } from "./use-menu.js";
 import { useMenuContext as v, MenuProvider as C } from "./use-menu-context.js";
 import { useMenuMachineContext as O, MenuMachineProvider as x } from "./use-menu-machine-context.js";
 import { MenuTriggerItemProvider as I } from "./use-menu-trigger-item-context.js";
 import { mergeProps as S } from "../../../../../@zag-js/core/dist/index.js";
-const V = (i) => {
-  const [s, p] = h(i), [c, m] = P()(p, [
+const R = (i) => {
+  const [s, p] = g(i), [c, u] = d()(p, [
     "anchorPoint",
     "aria-label",
     "closeOnSelect",
     "composite",
+    "defaultHighlightedValue",
     "defaultOpen",
     "highlightedValue",
     "id",
     "ids",
     "loopFocus",
+    "navigate",
     "onEscapeKeyDown",
     "onFocusOutside",
     "onHighlightChange",
@@ -31,16 +33,13 @@ const V = (i) => {
     "open",
     "positioning",
     "typeahead"
-  ]), e = v(), n = O(), { api: o, machine: t } = M(c), u = d(S({ present: o.open }, s));
+  ]), e = v(), t = O(), { api: o, service: n } = M(c), m = h(S({ present: o.open }, s));
   f(() => {
-    n && e && (e.setChild(t), o.setParent(n));
+    t && e && (e.setChild(n), o.setParent(t));
   });
-  const a = l(
-    () => e == null ? void 0 : e.getTriggerItemProps(o),
-    [o, e]
-  );
-  return /* @__PURE__ */ r(I, { value: a, children: /* @__PURE__ */ r(x, { value: t, children: /* @__PURE__ */ r(C, { value: o, children: /* @__PURE__ */ r(g, { value: u, ...m }) }) }) });
+  const a = l(() => e == null ? void 0 : e.getTriggerItemProps(o), [o, e]);
+  return /* @__PURE__ */ r(I, { value: a, children: /* @__PURE__ */ r(x, { value: n, children: /* @__PURE__ */ r(C, { value: o, children: /* @__PURE__ */ r(P, { value: m, ...u }) }) }) });
 };
 export {
-  V as MenuRoot
+  R as MenuRoot
 };