@yselimcan/ui 0.0.6 → 0.0.7

package/dist/index137.js

@@ -1,43 +1,14 @@
-"use client";
-import * as c from "react";
-import { useIsoLayoutEffect as d } from "./index126.js";
-import { AnimationFrame as u } from "./index164.js";
-function g(t, s = !1, f = !1) {
-  const [n, r] = c.useState(t && s ? "idle" : void 0), [i, a] = c.useState(t);
-  return t && !i && (a(!0), r("starting")), !t && i && n !== "ending" && !f && r("ending"), !t && !i && n === "ending" && r(void 0), d(() => {
-    if (!t && i && n !== "ending" && f) {
-      const e = u.request(() => {
-        r("ending");
-      });
-      return () => {
-        u.cancel(e);
-      };
-    }
-  }, [t, i, n, f]), d(() => {
-    if (!t || s)
-      return;
-    const e = u.request(() => {
-      r(void 0);
-    });
-    return () => {
-      u.cancel(e);
-    };
-  }, [s, t]), d(() => {
-    if (!t || !s)
-      return;
-    t && i && n !== "idle" && r("starting");
-    const e = u.request(() => {
-      r("idle");
-    });
-    return () => {
-      u.cancel(e);
-    };
-  }, [s, t, i, r, n]), c.useMemo(() => ({
-    mounted: i,
-    setMounted: a,
-    transitionStatus: n
-  }), [i, n]);
+import n from "./index100.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 {
-  g as useTransitionStatus
+  o as MenuRadioItemContext,
+  r as useMenuRadioItemContext
 };

package/dist/index138.js

@@ -1,45 +1,33 @@
-import { compareItemEquality as n } from "./index142.js";
-import { stringifyAsValue as u } from "./index141.js";
-import { createSelector as r } from "./index203.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 { useRefWithInit as c } from "./index168.js";
+import { useOnMount as u } from "./index215.js";
+const t = 0;
+class e {
+  static create() {
+    return new e();
+  }
+  currentId = t;
+  /**
+   * Executes `fn` after `delay`, clearing any previously scheduled call.
+   */
+  start(s, i) {
+    this.clear(), this.currentId = setTimeout(() => {
+      this.currentId = t, i();
+    }, s);
+  }
+  isStarted() {
+    return this.currentId !== t;
+  }
+  clear = () => {
+    this.currentId !== t && (clearTimeout(this.currentId), this.currentId = t);
+  };
+  disposeEffect = () => this.clear;
+}
+function a() {
+  const r = c(e.create).current;
+  return u(r.disposeEffect), r;
+}
 export {
-  p as selectors
+  e as Timeout,
+  a as useTimeout
 };

package/dist/index139.js

@@ -1,24 +1,21 @@
 "use client";
