@yselimcan/ui 0.0.6 → 0.0.7

package/dist/index198.js

@@ -1,78 +1,7 @@
-import * as i from "react";
-import { getWindow as h, isElement as b, isHTMLElement as M } from "./index123.js";
-import { isMac as F, isSafari as D } from "./index162.js";
-import { useTimeout as k } from "./index152.js";
-import { createChangeEventDetails as R } from "./index100.js";
-import { createAttribute as O } from "./index237.js";
-import { activeElement as T, contains as w, getTarget as S, isTypeableElement as A, matchesFocusVisible as C, getDocument as x } from "./index155.js";
-import { triggerFocus as y, triggerPress as B, escapeKey as K } from "./index101.js";
-const g = F && D;
-function z(a, L = {}) {
-  const r = "rootStore" in a ? a.rootStore : a, {
-    events: f,
-    dataRef: E
-  } = r.context, {
-    enabled: o = !0,
-    visibleOnly: p = !0
-  } = L, s = i.useRef(!1), v = k(), m = i.useRef(!0);
-  i.useEffect(() => {
-    const t = r.select("domReferenceElement");
-    if (!o)
-      return;
-    const e = h(t);
-    function u() {
-      !r.select("open") && M(t) && t === T(x(t)) && (s.current = !0);
-    }
-    function c() {
-      m.current = !0;
-    }
-    function n() {
-      m.current = !1;
-    }
-    return e.addEventListener("blur", u), g && (e.addEventListener("keydown", c, !0), e.addEventListener("pointerdown", n, !0)), () => {
-      e.removeEventListener("blur", u), g && (e.removeEventListener("keydown", c, !0), e.removeEventListener("pointerdown", n, !0));
-    };
-  }, [r, o]), i.useEffect(() => {
-    if (!o)
-      return;
-    function t(e) {
-      (e.reason === B || e.reason === K) && (s.current = !0);
-    }
-    return f.on("openchange", t), () => {
-      f.off("openchange", t);
-    };
-  }, [f, o]);
-  const l = i.useMemo(() => ({
-    onMouseLeave() {
-      s.current = !1;
-    },
-    onFocus(t) {
-      if (s.current)
-        return;
-      const e = S(t.nativeEvent);
-      if (p && b(e)) {
-        if (g && !t.relatedTarget) {
-          if (!m.current && !A(e))
-            return;
-        } else if (!C(e))
-          return;
-      }
-      r.setOpen(!0, R(y, t.nativeEvent, t.currentTarget));
-    },
-    onBlur(t) {
-      s.current = !1;
-      const e = t.relatedTarget, u = t.nativeEvent, c = b(e) && e.hasAttribute(O("focus-guard")) && e.getAttribute("data-type") === "outside";
-      v.start(0, () => {
-        const n = r.select("domReferenceElement"), d = T(n ? n.ownerDocument : document);
-        !e && d === n || w(E.current.floatingContext?.refs.floating.current, d) || w(n, d) || c || r.context.triggerElements.hasElement(t.relatedTarget) || r.setOpen(!1, R(y, u));
-      });
-    }
-  }), [E, r, p, v]);
-  return i.useMemo(() => o ? {
-    reference: l,
-    trigger: l
-  } : {}, [o, l]);
-}
+import { CommonPopupDataAttributes as e } from "./index120.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;
+})({});
 export {
-  z as useFocus
+  y as DialogPopupDataAttributes
 };

package/dist/index199.js

