@yselimcan/ui 0.0.4 → 0.0.6

package/dist/index111.js

@@ -1,40 +1,128 @@
-import { TransitionStatusDataAttributes as p } from "./index112.js";
-let r = (function(n) {
-  return n.open = "data-open", n.closed = "data-closed", n[n.startingStyle = p.startingStyle] = "startingStyle", n[n.endingStyle = p.endingStyle] = "endingStyle", n.anchorHidden = "data-anchor-hidden", n;
-})({}), e = /* @__PURE__ */ (function(n) {
-  return n.popupOpen = "data-popup-open", n.pressed = "data-pressed", n;
-})({});
-const t = {
-  [e.popupOpen]: ""
-}, d = {
-  [e.popupOpen]: "",
-  [e.pressed]: ""
-}, O = {
-  [r.open]: ""
-}, l = {
-  [r.closed]: ""
-}, s = {
-  [r.anchorHidden]: ""
-}, i = {
-  open(n) {
-    return n ? t : null;
-  }
-}, a = {
-  open(n) {
-    return n ? d : null;
-  }
-}, o = {
-  open(n) {
-    return n ? O : l;
-  },
-  anchorHidden(n) {
-    return n ? s : null;
-  }
-};
+"use client";
+import * as t from "react";
+import * as h from "react-dom";
+import { isNode as M } from "./index123.js";
+import { useId as D } from "./index184.js";
+import { useIsoLayoutEffect as V } from "./index126.js";
+import { FocusGuard as S } from "./index195.js";
+import { createChangeEventDetails as w } from "./index100.js";
+import { createAttribute as G } from "./index237.js";
+import { useRenderElement as _ } from "./index87.js";
+import { ownerVisuallyHidden as j } from "./index113.js";
+import { jsxs as T, jsx as P } from "react/jsx-runtime";
+import { enableFocusInside as I, isOutsideEvent as g, getPreviousTabbable as q, getNextTabbable as A, disableFocusInside as B } from "./index199.js";
+import { EMPTY_OBJECT as H } from "./index122.js";
+import { focusOut as J } from "./index101.js";
+const F = /* @__PURE__ */ t.createContext(null);
+process.env.NODE_ENV !== "production" && (F.displayName = "PortalContext");
+const Y = () => t.useContext(F), k = G("portal");
+function z(N = {}) {
+  const {
+    ref: f,
+    container: s,
+    componentProps: b = H,
+    elementProps: E,
+    elementState: x
+  } = N, d = D(), m = Y()?.portalNode, [e, c] = t.useState(null), [p, u] = t.useState(null), n = t.useRef(null);
+  V(() => {
+    if (s === null) {
+      n.current && (n.current = null, u(null), c(null));
+      return;
+    }
+    if (d == null)
+      return;
+    const a = (s && (M(s) ? s : s.current)) ?? m ?? document.body;
+    if (a == null) {
+      n.current && (n.current = null, u(null), c(null));
+      return;
+    }
+    n.current !== a && (n.current = a, u(null), c(a));
+  }, [s, m, d]);
+  const i = _("div", b, {
+    ref: [f, u],
+    state: x,
+    props: [{
+      id: d,
+      [k]: ""
+    }, E]
+  });
+  return {
+    portalNode: p,
+    portalSubtree: e && i ? /* @__PURE__ */ h.createPortal(i, e) : null
+  };
+}
+const K = /* @__PURE__ */ t.forwardRef(function(f, s) {
+  const {
+    children: b,
+    container: E,
+    className: x,
+    render: d,
+    renderGuards: R,
+    ...m
+  } = f, {
+    portalNode: e,
+    portalSubtree: c
+  } = z({
+    container: E,
+    ref: s,
+    componentProps: f,
+    elementProps: m
+  }), p = t.useRef(null), u = t.useRef(null), n = t.useRef(null), i = t.useRef(null), [o, a] = t.useState(null), C = o?.modal, O = o?.open, v = typeof R == "boolean" ? R : !!o && !o.modal && o.open && !!e;
+  t.useEffect(() => {
+    if (!e || C)
+      return;
+    function r(l) {
+      e && g(l) && (l.type === "focusin" ? I : B)(e);
+    }
+    return e.addEventListener("focusin", r, !0), e.addEventListener("focusout", r, !0), () => {
+      e.removeEventListener("focusin", r, !0), e.removeEventListener("focusout", r, !0);
+    };
+  }, [e, C]), t.useEffect(() => {
+    !e || O || I(e);
+  }, [O, e]);
+  const L = t.useMemo(() => ({
+    beforeOutsideRef: p,
+    afterOutsideRef: u,
+    beforeInsideRef: n,
+    afterInsideRef: i,
+    portalNode: e,
+    setFocusManagerState: a
+  }), [e]);
+  return /* @__PURE__ */ T(t.Fragment, {
+    children: [c, /* @__PURE__ */ T(F.Provider, {
+      value: L,
+      children: [v && e && /* @__PURE__ */ P(S, {
+        "data-type": "outside",
+        ref: p,
+        onFocus: (r) => {
+          if (g(r, e))
+            n.current?.focus();
+          else {
+            const l = o ? o.domReference : null;
+            q(l)?.focus();
+          }
+        }
+      }), v && e && /* @__PURE__ */ P("span", {
+        "aria-owns": e.id,
+        style: j
+      }), e && /* @__PURE__ */ h.createPortal(b, e), v && e && /* @__PURE__ */ P(S, {
+        "data-type": "outside",
+        ref: u,
+        onFocus: (r) => {
+          if (g(r, e))
+            i.current?.focus();
+          else {
+            const l = o ? o.domReference : null;
+            A(l)?.focus(), o?.closeOnFocusOut && o?.onOpenChange(!1, w(J, r.nativeEvent));
+          }
+        }
+      })]
+    })]
+  });
+});
+process.env.NODE_ENV !== "production" && (K.displayName = "FloatingPortal");
 export {
-  r as CommonPopupDataAttributes,
-  e as CommonTriggerDataAttributes,
-  o as popupStateMapping,
-  a as pressableTriggerOpenStateMapping,
-  i as triggerOpenStateMapping
+  K as FloatingPortal,
+  z as useFloatingPortalNode,
+  Y as usePortalContext
 };

