@yselimcan/ui 0.0.6 → 0.0.7

package/dist/index181.js

@@ -1,59 +1,38 @@
-"use client";
-import * as r from "react";
-import { useId as a } from "./index184.js";
-import { useIsoLayoutEffect as l } from "./index126.js";
-import { useRefWithInit as f } from "./index94.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) {
+import { isElement as s } from "./index94.js";
+import { useId as m } from "./index139.js";
+import { useRefWithInit as c } from "./index168.js";
+import { useIsoLayoutEffect as a } from "./index97.js";
+import { useFloatingParentNodeId as u } from "./index135.js";
+import { FloatingRootStore as g } from "./index242.js";
+import { PopupTriggerMap as p } from "./index212.js";
+function O(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
-  });
+    open: r = !1,
+    onOpenChange: i,
+    elements: e = {}
+  } = o, f = m(), l = u() != null;
+  if (process.env.NODE_ENV !== "production") {
+    const n = e.reference;
+    n && !s(n) && console.error("Cannot pass a virtual element to the `elements.reference` option,", "as it must be a real DOM element. Use `context.setPositionReference()`", "instead.");
+  }
+  const t = c(() => new g({
+    open: r,
+    onOpenChange: i,
+    referenceElement: e.reference ?? null,
+    floatingElement: e.floating ?? null,
+    triggerElements: e.triggers ?? new p(),
+    floatingId: f,
+    nested: l,
+    noEmit: o.noEmit || !1
+  })).current;
+  return a(() => {
+    const n = {
+      open: r,
+      floatingId: f
+    };
+    e.reference !== void 0 && (n.referenceElement = e.reference, n.domReferenceElement = s(e.reference) ? e.reference : null), e.floating !== void 0 && (n.floatingElement = e.floating), t.update(n);
+  }, [r, f, e.reference, e.floating, t]), t.context.onOpenChange = i, t.context.nested = l, t.context.noEmit = o.noEmit || !1, t;
 }
 export {
-  I as FloatingNode,
-  T as FloatingTree,
-  v as useFloatingNodeId,
-  u as useFloatingParentNodeId,
-  p as useFloatingTree
+  O as useFloatingRootContext
 };

package/dist/index182.js

@@ -1,14 +1,18 @@
-import n from "./index112.js";
-import * as e from "react";
-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;
+import * as c from "react";
+import { s as i } from "./index249.js";
+import { w as S } from "./index250.js";
+import { isReactVersionAtLeast as a } from "./index200.js";
+const u = a(19), m = u ? p : l;
+function b(t, e, o, r, n) {
+  return m(t, e, o, r, n);
+}
+function p(t, e, o, r, n) {
+  const s = c.useCallback(() => e(t.getSnapshot(), o, r, n), [t, e, o, r, n]);
+  return i.useSyncExternalStore(t.subscribe, s, s);
+}
+function l(t, e, o, r, n) {
+  return S.useSyncExternalStoreWithSelector(t.subscribe, t.getSnapshot, t.getSnapshot, (s) => e(s, o, r, n));
 }
 export {
-  t as MenuRadioGroupContext,
-  i as useMenuRadioGroupContext
+  b as useStore
 };

package/dist/index183.js

@@ -1,14 +1,82 @@
-import n from "./index112.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;
+class e {
+  /**
+   * The current state of the store.
+   * This property is updated immediately when the state changes as a result of calling {@link setState}, {@link update}, or {@link set}.
+   * To subscribe to state changes, use the {@link useState} method. The value returned by {@link useState} is updated after the component renders (similarly to React's useState).
+   * The values can be used directly (to avoid subscribing to the store) in effects or event handlers.
+   *
+   * Do not modify properties in state directly. Instead, use the provided methods to ensure proper state management and listener notification.
+   */
+  // Internal state to handle recursive `setState()` calls
+  constructor(t) {
+    this.state = t, this.listeners = /* @__PURE__ */ new Set(), this.updateTick = 0;
+  }
+  /**
+   * Registers a listener that will be called whenever the store's state changes.
+   *
+   * @param fn The listener function to be called on state changes.
+   * @returns A function to unsubscribe the listener.
+   */
+  subscribe = (t) => (this.listeners.add(t), () => {
+    this.listeners.delete(t);
+  });
+  /**
+   * Returns the current state of the store.
+   */
+  getSnapshot = () => this.state;
+  /**
+   * Updates the entire store's state and notifies all registered listeners.
+   *
+   * @param newState The new state to set for the store.
+   */
+  setState(t) {
+    if (this.state === t)
+      return;
+    this.state = t, this.updateTick += 1;
+    const s = this.updateTick;
+    for (const i of this.listeners) {
+      if (s !== this.updateTick)
+        return;
+      i(t);
+    }
+  }
+  /**
+   * Merges the provided changes into the current state and notifies listeners if there are changes.
+   *
+   * @param changes An object containing the changes to apply to the current state.
+   */
+  update(t) {
+    for (const s in t)
+      if (!Object.is(this.state[s], t[s])) {
+        e.prototype.setState.call(this, {
+          ...this.state,
+          ...t
+        });
+        return;
+      }
+  }
+  /**
+   * Sets a specific key in the store's state to a new value and notifies listeners if the value has changed.
+   *
+   * @param key The key in the store's state to update.
+   * @param value The new value to set for the specified key.
+   */
+  set(t, s) {
+    Object.is(this.state[t], s) || e.prototype.setState.call(this, {
+      ...this.state,
+      [t]: s
+    });
+  }
+  /**
+   * Gives the state a new reference and updates all registered listeners.
+   */
+  notifyAll() {
+    const t = {
+      ...this.state
+    };
+    e.prototype.setState.call(this, t);
+  }
 }
 export {
-  o as MenuRadioItemContext,
-  r as useMenuRadioItemContext
+  e as Store
 };

