@yselimcan/ui 0.0.3 → 0.0.5

package/dist/index198.js

@@ -1,120 +1,78 @@
-"use client";
-import * as R from "react";
-import { useTimeout as O } from "./index148.js";
-import { useIsoLayoutEffect as X } from "./index97.js";
-import { useSelectRootContext as Y } from "./index177.js";
-import { useSelectPositionerContext as _ } from "./index192.js";
-import { useTransitionStatus as j } from "./index136.js";
-import { useOpenChangeComplete as q } from "./index119.js";
-import { useRenderElement as z } from "./index86.js";
-import { selectors as d } from "./index181.js";
-import { useStore as H } from "./index188.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);
+import * as i from "react";
+import { getWindow as h, isElement as b, isHTMLElement as M } from "./index164.js";
+import { isMac as F, isSafari as D } from "./index158.js";
+import { useTimeout as k } from "./index148.js";
+import { createChangeEventDetails as R } from "./index107.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 "./index151.js";
+import { triggerFocus as y, triggerPress as B, escapeKey as K } from "./index108.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);
     }
-  });
-  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();
+    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;
-          }
-          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();
+        } else if (!C(e))
+          return;
       }
-    }, V]
-  });
-  return n || v ? U : null;
-});
-process.env.NODE_ENV !== "production" && (F.displayName = "SelectScrollArrow");
+      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]);
+}
 export {
-  F as SelectScrollArrow
+  z as useFocus
 };

package/dist/index199.js

@@ -1,14 +1,67 @@
-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;
+import { tabbable as r } from "./index236.js";
+import { contains as d, getDocument as b, activeElement as f } from "./index151.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");
+  });
 }
 export {
-  o as SelectGroupContext,
-  s as useSelectGroupContext
+  y as disableFocusInside,
+  A as enableFocusInside,
+  T as getNextTabbable,
+  m as getPreviousTabbable,
+  v as getTabbableAfterElement,
+  h as getTabbableBeforeElement,
+  s as getTabbableOptions,
+  p as isOutsideEvent
 };

package/dist/index20.js

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

package/dist/index201.js

@@ -1,5 +1,5 @@
-import { getEmptyRootContext as i } from "./index236.js";
-import { EMPTY_OBJECT as n } from "./index106.js";
+import { getEmptyRootContext as i } from "./index247.js";
+import { EMPTY_OBJECT as n } from "./index100.js";
 import { createSelector as t } from "./index204.js";
 function l() {
   return {

package/dist/index202.js

@@ -1,9 +1,9 @@
 import * as r from "react";
-import { Store as l } from "./index189.js";
-import { useStore as a } from "./index188.js";
-import { useStableCallback as h } from "./index95.js";
-import { useIsoLayoutEffect as i } from "./index97.js";
-import { NOOP as d } from "./index106.js";
+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.

package/dist/index203.js

@@ -1,4 +1,4 @@
-import i from "./index100.js";
+import i from "./index94.js";
 class a {
   constructor() {
     this.elements = /* @__PURE__ */ new Set(), this.idMap = /* @__PURE__ */ new Map();

package/dist/index204.js

@@ -1,5 +1,5 @@
-import t from "./index100.js";
-import { createSelectorCreator as s, lruMemoize as i } from "./index250.js";
+import t from "./index94.js";
+import { createSelectorCreator as s, lruMemoize as i } from "./index248.js";
 s({
   memoize: i,
   memoizeOptions: {

package/dist/index205.js

@@ -1,8 +1,8 @@
 "use client";
 import * as l from "react-dom";
-import { useAnimationFrame as m } from "./index150.js";
-import { useStableCallback as u } from "./index95.js";
-import { resolveRef as c } from "./index241.js";
+import { useAnimationFrame as m } from "./index160.js";
+import { useStableCallback as u } from "./index127.js";
+import { resolveRef as c } from "./index240.js";
 function S(s, f = !1, a = !0) {
   const i = m();
   return u((r, t = null) => {

package/dist/index206.js

@@ -1,6 +1,14 @@
-let h = /* @__PURE__ */ (function(d) {
-  return d.checked = "data-checked", d.unchecked = "data-unchecked", d.disabled = "data-disabled", d.highlighted = "data-highlighted", d;
-})({});
+function t(r) {
+  if (r == null)
+    return "";
+  if (typeof r == "string")
+    return r;
+  try {
+    return JSON.stringify(r);
+  } catch {
+    return String(r);
+  }
+}
 export {
-  h as MenuCheckboxItemDataAttributes
+  t as serializeValue
 };

package/dist/index207.js

@@ -1,24 +1,9 @@
 "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);
+const n = [];
+function o(t) {
+  e.useEffect(t, n);
 }
 export {
-  t as CompositeListContext,
-  n as useCompositeListContext
+  o as useOnMount
 };

package/dist/index208.js

@@ -1,130 +1,6 @@
-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
-  };
-}
+let a = /* @__PURE__ */ (function(d) {
+  return d.disabled = "data-disabled", d.valid = "data-valid", d.invalid = "data-invalid", d.touched = "data-touched", d.dirty = "data-dirty", d.filled = "data-filled", d.focused = "data-focused", d;
+})({});
 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
+  a as FieldControlDataAttributes
 };

package/dist/index209.js

@@ -1,47 +1,12 @@
-import { evaluate as W, getPaddingObject as Y, getAlignmentAxis as k, getAlignment as q, clamp as B, getAxisLength as C } from "./index208.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]
-});
+function n(e, t) {
+  return {
+    ...e,
+    state: {
+      ...e.state,
+      valid: !t && e.state.valid
+    }
+  };
+}
 export {
-  I as arrow,
-  F as baseArrow
+  n as getCombinedFieldValidityData
 };

package/dist/index21.js

@@ -1,9 +1,9 @@
 "use client";
 import * as s from "react";
-import { useDialogRootContext as d } from "./index109.js";
-import { useRenderElement as m } from "./index86.js";
-import { popupStateMapping as l } from "./index111.js";
-import { transitionStatusMapping as f } from "./index112.js";
+import { useDialogRootContext as d } from "./index103.js";
+import { useRenderElement as m } from "./index87.js";
+import { popupStateMapping as l } from "./index105.js";
+import { transitionStatusMapping as f } from "./index106.js";
 const S = {
   ...l,
   ...f

package/dist/index210.js

@@ -1,20 +1,19 @@
-import { hide as a } from "./index212.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
+import * as n from "react";
+function e(i) {
+  const o = n.useRef(""), c = n.useCallback((r) => {
+    r.defaultPrevented || (o.current = r.pointerType, i(r, r.pointerType));
+  }, [i]);
+  return {
+    onClick: n.useCallback((r) => {
+      if (r.detail === 0) {
+        i(r, "keyboard");
+        return;
       }
-    };
-  }
-};
+      "pointerType" in r && i(r, r.pointerType), i(r, o.current), o.current = "";
+    }, [i]),
+    onPointerDown: c
+  };
+}
 export {
-  o as hide
+  e as useEnhancedClickHandler
 };

package/dist/index211.js

@@ -1,7 +1,24 @@
-const e = {
-  sideX: "left",
-  sideY: "top"
-};
+"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 {
-  e as DEFAULT_SIDES
+  t as CompositeListContext,
+  n as useCompositeListContext
 };