@yselimcan/ui 0.0.5 → 0.0.6

package/dist/index119.js

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

package/dist/index120.js

@@ -1,79 +1,6 @@
-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
-  };
+function t(n, o) {
+  return typeof n == "function" ? n(o) : n;
 }
 export {
-  C as useImplicitActiveTrigger,
-  x as useOpenStateTransitions,
-  E as useTriggerDataForwarding,
-  m as useTriggerRegistration
+  t as resolveClassName
 };

package/dist/index121.js

@@ -1,67 +1,6 @@
-"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 "./index221.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]);
+function e(n, o) {
+  return typeof n == "function" ? n(o) : n;
 }
 export {
-  Y as useClick
+  e as resolveStyle
 };

package/dist/index122.js

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

package/dist/index123.js

@@ -1,16 +1,136 @@
-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
-};
+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;
+}
 export {
-  i as visuallyHidden
+  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/index124.js

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

package/dist/index125.js

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

package/dist/index127.js

@@ -1,30 +1,15 @@
 "use client";
-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.");
+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;
 }
 export {
-  f as useStableCallback
+  e as CompositeRootContext,
+  r as useCompositeRootContext
 };

package/dist/index128.js

@@ -1,20 +1,25 @@
 "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 f(e) {
-  const t = {
-    current: e,
-    next: e,
-    effect: () => {
-      t.current = t.next;
-    }
+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])
   };
-  return t;
 }
 export {
-  s as useValueAsRef
+  f as useFocusableWhenDisabled
 };

package/dist/index129.js

@@ -1,24 +1,16 @@
-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;
-}
+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 {
-  c as SelectFloatingContext,
-  n as SelectRootContext,
-  i as useSelectFloatingContext,
-  s as useSelectRootContext
+  i as visuallyHidden
 };

package/dist/index130.js

@@ -1,61 +1,8 @@
-"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;
+import * as t from "react";
+function n(r) {
+  const e = t.useRef(!0);
+  e.current && (e.current = !1, r());
 }
 export {
-  l as FieldRootContext,
-  f as useFieldRootContext
+  n as useOnFirstRender
 };