-import * as e from "react";
-import { NOOP as r } from "./index122.js";
-const t = /* @__PURE__ */ e.createContext({
-  formRef: {
-    current: {
-      fields: /* @__PURE__ */ new Map()
-    }
-  },
-  errors: {},
-  clearErrors: r,
-  validationMode: "onSubmit",
-  submitAttemptedRef: {
-    current: !1
+import * as n from "react";
+import { SafeReact as l } from "./index216.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;
+}
+const s = l.useId;
+function I(u, t) {
+  if (s !== void 0) {
+    const e = s();
+    return u ?? (t ? `${t}-${e}` : e);
   }
-});
-process.env.NODE_ENV !== "production" && (t.displayName = "FormContext");
-function n() {
-  return e.useContext(t);
+  return f(u, t);
 }
 export {
-  t as FormContext,
-  n as useFormContext
+  I as useId
 };

package/dist/index140.js

@@ -1,51 +1,69 @@
-import * as p from "react-dom";
-import { useIsoLayoutEffect as r } from "./index126.js";
-import { useStableCallback as D } from "./index124.js";
-import { getCombinedFieldValidityData as v } from "./index206.js";
-import { useFormContext as R } from "./index139.js";
-import { useFieldRootContext as b } from "./index134.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));
-      }
+"use client";
+import { useRefWithInit as u } from "./index168.js";
+import { useOnMount as h } from "./index215.js";
+const s = null;
+let l = globalThis.requestAnimationFrame;
+class o {
+  /* This implementation uses an array as a backing data-structure for frame callbacks.
+   * It allows `O(1)` callback cancelling by inserting a `null` in the array, though it
+   * never calls the native `cancelAnimationFrame` if there are no frames left. This can
+   * be much more efficient if there is a call pattern that alterns as
+   * "request-cancel-request-cancel-…".
+   * But in the case of "request-request-…-cancel-cancel-…", it leaves the final animation
+   * frame to run anyway. We turn that frame into a `O(1)` no-op via `callbacksCount`. */
+  callbacks = [];
+  callbacksCount = 0;
+  nextId = 1;
+  startId = 1;
+  isScheduled = !1;
+  tick = (t) => {
+    this.isScheduled = !1;
+    const e = this.callbacks, i = this.callbacksCount;
+    if (this.callbacks = [], this.callbacksCount = 0, this.startId = this.nextId, i > 0)
+      for (let r = 0; r < e.length; r += 1)
+        e[r]?.(t);
+  };
+  request(t) {
+    const e = this.nextId;
+    this.nextId += 1, this.callbacks.push(t), this.callbacksCount += 1;
+    const i = process.env.NODE_ENV === "test" && l !== requestAnimationFrame && (l = requestAnimationFrame, !0);
+    return (!this.isScheduled || i) && (requestAnimationFrame(this.tick), this.isScheduled = !0), e;
+  }
+  cancel(t) {
+    const e = t - this.startId;
+    e < 0 || e >= this.callbacks.length || (this.callbacks[e] = null, this.callbacksCount -= 1);
+  }
+}
+const c = new o();
+class a {
+  static create() {
+    return new a();
+  }
+  static request(t) {
+    return c.request(t);
+  }
+  static cancel(t) {
+    return c.cancel(t);
+  }
+  currentId = s;
+  /**
+   * Executes `fn` after `delay`, clearing any previously scheduled call.
+   */
+  request(t) {
+    this.cancel(), this.currentId = c.request(() => {
+      this.currentId = s, t();
     });
-  }, [m, d, l, n, i, t, s, c, f, o, a]), r(() => {
-    const e = n.current.fields;
-    return () => {
-      t && e.delete(t);
-    };
-  }, [n, t]);
+  }
+  cancel = () => {
+    this.currentId !== s && (c.cancel(this.currentId), this.currentId = s);
+  };
+  disposeEffect = () => this.cancel;
+}
+function k() {
+  const n = u(a.create).current;
+  return h(n.disposeEffect), n;
 }
 export {
-  S as useField
+  a as AnimationFrame,
+  k as useAnimationFrame
 };

package/dist/index141.js

@@ -1,54 +1,107 @@
 "use client";
-import { serializeValue as c } from "./index207.js";
-function t(n) {
-  return n != null && n.length > 0 && typeof n[0] == "object" && n[0] != null && "items" in n[0];
+import { getWindow as u, isOverflowElement as Y } from "./index94.js";
+import { isIOS as W, isWebKit as E } from "./index188.js";
+import { ownerDocument as n } from "./index154.js";
+import { useIsoLayoutEffect as T } from "./index97.js";
+import { Timeout as k } from "./index138.js";
+import { AnimationFrame as z } from "./index140.js";
+import { NOOP as H } from "./index106.js";
+let L = {}, C = {}, O = "";
+function F(r) {
+  if (typeof document > "u")
+    return !1;
+  const o = n(r);
+  return u(o).innerWidth - o.documentElement.clientWidth > 0;
 }
-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);
-  }
-  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 j(r) {
+  const o = n(r), t = o.documentElement, e = o.body, l = Y(t) ? t : e, s = l.style.overflow;
+  return l.style.overflow = "hidden", () => {
+    l.style.overflow = s;
+  };
 }
