@yselimcan/ui 0.0.3 → 0.0.4

package/dist/index177.js

@@ -1,24 +1,14 @@
-import o from "./index100.js";
-import * as e from "react";
-const n = /* @__PURE__ */ e.createContext(null);
-process.env.NODE_ENV !== "production" && (n.displayName = "SelectRootContext");
-const c = /* @__PURE__ */ e.createContext(null);
-process.env.NODE_ENV !== "production" && (c.displayName = "SelectFloatingContext");
-function s() {
-  const t = e.useContext(n);
-  if (t === null)
-    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: SelectRootContext is missing. Select parts must be placed within <Select.Root>." : o(60));
-  return t;
-}
-function i() {
-  const t = e.useContext(c);
-  if (t === null)
-    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: SelectFloatingContext is missing. Select parts must be placed within <Select.Root>." : o(61));
-  return t;
+import n from "./index94.js";
+import * as o from "react";
+const t = /* @__PURE__ */ o.createContext(void 0);
+process.env.NODE_ENV !== "production" && (t.displayName = "MenuGroupContext");
+function u() {
+  const e = o.useContext(t);
+  if (e === void 0)
+    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: MenuGroupRootContext is missing. Menu group parts must be used within <Menu.Group>." : n(31));
+  return e;
 }
 export {
-  c as SelectFloatingContext,
-  n as SelectRootContext,
-  i as useSelectFloatingContext,
-  s as useSelectRootContext
+  t as MenuGroupContext,
+  u as useMenuGroupRootContext
 };

package/dist/index178.js

@@ -1,61 +1,90 @@
-"use client";
-import s from "./index100.js";
-import * as a from "react";
-import { DEFAULT_VALIDITY_STATE as n } from "./index190.js";
-import { NOOP as e, EMPTY_OBJECT as o } from "./index106.js";
-const l = /* @__PURE__ */ a.createContext({
-  invalid: void 0,
-  name: void 0,
-  validityData: {
-    state: n,
-    errors: [],
-    error: "",
-    value: "",
-    initialValue: null
-  },
-  setValidityData: e,
-  disabled: void 0,
-  touched: !1,
-  setTouched: e,
-  dirty: !1,
-  setDirty: e,
-  filled: !1,
-  setFilled: e,
-  focused: !1,
-  setFocused: e,
-  validate: () => null,
-  validationMode: "onSubmit",
-  validationDebounceTime: 0,
-  shouldValidateOnChange: () => !1,
-  state: {
-    disabled: !1,
-    valid: null,
-    touched: !1,
-    dirty: !1,
-    filled: !1,
-    focused: !1
-  },
-  markedDirtyRef: {
-    current: !1
-  },
-  validation: {
-    getValidationProps: (t = o) => t,
-    getInputValidationProps: (t = o) => t,
-    inputRef: {
-      current: null
-    },
-    commit: async () => {
+import * as L from "react";
+import { isElement as j } from "./index101.js";
+import { useStableCallback as f } from "./index102.js";
+import { useIsoLayoutEffect as F } from "./index104.js";
+import { createChangeEventDetails as w } from "./index113.js";
+import { useFloatingTree as q, useFloatingParentNodeId as z } from "./index181.js";
+import { useHoverInteractionSharedState as B, safePolygonIdentifier as H, isInteractiveElement as G } from "./index243.js";
+import { triggerHover as O } from "./index114.js";
+import { getDocument as x, getTarget as J } from "./index155.js";
+import { isMouseLikePointerType as K } from "./index221.js";
+const Q = /* @__PURE__ */ new Set(["click", "mousedown"]);
+function re(i, d = {}) {
+  const n = "rootStore" in i ? i.rootStore : i, m = n.useState("open"), u = n.useState("floatingElement"), b = n.useState("domReferenceElement"), {
+    dataRef: p
+  } = n.context, {
+    enabled: R = !0,
+    closeDelay: I = 0,
+    externalTree: A
+  } = d, {
+    pointerTypeRef: E,
+    interactedInsideRef: l,
+    handlerRef: v,
+    performedPointerEventsMutationRef: g,
+    unbindMouseMoveRef: N,
+    restTimeoutPendingRef: S,
+    openChangeTimeout: y,
+    handleCloseOptionsRef: k
+  } = B(n), M = q(A), T = z(), h = f(() => l.current ? !0 : p.current.openEvent ? Q.has(p.current.openEvent.type) : !1), C = f(() => {
+    const e = p.current.openEvent?.type;
+    return e?.includes("mouse") && e !== "mousedown";
+  }), P = L.useCallback((e, r = !0) => {
+    const s = U(I, E.current);
+    s && !v.current ? y.start(s, () => n.setOpen(!1, w(O, e))) : r && (y.clear(), n.setOpen(!1, w(O, e)));
+  }, [I, v, n, E, y]), c = f(() => {
+    N.current(), v.current = void 0;
+  }), a = f(() => {
+    if (g.current) {
+      const e = x(u).body;
+      e.style.pointerEvents = "", e.removeAttribute(H), g.current = !1;
     }
-  }
-});
-process.env.NODE_ENV !== "production" && (l.displayName = "FieldRootContext");
-function f(t = !0) {
-  const i = a.useContext(l);
-  if (i.setValidityData === e && !t)
-    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: FieldRootContext is missing. Field parts must be placed within <Field.Root>." : s(28));
-  return i;
+  }), D = f((e) => {
+    const r = J(e);
+    if (!G(r)) {
+      l.current = !1;
+      return;
+    }
+    l.current = !0;
+  });
+  F(() => {
+    m || (E.current = void 0, S.current = !1, l.current = !1, c(), a());
+  }, [m, E, S, l, c, a]), L.useEffect(() => () => {
+    c();
+  }, [c]), L.useEffect(() => a, [a]), F(() => {
+    if (R && m && k.current?.blockPointerEvents && C() && j(b) && u) {
+      g.current = !0;
+      const e = x(u).body;
+      e.setAttribute(H, "");
+      const r = b, s = u, t = M?.nodesRef.current.find((o) => o.id === T)?.context?.elements.floating;
+      return t && (t.style.pointerEvents = ""), e.style.pointerEvents = "none", r.style.pointerEvents = "auto", s.style.pointerEvents = "auto", () => {
+        e.style.pointerEvents = "", r.style.pointerEvents = "", s.style.pointerEvents = "";
+      };
+    }
+  }, [R, m, b, u, k, C, M, T, g]), L.useEffect(() => {
+    if (!R)
+      return;
+    function e(o) {
+      if (h() || !p.current.floatingContext || !n.select("open"))
+        return;
+      const W = n.context.triggerElements;
+      o.relatedTarget && W.hasElement(o.relatedTarget) || (a(), c(), h() || P(o));
+    }
+    function r(o) {
+      y.clear(), a(), v.current?.(o), c();
+    }
+    function s(o) {
+      h() || P(o, !1);
+    }
+    const t = u;
+    return t && (t.addEventListener("mouseleave", e), t.addEventListener("mouseenter", r), t.addEventListener("mouseleave", s), t.addEventListener("pointerdown", D, !0)), () => {
+      t && (t.removeEventListener("mouseleave", e), t.removeEventListener("mouseenter", r), t.removeEventListener("mouseleave", s), t.removeEventListener("pointerdown", D, !0));
+    };
+  });
+}
+function U(i, d) {
+  return d && !K(d) ? 0 : typeof i == "function" ? i() : i;
 }
 export {
-  l as FieldRootContext,
-  f as useFieldRootContext
+  U as getDelay,
+  re as useHoverFloatingInteraction
 };

package/dist/index179.js

@@ -1,20 +1,14 @@
-"use client";
-import * as t from "react";
-import { NOOP as e } from "./index106.js";
-const o = /* @__PURE__ */ t.createContext({
-  controlId: void 0,
-  setControlId: e,
-  labelId: void 0,
-  setLabelId: e,
-  messageIds: [],
-  setMessageIds: e,
-  getDescriptionProps: (n) => n
-});
-process.env.NODE_ENV !== "production" && (o.displayName = "LabelableContext");
-function a() {
-  return t.useContext(o);
+import n from "./index94.js";
+import * as o from "react";
+const t = /* @__PURE__ */ o.createContext(void 0);
+process.env.NODE_ENV !== "production" && (t.displayName = "MenuPortalContext");
+function s() {
+  const e = o.useContext(t);
+  if (e === void 0)
+    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: <Menu.Portal> is missing." : n(32));
+  return e;
 }
 export {
-  o as LabelableContext,
-  a as useLabelableContext
+  t as MenuPortalContext,
+  s as useMenuPortalContext
 };

package/dist/index18.js

@@ -3,7 +3,7 @@ import * as n from "react";
 import { useDialogRootContext as p } from "./index109.js";
 import { useRenderElement as d } from "./index86.js";
 import { createChangeEventDetails as C } from "./index113.js";
-import { useButton as g } from "./index89.js";
+import { useButton as g } from "./index88.js";
 import { closePress as v } from "./index114.js";
 const D = /* @__PURE__ */ n.forwardRef(function(t, s) {
   const {

package/dist/index180.js

@@ -1,30 +1,14 @@
-"use client";
-import { useIsoLayoutEffect as s } from "./index97.js";
-import { isElement as u } from "./index94.js";
-import { useBaseUiId as m } from "./index115.js";
-import { useLabelableContext as c } from "./index179.js";
-import { NOOP as d } from "./index106.js";
-function x(f = {}) {
-  const {
-    id: e,
-    implicit: o = !1,
-    controlRef: r
-  } = f, {
-    controlId: l,
-    setControlId: t
-  } = c(), n = m(e);
-  return s(() => {
-    if (!(!o && !e || t === d)) {
-      if (o) {
-        const i = r?.current;
-        u(i) && i.closest("label") != null ? t(e ?? null) : t(l ?? n);
-      } else e && t(e);
-      return () => {
-        e && t(void 0);
-      };
-    }
-  }, [e, r, l, t, o, n]), l ?? n;
+import r from "./index94.js";
+import * as e from "react";
+const o = /* @__PURE__ */ e.createContext(void 0);
+process.env.NODE_ENV !== "production" && (o.displayName = "ContextMenuRootContext");
+function u(n = !0) {
+  const t = e.useContext(o);
+  if (t === void 0 && !n)
+    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: ContextMenuRootContext is missing. ContextMenu parts must be placed within <ContextMenu.Root>." : r(25));
+  return t;
 }
 export {
-  x as useLabelableId
+  o as ContextMenuRootContext,
+  u as useContextMenuRootContext
 };

package/dist/index181.js

@@ -1,45 +1,59 @@
-import { compareItemEquality as n } from "./index185.js";
-import { stringifyAsValue as u } from "./index184.js";
-import { createSelector as r } from "./index204.js";
-const p = {
-  id: r((e) => e.id),
-  modal: r((e) => e.modal),
-  multiple: r((e) => e.multiple),
-  items: r((e) => e.items),
-  itemToStringLabel: r((e) => e.itemToStringLabel),
-  itemToStringValue: r((e) => e.itemToStringValue),
-  isItemEqualToValue: r((e) => e.isItemEqualToValue),
-  value: r((e) => e.value),
-  open: r((e) => e.open),
-  mounted: r((e) => e.mounted),
-  forceMount: r((e) => e.forceMount),
-  transitionStatus: r((e) => e.transitionStatus),
-  openMethod: r((e) => e.openMethod),
-  activeIndex: r((e) => e.activeIndex),
-  selectedIndex: r((e) => e.selectedIndex),
-  isActive: r((e, t) => e.activeIndex === t),
-  isSelected: r((e, t, l) => {
-    const o = e.isItemEqualToValue, i = e.value;
-    return e.multiple ? Array.isArray(i) && i.some((s) => n(s, l, o)) : e.selectedIndex === t && e.selectedIndex !== null ? !0 : n(i, l, o);
-  }),
-  isSelectedByFocus: r((e, t) => e.selectedIndex === t),
-  popupProps: r((e) => e.popupProps),
-  triggerProps: r((e) => e.triggerProps),
-  triggerElement: r((e) => e.triggerElement),
-  positionerElement: r((e) => e.positionerElement),
-  listElement: r((e) => e.listElement),
-  scrollUpArrowVisible: r((e) => e.scrollUpArrowVisible),
-  scrollDownArrowVisible: r((e) => e.scrollDownArrowVisible),
-  hasScrollArrows: r((e) => e.hasScrollArrows),
-  serializedValue: r((e) => {
-    const {
-      multiple: t,
-      value: l,
-      itemToStringValue: o
-    } = e;
-    return t && Array.isArray(l) && l.length === 0 ? "" : u(l, o);
-  })
+"use client";
+import * as r from "react";
+import { useId as a } from "./index184.js";
+import { useIsoLayoutEffect as l } from "./index104.js";
+import { useRefWithInit as f } from "./index107.js";
+import { FloatingTreeStore as m } from "./index191.js";
+import { jsx as d } from "react/jsx-runtime";
+const i = /* @__PURE__ */ r.createContext(null);
+process.env.NODE_ENV !== "production" && (i.displayName = "FloatingNodeContext");
+const s = /* @__PURE__ */ r.createContext(null);
+process.env.NODE_ENV !== "production" && (s.displayName = "FloatingTreeContext");
+const u = () => r.useContext(i)?.id || null, p = (o) => {
+  const e = r.useContext(s);
+  return o ?? e;
 };
+function v(o) {
+  const e = a(), t = p(o), n = u();
+  return l(() => {
+    if (!e)
+      return;
+    const c = {
+      id: e,
+      parentId: n
+    };
+    return t?.addNode(c), () => {
+      t?.removeNode(c);
+    };
+  }, [t, e, n]), e;
+}
+function I(o) {
+  const {
+    children: e,
+    id: t
+  } = o, n = u();
+  return /* @__PURE__ */ d(i.Provider, {
+    value: r.useMemo(() => ({
+      id: t,
+      parentId: n
+    }), [t, n]),
+    children: e
+  });
+}
+function T(o) {
+  const {
+    children: e,
+    externalTree: t
+  } = o, n = f(() => t ?? new m()).current;
+  return /* @__PURE__ */ d(s.Provider, {
+    value: n,
+    children: e
+  });
+}
 export {
-  p as selectors
+  I as FloatingNode,
+  T as FloatingTree,
+  v as useFloatingNodeId,
+  u as useFloatingParentNodeId,
+  p as useFloatingTree
 };

package/dist/index182.js

@@ -1,24 +1,14 @@
-"use client";
+import n from "./index94.js";
 import * as e from "react";
-import { NOOP as r } from "./index106.js";
-const t = /* @__PURE__ */ e.createContext({
-  formRef: {
-    current: {
-      fields: /* @__PURE__ */ new Map()
-    }
-  },
-  errors: {},
-  clearErrors: r,
-  validationMode: "onSubmit",
-  submitAttemptedRef: {
-    current: !1
-  }
-});
-process.env.NODE_ENV !== "production" && (t.displayName = "FormContext");
-function n() {
-  return e.useContext(t);
+const t = /* @__PURE__ */ e.createContext(void 0);
+process.env.NODE_ENV !== "production" && (t.displayName = "MenuRadioGroupContext");
+function i() {
+  const o = e.useContext(t);
+  if (o === void 0)
+    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: MenuRadioGroupContext is missing. MenuRadioGroup parts must be placed within <Menu.RadioGroup>." : n(34));
+  return o;
 }
 export {
-  t as FormContext,
-  n as useFormContext
+  t as MenuRadioGroupContext,
+  i as useMenuRadioGroupContext
 };

package/dist/index183.js

@@ -1,51 +1,14 @@
-import * as p from "react-dom";
-import { useIsoLayoutEffect as r } from "./index97.js";
-import { useStableCallback as D } from "./index95.js";
-import { getCombinedFieldValidityData as v } from "./index234.js";
-import { useFormContext as R } from "./index182.js";
-import { useFieldRootContext as b } from "./index178.js";
-function S(u) {
-  const {
-    enabled: l = !0,
-    value: a,
-    id: t,
-    name: f,
-    controlRef: d,
-    commit: m
-  } = u, {
-    formRef: n
-  } = R(), {
-    invalid: s,
-    markedDirtyRef: c,
-    validityData: o,
-    setValidityData: V
-  } = b(), i = D(u.getValue);
-  r(() => {
-    if (!l)
-      return;
-    let e = a;
-    e === void 0 && (e = i()), o.initialValue === null && e !== null && V((y) => ({
-      ...y,
-      initialValue: e
-    }));
-  }, [l, V, a, o.initialValue, i]), r(() => {
-    !l || !t || n.current.fields.set(t, {
-      getValue: i,
-      name: f,
-      controlRef: d,
-      validityData: v(o, s),
-      validate() {
-        let e = a;
-        e === void 0 && (e = i()), c.current = !0, p.flushSync(() => m(e));
-      }
-    });
-  }, [m, d, l, n, i, t, s, c, f, o, a]), r(() => {
-    const e = n.current.fields;
-    return () => {
-      t && e.delete(t);
-    };
-  }, [n, t]);
+import n from "./index94.js";
+import * as t from "react";
+const o = /* @__PURE__ */ t.createContext(void 0);
+process.env.NODE_ENV !== "production" && (o.displayName = "MenuRadioItemContext");
+function r() {
+  const e = t.useContext(o);
+  if (e === void 0)
+    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: MenuRadioItemContext is missing. MenuRadioItem parts must be placed within <Menu.RadioItem>." : n(35));
+  return e;
 }
 export {
-  S as useField
+  o as MenuRadioItemContext,
+  r as useMenuRadioItemContext
 };

package/dist/index184.js

@@ -1,54 +1,21 @@
 "use client";
-import { serializeValue as c } from "./index235.js";
-function t(n) {
-  return n != null && n.length > 0 && typeof n[0] == "object" && n[0] != null && "items" in n[0];
+import * as n from "react";
+import { SafeReact as l } from "./index234.js";
+let o = 0;
+function f(u, t = "mui") {
+  const [e, a] = n.useState(u), c = u || e;
+  return n.useEffect(() => {
+    e == null && (o += 1, a(`${t}-${o}`));
+  }, [e, t]), c;
 }
-function e(n, r) {
-  if (r && n != null)
-    return r(n) ?? "";
-  if (n && typeof n == "object") {
-    if ("label" in n && n.label != null)
-      return String(n.label);
-    if ("value" in n)
-      return String(n.value);
+const s = l.useId;
+function I(u, t) {
+  if (s !== void 0) {
+    const e = s();
+    return u ?? (t ? `${t}-${e}` : e);
   }
-  return c(n);
-}
-function b(n, r) {
-  return r && n != null ? r(n) ?? "" : n && typeof n == "object" && "value" in n && "label" in n ? c(n.value) : c(n);
-}
-function y(n, r, f) {
-  if (f && n != null)
-    return f(n);
-  if (n && typeof n == "object" && "label" in n && n.label != null)
-    return n.label;
-  if (r && !Array.isArray(r))
-    return r[n] ?? e(n, f);
-  if (Array.isArray(r)) {
-    const o = t(r) ? r.flatMap((l) => l.items) : r;
-    if (n == null) {
-      const l = o.find((u) => u.value == null);
-      return l && l.label != null ? l.label : e(n, f);
-    }
-    if (typeof n != "object") {
-      const l = o.find((u) => u && u.value === n);
-      return l && l.label != null ? l.label : e(n, f);
-    }
-    if ("value" in n) {
-      const l = o.find((u) => u && u.value === n.value);
-      if (l && l.label != null)
-        return l.label;
-    }
-  }
-  return e(n, f);
-}
-function p(n, r) {
-  return !Array.isArray(n) || n.length === 0 ? "" : n.map((f) => e(f, r)).join(", ");
+  return f(u, t);
 }
 export {
-  t as isGroupedItems,
-  p as resolveMultipleLabels,
-  y as resolveSelectedLabel,
-  e as stringifyAsLabel,
-  b as stringifyAsValue
+  I as useId
 };

package/dist/index185.js

@@ -1,20 +1,11 @@
-const f = (n, e) => Object.is(n, e);
-function u(n, e, r) {
-  return n == null || e == null ? Object.is(n, e) : r(n, e);
-}
-function i(n, e, r) {
-  return !n || n.length === 0 ? !1 : n.some((t) => t === void 0 ? !1 : u(t, e, r));
-}
-function d(n, e, r) {
-  return !n || n.length === 0 ? -1 : n.findIndex((t) => t === void 0 ? !1 : u(t, e, r));
-}
-function s(n, e, r) {
-  return n.filter((t) => !u(t, e, r));
+"use client";
+import * as t from "react";
+const e = /* @__PURE__ */ t.createContext(null);
+process.env.NODE_ENV !== "production" && (e.displayName = "MenubarContext");
+function r(n) {
+  return t.useContext(e);
 }
 export {
-  u as compareItemEquality,
-  f as defaultItemEquality,
-  d as findItemIndex,
-  i as itemIncludes,
-  s as removeItem
+  e as MenubarContext,
+  r as useMenubarContext
 };

package/dist/index186.js

@@ -1,14 +1,11 @@
-import * as c from "react";
-import { useIsoLayoutEffect as o } from "./index97.js";
-import { useStableCallback as f } from "./index95.js";
-function u(r, n) {
-  const t = c.useRef(r), e = f(n);
-  o(() => {
-    t.current !== r && e(t.current);
-  }, [r, e]), o(() => {
-    t.current = r;
-  }, [r]);
+"use client";
+import * as t from "react";
+const e = /* @__PURE__ */ t.createContext(void 0);
+process.env.NODE_ENV !== "production" && (e.displayName = "DirectionContext");
+function o() {
+  return t.useContext(e)?.direction ?? "ltr";
 }
 export {
-  u as useValueChanged
+  e as DirectionContext,
+  o as useDirection
 };