@yselimcan/ui 0.0.5 → 0.0.7

package/dist/index81.js

@@ -1,24 +1,24 @@
 "use client";
 import * as l from "react";
-import { ownerDocument as Z } from "./index147.js";
-import { useTimeout as m } from "./index148.js";
-import { useStableCallback as $ } from "./index127.js";
-import { useMergedRefs as ee } from "./index95.js";
-import { useValueAsRef as te } from "./index128.js";
-import { useSelectRootContext as oe } from "./index129.js";
-import { useFieldRootContext as re } from "./index130.js";
-import { useLabelableContext as ne } from "./index131.js";
-import { pressableTriggerOpenStateMapping as se } from "./index105.js";
-import { fieldValidityMapping as ie } from "./index149.js";
+import { ownerDocument as Z } from "./index154.js";
+import { useTimeout as m } from "./index138.js";
+import { useStableCallback as $ } from "./index95.js";
+import { useMergedRefs as ee } from "./index101.js";
+import { useValueAsRef as te } from "./index170.js";
+import { useSelectRootContext as oe } from "./index171.js";
+import { useFieldRootContext as re } from "./index172.js";
+import { useLabelableContext as ne } from "./index173.js";
+import { pressableTriggerOpenStateMapping as se } from "./index120.js";
+import { fieldValidityMapping as ie } from "./index184.js";
 import { useRenderElement as le } from "./index87.js";
-import { selectors as n } from "./index134.js";
-import { getPseudoElementBounds as ae } from "./index150.js";
-import { createChangeEventDetails as h } from "./index107.js";
-import { useButton as ue } from "./index89.js";
-import { useStore as s } from "./index145.js";
-import { getFloatingFocusElement as ce, contains as y } from "./index151.js";
+import { selectors as n } from "./index175.js";
+import { getPseudoElementBounds as ae } from "./index156.js";
+import { createChangeEventDetails as h } from "./index115.js";
+import { useButton as ue } from "./index86.js";
+import { useStore as s } from "./index182.js";
+import { getFloatingFocusElement as ce, contains as y } from "./index166.js";
 import { mergeProps as me } from "./index27.js";