package/dist/index112.js

@@ -1,16 +1,7 @@
-let n = /* @__PURE__ */ (function(t) {
-  return t.startingStyle = "data-starting-style", t.endingStyle = "data-ending-style", t;
-})({});
-const e = {
-  [n.startingStyle]: ""
-}, i = {
-  [n.endingStyle]: ""
-}, r = {
-  transitionStatus(t) {
-    return t === "starting" ? e : t === "ending" ? i : null;
-  }
-};
+function o(r, ...a) {
+  const e = new URL(`https://base-ui.com/production-error/${r}`);
+  return a.forEach((s) => e.searchParams.append("args[]", s)), `Base UI error #${r}; visit ${e} for the full message.`;
+}
 export {
-  n as TransitionStatusDataAttributes,
-  r as transitionStatusMapping
+  o as default
 };

package/dist/index113.js

@@ -1,35 +1,23 @@
-import { EMPTY_OBJECT as s } from "./index100.js";
-function u(e, t, n, o) {
-  let a = !1, r = !1;
-  const l = s;
-  return {
-    reason: e,
-    event: t ?? new Event("base-ui"),
-    cancel() {
-      a = !0;
-    },
-    allowPropagation() {
-      r = !0;
-    },
-    get isCanceled() {
-      return a;
-    },
-    get isPropagationAllowed() {
-      return r;
-    },
-    trigger: n,
-    ...l
-  };
-}
-function d(e, t, n) {
-  const o = n ?? s;
-  return {
-    reason: e,
-    event: t ?? new Event("base-ui"),
-    ...o
-  };
-}
+const n = 500, t = 500, i = {
+  style: {
+    transition: "none"
+  }
+}, I = "data-base-ui-click-trigger", o = {
+  fallbackAxisSide: "none"
+}, s = {
+  fallbackAxisSide: "end"
+}, e = {
+  clipPath: "inset(50%)",
+  position: "fixed",
+  top: 0,
+  left: 0
+};
 export {
-  u as createChangeEventDetails,
-  d as createGenericEventDetails
+  I as CLICK_TRIGGER_IDENTIFIER,
+  i as DISABLED_TRANSITIONS_STYLE,
+  o as DROPDOWN_COLLISION_AVOIDANCE,
+  t as PATIENT_CLICK_THRESHOLD,
+  s as POPUP_COLLISION_AVOIDANCE,
+  n as TYPEAHEAD_RESET_MS,
+  e as ownerVisuallyHidden
 };

package/dist/index114.js