-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);
+function I(r) {
+  const o = n(r), t = o.documentElement, e = o.body, l = u(t);
+  let s = 0, c = 0;
+  const h = z.create(), f = typeof CSS < "u" && CSS.supports?.("scrollbar-gutter", "stable");
+  if (E && (l.visualViewport?.scale ?? 1) !== 1)
+    return () => {
+    };
+  function d() {
+    const a = l.getComputedStyle(t), i = l.getComputedStyle(e), y = (a.scrollbarGutter || "").includes("both-edges") ? "stable both-edges" : "stable";
+    s = t.scrollTop, c = t.scrollLeft, L = {
+      scrollbarGutter: t.style.scrollbarGutter,
+      overflowY: t.style.overflowY,
+      overflowX: t.style.overflowX
+    }, O = t.style.scrollBehavior, C = {
+      position: e.style.position,
+      height: e.style.height,
+      width: e.style.width,
+      boxSizing: e.style.boxSizing,
+      overflowY: e.style.overflowY,
+      overflowX: e.style.overflowX,
+      scrollBehavior: e.style.scrollBehavior
+    };
+    const X = t.scrollHeight > t.clientHeight, B = t.scrollWidth > t.clientWidth, x = a.overflowY === "scroll" || i.overflowY === "scroll", G = a.overflowX === "scroll" || i.overflowX === "scroll", b = Math.max(0, l.innerWidth - t.clientWidth), w = Math.max(0, l.innerHeight - t.clientHeight), p = parseFloat(i.marginTop) + parseFloat(i.marginBottom), g = parseFloat(i.marginLeft) + parseFloat(i.marginRight), S = Y(t) ? t : e;
+    if (f) {
+      t.style.scrollbarGutter = y, S.style.overflowY = "hidden", S.style.overflowX = "hidden";
+      return;
     }
-    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;
+    Object.assign(t.style, {
+      scrollbarGutter: y,
+      overflowY: "hidden",
+      overflowX: "hidden"
+    }), (X || x) && (t.style.overflowY = "scroll"), (B || G) && (t.style.overflowX = "scroll"), Object.assign(e.style, {
+      position: "relative",
+      height: p || w ? `calc(100dvh - ${p + w}px)` : "100dvh",
+      width: g || b ? `calc(100vw - ${g + b}px)` : "100vw",
+      boxSizing: "border-box",
+      overflow: "hidden",
+      scrollBehavior: "unset"
+    }), e.scrollTop = s, e.scrollLeft = c, t.setAttribute("data-base-ui-scroll-locked", ""), t.style.scrollBehavior = "unset";
+  }
+  function m() {
+    Object.assign(t.style, L), Object.assign(e.style, C), f || (t.scrollTop = s, t.scrollLeft = c, t.removeAttribute("data-base-ui-scroll-locked"), t.style.scrollBehavior = O);
+  }
+  function v() {
+    m(), h.request(d);
+  }
+  return d(), l.addEventListener("resize", v), () => {
+    h.cancel(), m(), typeof l.removeEventListener == "function" && l.removeEventListener("resize", v);
+  };
+}
+class R {
+  lockCount = 0;
+  restore = null;
+  timeoutLock = k.create();
+  timeoutUnlock = k.create();
+  acquire(o) {
+    return this.lockCount += 1, this.lockCount === 1 && this.restore === null && this.timeoutLock.start(0, () => this.lock(o)), this.release;
+  }
+  release = () => {
+    this.lockCount -= 1, this.lockCount === 0 && this.restore && this.timeoutUnlock.start(0, this.unlock);
+  };
+  unlock = () => {
+    this.lockCount === 0 && this.restore && (this.restore?.(), this.restore = null);
+  };
+  lock(o) {
+    if (this.lockCount === 0 || this.restore !== null)
+      return;
+    const e = n(o).documentElement, l = u(e).getComputedStyle(e).overflowY;
+    if (l === "hidden" || l === "clip") {
+      this.restore = H;
+      return;
     }
+    const s = W || !F(o);
+    this.restore = s ? j(o) : I(o);
   }
-  return e(n, f);
 }
-function p(n, r) {
-  return !Array.isArray(n) || n.length === 0 ? "" : n.map((f) => e(f, r)).join(", ");
+const V = new R();
+function _(r = !0, o = null) {
+  T(() => {
+    if (r)
+      return V.acquire(o);
+  }, [r, o]);
 }
 export {
-  t as isGroupedItems,
-  p as resolveMultipleLabels,
-  y as resolveSelectedLabel,
-  e as stringifyAsLabel,
-  b as stringifyAsValue
+  _ as useScrollLock
 };

package/dist/index142.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/index143.js

@@ -1,14 +1,11 @@
-import * as c from "react";
-import { useIsoLayoutEffect as o } from "./index126.js";
-import { useStableCallback as f } from "./index124.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
 };

package/dist/index144.js

@@ -1,7 +1,7 @@
 "use client";
 import * as e from "react";
-import { useStableCallback as a } from "./index124.js";
-import { useEnhancedClickHandler as u } from "./index208.js";
+import { useStableCallback as a } from "./index95.js";
+import { useEnhancedClickHandler as u } from "./index217.js";
 function f(s) {
   const [n, t] = e.useState(null), c = a((p, i) => {
     s || t(i);