-import { focusOut as fe, cancelOpen as de } from "./index108.js";
+import { focusOut as fe, cancelOpen as de } from "./index116.js";
 const f = 2, pe = {
   ...se,
   ...ie,

package/dist/index82.js

@@ -1,10 +1,10 @@
 "use client";
 import * as o from "react";
 import { useRenderElement as p } from "./index87.js";
-import { useSelectRootContext as i } from "./index129.js";
-import { triggerOpenStateMapping as m } from "./index105.js";
-import { selectors as a } from "./index134.js";
-import { useStore as l } from "./index145.js";
+import { useSelectRootContext as i } from "./index171.js";
+import { triggerOpenStateMapping as m } from "./index120.js";
+import { selectors as a } from "./index175.js";
+import { useStore as l } from "./index182.js";
 const f = /* @__PURE__ */ o.forwardRef(function(e, r) {
   const {
     className: d,

package/dist/index83.js

@@ -1,10 +1,10 @@
 "use client";
 import * as i from "react";
 import { useRenderElement as S } from "./index87.js";
-import { useSelectRootContext as v } from "./index129.js";
-import { resolveMultipleLabels as V, resolveSelectedLabel as b } from "./index137.js";
-import { selectors as o } from "./index134.js";
-import { useStore as r } from "./index145.js";
+import { useSelectRootContext as v } from "./index171.js";
+import { resolveMultipleLabels as V, resolveSelectedLabel as b } from "./index178.js";
+import { selectors as o } from "./index175.js";
+import { useStore as r } from "./index182.js";
 const R = {
   value: () => null
 }, h = /* @__PURE__ */ i.forwardRef(function(s, c) {

package/dist/index86.js

@@ -1,14 +1,92 @@
-function n(e, r) {
-  if (e && !r)
-    return e;
-  if (!e && r)
-    return r;
-  if (e || r)
-    return {
-      ...e,
-      ...r
-    };
+"use client";
+import * as i from "react";
+import { isHTMLElement as K } from "./index94.js";
+import { useStableCallback as d } from "./index95.js";
+import { error as m } from "./index96.js";
+import { useIsoLayoutEffect as N } from "./index97.js";
+import { useCompositeRootContext as O } from "./index98.js";
+import { useFocusableWhenDisabled as T } from "./index99.js";
+import { mergeProps as U, makeEventPreventable as b } from "./index27.js";
+function F(a = {}) {
+  const {
+    disabled: n = !1,
+    focusableWhenDisabled: h,
+    tabIndex: D = 0,
+    native: o = !0
+  } = a, r = i.useRef(null), u = O(!0) !== void 0, f = d(() => {
+    const t = r.current;
+    return !!(t?.tagName === "A" && t?.href);
+  }), {
+    props: s
+  } = T({
+    focusableWhenDisabled: h,
+    disabled: n,
+    composite: u,
+    tabIndex: D,
+    isNativeButton: o
+  });
+  process.env.NODE_ENV !== "production" && i.useEffect(() => {
+    if (!r.current)
+      return;
+    const t = r.current.tagName === "BUTTON";
+    o ? t || m("A component that acts as a button was not rendered as a native <button>, which does not match the default. Ensure that the element passed to the `render` prop of the component is a real <button>, or set the `nativeButton` prop on the component to `false`.") : t && m("A component that acts as a button was rendered as a native <button>, which does not match the default. Ensure that the element passed to the `render` prop of the component is not a real <button>, or set the `nativeButton` prop on the component to `true`.");
+  }, [o]);
+  const l = i.useCallback(() => {
+    const t = r.current;
+    I(t) && u && n && s.disabled === void 0 && t.disabled && (t.disabled = !1);
+  }, [n, s.disabled, u]);
+  N(l, [l]);
+  const y = i.useCallback((t = {}) => {
+    const {
+      onClick: c,
+      onMouseDown: k,
+      onKeyUp: E,
+      onKeyDown: g,
+      onPointerDown: B,
+      ...C
+    } = t;
+    return U({
+      type: o ? "button" : void 0,
+      onClick(e) {
+        if (n) {
+          e.preventDefault();
+          return;
+        }
+        c?.(e);
+      },
+      onMouseDown(e) {
+        n || k?.(e);
+      },
+      onKeyDown(e) {
+        if (n || (b(e), g?.(e)), e.baseUIHandlerPrevented)
+          return;
+        const P = e.target === e.currentTarget && !o && !f() && !n, p = e.key === "Enter", x = e.key === " ";
+        P && ((x || p) && e.preventDefault(), p && c?.(e));
+      },
+      onKeyUp(e) {
+        n || (b(e), E?.(e)), !e.baseUIHandlerPrevented && e.target === e.currentTarget && !o && !n && e.key === " " && c?.(e);
+      },
+      onPointerDown(e) {
+        if (n) {
+          e.preventDefault();
+          return;
+        }
+        B?.(e);
+      }
+    }, o ? void 0 : {
+      role: "button"
+    }, s, C);
+  }, [n, s, o, f]), w = d((t) => {
+    r.current = t, l();
+  });
+  return {
+    getButtonProps: y,
+    buttonRef: w
+  };
+}
+function I(a) {
+  return K(a) && a.tagName === "BUTTON";
 }
 export {
-  n as mergeObjects
+  F as useButton
 };

package/dist/index87.js

@@ -1,13 +1,13 @@
-import R from "./index94.js";
+import R from "./index100.js";
 import * as P from "react";
 import { createElement as d } from "react";
-import { useMergedRefs as p, useMergedRefsN as b } from "./index95.js";
-import { getReactElementRef as y } from "./index96.js";
-import { mergeObjects as g } from "./index86.js";
-import { getStateAttributesProps as A } from "./index97.js";
-import { resolveClassName as M } from "./index98.js";
-import { resolveStyle as k } from "./index99.js";
-import { EMPTY_OBJECT as f } from "./index100.js";
+import { useMergedRefs as p, useMergedRefsN as b } from "./index101.js";
+import { getReactElementRef as y } from "./index102.js";
+import { mergeObjects as g } from "./index88.js";
+import { getStateAttributesProps as A } from "./index103.js";
+import { resolveClassName as M } from "./index104.js";
+import { resolveStyle as k } from "./index105.js";
+import { EMPTY_OBJECT as f } from "./index106.js";
 import { mergePropsN as v, mergeClassNames as C, mergeProps as O } from "./index27.js";
 function Y(r, e, t = {}) {
   const i = e.render, o = w(e, t);

package/dist/index88.js

@@ -1,98 +1,14 @@
-"use client";
-import * as p from "react";
-import { useStableCallback as x } from "./index127.js";
-import { useControlled as L } from "./index125.js";
-import { useIsoLayoutEffect as k } from "./index126.js";
-import { useFieldRootContext as b } from "./index130.js";
-import { useLabelableContext as B } from "./index131.js";
-import { useLabelableId as S } from "./index132.js";
-import { fieldValidityMapping as U } from "./index149.js";
-import { useRenderElement as A } from "./index87.js";
-import { useField as K } from "./index136.js";
-import { createChangeEventDetails as O } from "./index107.js";
-import { none as _ } from "./index108.js";
-const j = /* @__PURE__ */ p.forwardRef(function(n, C) {
-  const {
-    render: z,
-    className: G,
-    id: g,
-    name: v,
-    value: o,
-    disabled: R = !1,
-    onValueChange: V,
-    defaultValue: i,
-    ...F
-  } = n, {
-    state: s,
-    name: y,
-    disabled: E
-  } = b(), r = E || R, u = y ?? v, N = p.useMemo(() => ({
-    ...s,
-    disabled: r
-  }), [s, r]), {
-    setTouched: d,
-    setDirty: P,
-    validityData: T,
-    setFocused: m,
-    setFilled: l,
-    validationMode: h,
-    validation: t
-  } = b(), {
-    labelId: D
-  } = B(), f = S({
-    id: g
-  });
-  k(() => {
-    const e = o != null;
-    t.inputRef.current?.value || e && o !== "" ? l(!0) : e && o === "" && l(!1);
-  }, [t.inputRef, l, o]);
-  const [c, I] = L({
-    controlled: o,
-    default: i,
-    name: "FieldControl",
-    state: "value"
-  }), M = o !== void 0, w = x((e, a) => {
-    V?.(e, a), !a.isCanceled && I(e);
-  });
-  return K({
-    id: f,
-    name: u,
-    commit: t.commit,
-    value: c,
-    getValue: () => t.inputRef.current?.value,
-    controlRef: t.inputRef
-  }), A("input", n, {
-    ref: C,
-    state: N,
-    props: [{
-      id: f,
-      disabled: r,
-      name: u,
-      ref: t.inputRef,
-      "aria-labelledby": D,
-      ...M ? {
-        value: c
-      } : {
-        defaultValue: i
-      },
-      onChange(e) {
-        const a = e.currentTarget.value;
-        w(a, O(_, e.nativeEvent)), P(a !== T.initialValue), l(a !== "");
-      },
-      onFocus() {
-        m(!0);
-      },
-      onBlur(e) {
-        d(!0), m(!1), h === "onBlur" && t.commit(e.currentTarget.value);
-      },
-      onKeyDown(e) {
-        e.currentTarget.tagName === "INPUT" && e.key === "Enter" && (d(!0), t.commit(e.currentTarget.value));
-      }
-    }, t.getInputValidationProps(), F],
-    stateAttributesMapping: U
-  });
-});
-process.env.NODE_ENV !== "production" && (j.displayName = "FieldControl");
+function n(e, r) {
+  if (e && !r)
+    return e;
+  if (!e && r)
+    return r;
+  if (e || r)
+    return {
+      ...e,
+      ...r
+    };
+}
 export {
-  j as FieldControl
+  n as mergeObjects
 };

package/dist/index89.js

@@ -1,92 +1,98 @@
 "use client";
-import * as i from "react";
-import { isHTMLElement as K } from "./index164.js";
-import { useStableCallback as d } from "./index127.js";
-import { error as m } from "./index169.js";
-import { useIsoLayoutEffect as N } from "./index126.js";
-import { useCompositeRootContext as O } from "./index170.js";
-import { useFocusableWhenDisabled as T } from "./index171.js";
-import { mergeProps as U, makeEventPreventable as b } from "./index27.js";
-function F(a = {}) {
+import * as p from "react";
+import { useStableCallback as x } from "./index95.js";
+import { useControlled as L } from "./index107.js";
+import { useIsoLayoutEffect as k } from "./index97.js";
+import { useFieldRootContext as b } from "./index172.js";
+import { useLabelableContext as B } from "./index173.js";
+import { useLabelableId as S } from "./index174.js";
+import { fieldValidityMapping as U } from "./index184.js";
+import { useRenderElement as A } from "./index87.js";
+import { useField as K } from "./index177.js";
+import { createChangeEventDetails as O } from "./index115.js";
+import { none as _ } from "./index116.js";
+const j = /* @__PURE__ */ p.forwardRef(function(n, C) {
   const {
-    disabled: n = !1,
-    focusableWhenDisabled: h,
-    tabIndex: D = 0,
-    native: o = !0
-  } = a, r = i.useRef(null), u = O(!0) !== void 0, f = d(() => {
-    const t = r.current;
-    return !!(t?.tagName === "A" && t?.href);
-  }), {
-    props: s
-  } = T({
-    focusableWhenDisabled: h,
-    disabled: n,
-    composite: u,
-    tabIndex: D,
-    isNativeButton: o
+    render: z,
+    className: G,
+    id: g,
+    name: v,
+    value: o,
+    disabled: R = !1,
+    onValueChange: V,
+    defaultValue: i,
+    ...F
+  } = n, {
+    state: s,
+    name: y,
+    disabled: E
+  } = b(), r = E || R, u = y ?? v, N = p.useMemo(() => ({
+    ...s,
+    disabled: r
+  }), [s, r]), {
+    setTouched: d,
+    setDirty: P,
+    validityData: T,
+    setFocused: m,
+    setFilled: l,
+    validationMode: h,
+    validation: t
+  } = b(), {
+    labelId: D
+  } = B(), f = S({
+    id: g
   });
-  process.env.NODE_ENV !== "production" && i.useEffect(() => {
-    if (!r.current)
-      return;
-    const t = r.current.tagName === "BUTTON";
-    o ? t || m("A component that acts as a button was not rendered as a native <button>, which does not match the default. Ensure that the element passed to the `render` prop of the component is a real <button>, or set the `nativeButton` prop on the component to `false`.") : t && m("A component that acts as a button was rendered as a native <button>, which does not match the default. Ensure that the element passed to the `render` prop of the component is not a real <button>, or set the `nativeButton` prop on the component to `true`.");
-  }, [o]);
-  const l = i.useCallback(() => {
-    const t = r.current;
-    I(t) && u && n && s.disabled === void 0 && t.disabled && (t.disabled = !1);
-  }, [n, s.disabled, u]);
-  N(l, [l]);
-  const y = i.useCallback((t = {}) => {
-    const {
-      onClick: c,
-      onMouseDown: k,
-      onKeyUp: E,
-      onKeyDown: g,
-      onPointerDown: B,
-      ...C
-    } = t;
-    return U({
-      type: o ? "button" : void 0,
-      onClick(e) {
-        if (n) {
-          e.preventDefault();
-          return;
-        }
-        c?.(e);
+  k(() => {
+    const e = o != null;
+    t.inputRef.current?.value || e && o !== "" ? l(!0) : e && o === "" && l(!1);
+  }, [t.inputRef, l, o]);
+  const [c, I] = L({
+    controlled: o,
+    default: i,
+    name: "FieldControl",
+    state: "value"
+  }), M = o !== void 0, w = x((e, a) => {
+    V?.(e, a), !a.isCanceled && I(e);
+  });
+  return K({
+    id: f,
+    name: u,
+    commit: t.commit,
+    value: c,
+    getValue: () => t.inputRef.current?.value,
+    controlRef: t.inputRef
+  }), A("input", n, {
+    ref: C,
+    state: N,
+    props: [{
+      id: f,
+      disabled: r,
+      name: u,
+      ref: t.inputRef,
+      "aria-labelledby": D,
+      ...M ? {
+        value: c
+      } : {
+        defaultValue: i
       },
-      onMouseDown(e) {
-        n || k?.(e);
+      onChange(e) {
+        const a = e.currentTarget.value;
+        w(a, O(_, e.nativeEvent)), P(a !== T.initialValue), l(a !== "");
       },
-      onKeyDown(e) {
-        if (n || (b(e), g?.(e)), e.baseUIHandlerPrevented)
-          return;
-        const P = e.target === e.currentTarget && !o && !f() && !n, p = e.key === "Enter", x = e.key === " ";
-        P && ((x || p) && e.preventDefault(), p && c?.(e));
+      onFocus() {
+        m(!0);
       },
-      onKeyUp(e) {
-        n || (b(e), E?.(e)), !e.baseUIHandlerPrevented && e.target === e.currentTarget && !o && !n && e.key === " " && c?.(e);
+      onBlur(e) {
+        d(!0), m(!1), h === "onBlur" && t.commit(e.currentTarget.value);
       },
-      onPointerDown(e) {
-        if (n) {
-          e.preventDefault();
-          return;
-        }
-        B?.(e);
+      onKeyDown(e) {
+        e.currentTarget.tagName === "INPUT" && e.key === "Enter" && (d(!0), t.commit(e.currentTarget.value));
       }
-    }, o ? void 0 : {
-      role: "button"
-    }, s, C);
-  }, [n, s, o, f]), w = d((t) => {
-    r.current = t, l();
+    }, t.getInputValidationProps(), F],
+    stateAttributesMapping: U
   });
-  return {
-    getButtonProps: y,
-    buttonRef: w
-  };
-}
-function I(a) {
-  return K(a) && a.tagName === "BUTTON";
-}
+});
+process.env.NODE_ENV !== "production" && (j.displayName = "FieldControl");
 export {
-  F as useButton
+  j as FieldControl
 };

package/dist/index94.js

@@ -1,7 +1,136 @@
-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 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 {
-  o as default
+  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
 };