@@ -1,21 +1,79 @@
-const e = "none", s = "trigger-press", n = "trigger-hover", t = "trigger-focus", o = "outside-press", c = "item-press", i = "close-press", r = "clear-press", p = "chip-remove-press", g = "input-change", a = "input-clear", l = "focus-out", u = "escape-key", v = "list-navigation", m = "cancel-open", P = "sibling-open", h = "imperative-action", d = "window-resize";
+import * as l from "react";
+import { useStableCallback as a } from "./index124.js";
+import { useIsoLayoutEffect as o } from "./index126.js";
+import { useTransitionStatus as s } from "./index137.js";
+import { useOpenChangeComplete as f } from "./index106.js";
+function m(e, n) {
+  const t = l.useRef(null);
+  return l.useCallback((i) => {
+    e !== void 0 && (t.current !== null && (n.context.triggerElements.delete(t.current), t.current = null), i !== null && (t.current = e, n.context.triggerElements.add(e, i)));
+  }, [n, e]);
+}
+function E(e, n, t, i) {
+  const r = t.useState("isMountedByTrigger", e), c = m(e, t), g = a((u) => {
+    c(u), u !== null && t.select("open") && t.select("activeTriggerId") == null && t.update({
+      activeTriggerId: e,
+      activeTriggerElement: u,
+      ...i
+    });
+  });
+  return o(() => {
+    r && t.update({
+      activeTriggerElement: n.current,
+      ...i
+    });
+  }, [r, t, n, ...Object.values(i)]), {
+    registerTrigger: g,
+    isMountedByThisTrigger: r
+  };
+}
+function C(e) {
+  const n = e.useState("open");
+  o(() => {
+    if (n && !e.select("activeTriggerId") && e.context.triggerElements.size === 1) {
+      const t = e.context.triggerElements.entries().next();
+      if (!t.done) {
+        const [i, r] = t.value;
+        e.update({
+          activeTriggerId: i,
+          activeTriggerElement: r
+        });
+      }
+    }
+  }, [n, e]);
+}
+function x(e, n, t) {
+  const {
+    mounted: i,
+    setMounted: r,
+    transitionStatus: c
+  } = s(e);
+  n.useSyncedValues({
+    mounted: i,
+    transitionStatus: c
+  });
+  const g = a(() => {
+    r(!1), n.update({
+      activeTriggerId: null,
+      activeTriggerElement: null,
+      mounted: !1
+    }), t?.(), n.context.onOpenChangeComplete?.(!1);
+  }), u = n.useState("preventUnmountingOnClose");
+  return f({
+    enabled: !u,
+    open: e,
+    ref: n.context.popupRef,
+    onComplete() {
+      e || g();
+    }
+  }), {
+    forceUnmount: g,
+    transitionStatus: c
+  };
+}
 export {
-  m as cancelOpen,
-  p as chipRemovePress,
-  r as clearPress,
-  i as closePress,
-  u as escapeKey,
-  l as focusOut,
-  h as imperativeAction,
-  g as inputChange,
-  a as inputClear,
-  c as itemPress,
-  v as listNavigation,
-  e as none,
-  o as outsidePress,
-  P as siblingOpen,
-  t as triggerFocus,
-  n as triggerHover,
-  s as triggerPress,
-  d as windowResize
+  C as useImplicitActiveTrigger,
+  x as useOpenStateTransitions,
+  E as useTriggerDataForwarding,
+  m as useTriggerRegistration
 };

package/dist/index115.js

@@ -1,8 +1,67 @@
 "use client";
