@yselimcan/ui 0.0.7 → 0.0.8

package/dist/index184.js

@@ -1,26 +1,106 @@
-import { FieldControlDataAttributes as a } from "./index220.js";
-const e = {
-  badInput: !1,
-  customError: !1,
-  patternMismatch: !1,
-  rangeOverflow: !1,
-  rangeUnderflow: !1,
-  stepMismatch: !1,
-  tooLong: !1,
-  tooShort: !1,
-  typeMismatch: !1,
-  valid: null,
-  valueMissing: !1
-}, r = {
-  valid(l) {
-    return l === null ? null : l ? {
-      [a.valid]: ""
-    } : {
-      [a.invalid]: ""
-    };
-  }
+import * as o from "react";
+import { EMPTY_OBJECT as s } from "./index100.js";
+import { useRefWithInit as l } from "./index101.js";
+import { FloatingTreeStore as u } from "./index188.js";
+import { ReactStore as p } from "./index218.js";
+import { PopupTriggerMap as d } from "./index219.js";
+import { createSelector as t } from "./index220.js";
+import { popupStoreSelectors as f, createInitialPopupStoreState as c } from "./index217.js";
+const m = {
+  ...f,
+  disabled: t((e) => e.parent.type === "menubar" && e.parent.context.disabled || e.disabled),
+  modal: t((e) => (e.parent.type === void 0 || e.parent.type === "context-menu") && (e.modal ?? !0)),
+  allowMouseEnter: t((e) => e.parent.type === "menu" ? e.parent.store.select("allowMouseEnter") : e.allowMouseEnter),
+  stickIfOpen: t((e) => e.stickIfOpen),
+  parent: t((e) => e.parent),
+  rootId: t((e) => e.parent.type === "menu" ? e.parent.store.select("rootId") : e.parent.type !== void 0 ? e.parent.context.rootId : e.rootId),
+  activeIndex: t((e) => e.activeIndex),
+  isActive: t((e, n) => e.activeIndex === n),
+  hoverEnabled: t((e) => e.hoverEnabled),
+  instantType: t((e) => e.instantType),
+  lastOpenChangeReason: t((e) => e.openChangeReason),
+  floatingTreeRoot: t((e) => e.parent.type === "menu" ? e.parent.store.select("floatingTreeRoot") : e.floatingTreeRoot),
+  floatingNodeId: t((e) => e.floatingNodeId),
+  floatingParentNodeId: t((e) => e.floatingParentNodeId),
+  itemProps: t((e) => e.itemProps),
+  closeDelay: t((e) => e.closeDelay),
+  keyboardEventRelay: t((e) => {
+    if (e.keyboardEventRelay)
+      return e.keyboardEventRelay;
+    if (e.parent.type === "menu")
+      return e.parent.store.select("keyboardEventRelay");
+  })
 };
+class a extends p {
+  constructor(n) {
+    super({
+      ...g(),
+      ...n
+    }, {
+      positionerRef: /* @__PURE__ */ o.createRef(),
+      popupRef: /* @__PURE__ */ o.createRef(),
+      typingRef: {
+        current: !1
+      },
+      itemDomElements: {
+        current: []
+      },
+      itemLabels: {
+        current: []
+      },
+      allowMouseUpTriggerRef: {
+        current: !1
+      },
+      triggerFocusTargetRef: /* @__PURE__ */ o.createRef(),
+      beforeContentFocusGuardRef: /* @__PURE__ */ o.createRef(),
+      onOpenChangeComplete: void 0,
+      triggerElements: new d()
+    }, m), this.observe(t((r) => r.allowMouseEnter), (r, i) => {
+      this.state.parent.type === "menu" && r !== i && this.state.parent.store.set("allowMouseEnter", r);
+    }), this.unsubscribeParentListener = this.observe("parent", (r) => {
+      if (this.unsubscribeParentListener?.(), r.type === "menu") {
+        this.unsubscribeParentListener = r.store.subscribe(() => {
+          this.notifyAll();
+        }), this.context.allowMouseUpTriggerRef = r.store.context.allowMouseUpTriggerRef;
+        return;
+      }
+      r.type !== void 0 && (this.context.allowMouseUpTriggerRef = r.context.allowMouseUpTriggerRef), this.unsubscribeParentListener = null;
+    });
+  }
+  setOpen(n, r) {
+    this.state.floatingRootContext.context.events.emit("setOpen", {
+      open: n,
+      eventDetails: r
+    });
+  }
+  static useStore(n, r) {
+    return l(() => n ?? new a(r)).current;
+  }
+  unsubscribeParentListener = null;
+}
+function g() {
+  return {
+    ...c(),
+    disabled: !1,
+    modal: !0,
+    allowMouseEnter: !0,
+    stickIfOpen: !0,
+    parent: {
+      type: void 0
+    },
+    rootId: void 0,
+    activeIndex: null,
+    hoverEnabled: !0,
+    instantType: void 0,
+    openChangeReason: null,
+    floatingTreeRoot: new u(),
+    floatingNodeId: void 0,
+    floatingParentNodeId: null,
+    itemProps: s,
+    keyboardEventRelay: void 0,
+    closeDelay: 0
+  };
+}
 export {
-  e as DEFAULT_VALIDITY_STATE,
-  r as fieldValidityMapping
+  a as MenuStore
 };

package/dist/index185.js

@@ -1,6 +1,10 @@
 import * as e from "react";
 const t = /* @__PURE__ */ e.createContext(void 0);
-process.env.NODE_ENV !== "production" && (t.displayName = "SelectPortalContext");
+process.env.NODE_ENV !== "production" && (t.displayName = "MenuSubmenuRootContext");
+function n() {
+  return e.useContext(t);
+}
 export {
-  t as SelectPortalContext
+  t as MenuSubmenuRootContext,
+  n as useMenuSubmenuRootContext
 };

package/dist/index186.js

@@ -1,14 +1,35 @@
-import n from "./index100.js";
-import * as t from "react";
-const o = /* @__PURE__ */ t.createContext(void 0);
-process.env.NODE_ENV !== "production" && (o.displayName = "SelectPositionerContext");
-function i() {
-  const e = t.useContext(o);
-  if (!e)
-    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: SelectPositionerContext is missing. SelectPositioner parts must be placed within <Select.Positioner>." : n(59));
-  return e;
+import { useId as f } from "./index181.js";
+import { useRefWithInit as g } from "./index101.js";
+import { useIsoLayoutEffect as E } from "./index126.js";
+import { isElement as d } from "./index164.js";
+import { useFloatingParentNodeId as S } from "./index178.js";
+import { FloatingRootStore as x } from "./index244.js";
+function v(p) {
+  const {
+    popupStore: o,
+    noEmit: i = !1,
+    treatPopupAsFloatingElement: a = !1,
+    onOpenChange: m
+  } = p, n = f(), c = S() != null, r = o.useState("open"), t = o.useState("activeTriggerElement"), s = o.useState(a ? "popupElement" : "positionerElement"), u = o.context.triggerElements, e = g(() => new x({
+    open: r,
+    referenceElement: t,
+    floatingElement: s,
+    triggerElements: u,
+    onOpenChange: m,
+    floatingId: n,
+    nested: c,
+    noEmit: i
+  })).current;
+  return E(() => {
+    const l = {
+      open: r,
+      floatingId: n,
+      referenceElement: t,
+      floatingElement: s
+    };
+    d(t) && (l.domReferenceElement = t), e.update(l);
+  }, [r, n, t, s, e]), e.context.onOpenChange = m, e.context.nested = c, e.context.noEmit = i, e;
 }
 export {
-  o as SelectPositionerContext,
-  i as useSelectPositionerContext
+  v as useSyncedFloatingRootContext
 };

package/dist/index187.js

@@ -1,13 +1,77 @@
-function e(o, t) {
-  o && Object.assign(o.style, t);
+import * as r from "react";
+import { useId as P } from "./index181.js";
+import { useFloatingParentNodeId as S } from "./index178.js";
+import { EMPTY_OBJECT as F } from "./index100.js";
+import { getFloatingFocusElement as y } from "./index151.js";
+const T = /* @__PURE__ */ new Map([["select", "listbox"], ["combobox", "listbox"], ["label", !1]]);
+function k(c, I = {}) {
+  const a = "rootStore" in c ? c.rootStore : c, l = a.useState("open"), u = a.useState("floatingId"), x = a.useState("domReferenceElement"), d = a.useState("floatingElement"), {
+    enabled: m = !0,
+    role: o = "dialog"
+  } = I, M = P(), s = x?.id || M, t = r.useMemo(() => y(d)?.id || u, [d, u]), e = T.get(o) ?? o, p = S() != null, i = r.useMemo(() => e === "tooltip" || o === "label" ? F : {
+    "aria-haspopup": e === "alertdialog" ? "dialog" : e,
+    "aria-expanded": "false",
+    ...e === "listbox" && {
+      role: "combobox"
+    },
+    ...e === "menu" && p && {
+      role: "menuitem"
+    },
+    ...o === "select" && {
+      "aria-autocomplete": "none"
+    },
+    ...o === "combobox" && {
+      "aria-autocomplete": "list"
+    }
+  }, [e, p, o]), f = r.useMemo(() => e === "tooltip" || o === "label" ? {
+    [`aria-${o === "label" ? "labelledby" : "describedby"}`]: l ? t : void 0
+  } : {
+    ...i,
+    "aria-expanded": l ? "true" : "false",
+    "aria-controls": l ? t : void 0,
+    ...e === "menu" && {
+      id: s
+    }
+  }, [e, t, l, s, o, i]), b = r.useMemo(() => {
+    const n = {
+      id: t,
+      ...e && {
+        role: e
+      }
+    };
+    return e === "tooltip" || o === "label" ? n : {
+      ...n,
+      ...e === "menu" && {
+        "aria-labelledby": s
+      }
+    };
+  }, [e, t, s, o]), g = r.useCallback(({
+    active: n,
+    selected: R
+  }) => {
+    const E = {
+      role: "option",
+      ...n && {
+        id: `${t}-fui-option`
+      }
+    };
+    switch (o) {
+      case "select":
+      case "combobox":
+        return {
+          ...E,
+          "aria-selected": R
+        };
+    }
+    return {};
+  }, [t, o]);
+  return r.useMemo(() => m ? {
+    reference: f,
+    floating: b,
+    item: g,
+    trigger: i
+  } : {}, [m, f, b, i, g]);
 }
-const i = {
-  position: "relative",
-  maxHeight: "100%",
-  overflowX: "hidden",
-  overflowY: "auto"
-};
 export {
-  i as LIST_FUNCTIONAL_STYLES,
-  e as clearStyles
+  k as useRole
 };

package/dist/index188.js

@@ -1,43 +1,17 @@
-const a = typeof navigator < "u", o = e(), n = f(), r = u(), c = typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter:none"), m = (
-  // iPads can claim to be MacIntel
-  o.platform === "MacIntel" && o.maxTouchPoints > 1 ? !0 : /iP(hone|ad|od)|iOS/.test(o.platform)
-), p = a && /firefox/i.test(r), g = a && /apple/i.test(navigator.vendor), d = a && /android/i.test(n) || /android/i.test(r), l = a && n.toLowerCase().startsWith("mac") && !navigator.maxTouchPoints, v = r.includes("jsdom/");
-function e() {
-  if (!a)
-    return {
-      platform: "",
-      maxTouchPoints: -1
-    };
-  const t = navigator.userAgentData;
-  return t?.platform ? {
-    platform: t.platform,
-    maxTouchPoints: navigator.maxTouchPoints
-  } : {
-    platform: navigator.platform ?? "",
-    maxTouchPoints: navigator.maxTouchPoints ?? -1
+import { createEventEmitter as n } from "./index235.js";
+class d {
+  nodesRef = {
+    current: []
   };
-}
-function u() {
-  if (!a)
-    return "";
-  const t = navigator.userAgentData;
-  return t && Array.isArray(t.brands) ? t.brands.map(({
-    brand: i,
-    version: s
-  }) => `${i}/${s}`).join(" ") : navigator.userAgent;
-}
-function f() {
-  if (!a)
-    return "";
-  const t = navigator.userAgentData;
-  return t?.platform ? t.platform : navigator.platform ?? "";
+  events = n();
+  addNode(e) {
+    this.nodesRef.current.push(e);
+  }
+  removeNode(e) {
+    const t = this.nodesRef.current.findIndex((r) => r === e);
+    t !== -1 && this.nodesRef.current.splice(t, 1);
+  }
 }
 export {
-  d as isAndroid,
-  p as isFirefox,
-  m as isIOS,
-  v as isJSDOM,
-  l as isMac,
-  g as isSafari,
-  c as isWebKit
+  d as FloatingTreeStore
 };

package/dist/index189.js

@@ -1,7 +1,31 @@
-function o(t) {
-  const i = t.currentTarget.getBoundingClientRect();
-  return i.top + 1 <= t.clientY && t.clientY <= i.bottom - 1 && i.left + 1 <= t.clientX && t.clientX <= i.right - 1;
+"use client";
+import { useRenderElement as c } from "./index87.js";
+import { useCompositeItem as u } from "./index221.js";
+import { EMPTY_OBJECT as d, EMPTY_ARRAY as t } from "./index100.js";
+function M(e) {
+  const {
+    render: l,
+    className: E,
+    state: o = d,
+    props: r = t,
+    refs: s = t,
+    metadata: m,
+    stateAttributesMapping: p,
+    tag: i = "div",
+    ...a
+  } = e, {
+    compositeProps: n,
+    compositeRef: f
+  } = u({
+    metadata: m
+  });
+  return c(i, e, {
+    state: o,
+    ref: [...s, f],
+    props: [n, ...r, a],
+    stateAttributesMapping: p
+  });
 }
 export {
-  o as isMouseWithinBounds
+  M as CompositeItem
 };

package/dist/index19.js

@@ -1,16 +1,16 @@
 "use client";
 import * as c from "react";
-import { useDialogRootContext as h } from "./index195.js";
+import { useDialogRootContext as h } from "./index103.js";
 import { useRenderElement as M } from "./index87.js";
-import { popupStateMapping as y } from "./index120.js";
-import { transitionStatusMapping as N } from "./index121.js";
-import { DialogPopupCssVars as v } from "./index197.js";
-import { DialogPopupDataAttributes as w } from "./index198.js";
-import { useDialogPortalContext as A } from "./index199.js";
-import { useOpenChangeComplete as K } from "./index118.js";
-import { COMPOSITE_KEYS as T } from "./index123.js";
+import { popupStateMapping as y } from "./index105.js";
+import { transitionStatusMapping as N } from "./index106.js";
+import { DialogPopupCssVars as v } from "./index110.js";
+import { DialogPopupDataAttributes as w } from "./index111.js";
+import { useDialogPortalContext as A } from "./index112.js";
+import { useOpenChangeComplete as K } from "./index113.js";
+import { COMPOSITE_KEYS as T } from "./index114.js";
 import { jsx as V } from "react/jsx-runtime";
-import { FloatingFocusManager as _ } from "./index126.js";
+import { FloatingFocusManager as _ } from "./index115.js";
 const j = {
   ...y,
   ...N,

package/dist/index190.js

@@ -1,12 +1,15 @@
-import { jsx as l } from "react/jsx-runtime";
-const e = "base-ui-disable-scrollbar", r = {
-  className: e,
-  element: /* @__PURE__ */ l("style", {
-    href: e,
-    precedence: "base-ui:low",
-    children: `.${e}{scrollbar-width:none}.${e}::-webkit-scrollbar{display:none}`
-  })
-};
+"use client";
+import n from "./index94.js";
+import * as t from "react";
+const e = /* @__PURE__ */ t.createContext(void 0);
+process.env.NODE_ENV !== "production" && (e.displayName = "CompositeRootContext");
+function r(s = !1) {
+  const o = t.useContext(e);
+  if (o === void 0 && !s)
+    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: CompositeRootContext is missing. Composite parts must be placed within <Composite.Root>." : n(16));
+  return o;
+}
 export {
-  r as styleDisableScrollbar
+  e as CompositeRootContext,
+  r as useCompositeRootContext
 };

package/dist/index191.js

@@ -1,14 +1,10 @@
-import n from "./index100.js";
-import * as t from "react";
-const o = /* @__PURE__ */ t.createContext(void 0);
-process.env.NODE_ENV !== "production" && (o.displayName = "SelectItemContext");
-function s() {
-  const e = t.useContext(o);
-  if (!e)
-    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: SelectItemContext is missing. SelectItem parts must be placed within <Select.Item>." : n(57));
-  return e;
+import { isHTMLElement as r, isLastTraversableNode as e, getParentNode as i } from "./index164.js";
+function n(t) {
+  if (r(t) && t.hasAttribute("data-rootownerid"))
+    return t.getAttribute("data-rootownerid") ?? void 0;
+  if (!e(t))
+    return n(i(t));
 }
 export {
-  o as SelectItemContext,
-  s as useSelectItemContext
+  n as findRootOwnerId
 };

package/dist/index192.js

@@ -1,120 +1,25 @@
-"use client";
-import * as R from "react";
-import { useTimeout as O } from "./index138.js";
-import { useIsoLayoutEffect as X } from "./index97.js";
-import { useSelectRootContext as Y } from "./index171.js";
-import { useSelectPositionerContext as _ } from "./index186.js";
-import { useTransitionStatus as j } from "./index117.js";
-import { useOpenChangeComplete as q } from "./index118.js";
-import { useRenderElement as z } from "./index87.js";
-import { selectors as d } from "./index175.js";
-import { useStore as H } from "./index182.js";
-const F = /* @__PURE__ */ R.forwardRef(function(w, I) {
+import * as c from "react";
+import { ownerDocument as i } from "./index147.js";
+import { EMPTY_OBJECT as s } from "./index100.js";
+function a(u) {
   const {
-    render: J,
-    className: K,
-    direction: r,
-    keepMounted: v = !1,
-    ...V
-  } = w, {
-    store: o,
-    popupRef: g,
-    listRef: a,
-    handleScrollArrowVisibility: C,
-    scrollArrowsMountedCountRef: c
-  } = Y(), {
-    side: S,
-    scrollDownArrowRef: E,
-    scrollUpArrowRef: N
-  } = _(), y = r === "up" ? d.scrollUpArrowVisible : d.scrollDownArrowVisible, B = H(o, y), D = H(o, d.openMethod), n = B && D !== "touch", f = O(), p = r === "up" ? N : E, {
-    transitionStatus: T,
-    setMounted: k
-  } = j(n);
-  X(() => (c.current += 1, o.state.hasScrollArrows || o.set("hasScrollArrows", !0), () => {
-    c.current = Math.max(0, c.current - 1), c.current === 0 && o.state.hasScrollArrows && o.set("hasScrollArrows", !1);
-  }), [o, c]), q({
-    open: n,
-    ref: p,
-    onComplete() {
-      n || k(!1);
+    enabled: t = !0,
+    mouseDownAction: r,
+    open: n
+  } = u, e = c.useRef(!1);
+  return c.useMemo(() => t ? {
+    onMouseDown: (o) => {
+      (r === "open" && !n || r === "close" && n) && (e.current = !0, i(o.currentTarget).addEventListener("click", () => {
+        e.current = !1;
+      }, {
+        once: !0
+      }));
+    },
+    onClick: (o) => {
+      e.current && (e.current = !1, o.preventBaseUIHandler());
     }
-  });
-  const P = R.useMemo(() => ({
-    direction: r,
-    visible: n,
-    side: S,
-    transitionStatus: T
-  }), [r, n, S, T]), U = z("div", w, {
-    ref: [I, p],
-    state: P,
-    props: [{
-      "aria-hidden": !0,
-      children: r === "up" ? "▲" : "▼",
-      style: {
-        position: "absolute"
-      },
-      onMouseMove(A) {
-        if (A.movementX === 0 && A.movementY === 0 || f.isStarted())
-          return;
-        o.set("activeIndex", null);
-        function M() {
-          const t = o.state.listElement ?? g.current;
-          if (!t)
-            return;
-          o.set("activeIndex", null), C();
-          const x = t.scrollTop === 0, b = Math.round(t.scrollTop + t.clientHeight) >= t.scrollHeight;
-          if (a.current.length === 0 && (r === "up" ? o.set("scrollUpArrowVisible", !x) : o.set("scrollDownArrowVisible", !b)), r === "up" && x || r === "down" && b) {
-            f.clear();
-            return;
-          }
-          if ((o.state.listElement || g.current) && a.current && a.current.length > 0) {
-            const s = a.current, m = p.current?.offsetHeight || 0;
-            if (r === "up") {
-              let l = 0;
-              const h = t.scrollTop + m;
-              for (let e = 0; e < s.length; e += 1) {
-                const i = s[e];
-                if (i && i.offsetTop >= h) {
-                  l = e;
-                  break;
-                }
-              }
-              const u = Math.max(0, l - 1);
-              if (u < l) {
-                const e = s[u];
-                e && (t.scrollTop = Math.max(0, e.offsetTop - m));
-              } else
-                t.scrollTop = 0;
-            } else {
-              let l = s.length - 1;
-              const h = t.scrollTop + t.clientHeight - m;
-              for (let e = 0; e < s.length; e += 1) {
-                const i = s[e];
-                if (i && i.offsetTop + i.offsetHeight > h) {
-                  l = Math.max(0, e - 1);
-                  break;
-                }
-              }
-              const u = Math.min(s.length - 1, l + 1);
-              if (u > l) {
-                const e = s[u];
-                e && (t.scrollTop = e.offsetTop + e.offsetHeight - t.clientHeight + m);
-              } else
-                t.scrollTop = t.scrollHeight - t.clientHeight;
-            }
-          }
-          f.start(40, M);
-        }
-        f.start(40, M);
-      },
-      onMouseLeave() {
-        f.clear();
-      }
-    }, V]
-  });
-  return n || v ? U : null;
-});
-process.env.NODE_ENV !== "production" && (F.displayName = "SelectScrollArrow");
+  } : s, [t, r, n]);
+}
 export {
-  F as SelectScrollArrow
+  a as useMixedToggleClickHandler
 };

package/dist/index193.js

@@ -1,14 +1,27 @@
-import r from "./index100.js";
-import * as t from "react";
-const o = /* @__PURE__ */ t.createContext(void 0);
-process.env.NODE_ENV !== "production" && (o.displayName = "SelectGroupContext");
-function s() {
-  const e = t.useContext(o);
-  if (e === void 0)
-    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: SelectGroupContext is missing. SelectGroup parts must be placed within <Select.Group>." : r(56));
-  return e;
-}
+"use client";
+import * as r from "react";
+import { useIsoLayoutEffect as a } from "./index126.js";
+import { isSafari as u } from "./index158.js";
+import { visuallyHidden as i } from "./index123.js";
+import { jsx as f } from "react/jsx-runtime";
+const n = /* @__PURE__ */ r.forwardRef(function(e, t) {
+  const [o, s] = r.useState();
+  return a(() => {
+    u && s("button");
+  }, []), /* @__PURE__ */ f("span", {
+    ...e,
+    ref: t,
+    style: i,
+    "aria-hidden": o ? void 0 : !0,
+    ...{
+      tabIndex: 0,
+      // Role is only for VoiceOver
+      role: o
+    },
+    "data-base-ui-focus-guard": ""
+  });
+});
+process.env.NODE_ENV !== "production" && (n.displayName = "FocusGuard");
 export {
-  o as SelectGroupContext,
-  s as useSelectGroupContext
+  n as FocusGuard
 };