@yselimcan/ui 0.0.3 → 0.0.5

package/dist/index124.js

@@ -1,128 +1,8 @@
-"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 { createChangeEventDetails as w } from "./index113.js";
-import { createAttribute as G } from "./index238.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 { focusOut as J } from "./index114.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
-  };
+function n(r) {
+  const e = t.useRef(!0);
+  e.current && (e.current = !1, r());
 }
-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 {
-  K as FloatingPortal,
-  z as useFloatingPortalNode,
-  Y as usePortalContext
+  n as useOnFirstRender
 };

package/dist/index125.js

@@ -1,23 +1,32 @@
-const n = 500, t = 500, i = {
-  style: {
-    transition: "none"
+"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)]);
   }
-}, I = "data-base-ui-click-trigger", o = {
-  fallbackAxisSide: "none"
-}, s = {
-  fallbackAxisSide: "end"
-}, e = {
-  clipPath: "inset(50%)",
-  position: "fixed",
-  top: 0,
-  left: 0
-};
+  const f = n.useCallback((r) => {
+    e || c(r);
+  }, []);
+  return [u, f];
+}
 export {
-  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
+  d as useControlled
 };

package/dist/index126.js

@@ -1,79 +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 { useOpenChangeComplete as f } from "./index119.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
-  };
-}
+"use client";
+import * as e from "react";
+const o = () => {
+}, t = typeof document < "u" ? e.useLayoutEffect : o;
 export {
-  C as useImplicitActiveTrigger,
-  x as useOpenStateTransitions,
-  E as useTriggerDataForwarding,
-  m as useTriggerRegistration
+  t as useIsoLayoutEffect
 };

package/dist/index127.js

@@ -1,67 +1,30 @@
 "use client";
-import * as v from "react";
-import { useAnimationFrame as P } from "./index150.js";
-import { useTimeout as b } from "./index148.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 { triggerPress as y } from "./index114.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;
+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;
     }
-  }), [T, p, E, e, O, g, C, a, n]);
-  return v.useMemo(() => h ? {
-    reference: R
-  } : L, [h, R]);
+  };
+  return e;
+}
+function l() {
+  if (process.env.NODE_ENV !== "production")
+    throw new Error("Base UI: Cannot call an event handler while rendering.");
 }
 export {
-  Y as useClick
+  f as useStableCallback
 };

package/dist/index128.js

@@ -1,48 +1,20 @@
-import * as l from "react";
-import { FOCUSABLE_ATTRIBUTE as C, ACTIVE_KEY as s, SELECTED_KEY as E } from "./index246.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]);
+"use client";
+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 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);
-  }
+function f(e) {
+  const t = {
+    current: e,
+    next: e,
+    effect: () => {
+      t.current = t.next;
+    }
+  };
+  return t;
 }
 export {
-  k as useInteractions
+  s as useValueAsRef
 };

package/dist/index129.js

@@ -1,32 +1,24 @@
-"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];
+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 {
-  d as useControlled
+  c as SelectFloatingContext,
+  n as SelectRootContext,
+  i as useSelectFloatingContext,
+  s as useSelectRootContext
 };

package/dist/index130.js

@@ -1,14 +1,61 @@
-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;
+"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 {
-  o as MenuCheckboxItemContext,
-  s as useMenuCheckboxItemContext
+  l as FieldRootContext,
+  f as useFieldRootContext
 };

package/dist/index131.js

@@ -1,69 +1,20 @@
 "use client";
-import * as a from "react";
-import { useMergedRefs as h } from "./index101.js";
-import { useContextMenuRootContext as y } from "./index144.js";
-import { useButton as P } from "./index89.js";
-import { mergeProps as v } from "./index27.js";
-import { itemPress as I } from "./index114.js";
-const A = {
-  type: "regular-item"
-};
-function w(M) {
-  const {
-    closeOnClick: m,
-    disabled: R = !1,
-    highlighted: f,
-    id: l,
-    store: n,
-    nativeButton: b,
-    itemMetadata: o,
-    nodeId: r
-  } = M, i = a.useRef(null), t = y(!0), u = t !== void 0, {
-    events: s
-  } = n.useState("floatingTreeRoot"), {
-    getButtonProps: p,
-    buttonRef: x
-  } = P({
-    disabled: R,
-    focusableWhenDisabled: !0,
-    native: b
-  }), g = a.useCallback((C) => v({
-    id: l,
-    role: "menuitem",
-    tabIndex: f ? 0 : -1,
-    onMouseMove(e) {
-      r && s.emit("itemhover", {
-        nodeId: r,
-        target: e.currentTarget
-      });
-    },
-    onMouseEnter() {
-      o.type === "submenu-trigger" && o.setActive();
-    },
-    onKeyUp(e) {
-      e.key === " " && n.context.typingRef.current && e.preventBaseUIHandler();
-    },
-    onClick(e) {
-      m && s.emit("close", {
-        domEvent: e,
-        reason: I
-      });
-    },
-    onMouseUp(e) {
-      if (t) {
-        const c = t.initialCursorPointRef.current;
-        if (t.initialCursorPointRef.current = null, u && c && Math.abs(e.clientX - c.x) <= 1 && Math.abs(e.clientY - c.y) <= 1)
-          return;
-      }
-      i.current && n.context.allowMouseUpTriggerRef.current && (!u || e.button === 2) && o.type === "regular-item" && i.current.click();
-    }
-  }, C, p), [l, f, p, m, s, n, u, t, o, r]), d = h(i, x);
-  return a.useMemo(() => ({
-    getItemProps: g,
-    itemRef: d
-  }), [g, d]);
+import * as t from "react";
+import { NOOP as e } from "./index100.js";
+const o = /* @__PURE__ */ t.createContext({
+  controlId: void 0,
+  setControlId: e,
+  labelId: void 0,
+  setLabelId: e,
+  messageIds: [],
+  setMessageIds: e,
+  getDescriptionProps: (n) => n
+});
+process.env.NODE_ENV !== "production" && (o.displayName = "LabelableContext");
+function a() {
+  return t.useContext(o);
 }
 export {
-  A as REGULAR_ITEM,
-  w as useMenuItem
+  o as LabelableContext,
+  a as useLabelableContext
 };