@yselimcan/ui 0.0.8 → 0.0.9

package/dist/index218.js

@@ -1,202 +0,0 @@
-import * as r from "react";
-import { Store as l } from "./index146.js";
-import { useStore as a } from "./index145.js";
-import { useStableCallback as h } from "./index127.js";
-import { useIsoLayoutEffect as i } from "./index126.js";
-import { NOOP as d } from "./index100.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);
-      }
-    });
-  }
-}
-export {
-  O as ReactStore
-};

package/dist/index219.js

@@ -1,50 +0,0 @@
-import i from "./index94.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;
-  }
-}
-export {
-  a as PopupTriggerMap
-};

package/dist/index22.js

@@ -1,31 +0,0 @@
-"use client";
-import * as s from "react";
-import { inertValue as m } from "./index116.js";
-import { useDialogRootContext as d } from "./index103.js";
-import { DialogPortalContext as c } from "./index112.js";
-import { InternalBackdrop as u } from "./index117.js";
-import { jsx as n, jsxs as f } from "react/jsx-runtime";
-import { FloatingPortal as p } from "./index118.js";
-const P = /* @__PURE__ */ s.forwardRef(function(t, a) {
-  const {
-    keepMounted: r = !1,
-    ...l
-  } = t, {
-    store: o
-  } = d(), e = o.useState("mounted"), i = o.useState("modal");
-  return e || r ? /* @__PURE__ */ n(c.Provider, {
-    value: r,
-    children: /* @__PURE__ */ f(p, {
-      ref: a,
-      ...l,
-      children: [e && i === !0 && /* @__PURE__ */ n(u, {
-        ref: o.context.internalBackdropRef,
-        inert: m(!open)
-      }), t.children]
-    })
-  }) : null;
-});
-process.env.NODE_ENV !== "production" && (P.displayName = "DialogPortal");
-export {
-  P as DialogPortal
-};

package/dist/index220.js

@@ -1,22 +0,0 @@
-import t from "./index94.js";
-import { createSelectorCreator as s, lruMemoize as i } from "./index250.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;
-};
-export {
-  u as createSelector
-};

package/dist/index221.js

@@ -1,35 +0,0 @@
-"use client";
-import * as r from "react";
-import { useMergedRefs as p } from "./index95.js";
-import { useCompositeRootContext as h } from "./index190.js";
-import { useCompositeListItem as g } from "./index165.js";
-function I(m = {}) {
-  const {
-    highlightItemOnHover: s,
-    highlightedIndex: c,
-    onHighlightedIndexChange: i
-  } = h(), {
-    ref: u,
-    index: e
-  } = g(m), t = c === e, n = r.useRef(null), d = p(u, n);
-  return {
-    compositeProps: r.useMemo(() => ({
-      tabIndex: t ? 0 : -1,
-      onFocus() {
-        i(e);
-      },
-      onMouseMove() {
-        const o = n.current;
-        if (!s || !o)
-          return;
-        const f = o.hasAttribute("disabled") || o.ariaDisabled === "true";
-        !t && !f && o.focus();
-      }
-    }), [t, i, e, s]),
-    compositeRef: d,
-    index: e
-  };
-}
-export {
-  I as useCompositeItem
-};

package/dist/index222.js

@@ -1,9 +0,0 @@
-"use client";
-import * as e from "react";
-const n = [];
-function o(t) {
-  e.useEffect(t, n);
-}
-export {
-  o as useOnMount
-};

package/dist/index223.js

@@ -1,29 +0,0 @@
-"use client";
-import * as l from "react-dom";
-import { useAnimationFrame as m } from "./index160.js";
-import { useStableCallback as u } from "./index127.js";
-import { resolveRef as c } from "./index242.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 {
-  S as useAnimationsFinished
-};

package/dist/index224.js

@@ -1,14 +0,0 @@
-function t(r) {
-  if (r == null)
-    return "";
-  if (typeof r == "string")
-    return r;
-  try {
-    return JSON.stringify(r);
-  } catch {
-    return String(r);
-  }
-}
-export {
-  t as serializeValue
-};

package/dist/index225.js

@@ -1,24 +0,0 @@
-"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 {
-  t as CompositeListContext,
-  n as useCompositeListContext
-};

package/dist/index226.js

