@yselimcan/ui 0.0.5 → 0.0.7

package/dist/index100.js

@@ -1,8 +1,7 @@
-function e() {
+function o(r, ...a) {
+  const e = new URL(`https://base-ui.com/production-error/${r}`);
+  return a.forEach((s) => e.searchParams.append("args[]", s)), `Base UI error #${r}; visit ${e} for the full message.`;
 }
-const t = Object.freeze([]), c = Object.freeze({});
 export {
-  t as EMPTY_ARRAY,
-  c as EMPTY_OBJECT,
-  e as NOOP
+  o as default
 };

package/dist/index101.js

@@ -1,10 +1,69 @@
-"use client";
-import * as c from "react";
-const t = {};
-function u(r, n) {
-  const e = c.useRef(t);
-  return e.current === t && (e.current = r(n)), e;
+import { useRefWithInit as r } from "./index168.js";
+function b(n, e, c, t) {
+  const l = r(i).current;
+  return s(l, n, e, c, t) && o(l, [n, e, c, t]), l.callback;
+}
+function h(n) {
+  const e = r(i).current;
+  return f(e, n) && o(e, n), e.callback;
+}
+function i() {
+  return {
+    callback: null,
+    cleanup: null,
+    refs: []
+  };
+}
+function s(n, e, c, t, l) {
+  return n.refs[0] !== e || n.refs[1] !== c || n.refs[2] !== t || n.refs[3] !== l;
+}
+function f(n, e) {
+  return n.refs.length !== e.length || n.refs.some((c, t) => c !== e[t]);
+}
+function o(n, e) {
+  if (n.refs = e, e.every((c) => c == null)) {
+    n.callback = null;
+    return;
+  }
+  n.callback = (c) => {
+    if (n.cleanup && (n.cleanup(), n.cleanup = null), c != null) {
+      const t = Array(e.length).fill(null);
+      for (let l = 0; l < e.length; l += 1) {
+        const u = e[l];
+        if (u != null)
+          switch (typeof u) {
+            case "function": {
+              const a = u(c);
+              typeof a == "function" && (t[l] = a);
+              break;
+            }
+            case "object": {
+              u.current = c;
+              break;
+            }
+          }
+      }
+      n.cleanup = () => {
+        for (let l = 0; l < e.length; l += 1) {
+          const u = e[l];
+          if (u != null)
+            switch (typeof u) {
+              case "function": {
+                const a = t[l];
+                typeof a == "function" ? a() : u(null);
+                break;
+              }
+              case "object": {
+                u.current = null;
+                break;
+              }
+            }
+        }
+      };
+    }
+  };
 }
 export {
-  u as useRefWithInit
+  b as useMergedRefs,
+  h as useMergedRefsN
 };

package/dist/index102.js

@@ -1,90 +1,11 @@
-"use client";
-import * as s from "react";
-import { useStableCallback as y } from "./index127.js";
-import { useScrollLock as I } from "./index153.js";
-import { useOpenInteractionType as A } from "./index140.js";
-import { createChangeEventDetails as M } from "./index107.js";
-import { useImplicitActiveTrigger as B, useOpenStateTransitions as F } from "./index120.js";
-import { useSyncedFloatingRootContext as U } from "./index189.js";
-import { useRole as w } from "./index190.js";
-import { useDismiss as H } from "./index142.js";
-import { useInteractions as K } from "./index122.js";
-import { imperativeAction as L } from "./index108.js";
-import { getTarget as V, contains as j } from "./index151.js";
-function ee(R) {
-  const {
-    store: e,
-    parentContext: o,
-    actionsRef: x
-  } = R, n = e.useState("open"), P = e.useState("disablePointerDismissal"), c = e.useState("modal"), l = e.useState("popupElement"), {
-    openMethod: k,
-    triggerProps: r,
-    reset: S
-  } = A(n);
-  B(e);
-  const {
-    forceUnmount: m
-  } = F(n, e, () => {
-    S();
-  }), f = y((t) => {
-    const a = M(t);
-    return a.preventUnmountOnClose = () => {
-      e.set("preventUnmountingOnClose", !0);
-    }, a;
-  }), g = s.useCallback(() => {
-    e.setOpen(!1, f(L));
-  }, [e, f]);
-  s.useImperativeHandle(x, () => ({
-    unmount: m,
-    close: g
-  }), [m, g]);
-  const u = U({
-    popupStore: e,
-    onOpenChange: e.setOpen,
-    treatPopupAsFloatingElement: !0,
-    noEmit: !0
-  }), [i, d] = s.useState(0), C = i === 0, N = w(u), T = H(u, {
-    outsidePressEvent() {
-      return e.context.internalBackdropRef.current || e.context.backdropRef.current ? "intentional" : {
-        mouse: c === "trap-focus" ? "sloppy" : "intentional",
-        touch: "sloppy"
-      };
-    },
-    outsidePress(t) {
-      if ("button" in t && t.button !== 0 || "touches" in t && t.touches.length !== 1)
-        return !1;
-      const a = V(t);
-      if (C && !P) {
-        const p = a;
-        return c && (e.context.internalBackdropRef.current || e.context.backdropRef.current) ? e.context.internalBackdropRef.current === p || e.context.backdropRef.current === p || j(p, l) && !p?.hasAttribute("data-base-ui-portal") : !0;
-      }
-      return !1;
-    },
-    escapeKey: C
-  });
-  I(n && c === !0, l);
-  const {
-    getReferenceProps: D,
-    getFloatingProps: O,
-    getTriggerProps: b
-  } = K([N, T]);
-  e.useContextCallback("onNestedDialogOpen", (t) => {
-    d(t + 1);
-  }), e.useContextCallback("onNestedDialogClose", () => {
-    d(0);
-  }), s.useEffect(() => (o?.onNestedDialogOpen && n && o.onNestedDialogOpen(i), o?.onNestedDialogClose && !n && o.onNestedDialogClose(), () => {
-    o?.onNestedDialogClose && n && o.onNestedDialogClose();
-  }), [n, o, i]);
-  const h = s.useMemo(() => D(r), [D, r]), v = s.useMemo(() => b(r), [b, r]), E = s.useMemo(() => O(), [O]);
-  e.useSyncedValues({
-    openMethod: k,
-    activeTriggerProps: h,
-    inactiveTriggerProps: v,
-    popupProps: E,
-    floatingRootContext: u,
-    nestedOpenDialogCount: i
-  });
+import * as n from "react";
+import { isReactVersionAtLeast as o } from "./index200.js";
+function s(t) {
+  if (!/* @__PURE__ */ n.isValidElement(t))
+    return null;
+  const e = t, r = e.props;
+  return (o(19) ? r?.ref : e.ref) ?? null;
 }
 export {
-  ee as useDialogRoot
+  s as getReactElementRef
 };

package/dist/index103.js

@@ -1,15 +1,16 @@
-"use client";
-import i from "./index94.js";
-import * as t from "react";
-const e = /* @__PURE__ */ t.createContext(void 0);
-process.env.NODE_ENV !== "production" && (e.displayName = "DialogRootContext");
-function s(n) {
-  const o = t.useContext(e);
-  if (n === !1 && o === void 0)
-    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: DialogRootContext is missing. Dialog parts must be placed within <Dialog.Root>." : i(27));
+function i(r, n) {
+  const o = {};
+  for (const t in r) {
+    const e = r[t];
+    if (n?.hasOwnProperty(t)) {
+      const s = n[t](e);
+      s != null && Object.assign(o, s);
+      continue;
+    }
+    e === !0 ? o[`data-${t.toLowerCase()}`] = "" : e && (o[`data-${t.toLowerCase()}`] = e.toString());
+  }
   return o;
 }
 export {
-  e as DialogRootContext,
-  s as useDialogRootContext
+  i as getStateAttributesProps
 };

package/dist/index104.js

@@ -1,65 +1,6 @@
-import * as i from "react";
-import { popupStoreSelectors as d, createInitialPopupStoreState as a } from "./index201.js";
-import { ReactStore as p } from "./index202.js";
-import { PopupTriggerMap as g } from "./index203.js";
-import { createSelector as n } from "./index204.js";
-const m = {
-  ...d,
-  modal: n((e) => e.modal),
-  nested: n((e) => e.nested),
-  nestedOpenDialogCount: n((e) => e.nestedOpenDialogCount),
-  disablePointerDismissal: n((e) => e.disablePointerDismissal),
-  openMethod: n((e) => e.openMethod),
-  descriptionElementId: n((e) => e.descriptionElementId),
-  titleElementId: n((e) => e.titleElementId),
-  viewportElement: n((e) => e.viewportElement),
-  role: n((e) => e.role)
-};
-class C extends p {
-  constructor(o) {
-    super(c(o), {
-      popupRef: /* @__PURE__ */ i.createRef(),
-      backdropRef: /* @__PURE__ */ i.createRef(),
-      internalBackdropRef: /* @__PURE__ */ i.createRef(),
-      triggerElements: new g(),
-      onOpenChange: void 0,
-      onOpenChangeComplete: void 0
-    }, m);
-  }
-  setOpen = (o, t) => {
-    if (t.preventUnmountOnClose = () => {
-      this.set("preventUnmountingOnClose", !0);
-    }, !o && t.trigger == null && this.state.activeTriggerId != null && (t.trigger = this.state.activeTriggerElement ?? void 0), this.context.onOpenChange?.(o, t), t.isCanceled)
-      return;
-    const s = {
-      open: o,
-      nativeEvent: t.event,
-      reason: t.reason,
-      nested: this.state.nested
-    };
-    this.state.floatingRootContext.context.events?.emit("openchange", s);
-    const r = {
-      open: o
-    }, l = t.trigger?.id ?? null;
-    (l || o) && (r.activeTriggerId = l, r.activeTriggerElement = t.trigger ?? null), this.update(r);
-  };
-}
-function c(e = {}) {
-  return {
-    ...a(),
-    modal: !0,
-    disablePointerDismissal: !1,
-    popupElement: null,
-    viewportElement: null,
-    descriptionElementId: void 0,
-    titleElementId: void 0,
-    openMethod: null,
-    nested: !1,
-    nestedOpenDialogCount: 0,
-    role: "dialog",
-    ...e
-  };
+function t(n, o) {
+  return typeof n == "function" ? n(o) : n;
 }
 export {
-  C as DialogStore
+  t as resolveClassName
 };

package/dist/index105.js

@@ -1,40 +1,6 @@
-import { TransitionStatusDataAttributes as p } from "./index106.js";
-let r = (function(n) {
-  return n.open = "data-open", n.closed = "data-closed", n[n.startingStyle = p.startingStyle] = "startingStyle", n[n.endingStyle = p.endingStyle] = "endingStyle", n.anchorHidden = "data-anchor-hidden", n;
-})({}), e = /* @__PURE__ */ (function(n) {
-  return n.popupOpen = "data-popup-open", n.pressed = "data-pressed", n;
-})({});
-const t = {
-  [e.popupOpen]: ""
-}, d = {
-  [e.popupOpen]: "",
-  [e.pressed]: ""
-}, O = {
-  [r.open]: ""
-}, l = {
-  [r.closed]: ""
-}, s = {
-  [r.anchorHidden]: ""
-}, i = {
-  open(n) {
-    return n ? t : null;
-  }
-}, a = {
-  open(n) {
-    return n ? d : null;
-  }
-}, o = {
-  open(n) {
-    return n ? O : l;
-  },
-  anchorHidden(n) {
-    return n ? s : null;
-  }
-};
+function e(n, o) {
+  return typeof n == "function" ? n(o) : n;
+}
 export {
-  r as CommonPopupDataAttributes,
-  e as CommonTriggerDataAttributes,
-  o as popupStateMapping,
-  a as pressableTriggerOpenStateMapping,
-  i as triggerOpenStateMapping
+  e as resolveStyle
 };

package/dist/index106.js

@@ -1,16 +1,8 @@
-let n = /* @__PURE__ */ (function(t) {
-  return t.startingStyle = "data-starting-style", t.endingStyle = "data-ending-style", t;
-})({});
-const e = {
-  [n.startingStyle]: ""
-}, i = {
-  [n.endingStyle]: ""
-}, r = {
-  transitionStatus(t) {
-    return t === "starting" ? e : t === "ending" ? i : null;
-  }
-};
+function e() {
+}
+const t = Object.freeze([]), c = Object.freeze({});
 export {
-  n as TransitionStatusDataAttributes,
-  r as transitionStatusMapping
+  t as EMPTY_ARRAY,
+  c as EMPTY_OBJECT,
+  e as NOOP
 };

package/dist/index107.js

@@ -1,35 +1,32 @@
-import { EMPTY_OBJECT as s } from "./index100.js";
-function u(e, t, n, o) {
-  let a = !1, r = !1;
-  const l = s;
-  return {
-    reason: e,
-    event: t ?? new Event("base-ui"),
-    cancel() {
-      a = !0;
-    },
-    allowPropagation() {
-      r = !0;
-    },
-    get isCanceled() {
-      return a;
-    },
-    get isPropagationAllowed() {
-      return r;
-    },
-    trigger: n,
-    ...l
-  };
-}
-function d(e, t, n) {
-  const o = n ?? s;
-  return {
-    reason: e,
-    event: t ?? new Event("base-ui"),
-    ...o
-  };
+"use client";
+import * as n from "react";
+function d({
+  controlled: o,
+  default: s,
+  name: t,
+  state: i = "value"
+}) {
+  const {
+    current: e
+  } = n.useRef(o !== void 0), [l, c] = n.useState(s), u = e ? o : l;
+  if (process.env.NODE_ENV !== "production") {
+    n.useEffect(() => {
+      e !== (o !== void 0) && console.error([`Base UI: A component is changing the ${e ? "" : "un"}controlled ${i} state of ${t} to be ${e ? "un" : ""}controlled.`, "Elements should not switch from uncontrolled to controlled (or vice versa).", `Decide between using a controlled or uncontrolled ${t} element for the lifetime of the component.`, "The nature of the state is determined during the first render. It's considered controlled if the value is not `undefined`.", "More info: https://fb.me/react-controlled-components"].join(`
+`));
+    }, [i, t, o]);
+    const {
+      current: r
+    } = n.useRef(s);
+    n.useEffect(() => {
+      !e && JSON.stringify(r) !== JSON.stringify(s) && console.error([`Base UI: A component is changing the default ${i} state of an uncontrolled ${t} after being initialized. To suppress this warning opt to use a controlled ${t}.`].join(`
+`));
+    }, [JSON.stringify(s)]);
+  }
+  const f = n.useCallback((r) => {
+    e || c(r);
+  }, []);
+  return [u, f];
 }
 export {
-  u as createChangeEventDetails,
-  d as createGenericEventDetails
+  d as useControlled
 };

package/dist/index108.js

@@ -1,21 +1,14 @@
-const e = "none", s = "trigger-press", n = "trigger-hover", t = "trigger-focus", o = "outside-press", c = "item-press", i = "close-press", r = "clear-press", p = "chip-remove-press", g = "input-change", a = "input-clear", l = "focus-out", u = "escape-key", v = "list-navigation", m = "cancel-open", P = "sibling-open", h = "imperative-action", d = "window-resize";
+import n from "./index100.js";
+import * as t from "react";
+const o = /* @__PURE__ */ t.createContext(void 0);
+process.env.NODE_ENV !== "production" && (o.displayName = "MenuCheckboxItemContext");
+function s() {
+  const e = t.useContext(o);
+  if (e === void 0)
+    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: MenuCheckboxItemContext is missing. MenuCheckboxItem parts must be placed within <Menu.CheckboxItem>." : n(30));
+  return e;
+}
 export {
-  m as cancelOpen,
-  p as chipRemovePress,
-  r as clearPress,
-  i as closePress,
-  u as escapeKey,
-  l as focusOut,
-  h as imperativeAction,
-  g as inputChange,
-  a as inputClear,
-  c as itemPress,
-  v as listNavigation,
-  e as none,
-  o as outsidePress,
-  P as siblingOpen,
-  t as triggerFocus,
-  n as triggerHover,
-  s as triggerPress,
-  d as windowResize
+  o as MenuCheckboxItemContext,
+  s as useMenuCheckboxItemContext
 };

package/dist/index109.js

@@ -1,8 +1,69 @@
 "use client";
-import { useId as u } from "./index184.js";
-function r(e) {
-  return u(e, "base-ui");
+import * as a from "react";
+import { useMergedRefs as h } from "./index101.js";
+import { useContextMenuRootContext as y } from "./index134.js";
+import { useButton as P } from "./index86.js";
+import { mergeProps as v } from "./index27.js";
+import { itemPress as I } from "./index116.js";
+const A = {
+  type: "regular-item"
+};
+function w(M) {
+  const {
+    closeOnClick: m,
+    disabled: R = !1,
+    highlighted: f,
+    id: l,
+    store: n,
+    nativeButton: b,
+    itemMetadata: o,
+    nodeId: r
+  } = M, i = a.useRef(null), t = y(!0), u = t !== void 0, {
+    events: s
+  } = n.useState("floatingTreeRoot"), {
+    getButtonProps: p,
+    buttonRef: x
+  } = P({
+    disabled: R,
+    focusableWhenDisabled: !0,
+    native: b
+  }), g = a.useCallback((C) => v({
+    id: l,
+    role: "menuitem",
+    tabIndex: f ? 0 : -1,
+    onMouseMove(e) {
+      r && s.emit("itemhover", {
+        nodeId: r,
+        target: e.currentTarget
+      });
+    },
+    onMouseEnter() {
+      o.type === "submenu-trigger" && o.setActive();
+    },
+    onKeyUp(e) {
+      e.key === " " && n.context.typingRef.current && e.preventBaseUIHandler();
+    },
+    onClick(e) {
+      m && s.emit("close", {
+        domEvent: e,
+        reason: I
+      });
+    },
+    onMouseUp(e) {
+      if (t) {
+        const c = t.initialCursorPointRef.current;
+        if (t.initialCursorPointRef.current = null, u && c && Math.abs(e.clientX - c.x) <= 1 && Math.abs(e.clientY - c.y) <= 1)
+          return;
+      }
+      i.current && n.context.allowMouseUpTriggerRef.current && (!u || e.button === 2) && o.type === "regular-item" && i.current.click();
+    }
+  }, C, p), [l, f, p, m, s, n, u, t, o, r]), d = h(i, x);
+  return a.useMemo(() => ({
+    getItemProps: g,
+    itemRef: d
+  }), [g, d]);
 }
 export {
-  r as useBaseUiId
+  A as REGULAR_ITEM,
+  w as useMenuItem
 };

package/dist/index110.js

@@ -1,6 +1,56 @@
-let t = /* @__PURE__ */ (function(e) {
-  return e.nestedDialogs = "--nested-dialogs", e;
+"use client";
+import * as u from "react";
+import { useIsoLayoutEffect as g } from "./index97.js";
+import { useCompositeListContext as F } from "./index201.js";
+let I = /* @__PURE__ */ (function(t) {
+  return t[t.None = 0] = "None", t[t.GuessFromOrder = 1] = "GuessFromOrder", t;
 })({});
+function N(t = {}) {
+  const {
+    label: c,
+    metadata: l,
+    textRef: d,
+    indexGuessBehavior: L,
+    index: r
+  } = t, {
+    register: m,
+    unregister: a,
+    subscribeMapChange: x,
+    elementsRef: R,
+    labelsRef: i,
+    nextIndexRef: p
+  } = F(), f = u.useRef(-1), [n, C] = u.useState(r ?? (L === I.GuessFromOrder ? () => {
+    if (f.current === -1) {
+      const e = p.current;
+      p.current += 1, f.current = e;
+    }
+    return f.current;
+  } : -1)), s = u.useRef(null), b = u.useCallback((e) => {
+    if (s.current = e, n !== -1 && e !== null && (R.current[n] = e, i)) {
+      const o = c !== void 0;
+      i.current[n] = o ? c : d?.current?.textContent ?? e.textContent;
+    }
+  }, [n, R, i, c, d]);
+  return g(() => {
+    if (r != null)
+      return;
+    const e = s.current;
+    if (e)
+      return m(e, l), () => {
+        a(e);
+      };
+  }, [r, m, a, l]), g(() => {
+    if (r == null)
+      return x((e) => {
+        const o = s.current ? e.get(s.current)?.index : null;
+        o != null && C(o);
+      });
+  }, [r, x, C]), u.useMemo(() => ({
+    ref: b,
+    index: n
+  }), [n, b]);
+}
 export {
-  t as DialogPopupCssVars
+  I as IndexGuessBehavior,
+  N as useCompositeListItem
 };

package/dist/index111.js

@@ -1,7 +1,15 @@
-import { CommonPopupDataAttributes as e } from "./index105.js";
-let y = (function(n) {
-  return n[n.open = e.open] = "open", n[n.closed = e.closed] = "closed", n[n.startingStyle = e.startingStyle] = "startingStyle", n[n.endingStyle = e.endingStyle] = "endingStyle", n.nested = "data-nested", n.nestedDialogOpen = "data-nested-dialog-open", n;
-})({});
+"use client";
+import r from "./index100.js";
+import * as t from "react";
+const o = /* @__PURE__ */ t.createContext(void 0);
+process.env.NODE_ENV !== "production" && (o.displayName = "MenuRootContext");
+function i(n) {
+  const e = t.useContext(o);
+  if (e === void 0 && !n)
+    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: MenuRootContext is missing. Menu parts must be placed within <Menu.Root>." : r(36));
+  return e;
+}
 export {
-  y as DialogPopupDataAttributes
+  o as MenuRootContext,
+  i as useMenuRootContext
 };

package/dist/index112.js

@@ -1,14 +1,8 @@
-import r from "./index94.js";
-import * as t from "react";
-const e = /* @__PURE__ */ t.createContext(void 0);
-process.env.NODE_ENV !== "production" && (e.displayName = "DialogPortalContext");
-function a() {
-  const o = t.useContext(e);
-  if (o === void 0)
-    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: <Dialog.Portal> is missing." : r(26));
-  return o;
+"use client";
+import { useId as u } from "./index139.js";
+function r(e) {
+  return u(e, "base-ui");
 }
 export {
-  e as DialogPortalContext,
-  a as useDialogPortalContext
+  r as useBaseUiId
 };

package/dist/index113.js

@@ -1,21 +1,15 @@
-"use client";
-import * as a from "react";
-import { useStableCallback as f } from "./index127.js";
-import { useValueAsRef as p } from "./index128.js";
-import { useAnimationsFinished as u } from "./index205.js";
-function b(i) {
-  const {
-    enabled: n = !0,
-    open: e,
-    ref: s,
-    onComplete: m
-  } = i, o = p(e), t = f(m), r = u(s, e);
-  a.useEffect(() => {
-    n && r(() => {
-      e === o.current && t();
-    });
-  }, [n, e, t, r, o]);
-}
+import { transitionStatusMapping as r } from "./index121.js";
+import { MenuCheckboxItemDataAttributes as t } from "./index202.js";
+const c = {
+  checked(e) {
+    return e ? {
+      [t.checked]: ""
+    } : {
+      [t.unchecked]: ""
+    };
+  },
+  ...r
+};
 export {
-  b as useOpenChangeComplete
+  c as itemMapping
 };