-import { useId as u } from "./index184.js";
-function r(e) {
-  return u(e, "base-ui");
+import * as v from "react";
+import { useAnimationFrame as P } from "./index164.js";
+import { useTimeout as b } from "./index152.js";
+import { createChangeEventDetails as k } from "./index100.js";
+import { isMouseLikePointerType as w, isClickLikeEvent as I } from "./index225.js";
+import { isTypeableElement as x } from "./index155.js";
+import { EMPTY_OBJECT as L } from "./index122.js";
+import { triggerPress as y } from "./index101.js";
+function Y(d, M = {}) {
+  const e = "rootStore" in d ? d.rootStore : d, T = e.context.dataRef, {
+    enabled: h = !0,
+    event: p = "click",
+    toggle: g = !0,
+    ignoreMouse: E = !1,
+    stickIfOpen: O = !0,
+    touchOpenDelay: n = 0
+  } = M, s = v.useRef(void 0), C = P(), a = b(), R = v.useMemo(() => ({
+    onPointerDown(t) {
+      s.current = t.pointerType;
+    },
+    onMouseDown(t) {
+      const r = s.current, o = t.nativeEvent, c = e.select("open");
+      if (t.button !== 0 || p === "click" || w(r, !0) && E)
+        return;
+      const m = T.current.openEvent, i = m?.type, f = e.select("domReferenceElement") !== t.currentTarget, l = c && f || !(c && g && (!(m && O) || i === "click" || i === "mousedown"));
+      if (x(o.target)) {
+        const u = k(y, o, o.target);
+        l && r === "touch" && n > 0 ? a.start(n, () => {
+          e.setOpen(!0, u);
+        }) : e.setOpen(l, u);
+        return;
+      }
+      const D = t.currentTarget;
+      C.request(() => {
+        const u = k(y, o, D);
+        l && r === "touch" && n > 0 ? a.start(n, () => {
+          e.setOpen(!0, u);
+        }) : e.setOpen(l, u);
+      });
+    },
+    onClick(t) {
+      if (p === "mousedown-only")
+        return;
+      const r = s.current;
+      if (p === "mousedown" && r) {
+        s.current = void 0;
+        return;
+      }
+      if (w(r, !0) && E)
+        return;
+      const o = e.select("open"), c = T.current.openEvent, m = e.select("domReferenceElement") !== t.currentTarget, i = o && m || !(o && g && (!(c && O) || I(c))), f = k(y, t.nativeEvent, t.currentTarget);
+      i && r === "touch" && n > 0 ? a.start(n, () => {
+        e.setOpen(!0, f);
+      }) : e.setOpen(i, f);
+    },
+    onKeyDown() {
+      s.current = void 0;
+    }
+  }), [T, p, E, e, O, g, C, a, n]);
+  return v.useMemo(() => h ? {
+    reference: R
+  } : L, [h, R]);
 }
 export {
-  r as useBaseUiId
+  Y as useClick
 };

package/dist/index116.js

@@ -1,6 +1,48 @@
-let t = /* @__PURE__ */ (function(e) {
-  return e.nestedDialogs = "--nested-dialogs", e;
-})({});
+import * as l from "react";
+import { FOCUSABLE_ATTRIBUTE as C, ACTIVE_KEY as s, SELECTED_KEY as E } from "./index245.js";
+function k(e = []) {
+  const a = e.map((n) => n?.reference), g = e.map((n) => n?.floating), f = e.map((n) => n?.item), t = e.map((n) => n?.trigger), o = l.useCallback(
+    (n) => u(n, e, "reference"),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    a
+  ), c = l.useCallback(
+    (n) => u(n, e, "floating"),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    g
+  ), i = l.useCallback(
+    (n) => u(n, e, "item"),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    f
+  ), r = l.useCallback(
+    (n) => u(n, e, "trigger"),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    t
+  );
+  return l.useMemo(() => ({
+    getReferenceProps: o,
+    getFloatingProps: c,
+    getItemProps: i,
+    getTriggerProps: r
+  }), [o, c, i, r]);
+}
+function u(e, a, g) {
+  const f = /* @__PURE__ */ new Map(), t = g === "item", o = {};
+  g === "floating" && (o.tabIndex = -1, o[C] = "");
+  for (const c in e)
+    t && e && (c === s || c === E) || (o[c] = e[c]);
+  for (let c = 0; c < a.length; c += 1) {
+    let i;
+    const r = a[c]?.[g];
+    typeof r == "function" ? i = e ? r(e) : null : i = r, i && m(o, i, t, f);
+  }
+  return m(o, e, t, f), o;
+}
+function m(e, a, g, f) {
+  for (const t in a) {
+    const o = a[t];
+    g && (t === s || t === E) || (t.startsWith("on") ? (f.has(t) || f.set(t, []), typeof o == "function" && (f.get(t)?.push(o), e[t] = (...c) => f.get(t)?.map((i) => i(...c)).find((i) => i !== void 0))) : e[t] = o);
+  }
+}
 export {
-  t as DialogPopupCssVars
+  k as useInteractions
 };

package/dist/index117.js

@@ -1,7 +1,69 @@
-import { CommonPopupDataAttributes as e } from "./index111.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;
-})({});
+import { useRefWithInit as r } from "./index94.js";
+function b(n, e, c, t) {
+  const l = r(i).current;
+  return s(l, n, e, c, t) && o(l, [n, e, c, t]), l.callback;
+}
+function h(n) {
+  const e = r(i).current;
+  return f(e, n) && o(e, n), e.callback;
+}
+function i() {
+  return {
+    callback: null,
+    cleanup: null,
+    refs: []
+  };
+}
+function s(n, e, c, t, l) {
+  return n.refs[0] !== e || n.refs[1] !== c || n.refs[2] !== t || n.refs[3] !== l;
+}
+function f(n, e) {
+  return n.refs.length !== e.length || n.refs.some((c, t) => c !== e[t]);
+}
+function o(n, e) {
+  if (n.refs = e, e.every((c) => c == null)) {
+    n.callback = null;
+    return;
+  }
+  n.callback = (c) => {
+    if (n.cleanup && (n.cleanup(), n.cleanup = null), c != null) {
+      const t = Array(e.length).fill(null);
+      for (let l = 0; l < e.length; l += 1) {
+        const u = e[l];
+        if (u != null)
+          switch (typeof u) {
+            case "function": {
+              const a = u(c);
+              typeof a == "function" && (t[l] = a);
+              break;
+            }
+            case "object": {
+              u.current = c;
+              break;
+            }
+          }
+      }
+      n.cleanup = () => {
+        for (let l = 0; l < e.length; l += 1) {
+          const u = e[l];
+          if (u != null)
+            switch (typeof u) {
+              case "function": {
+                const a = t[l];
+                typeof a == "function" ? a() : u(null);
+                break;
+              }
+              case "object": {
+                u.current = null;
+                break;
+              }
+            }
+        }
+      };
+    }
+  };
+}
 export {
-  y as DialogPopupDataAttributes
+  b as useMergedRefs,
+  h as useMergedRefsN
 };