@@ -1,67 +1,14 @@
-import { tabbable as r } from "./index236.js";
-import { contains as d, getDocument as b, activeElement as f } from "./index155.js";
-const s = () => ({
-  getShadowRoot: !0,
-  displayCheck: (
-    // JSDOM does not support the `tabbable` library. To solve this we can
-    // check if `ResizeObserver` is a real function (not polyfilled), which
-    // determines if the current environment is JSDOM-like.
-    typeof ResizeObserver == "function" && ResizeObserver.toString().includes("[native code]") ? "full" : "none"
-  )
-});
-function u(t, a) {
-  const e = r(t, s()), n = e.length;
-  if (n === 0)
-    return;
-  const i = f(b(t)), o = e.indexOf(i), c = o === -1 ? a === 1 ? 0 : n - 1 : o + a;
-  return e[c];
-}
-function T(t) {
-  return u(b(t).body, 1) || t;
-}
-function m(t) {
-  return u(b(t).body, -1) || t;
-}
-function l(t, a) {
-  if (!t)
-    return null;
-  const e = r(b(t).body, s()), n = e.length;
-  if (n === 0)
-    return null;
-  const i = e.indexOf(t);
-  if (i === -1)
-    return null;
-  const o = (i + a + n) % n;
-  return e[o];
-}
-function v(t) {
-  return l(t, 1);
-}
-function h(t) {
-  return l(t, -1);
-}
-function p(t, a) {
-  const e = a || t.currentTarget, n = t.relatedTarget;
-  return !n || !d(e, n);
-}
-function y(t) {
-  r(t, s()).forEach((e) => {
-    e.dataset.tabindex = e.getAttribute("tabindex") || "", e.setAttribute("tabindex", "-1");
-  });
-}
-function A(t) {
-  t.querySelectorAll("[data-tabindex]").forEach((e) => {
-    const n = e.dataset.tabindex;
-    delete e.dataset.tabindex, n ? e.setAttribute("tabindex", n) : e.removeAttribute("tabindex");
-  });
+import r from "./index100.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;
 }
 export {
-  y as disableFocusInside,
-  A as enableFocusInside,
-  T as getNextTabbable,
-  m as getPreviousTabbable,
-  v as getTabbableAfterElement,
-  h as getTabbableBeforeElement,
-  s as getTabbableOptions,
-  p as isOutsideEvent
+  e as DialogPortalContext,
+  a as useDialogPortalContext
 };

package/dist/index20.js

@@ -1,8 +1,8 @@
 "use client";
 import * as n from "react";
-import { useDialogRootContext as p } from "./index96.js";
+import { useDialogRootContext as p } from "./index195.js";
 import { useRenderElement as a } from "./index87.js";
