@yselimcan/ui 0.0.7 → 0.0.9

package/dist/index18.js

@@ -1,41 +0,0 @@
-"use client";
-import * as n from "react";
-import { useDialogRootContext as p } from "./index195.js";
-import { useRenderElement as d } from "./index87.js";
-import { createChangeEventDetails as C } from "./index115.js";
-import { useButton as g } from "./index86.js";
-import { closePress as v } from "./index116.js";
-const D = /* @__PURE__ */ n.forwardRef(function(t, s) {
-  const {
-    render: R,
-    className: N,
-    disabled: e = !1,
-    nativeButton: r = !0,
-    ...i
-  } = t, {
-    store: o
-  } = p(), a = o.useState("open");
-  function l(u) {
-    a && o.setOpen(!1, C(v, u.nativeEvent));
-  }
-  const {
-    getButtonProps: c,
-    buttonRef: f
-  } = g({
-    disabled: e,
-    native: r
-  }), m = n.useMemo(() => ({
-    disabled: e
-  }), [e]);
-  return d("button", t, {
-    state: m,
-    ref: [s, f],
-    props: [{
-      onClick: l
-    }, i, c]
-  });
-});
-process.env.NODE_ENV !== "production" && (D.displayName = "DialogClose");
-export {
-  D as DialogClose
-};

package/dist/index180.js

@@ -1,14 +0,0 @@
-import * as c from "react";
-import { useIsoLayoutEffect as o } from "./index97.js";
-import { useStableCallback as f } from "./index95.js";
-function u(r, n) {
-  const t = c.useRef(r), e = f(n);
-  o(() => {
-    t.current !== r && e(t.current);
-  }, [r, e]), o(() => {
-    t.current = r;
-  }, [r]);
-}
-export {
-  u as useValueChanged
-};

package/dist/index181.js

@@ -1,38 +0,0 @@
-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 {
-    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 {
-  O as useFloatingRootContext
-};

package/dist/index182.js

@@ -1,18 +0,0 @@
-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 {
-  b as useStore
-};

package/dist/index183.js

@@ -1,82 +0,0 @@
-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 {
-  e as Store
-};

package/dist/index184.js

@@ -1,26 +0,0 @@
-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]: ""
-    };
-  }
-};
-export {
-  e as DEFAULT_VALIDITY_STATE,
-  r as fieldValidityMapping
-};

package/dist/index185.js

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

package/dist/index186.js

@@ -1,14 +0,0 @@
-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;
-}
-export {
-  o as SelectPositionerContext,
-  i as useSelectPositionerContext
-};

package/dist/index187.js

@@ -1,13 +0,0 @@
-function e(o, t) {
-  o && Object.assign(o.style, t);
-}
-const i = {
-  position: "relative",
-  maxHeight: "100%",
-  overflowX: "hidden",
-  overflowY: "auto"
-};
-export {
-  i as LIST_FUNCTIONAL_STYLES,
-  e as clearStyles
-};

package/dist/index188.js

@@ -1,43 +0,0 @@
-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 {
-  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,7 +0,0 @@
-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 {
-  o as isMouseWithinBounds
-};

package/dist/index19.js

@@ -1,80 +0,0 @@
-"use client";
-import * as c from "react";
-import { useDialogRootContext as h } from "./index195.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 { jsx as V } from "react/jsx-runtime";
-import { FloatingFocusManager as _ } from "./index126.js";
-const j = {
-  ...y,
-  ...N,
-  nestedDialogOpen(n) {
-    return n ? {
-      [w.nestedDialogOpen]: ""
-    } : null;
-  }
-}, k = /* @__PURE__ */ c.forwardRef(function(s, d) {
-  const {
-    className: Y,
-    finalFocus: m,
-    initialFocus: i,
-    render: q,
-    ...f
-  } = s, {
-    store: t
-  } = h(), g = t.useState("descriptionElementId"), S = t.useState("disablePointerDismissal"), D = t.useState("floatingRootContext"), C = t.useState("popupProps"), P = t.useState("modal"), a = t.useState("mounted"), p = t.useState("nested"), r = t.useState("nestedOpenDialogCount"), e = t.useState("open"), x = t.useState("openMethod"), O = t.useState("titleElementId"), u = t.useState("transitionStatus"), b = t.useState("role");
-  A(), K({
-    open: e,
-    ref: t.context.popupRef,
-    onComplete() {
-      e && t.context.onOpenChangeComplete?.(!0);
-    }
-  });
-  function E(o) {
-    return o === "touch" ? t.context.popupRef.current : !0;
-  }
-  const F = i === void 0 ? E : i, l = r > 0, I = c.useMemo(() => ({
-    open: e,
-    nested: p,
-    transitionStatus: u,
-    nestedDialogOpen: l
-  }), [e, p, u, l]), R = M("div", s, {
-    state: I,
-    props: [C, {
-      "aria-labelledby": O ?? void 0,
-      "aria-describedby": g ?? void 0,
-      role: b,
-      tabIndex: -1,
-      hidden: !a,
-      onKeyDown(o) {
-        T.has(o.key) && o.stopPropagation();
-      },
-      style: {
-        [v.nestedDialogs]: r
-      }
-    }, f],
-    ref: [d, t.context.popupRef, t.useStateSetter("popupElement")],
-    stateAttributesMapping: j
-  });
-  return /* @__PURE__ */ V(_, {
-    context: D,
-    openInteractionType: x,
-    disabled: !a,
-    closeOnFocusOut: !S,
-    initialFocus: F,
-    returnFocus: m,
-    modal: P !== !1,
-    restoreFocus: "popup",
-    children: R
-  });
-});
-process.env.NODE_ENV !== "production" && (k.displayName = "DialogPopup");
-export {
-  k as DialogPopup
-};

package/dist/index190.js

@@ -1,12 +0,0 @@
-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 {
-  r as styleDisableScrollbar
-};

package/dist/index191.js

@@ -1,14 +0,0 @@
-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 {
-  o as SelectItemContext,
-  s as useSelectItemContext
-};

package/dist/index192.js

@@ -1,120 +0,0 @@
-"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) {
-  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);
-    }
-  });
-  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");
-export {
-  F as SelectScrollArrow
-};

package/dist/index193.js

@@ -1,14 +0,0 @@
-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;
-}
-export {
-  o as SelectGroupContext,
-  s as useSelectGroupContext
-};

package/dist/index194.js

@@ -1,90 +0,0 @@
-"use client";
-import * as s from "react";
-import { useStableCallback as y } from "./index95.js";
-import { useScrollLock as I } from "./index141.js";
-import { useOpenInteractionType as A } from "./index144.js";
-import { createChangeEventDetails as M } from "./index115.js";
-import { useImplicitActiveTrigger as B, useOpenStateTransitions as F } from "./index153.js";
-import { useSyncedFloatingRootContext as U } from "./index147.js";
-import { useRole as w } from "./index149.js";
-import { useDismiss as H } from "./index148.js";
-import { useInteractions as K } from "./index152.js";
-import { imperativeAction as L } from "./index116.js";
-import { getTarget as V, contains as j } from "./index166.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
-  });
-}
-export {
-  ee as useDialogRoot
-};

package/dist/index195.js

@@ -1,15 +0,0 @@
-"use client";
-import i from "./index100.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));
-  return o;
-}
-export {
-  e as DialogRootContext,
-  s as useDialogRootContext
-};