@yselimcan/ui 0.0.4 → 0.0.6

package/dist/index76.js

@@ -2,7 +2,7 @@
 import * as t from "react";
 import { useSelectRootContext as a } from "./index133.js";
 import { useSelectItemContext as d } from "./index169.js";
-import { useRenderElement as x } from "./index86.js";
+import { useRenderElement as x } from "./index87.js";
 const p = /* @__PURE__ */ t.memo(/* @__PURE__ */ t.forwardRef(function(r, l) {
   const {
     indexRef: c,

package/dist/index77.js

@@ -2,9 +2,9 @@
 import * as t from "react";
 import { useSelectItemContext as u } from "./index169.js";
 import { useTransitionStatus as I } from "./index137.js";
-import { useOpenChangeComplete as R } from "./index119.js";
-import { useRenderElement as M } from "./index86.js";
-import { transitionStatusMapping as N } from "./index112.js";
+import { useOpenChangeComplete as R } from "./index106.js";
+import { useRenderElement as M } from "./index87.js";
+import { transitionStatusMapping as N } from "./index99.js";
 import { jsx as S } from "react/jsx-runtime";
 const h = /* @__PURE__ */ t.forwardRef(function(n, r) {
   const s = n.keepMounted ?? !1, {

package/dist/index78.js

@@ -1,9 +1,9 @@
 "use client";
 import * as c from "react";
-import { useIsoLayoutEffect as i } from "./index104.js";
-import { useBaseUiId as l } from "./index115.js";
+import { useIsoLayoutEffect as i } from "./index126.js";
+import { useBaseUiId as l } from "./index102.js";
 import { useSelectGroupContext as m } from "./index171.js";
-import { useRenderElement as p } from "./index86.js";
+import { useRenderElement as p } from "./index87.js";
 const a = /* @__PURE__ */ c.forwardRef(function(o, r) {
   const {
     className: f,

package/dist/index81.js

@@ -2,23 +2,23 @@
 import * as l from "react";
 import { ownerDocument as Z } from "./index151.js";
 import { useTimeout as m } from "./index152.js";
-import { useStableCallback as $ } from "./index102.js";
-import { useMergedRefs as ee } from "./index95.js";
+import { useStableCallback as $ } from "./index124.js";
+import { useMergedRefs as ee } from "./index117.js";
 import { useValueAsRef as te } from "./index132.js";
 import { useSelectRootContext as oe } from "./index133.js";
 import { useFieldRootContext as re } from "./index134.js";
 import { useLabelableContext as ne } from "./index135.js";
-import { pressableTriggerOpenStateMapping as se } from "./index111.js";
+import { pressableTriggerOpenStateMapping as se } from "./index98.js";
 import { fieldValidityMapping as ie } from "./index153.js";
-import { useRenderElement as le } from "./index86.js";
+import { useRenderElement as le } from "./index87.js";
 import { selectors as n } from "./index138.js";
 import { getPseudoElementBounds as ae } from "./index154.js";
-import { createChangeEventDetails as h } from "./index113.js";
-import { useButton as ue } from "./index88.js";
+import { createChangeEventDetails as h } from "./index100.js";
+import { useButton as ue } from "./index89.js";
 import { useStore as s } from "./index149.js";
 import { getFloatingFocusElement as ce, contains as y } from "./index155.js";
 import { mergeProps as me } from "./index27.js";
-import { focusOut as fe, cancelOpen as de } from "./index114.js";
+import { focusOut as fe, cancelOpen as de } from "./index101.js";
 const f = 2, pe = {
   ...se,
   ...ie,

package/dist/index82.js

@@ -1,8 +1,8 @@
 "use client";
 import * as o from "react";
-import { useRenderElement as p } from "./index86.js";
+import { useRenderElement as p } from "./index87.js";
 import { useSelectRootContext as i } from "./index133.js";
-import { triggerOpenStateMapping as m } from "./index111.js";
+import { triggerOpenStateMapping as m } from "./index98.js";
 import { selectors as a } from "./index138.js";
 import { useStore as l } from "./index149.js";
 const f = /* @__PURE__ */ o.forwardRef(function(e, r) {

package/dist/index83.js

@@ -1,6 +1,6 @@
 "use client";
 import * as i from "react";
-import { useRenderElement as S } from "./index86.js";
+import { useRenderElement as S } from "./index87.js";
 import { useSelectRootContext as v } from "./index133.js";
 import { resolveMultipleLabels as V, resolveSelectedLabel as b } from "./index141.js";
 import { selectors as o } from "./index138.js";

package/dist/index86.js

@@ -1,57 +1,14 @@
-import R from "./index94.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 "./index87.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 { 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);
-  if (t.enabled === !1)
-    return null;
-  const m = t.state ?? f;
-  return B(r, i, o, m);
-}
-function w(r, e = {}) {
-  const {
-    className: t,
-    style: i,
-    render: o
-  } = r, {
-    state: m = f,
-    ref: u,
-    props: a,
-    stateAttributesMapping: E,
-    enabled: s = !0
-  } = e, l = s ? M(t, m) : void 0, c = s ? k(i, m) : void 0, N = s ? A(m, E) : f, n = s ? g(N, Array.isArray(a) ? v(a) : a) ?? f : f;
-  return typeof document < "u" && (s ? Array.isArray(u) ? n.ref = b([n.ref, y(o), ...u]) : n.ref = p(n.ref, y(o), u) : p(null, null)), s ? (l !== void 0 && (n.className = C(n.className, l)), c !== void 0 && (n.style = g(n.style, c)), n) : f;
-}
-function B(r, e, t, i) {
-  if (e) {
-    if (typeof e == "function")
-      return e(t, i);
-    const o = O(t, e.props);
-    return o.ref = t.ref, /* @__PURE__ */ P.cloneElement(e, o);
-  }
-  if (r && typeof r == "string")
-    return S(r, t);
-  throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: Render element or function are not defined." : R(8));
-}
-function S(r, e) {
-  return r === "button" ? /* @__PURE__ */ d("button", {
-    type: "button",
-    ...e,
-    key: e.key
-  }) : r === "img" ? /* @__PURE__ */ d("img", {
-    alt: "",
-    ...e,
-    key: e.key
-  }) : /* @__PURE__ */ P.createElement(r, e);
+function n(e, r) {
+  if (e && !r)
+    return e;
+  if (!e && r)
+    return r;
+  if (e || r)
+    return {
+      ...e,
+      ...r
+    };
 }
 export {
-  Y as useRenderElement
+  n as mergeObjects
 };

package/dist/index87.js

@@ -1,14 +1,57 @@
-function n(e, r) {
-  if (e && !r)
-    return e;
-  if (!e && r)
-    return r;
-  if (e || r)
-    return {
-      ...e,
-      ...r
-    };
+import R from "./index112.js";
+import * as P from "react";
+import { createElement as d } from "react";
+import { useMergedRefs as p, useMergedRefsN as b } from "./index117.js";
+import { getReactElementRef as y } from "./index118.js";
+import { mergeObjects as g } from "./index86.js";
+import { getStateAttributesProps as A } from "./index119.js";
+import { resolveClassName as M } from "./index120.js";
+import { resolveStyle as k } from "./index121.js";
+import { EMPTY_OBJECT as f } from "./index122.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);
+  if (t.enabled === !1)
+    return null;
+  const m = t.state ?? f;
+  return B(r, i, o, m);
+}
+function w(r, e = {}) {
+  const {
+    className: t,
+    style: i,
+    render: o
+  } = r, {
+    state: m = f,
+    ref: u,
+    props: a,
+    stateAttributesMapping: E,
+    enabled: s = !0
+  } = e, l = s ? M(t, m) : void 0, c = s ? k(i, m) : void 0, N = s ? A(m, E) : f, n = s ? g(N, Array.isArray(a) ? v(a) : a) ?? f : f;
+  return typeof document < "u" && (s ? Array.isArray(u) ? n.ref = b([n.ref, y(o), ...u]) : n.ref = p(n.ref, y(o), u) : p(null, null)), s ? (l !== void 0 && (n.className = C(n.className, l)), c !== void 0 && (n.style = g(n.style, c)), n) : f;
+}
+function B(r, e, t, i) {
+  if (e) {
+    if (typeof e == "function")
+      return e(t, i);
+    const o = O(t, e.props);
+    return o.ref = t.ref, /* @__PURE__ */ P.cloneElement(e, o);
+  }
+  if (r && typeof r == "string")
+    return S(r, t);
+  throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: Render element or function are not defined." : R(8));
+}
+function S(r, e) {
+  return r === "button" ? /* @__PURE__ */ d("button", {
+    type: "button",
+    ...e,
+    key: e.key
+  }) : r === "img" ? /* @__PURE__ */ d("img", {
+    alt: "",
+    ...e,
+    key: e.key
+  }) : /* @__PURE__ */ P.createElement(r, e);
 }
 export {
-  n as mergeObjects
+  Y as useRenderElement
 };

package/dist/index88.js

@@ -1,92 +1,98 @@
 "use client";
-import * as i from "react";
-import { isHTMLElement as K } from "./index101.js";
-import { useStableCallback as d } from "./index102.js";
-import { error as m } from "./index103.js";
-import { useIsoLayoutEffect as N } from "./index104.js";
-import { useCompositeRootContext as O } from "./index105.js";
-import { useFocusableWhenDisabled as T } from "./index106.js";
-import { mergeProps as U, makeEventPreventable as b } from "./index27.js";
-function F(a = {}) {
+import * as p from "react";
+import { useStableCallback as x } from "./index124.js";
+import { useControlled as L } from "./index131.js";
+import { useIsoLayoutEffect as k } from "./index126.js";
+import { useFieldRootContext as b } from "./index134.js";
+import { useLabelableContext as B } from "./index135.js";
+import { useLabelableId as S } from "./index136.js";
+import { fieldValidityMapping as U } from "./index153.js";
+import { useRenderElement as A } from "./index87.js";
+import { useField as K } from "./index140.js";
+import { createChangeEventDetails as O } from "./index100.js";
+import { none as _ } from "./index101.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/index89.js

@@ -1,98 +1,92 @@
 "use client";
-import * as p from "react";
-import { useStableCallback as x } from "./index102.js";
-import { useControlled as L } from "./index131.js";
-import { useIsoLayoutEffect as k } from "./index104.js";
-import { useFieldRootContext as b } from "./index134.js";
-import { useLabelableContext as B } from "./index135.js";
-import { useLabelableId as S } from "./index136.js";
-import { fieldValidityMapping as U } from "./index153.js";
-import { useRenderElement as A } from "./index86.js";
-import { useField as K } from "./index140.js";
-import { createChangeEventDetails as O } from "./index113.js";
-import { none as _ } from "./index114.js";
-const j = /* @__PURE__ */ p.forwardRef(function(n, C) {
+import * as i from "react";
+import { isHTMLElement as K } from "./index123.js";
+import { useStableCallback as d } from "./index124.js";
+import { error as m } from "./index125.js";
+import { useIsoLayoutEffect as N } from "./index126.js";
+import { useCompositeRootContext as O } from "./index127.js";
+import { useFocusableWhenDisabled as T } from "./index128.js";
+import { mergeProps as U, makeEventPreventable as b } from "./index27.js";
+function F(a = {}) {
   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
+    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
   });
-  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
+  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);
       },
-      onChange(e) {
-        const a = e.currentTarget.value;
-        w(a, O(_, e.nativeEvent)), P(a !== T.initialValue), l(a !== "");
+      onMouseDown(e) {
+        n || k?.(e);
       },
-      onFocus() {
-        m(!0);
+      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));
       },
-      onBlur(e) {
-        d(!0), m(!1), h === "onBlur" && t.commit(e.currentTarget.value);
+      onKeyUp(e) {
+        n || (b(e), E?.(e)), !e.baseUIHandlerPrevented && e.target === e.currentTarget && !o && !n && e.key === " " && c?.(e);
       },
-      onKeyDown(e) {
-        e.currentTarget.tagName === "INPUT" && e.key === "Enter" && (d(!0), t.commit(e.currentTarget.value));
+      onPointerDown(e) {
+        if (n) {
+          e.preventDefault();
+          return;
+        }
+        B?.(e);
       }
-    }, t.getInputValidationProps(), F],
-    stateAttributesMapping: U
+    }, o ? void 0 : {
+      role: "button"
+    }, s, C);
+  }, [n, s, o, f]), w = d((t) => {
+    r.current = t, l();
   });
-});
-process.env.NODE_ENV !== "production" && (j.displayName = "FieldControl");
+  return {
+    getButtonProps: y,
+    buttonRef: w
+  };
+}
+function I(a) {
+  return K(a) && a.tagName === "BUTTON";
+}
 export {
-  j as FieldControl
+  F as useButton
 };

package/dist/index94.js

@@ -1,7 +1,10 @@
-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.`;
+"use client";
+import * as c from "react";
+const t = {};
+function u(r, n) {
+  const e = c.useRef(t);
+  return e.current === t && (e.current = r(n)), e;
 }
 export {
-  o as default
+  u as useRefWithInit
 };