-import { useBaseUiId as c } from "./index102.js";
+import { useBaseUiId as c } from "./index112.js";
 const d = /* @__PURE__ */ n.forwardRef(function(e, i) {
   const {
     render: m,

package/dist/index200.js

@@ -1,50 +1,8 @@
-import { getEmptyRootContext as i } from "./index247.js";
-import { EMPTY_OBJECT as n } from "./index122.js";
-import { createSelector as t } from "./index203.js";
-function l() {
-  return {
-    open: !1,
-    mounted: !1,
-    transitionStatus: "idle",
-    floatingRootContext: i(),
-    preventUnmountingOnClose: !1,
-    payload: void 0,
-    activeTriggerId: null,
-    activeTriggerElement: null,
-    popupElement: null,
-    positionerElement: null,
-    activeTriggerProps: n,
-    inactiveTriggerProps: n,
-    popupProps: n
-  };
+import * as t from "react";
+const e = parseInt(t.version, 10);
+function o(r) {
+  return e >= r;
 }
-const a = {
-  open: t((e) => e.open),
-  mounted: t((e) => e.mounted),
-  transitionStatus: t((e) => e.transitionStatus),
-  floatingRootContext: t((e) => e.floatingRootContext),
-  preventUnmountingOnClose: t((e) => e.preventUnmountingOnClose),
-  payload: t((e) => e.payload),
-  activeTriggerId: t((e) => e.activeTriggerId),
-  activeTriggerElement: t((e) => e.mounted ? e.activeTriggerElement : null),
-  /**
-   * Whether the trigger with the given ID was used to open the popup.
-   */
-  isTriggerActive: t((e, o) => o !== void 0 && e.activeTriggerId === o),
-  /**
-   * Whether the popup is open and was activated by a trigger with the given ID.
-   */
-  isOpenedByTrigger: t((e, o) => o !== void 0 && e.activeTriggerId === o && e.open),
-  /**
-   * Whether the popup is mounted and was activated by a trigger with the given ID.
-   */
-  isMountedByTrigger: t((e, o) => o !== void 0 && e.activeTriggerId === o && e.mounted),
-  triggerProps: t((e, o) => o ? e.activeTriggerProps : e.inactiveTriggerProps),
-  popupProps: t((e) => e.popupProps),
-  popupElement: t((e) => e.popupElement),
-  positionerElement: t((e) => e.positionerElement)
-};
 export {
-  l as createInitialPopupStoreState,
-  a as popupStoreSelectors
+  o as isReactVersionAtLeast
 };

package/dist/index201.js

@@ -1,202 +1,24 @@
-import * as r from "react";
-import { Store as l } from "./index150.js";
-import { useStore as a } from "./index149.js";
-import { useStableCallback as h } from "./index124.js";
-import { useIsoLayoutEffect as i } from "./index126.js";
-import { NOOP as d } from "./index122.js";
-class O extends l {
-  /**
-   * Creates a new ReactStore instance.
-   *
-   * @param state Initial state of the store.
-   * @param context Non-reactive context values.
-   * @param selectors Optional selectors for use with `useState`.
-   */
-  constructor(e, t = {}, s) {
-    super(e), this.context = t, this.selectors = s;
-  }
-  /**
-   * Non-reactive values such as refs, callbacks, etc.
-   */
-  /**
-   * Keeps track of which properties are controlled.
-   */
-  controlledValues = /* @__PURE__ */ new Map();
-  /**
-   * Synchronizes a single external value into the store.
-   *
-   * Note that the while the value in `state` is updated immediately, the value returned
-   * by `useState` is updated before the next render (similarly to React's `useState`).
-   */
-  useSyncedValue(e, t) {
-    r.useDebugValue(e), i(() => {
-      this.state[e] !== t && this.set(e, t);
-    }, [e, t]);
-  }
-  /**
-   * Synchronizes a single external value into the store and
-   * cleans it up (sets to `undefined`) on unmount.
-   *
-   * Note that the while the value in `state` is updated immediately, the value returned
-   * by `useState` is updated before the next render (similarly to React's `useState`).
-   */
-  useSyncedValueWithCleanup(e, t) {
-    i(() => (this.state[e] !== t && this.set(e, t), () => {
-      this.set(e, void 0);
-    }), [e, t]);
-  }
-  /**
-   * Synchronizes multiple external values into the store.
-   *
-   * Note that the while the values in `state` are updated immediately, the values returned
-   * by `useState` are updated before the next render (similarly to React's `useState`).
-   */
-  useSyncedValues(e) {
-    if (process.env.NODE_ENV !== "production") {
-      r.useDebugValue(e, (n) => Object.keys(n));
-      const s = r.useRef(Object.keys(e)).current, o = Object.keys(e);
-      (s.length !== o.length || s.some((n, u) => n !== o[u])) && console.error("ReactStore.useSyncedValues expects the same prop keys on every render. Keys should be stable.");
-    }
-    const t = Object.values(e);
-    i(() => {
-      this.update(e);
-    }, t);
-  }
-  /**
-   * Registers a controllable prop pair (`controlled`, `defaultValue`) for a specific key.
-   * - If `controlled` is non-undefined, the key is marked as controlled and the store's
-   *   state at `key` is updated to match `controlled`. Local writes to that key are ignored.
-   * - If `controlled` is undefined, the key is marked as uncontrolled. The store's state
-   *   is initialized to `defaultValue` on first render and can be updated with local writes.
-   */
-  useControlledProp(e, t, s) {
-    r.useDebugValue(e);
-    const o = t !== void 0;
-    if (process.env.NODE_ENV !== "production") {
-      const n = this.controlledValues.get(e);
-      n !== void 0 && n !== o && console.error(`A component is changing the ${o ? "" : "un"}controlled state of ${e.toString()} to be ${o ? "un" : ""}controlled. Elements should not switch from uncontrolled to controlled (or vice versa).`);
-    }
-    this.controlledValues.has(e) || (this.controlledValues.set(e, o), !o && !Object.is(this.state[e], s) && super.setState({
-      ...this.state,
-      [e]: s
-    })), i(() => {
-      o && !Object.is(this.state[e], t) && super.setState({
-        ...this.state,
-        [e]: t
-      });
-    }, [e, t, s, o]);
-  }
-  /**
-   * Sets a specific key in the store's state to a new value and notifies listeners if the value has changed.
-   * If the key is controlled (registered via {@link useControlledProp} with a non-undefined value),
-   * the update is ignored and no listeners are notified.
-   *
-   * @param key The state key to update.
-   * @param value The new value to set for the specified key.
-   */
-  set(e, t) {
-    this.controlledValues.get(e) !== !0 && super.set(e, t);
-  }
-  /**
-   * Merges the provided changes into the current state and notifies listeners if there are changes.
-   * Controlled keys are filtered out and not updated.
-   *
-   * @param values An object containing the changes to apply to the current state.
-   */
-  update(e) {
-    const t = {
-      ...e
-    };
-    for (const s in t)
-      if (Object.hasOwn(t, s) && this.controlledValues.get(s) === !0) {
-        delete t[s];
-        continue;
-      }
-    super.update(t);
-  }
-  /**
-   * Updates the entire store's state and notifies all registered listeners.
-   * Controlled keys are left unchanged; only uncontrolled keys from `newState` are applied.
-   *
-   * @param newState The new state to set for the store.
-   */
-  setState(e) {
-    const t = {
-      ...e
-    };
-    for (const s in t)
-      if (Object.hasOwn(t, s) && this.controlledValues.get(s) === !0) {
-        delete t[s];
-        continue;
-      }
-    super.setState({
-      ...this.state,
-      ...t
-    });
-  }
-  /** Gets the current value from the store using a selector with the provided key.
-   *
-   * @param key Key of the selector to use.
-   */
-  select = (e, t, s, o) => {
-    const n = this.selectors[e];
-    return n(this.state, t, s, o);
-  };
-  /**
-   * Returns a value from the store's state using a selector function.
-   * Used to subscribe to specific parts of the state.
-   * This methods causes a rerender whenever the selected state changes.
-   *
-   * @param key Key of the selector to use.
-   */
-  useState = (e, t, s, o) => {
-    r.useDebugValue(e);
-    const n = this.selectors[e];
-    return a(this, n, t, s, o);
-  };
-  /**
-   * Wraps a function with `useStableCallback` to ensure it has a stable reference
-   * and assigns it to the context.
-   *
-   * @param key Key of the event callback. Must be a function in the context.
-   * @param fn Function to assign.
-   */
-  useContextCallback(e, t) {
-    r.useDebugValue(e);
-    const s = h(t ?? d);
-    this.context[e] = s;
-  }
-  /**
-   * Returns a stable setter function for a specific key in the store's state.
-   * It's commonly used to pass as a ref callback to React elements.
-   *
-   * @param key Key of the state to set.
-   */
-  useStateSetter(e) {
-    const t = r.useRef(void 0);
-    return t.current === void 0 && (t.current = (s) => {
-      this.set(e, s);
-    }), t.current;
-  }
-  /**
-   * Observes changes derived from the store's selectors and calls the listener when the selected value changes.
-   *
-   * @param key Key of the selector to observe.
-   * @param listener Listener function called when the selector result changes.
-   */
-  observe(e, t) {
-    let s;
-    typeof e == "function" ? s = e : s = this.selectors[e];
-    let o = s(this.state);
-    return t(o, o, this), this.subscribe((n) => {
-      const u = s(n);
-      if (!Object.is(o, u)) {
-        const c = o;
-        o = u, t(u, c, this);
-      }
-    });
-  }
+"use client";
+import * as e from "react";
+const t = /* @__PURE__ */ e.createContext({
+  register: () => {
+  },
+  unregister: () => {
+  },
+  subscribeMapChange: () => () => {
+  },
+  elementsRef: {
+    current: []
+  },
+  nextIndexRef: {
+    current: 0
+  }
+});
+process.env.NODE_ENV !== "production" && (t.displayName = "CompositeListContext");
+function n() {
+  return e.useContext(t);
 }
 export {
-  O as ReactStore
+  t as CompositeListContext,
+  n as useCompositeListContext
 };

package/dist/index202.js

@@ -1,50 +1,6 @@
-import i from "./index112.js";
-class a {
-  constructor() {
-    this.elements = /* @__PURE__ */ new Set(), this.idMap = /* @__PURE__ */ new Map();
-  }
-  /**
-   * Adds a trigger element with the given ID.
-   *
-   * Note: The provided element is assumed to not be registered under multiple IDs.
-   */
-  add(e, t) {
-    const s = this.idMap.get(e);
-    if (s !== t && (s !== void 0 && this.elements.delete(s), this.elements.add(t), this.idMap.set(e, t), process.env.NODE_ENV !== "production" && this.elements.size !== this.idMap.size))
-      throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: A trigger element cannot be registered under multiple IDs in PopupTriggerMap." : i(87));
-  }
-  /**
-   * Removes the trigger element with the given ID.
-   */
-  delete(e) {
-    const t = this.idMap.get(e);
-    t && (this.elements.delete(t), this.idMap.delete(e));
-  }
-  /**
-   * Whether the given element is registered as a trigger.
-   */
-  hasElement(e) {
-    return this.elements.has(e);
-  }
-  /**
-   * Whether there is a registered trigger element matching the given predicate.
-   */
-  hasMatchingElement(e) {
-    for (const t of this.elements)
-      if (e(t))
-        return !0;
-    return !1;
-  }
-  getById(e) {
-    return this.idMap.get(e);
-  }
-  entries() {
-    return this.idMap.entries();
-  }
-  get size() {
-    return this.idMap.size;
-  }
-}
+let h = /* @__PURE__ */ (function(d) {
+  return d.checked = "data-checked", d.unchecked = "data-unchecked", d.disabled = "data-disabled", d.highlighted = "data-highlighted", d;
+})({});
 export {
-  a as PopupTriggerMap
+  h as MenuCheckboxItemDataAttributes
 };

package/dist/index203.js

@@ -1,22 +1,29 @@
-import t from "./index112.js";
-import { createSelectorCreator as s, lruMemoize as i } from "./index248.js";
-s({
-  memoize: i,
-  memoizeOptions: {
-    maxSize: 1,
-    equalityCheck: Object.is
-  }
-});
-const u = (e, m, c, n, l, p, ...o) => {
-  if (o.length > 0)
-    throw new Error(process.env.NODE_ENV !== "production" ? "Unsupported number of selectors" : t(1));
-  let r;
-  if (e)
-    r = e;
-  else
-    throw new Error("Missing arguments");
-  return r;
-};
+"use client";
+import * as l from "react-dom";
+import { useAnimationFrame as m } from "./index140.js";
+import { useStableCallback as u } from "./index95.js";
+import { resolveRef as c } from "./index236.js";
+function S(s, f = !1, a = !0) {
+  const i = m();
+  return u((r, t = null) => {
+    i.cancel();
+    const e = c(s);
+    e != null && (typeof e.getAnimations != "function" || globalThis.BASE_UI_ANIMATIONS_DISABLED ? r() : i.request(() => {
+      function o() {
+        e && Promise.all(e.getAnimations().map((n) => n.finished)).then(() => {
+          t != null && t.aborted || l.flushSync(r);
+        }).catch(() => {
+          if (a) {
+            if (t != null && t.aborted)
+              return;
+            l.flushSync(r);
+          } else e.getAnimations().length > 0 && e.getAnimations().some((n) => n.pending || n.playState !== "finished") && o();
+        });
+      }
+      f ? i.request(o) : o();
+    }));
+  });
+}
 export {
-  u as createSelector
+  S as useAnimationsFinished
 };