package/dist/index184.js

@@ -1,21 +1,26 @@
-"use client";
-import * as n from "react";
-import { SafeReact as l } from "./index220.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);
+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]: ""
+    };
   }
-  return f(u, t);
-}
+};
 export {
-  I as useId
+  e as DEFAULT_VALIDITY_STATE,
+  r as fieldValidityMapping
 };

package/dist/index185.js

@@ -1,11 +1,6 @@
-"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);
-}
+import * as e from "react";
+const t = /* @__PURE__ */ e.createContext(void 0);
+process.env.NODE_ENV !== "production" && (t.displayName = "SelectPortalContext");
 export {
-  e as MenubarContext,
-  r as useMenubarContext
+  t as SelectPortalContext
 };

package/dist/index186.js

@@ -1,11 +1,14 @@
-"use client";
+import n from "./index100.js";
 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";
+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;
 }
 export {
-  e as DirectionContext,
-  o as useDirection
+  o as SelectPositionerContext,
+  i as useSelectPositionerContext
 };

package/dist/index187.js

@@ -1,106 +1,13 @@
-import * as o from "react";
-import { EMPTY_OBJECT as s } from "./index122.js";
-import { useRefWithInit as l } from "./index94.js";
-import { FloatingTreeStore as u } from "./index191.js";
-import { ReactStore as p } from "./index201.js";
-import { PopupTriggerMap as d } from "./index202.js";
-import { createSelector as t } from "./index203.js";
-import { popupStoreSelectors as f, createInitialPopupStoreState as c } from "./index200.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
-  };
+function e(o, t) {
+  o && Object.assign(o.style, t);
 }
+const i = {
+  position: "relative",
+  maxHeight: "100%",
+  overflowX: "hidden",
+  overflowY: "auto"
+};
 export {
-  a as MenuStore
+  i as LIST_FUNCTIONAL_STYLES,
+  e as clearStyles
 };

package/dist/index188.js

@@ -1,10 +1,43 @@
-import * as e from "react";
-const t = /* @__PURE__ */ e.createContext(void 0);
-process.env.NODE_ENV !== "production" && (t.displayName = "MenuSubmenuRootContext");
-function n() {
-  return e.useContext(t);
+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
+  };
+}
+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 ?? "";
 }
 export {
-  t as MenuSubmenuRootContext,
-  n as useMenuSubmenuRootContext
+  d as isAndroid,
+  p as isFirefox,
+  m as isIOS,
+  v as isJSDOM,
+  l as isMac,
+  g as isSafari,
+  c as isWebKit
 };

package/dist/index189.js

@@ -1,35 +1,7 @@
-import { useId as f } from "./index184.js";
-import { useRefWithInit as g } from "./index94.js";
-import { useIsoLayoutEffect as E } from "./index126.js";
-import { isElement as d } from "./index123.js";
-import { useFloatingParentNodeId as S } from "./index181.js";
-import { FloatingRootStore as x } from "./index242.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;
+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;
 }
 export {
-  v as useSyncedFloatingRootContext
+  o as isMouseWithinBounds
 };

package/dist/index19.js

@@ -1,16 +1,16 @@
 "use client";
 import * as c from "react";
-import { useDialogRootContext as h } from "./index96.js";
+import { useDialogRootContext as h } from "./index195.js";
 import { useRenderElement as M } from "./index87.js";
-import { popupStateMapping as y } from "./index98.js";
-import { transitionStatusMapping as N } from "./index99.js";
-import { DialogPopupCssVars as v } from "./index103.js";
-import { DialogPopupDataAttributes as w } from "./index104.js";
-import { useDialogPortalContext as A } from "./index105.js";
-import { useOpenChangeComplete as K } from "./index106.js";
-import { COMPOSITE_KEYS as T } from "./index107.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 { jsx as V } from "react/jsx-runtime";
-import { FloatingFocusManager as _ } from "./index108.js";
+import { FloatingFocusManager as _ } from "./index126.js";
 const j = {
   ...y,
   ...N,

package/dist/index190.js

@@ -1,77 +1,12 @@
-import * as r from "react";
-import { useId as P } from "./index184.js";
-import { useFloatingParentNodeId as S } from "./index181.js";
-import { EMPTY_OBJECT as F } from "./index122.js";
-import { getFloatingFocusElement as y } from "./index155.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]);
-}
+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}`
+  })
+};
 export {
-  k as useRole
+  r as styleDisableScrollbar
 };

package/dist/index191.js

@@ -1,17 +1,14 @@
-import { createEventEmitter as n } from "./index221.js";
-class d {
-  nodesRef = {
-    current: []
-  };
-  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);
-  }
+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;
 }
 export {
-  d as FloatingTreeStore
+  o as SelectItemContext,
+  s as useSelectItemContext
 };