@yselimcan/ui 0.0.6 → 0.0.8

package/dist/index119.js

@@ -1,16 +1,23 @@
-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());
+const n = 500, t = 500, i = {
+  style: {
+    transition: "none"
   }
-  return o;
-}
+}, I = "data-base-ui-click-trigger", o = {
+  fallbackAxisSide: "none"
+}, s = {
+  fallbackAxisSide: "end"
+}, e = {
+  clipPath: "inset(50%)",
+  position: "fixed",
+  top: 0,
+  left: 0
+};
 export {
-  i as getStateAttributesProps
+  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/index120.js

@@ -1,6 +1,79 @@
-function t(n, o) {
-  return typeof n == "function" ? n(o) : n;
+import * as l from "react";
+import { useStableCallback as a } from "./index127.js";
+import { useIsoLayoutEffect as o } from "./index126.js";
+import { useTransitionStatus as s } from "./index133.js";
+import { useOpenChangeComplete as f } from "./index113.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 {
-  t as resolveClassName
+  C as useImplicitActiveTrigger,
+  x as useOpenStateTransitions,
+  E as useTriggerDataForwarding,
+  m as useTriggerRegistration
 };

package/dist/index121.js

@@ -1,6 +1,67 @@
-function e(n, o) {
-  return typeof n == "function" ? n(o) : n;
+"use client";
+import * as v from "react";
+import { useAnimationFrame as P } from "./index160.js";
+import { useTimeout as b } from "./index148.js";
+import { createChangeEventDetails as k } from "./index107.js";
+import { isMouseLikePointerType as w, isClickLikeEvent as I } from "./index205.js";
+import { isTypeableElement as x } from "./index151.js";
+import { EMPTY_OBJECT as L } from "./index100.js";
+import { triggerPress as y } from "./index108.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 {
-  e as resolveStyle
+  Y as useClick
 };

package/dist/index122.js

@@ -1,8 +1,48 @@
-function e() {
+import * as l from "react";
+import { FOCUSABLE_ATTRIBUTE as C, ACTIVE_KEY as s, SELECTED_KEY as E } from "./index247.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);
+  }
 }
-const t = Object.freeze([]), c = Object.freeze({});
 export {
-  t as EMPTY_ARRAY,
-  c as EMPTY_OBJECT,
-  e as NOOP
+  k as useInteractions
 };

package/dist/index123.js

@@ -1,136 +1,16 @@
-function c() {
-  return typeof window < "u";
-}
-function u(t) {
-  return p(t) ? (t.nodeName || "").toLowerCase() : "#document";
-}
-function i(t) {
-  var e;
-  return (t == null || (e = t.ownerDocument) == null ? void 0 : e.defaultView) || window;
-}
-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;
-}
+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 {
-  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
+  i as visuallyHidden
 };

package/dist/index124.js

@@ -1,30 +1,8 @@
-"use client";
-import * as a from "react";
-import { useRefWithInit as c } from "./index94.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.");
+import * as t from "react";
+function n(r) {
+  const e = t.useRef(!0);
+  e.current && (e.current = !1, r());
 }
 export {
-  f as useStableCallback
+  n as useOnFirstRender
 };

package/dist/index125.js

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

package/dist/index127.js

@@ -1,15 +1,30 @@
 "use client";
-import n from "./index112.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;
+import * as a from "react";
+import { useRefWithInit as c } from "./index101.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 {
-  e as CompositeRootContext,
-  r as useCompositeRootContext
+  f as useStableCallback
 };

package/dist/index128.js

@@ -1,25 +1,20 @@
 "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])
+import { useIsoLayoutEffect as n } from "./index126.js";
+import { useRefWithInit as r } from "./index101.js";
+function s(e) {
+  const t = r(f, e).current;
+  return t.next = e, n(t.effect), t;
+}
+function f(e) {
+  const t = {
+    current: e,
+    next: e,
+    effect: () => {
+      t.current = t.next;
+    }
   };
+  return t;
 }
 export {
-  f as useFocusableWhenDisabled
+  s as useValueAsRef
 };

package/dist/index129.js

@@ -1,16 +1,24 @@
-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
-};
+import o from "./index94.js";
+import * as e from "react";
+const n = /* @__PURE__ */ e.createContext(null);
+process.env.NODE_ENV !== "production" && (n.displayName = "SelectRootContext");
+const c = /* @__PURE__ */ e.createContext(null);
+process.env.NODE_ENV !== "production" && (c.displayName = "SelectFloatingContext");
+function s() {
+  const t = e.useContext(n);
+  if (t === null)
+    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: SelectRootContext is missing. Select parts must be placed within <Select.Root>." : o(60));
+  return t;
+}
+function i() {
+  const t = e.useContext(c);
+  if (t === null)
+    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: SelectFloatingContext is missing. Select parts must be placed within <Select.Root>." : o(61));
+  return t;
+}
 export {
-  i as visuallyHidden
+  c as SelectFloatingContext,
+  n as SelectRootContext,
+  i as useSelectFloatingContext,
+  s as useSelectRootContext
 };

package/dist/index130.js

@@ -1,8 +1,61 @@
-import * as t from "react";
-function n(r) {
-  const e = t.useRef(!0);
-  e.current && (e.current = !1, r());
+"use client";
+import s from "./index94.js";
+import * as a from "react";
+import { DEFAULT_VALIDITY_STATE as n } from "./index149.js";
+import { NOOP as e, EMPTY_OBJECT as o } from "./index100.js";
+const l = /* @__PURE__ */ a.createContext({
+  invalid: void 0,
+  name: void 0,
+  validityData: {
+    state: n,
+    errors: [],
+    error: "",
+    value: "",
+    initialValue: null
+  },
+  setValidityData: e,
+  disabled: void 0,
+  touched: !1,
+  setTouched: e,
+  dirty: !1,
+  setDirty: e,
+  filled: !1,
+  setFilled: e,
+  focused: !1,
+  setFocused: e,
+  validate: () => null,
+  validationMode: "onSubmit",
+  validationDebounceTime: 0,
+  shouldValidateOnChange: () => !1,
+  state: {
+    disabled: !1,
+    valid: null,
+    touched: !1,
+    dirty: !1,
+    filled: !1,
+    focused: !1
+  },
+  markedDirtyRef: {
+    current: !1
+  },
+  validation: {
+    getValidationProps: (t = o) => t,
+    getInputValidationProps: (t = o) => t,
+    inputRef: {
+      current: null
+    },
+    commit: async () => {
+    }
+  }
+});
+process.env.NODE_ENV !== "production" && (l.displayName = "FieldRootContext");
+function f(t = !0) {
+  const i = a.useContext(l);
+  if (i.setValidityData === e && !t)
+    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: FieldRootContext is missing. Field parts must be placed within <Field.Root>." : s(28));
+  return i;
 }
 export {
-  n as useOnFirstRender
+  l as FieldRootContext,
+  f as useFieldRootContext
 };