@@ -1,130 +0,0 @@
-const j = ["top", "right", "bottom", "left"], m = Math.min, p = Math.max, C = Math.round, L = Math.floor, E = (t) => ({
-  x: t,
-  y: t
-}), h = {
-  left: "right",
-  right: "left",
-  bottom: "top",
-  top: "bottom"
-}, x = {
-  start: "end",
-  end: "start"
-};
-function R(t, e, n) {
-  return p(t, m(e, n));
-}
-function T(t, e) {
-  return typeof t == "function" ? t(e) : t;
-}
-function g(t) {
-  return t.split("-")[0];
-}
-function a(t) {
-  return t.split("-")[1];
-}
-function b(t) {
-  return t === "x" ? "y" : "x";
-}
-function d(t) {
-  return t === "y" ? "height" : "width";
-}
-const A = /* @__PURE__ */ new Set(["top", "bottom"]);
-function P(t) {
-  return A.has(g(t)) ? "y" : "x";
-}
-function y(t) {
-  return b(P(t));
-}
-function k(t, e, n) {
-  n === void 0 && (n = !1);
-  const r = a(t), i = y(t), o = d(i);
-  let c = i === "x" ? r === (n ? "end" : "start") ? "right" : "left" : r === "start" ? "bottom" : "top";
-  return e.reference[o] > e.floating[o] && (c = f(c)), [c, f(c)];
-}
-function q(t) {
-  const e = f(t);
-  return [s(t), e, s(e)];
-}
-function s(t) {
-  return t.replace(/start|end/g, (e) => x[e]);
-}
-const u = ["left", "right"], l = ["right", "left"], M = ["top", "bottom"], O = ["bottom", "top"];
-function S(t, e, n) {
-  switch (t) {
-    case "top":
-    case "bottom":
-      return n ? e ? l : u : e ? u : l;
-    case "left":
-    case "right":
-      return e ? M : O;
-    default:
-      return [];
-  }
-}
-function z(t, e, n, r) {
-  const i = a(t);
-  let o = S(g(t), n === "start", r);
-  return i && (o = o.map((c) => c + "-" + i), e && (o = o.concat(o.map(s)))), o;
-}
-function f(t) {
-  return t.replace(/left|right|bottom|top/g, (e) => h[e]);
-}
-function w(t) {
-  return {
-    top: 0,
-    right: 0,
-    bottom: 0,
-    left: 0,
-    ...t
-  };
-}
-function B(t) {
-  return typeof t != "number" ? w(t) : {
-    top: t,
-    right: t,
-    bottom: t,
-    left: t
-  };
-}
-function D(t) {
-  const {
-    x: e,
-    y: n,
-    width: r,
-    height: i
-  } = t;
-  return {
-    width: r,
-    height: i,
-    top: n,
-    left: e,
-    right: e + r,
-    bottom: n + i,
-    x: e,
-    y: n
-  };
-}
-export {
-  R as clamp,
-  E as createCoords,
-  T as evaluate,
-  w as expandPaddingObject,
-  L as floor,
-  a as getAlignment,
-  y as getAlignmentAxis,
-  k as getAlignmentSides,
-  d as getAxisLength,
-  q as getExpandedPlacements,
-  s as getOppositeAlignmentPlacement,
-  b as getOppositeAxis,
-  z as getOppositeAxisPlacements,
-  f as getOppositePlacement,
-  B as getPaddingObject,
-  g as getSide,
-  P as getSideAxis,
-  p as max,
-  m as min,
-  D as rectToClientRect,
-  C as round,
-  j as sides
-};

package/dist/index227.js

@@ -1,47 +0,0 @@
-import { evaluate as W, getPaddingObject as Y, getAlignmentAxis as k, getAlignment as q, clamp as B, getAxisLength as C } from "./index226.js";
-const F = (s) => ({
-  name: "arrow",
-  options: s,
-  async fn(i) {
-    const {
-      x: y,
-      y: j,
-      placement: x,
-      rects: n,
-      platform: f,
-      elements: l,
-      middlewareData: M
-    } = i, {
-      element: g,
-      padding: v = 0,
-      offsetParent: z = "real"
-    } = W(s, i) || {};
-    if (g == null)
-      return {};
-    const h = Y(v), m = {
-      x: y,
-      y: j
-    }, t = k(x), e = C(t), r = await f.getDimensions(g), d = t === "y", E = d ? "top" : "left", H = d ? "bottom" : "right", A = d ? "clientHeight" : "clientWidth", L = n.reference[e] + n.reference[t] - m[t] - n.floating[e], R = m[t] - n.reference[t], S = z === "real" ? await f.getOffsetParent?.(g) : l.floating;
-    let a = l.floating[A] || n.floating[e];
-    (!a || !await f.isElement?.(S)) && (a = l.floating[A] || n.floating[e]);
-    const T = L / 2 - R / 2, O = a / 2 - r[e] / 2 - 1, u = Math.min(h[E], O), b = Math.min(h[H], O), c = u, D = a - r[e] - b, o = a / 2 - r[e] / 2 + T, P = B(c, o, D), p = !M.arrow && q(x) != null && o !== P && n.reference[e] / 2 - (o < c ? u : b) - r[e] / 2 < 0, w = p ? o < c ? o - c : o - D : 0;
-    return {
-      [t]: m[t] + w,
-      data: {
-        [t]: P,
-        centerOffset: o - P - w,
-        ...p && {
-          alignmentOffset: w
-        }
-      },
-      reset: p
-    };
-  }
-}), I = (s, i) => ({
-  ...F(s),
-  options: [s, i]
-});
-export {
-  I as arrow,
-  F as baseArrow
-};

package/dist/index228.js

@@ -1,20 +0,0 @@
-import { hide as a } from "./index230.js";
-const o = {
-  name: "hide",
-  async fn(e) {
-    const {
-      width: n,
-      height: d,
-      x: i,
-      y: t
-    } = e.rects.reference, r = n === 0 && d === 0 && i === 0 && t === 0;
-    return {
-      data: {
-        referenceHidden: (await a().fn(e)).data?.referenceHidden || r
-      }
-    };
-  }
-};
-export {
-  o as hide
-};

package/dist/index229.js

@@ -1,7 +0,0 @@
-const e = {
-  sideX: "left",
-  sideY: "top"
-};
-export {
-  e as DEFAULT_SIDES
-};

package/dist/index23.js

@@ -1,25 +0,0 @@
-"use client";
-import * as l from "react";
-import { useDialogRootContext as n } from "./index103.js";
-import { useRenderElement as a } from "./index87.js";
-import { useBaseUiId as m } from "./index109.js";
-const d = /* @__PURE__ */ l.forwardRef(function(e, t) {
-  const {
-    render: c,
-    className: u,
-    id: i,
-    ...r
-  } = e, {
-    store: s
-  } = n(), o = m(i);
-  return s.useSyncedValueWithCleanup("titleElementId", o), a("h2", e, {
-    ref: t,
-    props: [{
-      id: o
-    }, r]
-  });
-});
-process.env.NODE_ENV !== "production" && (d.displayName = "DialogTitle");
-export {
-  d as DialogTitle
-};