@yselimcan/ui 0.0.3 → 0.0.4

package/dist/index100.js

@@ -1,7 +1,8 @@
-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.`;
+function e() {
 }
+const t = Object.freeze([]), c = Object.freeze({});
 export {
-  o as default
+  t as EMPTY_ARRAY,
+  c as EMPTY_OBJECT,
+  e as NOOP
 };

package/dist/index101.js

@@ -1,69 +1,136 @@
-import { useRefWithInit as r } from "./index107.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 c() {
+  return typeof window < "u";
 }
-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 u(t) {
+  return p(t) ? (t.nodeName || "").toLowerCase() : "#document";
 }
-function f(n, e) {
-  return n.refs.length !== e.length || n.refs.some((c, t) => c !== e[t]);
+function i(t) {
+  var e;
+  return (t == null || (e = t.ownerDocument) == null ? void 0 : e.defaultView) || window;
 }
-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;
-              }
-            }
-        }
-      };
+function N(t) {
+  var e;
+  return (e = (p(t) ? t.ownerDocument : t.document) || window.document) == null ? void 0 : e.documentElement;
+}
+function p(t) {
+  return c() ? t instanceof Node || t instanceof i(t).Node : !1;
+}
+function m(t) {
+  return c() ? t instanceof Element || t instanceof i(t).Element : !1;
+}
+function w(t) {
+  return c() ? t instanceof HTMLElement || t instanceof i(t).HTMLElement : !1;
+}
+function f(t) {
+  return !c() || typeof ShadowRoot > "u" ? !1 : t instanceof ShadowRoot || t instanceof i(t).ShadowRoot;
+}
+const E = /* @__PURE__ */ new Set(["inline", "contents"]);
+function y(t) {
+  const {
+    overflow: e,
+    overflowX: n,
+    overflowY: o,
+    display: r
+  } = S(t);
+  return /auto|scroll|overlay|hidden|clip/.test(e + o + n) && !E.has(r);
+}
+const T = /* @__PURE__ */ new Set(["table", "td", "th"]);
+function A(t) {
+  return T.has(u(t));
+}
+const v = [":popover-open", ":modal"];
+function L(t) {
+  return v.some((e) => {
+    try {
+      return t.matches(e);
+    } catch {
+      return !1;
     }
+  });
+}
+const D = ["transform", "translate", "scale", "rotate", "perspective"], C = ["transform", "translate", "scale", "rotate", "perspective", "filter"], k = ["paint", "layout", "strict", "content"];
+function V(t) {
+  const e = O(), n = m(t) ? S(t) : t;
+  return D.some((o) => n[o] ? n[o] !== "none" : !1) || (n.containerType ? n.containerType !== "normal" : !1) || !e && (n.backdropFilter ? n.backdropFilter !== "none" : !1) || !e && (n.filter ? n.filter !== "none" : !1) || C.some((o) => (n.willChange || "").includes(o)) || k.some((o) => (n.contain || "").includes(o));
+}
+function B(t) {
+  let e = s(t);
+  for (; w(e) && !h(e); ) {
+    if (V(e))
+      return e;
+    if (L(e))
+      return null;
+    e = s(e);
+  }
+  return null;
+}
+function O() {
+  return typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter", "none");
+}
+const R = /* @__PURE__ */ new Set(["html", "body", "#document"]);
+function h(t) {
+  return R.has(u(t));
+}
+function S(t) {
+  return i(t).getComputedStyle(t);
+}
+function F(t) {
+  return m(t) ? {
+    scrollLeft: t.scrollLeft,
+    scrollTop: t.scrollTop
+  } : {
+    scrollLeft: t.scrollX,
+    scrollTop: t.scrollY
   };
 }
+function s(t) {
+  if (u(t) === "html")
+    return t;
+  const e = (
+    // Step into the shadow DOM of the parent of a slotted node.
+    t.assignedSlot || // DOM Element detected.
+    t.parentNode || // ShadowRoot detected.
+    f(t) && t.host || // Fallback.
+    N(t)
+  );
+  return f(e) ? e.host : e;
+}
+function b(t) {
+  const e = s(t);
+  return h(e) ? t.ownerDocument ? t.ownerDocument.body : t.body : w(e) && y(e) ? e : b(e);
+}
+function d(t, e, n) {
+  var o;
+  e === void 0 && (e = []), n === void 0 && (n = !0);
+  const r = b(t), g = r === ((o = t.ownerDocument) == null ? void 0 : o.body), l = i(r);
+  if (g) {
+    const a = _(l);
+    return e.concat(l, l.visualViewport || [], y(r) ? r : [], a && n ? d(a) : []);
+  }
+  return e.concat(r, d(r, [], n));
+}
+function _(t) {
+  return t.parent && Object.getPrototypeOf(t.parent) ? t.frameElement : null;
+}
 export {
-  b as useMergedRefs,
-  h as useMergedRefsN
+  S as getComputedStyle,
+  B as getContainingBlock,
+  N as getDocumentElement,
+  _ as getFrameElement,
+  b as getNearestOverflowAncestor,
+  u as getNodeName,
+  F as getNodeScroll,
+  d as getOverflowAncestors,
+  s as getParentNode,
+  i as getWindow,
+  V as isContainingBlock,
+  m as isElement,
+  w as isHTMLElement,
+  h as isLastTraversableNode,
+  p as isNode,
+  y as isOverflowElement,
+  f as isShadowRoot,
+  A as isTableElement,
+  L as isTopLayer,
+  O as isWebKit
 };

package/dist/index102.js

@@ -1,11 +1,30 @@
-import * as n from "react";
-import { isReactVersionAtLeast as o } from "./index200.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;
+"use client";
+import * as a from "react";
+import { useRefWithInit as c } from "./index107.js";
+const n = a[`useInsertionEffect${Math.random().toFixed(1)}`.slice(0, -3)], r = (
+  // React 17 doesn't have useInsertionEffect.
+  n && // Preact replaces useInsertionEffect with useLayoutEffect and fires too late.
+  n !== a.useLayoutEffect ? n : (e) => e()
+);
+function f(e) {
+  const t = c(o).current;
+  return t.next = e, r(t.effect), t.trampoline;
+}
+function o() {
+  const e = {
+    next: void 0,
+    callback: l,
+    trampoline: (...t) => e.callback?.(...t),
+    effect: () => {
+      e.callback = e.next;
+    }
+  };
+  return e;
+}
+function l() {
+  if (process.env.NODE_ENV !== "production")
+    throw new Error("Base UI: Cannot call an event handler while rendering.");
 }
 export {
-  s as getReactElementRef
+  f as useStableCallback
 };

package/dist/index103.js

@@ -1,16 +1,11 @@
-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());
+let o;
+process.env.NODE_ENV !== "production" && (o = /* @__PURE__ */ new Set());
+function s(...r) {
+  if (process.env.NODE_ENV !== "production") {
+    const e = r.join(" ");
+    o.has(e) || (o.add(e), console.error(`Base UI: ${e}`));
   }
-  return o;
 }
 export {
-  i as getStateAttributesProps
+  s as error
 };

package/dist/index104.js

@@ -1,6 +1,7 @@
-function t(n, o) {
-  return typeof n == "function" ? n(o) : n;
-}
+"use client";
+import * as e from "react";
+const o = () => {
+}, t = typeof document < "u" ? e.useLayoutEffect : o;
 export {
-  t as resolveClassName
+  t as useIsoLayoutEffect
 };

package/dist/index105.js

@@ -1,6 +1,15 @@
-function e(n, o) {
-  return typeof n == "function" ? n(o) : n;
+"use client";
+import n from "./index94.js";
+import * as t from "react";
+const e = /* @__PURE__ */ t.createContext(void 0);
+process.env.NODE_ENV !== "production" && (e.displayName = "CompositeRootContext");
+function r(s = !1) {
+  const o = t.useContext(e);
+  if (o === void 0 && !s)
+    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: CompositeRootContext is missing. Composite parts must be placed within <Composite.Root>." : n(16));
+  return o;
 }
 export {
-  e as resolveStyle
+  e as CompositeRootContext,
+  r as useCompositeRootContext
 };

package/dist/index106.js

@@ -1,8 +1,25 @@
-function e() {
+"use client";
+import * as c from "react";
+function f(d) {
+  const {
+    focusableWhenDisabled: e,
+    disabled: s,
+    composite: t = !1,
+    tabIndex: i = 0,
+    isNativeButton: o
+  } = d, n = t && e !== !1, l = t && e === !1;
+  return {
+    props: c.useMemo(() => {
+      const a = {
+        // allow Tabbing away from focusableWhenDisabled elements
+        onKeyDown(b) {
+          s && e && b.key !== "Tab" && b.preventDefault();
+        }
+      };
+      return t || (a.tabIndex = i, !o && s && (a.tabIndex = e ? i : -1)), (o && (e || n) || !o && s) && (a["aria-disabled"] = s), o && (!e || l) && (a.disabled = s), a;
+    }, [t, s, e, n, l, o, i])
+  };
 }
-const t = Object.freeze([]), c = Object.freeze({});
 export {
-  t as EMPTY_ARRAY,
-  c as EMPTY_OBJECT,
-  e as NOOP
+  f as useFocusableWhenDisabled
 };

package/dist/index108.js

@@ -1,16 +1,16 @@
 "use client";
 import * as s from "react";
-import { useStableCallback as y } from "./index95.js";
-import { useScrollLock as I } from "./index151.js";
-import { useOpenInteractionType as A } from "./index154.js";
+import { useStableCallback as y } from "./index102.js";
+import { useScrollLock as I } from "./index157.js";
+import { useOpenInteractionType as A } from "./index144.js";
 import { createChangeEventDetails as M } from "./index113.js";
 import { useImplicitActiveTrigger as B, useOpenStateTransitions as F } from "./index126.js";
-import { useSyncedFloatingRootContext as U } from "./index157.js";
-import { useRole as w } from "./index159.js";
-import { useDismiss as H } from "./index158.js";
+import { useSyncedFloatingRootContext as U } from "./index189.js";
+import { useRole as w } from "./index190.js";
+import { useDismiss as H } from "./index146.js";
 import { useInteractions as K } from "./index128.js";
 import { imperativeAction as L } from "./index114.js";
-import { getTarget as V, contains as j } from "./index173.js";
+import { getTarget as V, contains as j } from "./index155.js";
 function ee(R) {
   const {
     store: e,

package/dist/index109.js

@@ -1,5 +1,5 @@
 "use client";
-import i from "./index100.js";
+import i from "./index94.js";
 import * as t from "react";
 const e = /* @__PURE__ */ t.createContext(void 0);
 process.env.NODE_ENV !== "production" && (e.displayName = "DialogRootContext");

package/dist/index110.js

@@ -1,8 +1,8 @@
 import * as i from "react";
-import { popupStoreSelectors as d, createInitialPopupStoreState as a } from "./index201.js";
-import { ReactStore as p } from "./index202.js";
-import { PopupTriggerMap as g } from "./index203.js";
-import { createSelector as n } from "./index204.js";
+import { popupStoreSelectors as d, createInitialPopupStoreState as a } from "./index200.js";
+import { ReactStore as p } from "./index201.js";
+import { PopupTriggerMap as g } from "./index202.js";
+import { createSelector as n } from "./index203.js";
 const m = {
   ...d,
   modal: n((e) => e.modal),

package/dist/index113.js

@@ -1,4 +1,4 @@
-import { EMPTY_OBJECT as s } from "./index106.js";
+import { EMPTY_OBJECT as s } from "./index100.js";
 function u(e, t, n, o) {
   let a = !1, r = !1;
   const l = s;

package/dist/index115.js

@@ -1,5 +1,5 @@
 "use client";
-import { useId as u } from "./index149.js";
+import { useId as u } from "./index184.js";
 function r(e) {
   return u(e, "base-ui");
 }

package/dist/index118.js

@@ -1,4 +1,4 @@
-import r from "./index100.js";
+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");

package/dist/index119.js

@@ -1,7 +1,7 @@
 "use client";
 import * as a from "react";
-import { useStableCallback as f } from "./index95.js";
-import { useValueAsRef as p } from "./index176.js";
+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 {

package/dist/index121.js

@@ -1,28 +1,28 @@
 "use client";
 import * as b from "react";
-import { tabbable as we, isTabbable as De, focusable as Ke } from "./index237.js";
-import { isHTMLElement as q, getNodeName as He, getWindow as _e, getComputedStyle as Ue } from "./index94.js";
-import { useMergedRefs as Re } from "./index101.js";
-import { useValueAsRef as H } from "./index176.js";
-import { useStableCallback as _ } from "./index95.js";
-import { useIsoLayoutEffect as U } from "./index97.js";
-import { visuallyHidden as We } from "./index174.js";
-import { useTimeout as ye } from "./index148.js";
-import { useAnimationFrame as $e } from "./index150.js";
-import { FocusGuard as Te } from "./index168.js";
+import { tabbable as we, isTabbable as De, focusable as Ke } from "./index236.js";
+import { isHTMLElement as q, getNodeName as He, getWindow as _e, getComputedStyle as Ue } from "./index101.js";
+import { useMergedRefs as Re } from "./index95.js";
+import { useValueAsRef as H } from "./index132.js";
+import { useStableCallback as _ } from "./index102.js";
+import { useIsoLayoutEffect as U } from "./index104.js";
+import { visuallyHidden as We } from "./index129.js";
+import { useTimeout as ye } from "./index152.js";
+import { useAnimationFrame as $e } from "./index164.js";
+import { FocusGuard as Te } from "./index195.js";
 import { createChangeEventDetails as ze } from "./index113.js";
-import { createAttribute as Fe } from "./index238.js";
-import { enqueueFocus as te } from "./index239.js";
-import { markOthers as Je } from "./index240.js";
+import { createAttribute as Fe } from "./index237.js";
+import { enqueueFocus as te } from "./index238.js";
+import { markOthers as Je } from "./index239.js";
 import { usePortalContext as Qe } from "./index124.js";
-import { useFloatingTree as Xe } from "./index145.js";
+import { useFloatingTree as Xe } from "./index181.js";
 import { CLICK_TRIGGER_IDENTIFIER as Ye } from "./index125.js";
-import { resolveRef as D } from "./index241.js";
+import { resolveRef as D } from "./index240.js";
 import { jsxs as Ze, jsx as xe } from "react/jsx-runtime";
-import { isTypeableCombobox as he, getFloatingFocusElement as Ie, getDocument as I, activeElement as V, contains as m, getTarget as W } from "./index173.js";
-import { getTabbableOptions as re, isOutsideEvent as Le, getNextTabbable as et, getPreviousTabbable as tt } from "./index172.js";
-import { getNodeAncestors as ke, getNodeChildren as Ce } from "./index242.js";
-import { isVirtualClick as nt, isVirtualPointerEvent as rt, stopEvent as ot } from "./index222.js";
+import { isTypeableCombobox as he, getFloatingFocusElement as Ie, getDocument as I, activeElement as V, contains as m, getTarget as W } from "./index155.js";
+import { getTabbableOptions as re, isOutsideEvent as Le, getNextTabbable as et, getPreviousTabbable as tt } from "./index199.js";
+import { getNodeAncestors as ke, getNodeChildren as Ce } from "./index241.js";
+import { isVirtualClick as nt, isVirtualPointerEvent as rt, stopEvent as ot } from "./index221.js";
 import { triggerHover as st, outsidePress as ut, focusOut as it } from "./index114.js";
 function ct(n, p) {
   const h = _e(n.target);

package/dist/index122.js

@@ -1,4 +1,4 @@
-import { isReactVersionAtLeast as r } from "./index200.js";
+import { isReactVersionAtLeast as r } from "./index204.js";
 function n(e) {
   return r(19) ? e : e ? "true" : void 0;
 }

package/dist/index124.js

@@ -1,17 +1,17 @@
 "use client";
 import * as t from "react";
 import * as h from "react-dom";
-import { isNode as M } from "./index94.js";
-import { useId as D } from "./index149.js";
-import { useIsoLayoutEffect as V } from "./index97.js";
-import { FocusGuard as S } from "./index168.js";
+import { isNode as M } from "./index101.js";
+import { useId as D } from "./index184.js";
+import { useIsoLayoutEffect as V } from "./index104.js";
+import { FocusGuard as S } from "./index195.js";
 import { createChangeEventDetails as w } from "./index113.js";
-import { createAttribute as G } from "./index238.js";
+import { createAttribute as G } from "./index237.js";
 import { useRenderElement as _ } from "./index86.js";
 import { ownerVisuallyHidden as j } from "./index125.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 "./index172.js";
-import { EMPTY_OBJECT as H } from "./index106.js";
+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 "./index100.js";
 import { focusOut as J } from "./index114.js";
 const F = /* @__PURE__ */ t.createContext(null);
 process.env.NODE_ENV !== "production" && (F.displayName = "PortalContext");

package/dist/index126.js

@@ -1,7 +1,7 @@
 import * as l from "react";
-import { useStableCallback as a } from "./index95.js";
-import { useIsoLayoutEffect as o } from "./index97.js";
-import { useTransitionStatus as s } from "./index136.js";
+import { useStableCallback as a } from "./index102.js";
+import { useIsoLayoutEffect as o } from "./index104.js";
+import { useTransitionStatus as s } from "./index137.js";
 import { useOpenChangeComplete as f } from "./index119.js";
 function m(e, n) {
   const t = l.useRef(null);

package/dist/index127.js

@@ -1,11 +1,11 @@
 "use client";
 import * as v from "react";
-import { useAnimationFrame as P } from "./index150.js";
-import { useTimeout as b } from "./index148.js";
+import { useAnimationFrame as P } from "./index164.js";
+import { useTimeout as b } from "./index152.js";
 import { createChangeEventDetails as k } from "./index113.js";
-import { isMouseLikePointerType as w, isClickLikeEvent as I } from "./index222.js";
-import { isTypeableElement as x } from "./index173.js";
-import { EMPTY_OBJECT as L } from "./index106.js";
+import { isMouseLikePointerType as w, isClickLikeEvent as I } from "./index221.js";
+import { isTypeableElement as x } from "./index155.js";
+import { EMPTY_OBJECT as L } from "./index100.js";
 import { triggerPress as y } from "./index114.js";
 function Y(d, M = {}) {
   const e = "rootStore" in d ? d.rootStore : d, T = e.context.dataRef, {

package/dist/index128.js

@@ -1,5 +1,5 @@
 import * as l from "react";
-import { FOCUSABLE_ATTRIBUTE as C, ACTIVE_KEY as s, SELECTED_KEY as E } from "./index246.js";
+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"),

package/dist/index129.js

@@ -1,32 +1,16 @@
-"use client";
-import * as n from "react";
-function d({
-  controlled: o,
-  default: s,
-  name: t,
-  state: i = "value"
-}) {
-  const {
-    current: e
-  } = n.useRef(o !== void 0), [l, c] = n.useState(s), u = e ? o : l;
-  if (process.env.NODE_ENV !== "production") {
-    n.useEffect(() => {
-      e !== (o !== void 0) && console.error([`Base UI: A component is changing the ${e ? "" : "un"}controlled ${i} state of ${t} to be ${e ? "un" : ""}controlled.`, "Elements should not switch from uncontrolled to controlled (or vice versa).", `Decide between using a controlled or uncontrolled ${t} element for the lifetime of the component.`, "The nature of the state is determined during the first render. It's considered controlled if the value is not `undefined`.", "More info: https://fb.me/react-controlled-components"].join(`
-`));
-    }, [i, t, o]);
-    const {
-      current: r
-    } = n.useRef(s);
-    n.useEffect(() => {
-      !e && JSON.stringify(r) !== JSON.stringify(s) && console.error([`Base UI: A component is changing the default ${i} state of an uncontrolled ${t} after being initialized. To suppress this warning opt to use a controlled ${t}.`].join(`
-`));
-    }, [JSON.stringify(s)]);
-  }
-  const f = n.useCallback((r) => {
-    e || c(r);
-  }, []);
-  return [u, f];
-}
+const i = {
+  clip: "rect(0 0 0 0)",
+  overflow: "hidden",
+  whiteSpace: "nowrap",
+  position: "fixed",
+  top: 0,
+  left: 0,
+  border: 0,
+  padding: 0,
+  width: 1,
+  height: 1,
+  margin: -1
+};
 export {
-  d as useControlled
+  i as visuallyHidden
 };

package/dist/index130.js

@@ -1,14 +1,8 @@
-import n from "./index100.js";
 import * as t from "react";
-const o = /* @__PURE__ */ t.createContext(void 0);
-process.env.NODE_ENV !== "production" && (o.displayName = "MenuCheckboxItemContext");
-function s() {
-  const e = t.useContext(o);
-  if (e === void 0)
-    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: MenuCheckboxItemContext is missing. MenuCheckboxItem parts must be placed within <Menu.CheckboxItem>." : n(30));
-  return e;
+function n(r) {
+  const e = t.useRef(!0);
+  e.current && (e.current = !1, r());
 }
 export {
-  o as MenuCheckboxItemContext,
-  s as useMenuCheckboxItemContext
+  n as useOnFirstRender
 };