package/dist/index118.js

@@ -1,14 +1,11 @@
-import r from "./index94.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;
+import * as n from "react";
+import { isReactVersionAtLeast as o } from "./index205.js";
+function s(t) {
+  if (!/* @__PURE__ */ n.isValidElement(t))
+    return null;
+  const e = t, r = e.props;
+  return (o(19) ? r?.ref : e.ref) ?? null;
 }
 export {
-  e as DialogPortalContext,
-  a as useDialogPortalContext
+  s as getReactElementRef
 };

package/dist/index119.js

@@ -1,21 +1,16 @@
-"use client";
-import * as a from "react";
-import { useStableCallback as f } from "./index102.js";
-import { useValueAsRef as p } from "./index132.js";
-import { useAnimationsFinished as u } from "./index205.js";
-function b(i) {
-  const {
-    enabled: n = !0,
-    open: e,
-    ref: s,
-    onComplete: m
-  } = i, o = p(e), t = f(m), r = u(s, e);
-  a.useEffect(() => {
-    n && r(() => {
-      e === o.current && t();
-    });
-  }, [n, e, t, r, o]);
+function i(r, n) {
+  const o = {};
+  for (const t in r) {
+    const e = r[t];
+    if (n?.hasOwnProperty(t)) {
+      const s = n[t](e);
+      s != null && Object.assign(o, s);
+      continue;
+    }
+    e === !0 ? o[`data-${t.toLowerCase()}`] = "" : e && (o[`data-${t.toLowerCase()}`] = e.toString());
+  }
+  return o;
 }
 export {
-  b as useOpenChangeComplete
+  i as getStateAttributesProps
 };

package/dist/index120.js

@@ -1,15 +1,6 @@
-const t = "ArrowUp", n = "ArrowDown", o = "ArrowLeft", R = "ArrowRight", e = "Home", c = "End", E = /* @__PURE__ */ new Set([o, R]), A = /* @__PURE__ */ new Set([t, n]), O = /* @__PURE__ */ new Set([...E, ...A]);
-[...O];
-const s = /* @__PURE__ */ new Set([t, n, o, R, e, "End"]);
+function t(n, o) {
+  return typeof n == "function" ? n(o) : n;
+}
 export {
-  n as ARROW_DOWN,
-  O as ARROW_KEYS,
-  o as ARROW_LEFT,
-  R as ARROW_RIGHT,
-  t as ARROW_UP,
-  s as COMPOSITE_KEYS,
-  c as END,
-  e as HOME,
-  E as HORIZONTAL_KEYS,
-  A as VERTICAL_KEYS
+  t as resolveClassName
 };