@yselimcan/ui 0.0.4 → 0.0.5

package/dist/index72.js

@@ -1,31 +1,31 @@
 "use client";
 import * as s from "react";
 import * as Dt from "react-dom";
-import { useTimeout as Nt } from "./index152.js";
-import { isWebKit as Wt } from "./index162.js";
-import { useStableCallback as $t } from "./index102.js";
-import { ownerDocument as lt } from "./index151.js";
-import { isMouseWithinBounds as kt } from "./index163.js";
-import { useIsoLayoutEffect as _ } from "./index104.js";
-import { useAnimationFrame as zt } from "./index164.js";
-import { useSelectRootContext as _t, useSelectFloatingContext as jt } from "./index133.js";
-import { popupStateMapping as Kt } from "./index111.js";
-import { useSelectPositionerContext as Vt } from "./index160.js";
-import { styleDisableScrollbar as ct } from "./index165.js";
-import { transitionStatusMapping as Yt } from "./index112.js";
-import { useOpenChangeComplete as qt } from "./index119.js";
-import { useRenderElement as Ut } from "./index86.js";
-import { selectors as u } from "./index138.js";
-import { clearStyles as at, LIST_FUNCTIONAL_STYLES as Xt } from "./index161.js";
-import { createChangeEventDetails as Zt } from "./index113.js";
-import { useToolbarRootContext as Gt } from "./index166.js";
-import { COMPOSITE_KEYS as Jt } from "./index120.js";
-import { getDisabledMountTransitionStyles as Qt } from "./index167.js";
+import { useTimeout as Nt } from "./index148.js";
+import { isWebKit as Wt } from "./index158.js";
+import { useStableCallback as $t } from "./index127.js";
+import { ownerDocument as lt } from "./index147.js";
+import { isMouseWithinBounds as kt } from "./index159.js";
+import { useIsoLayoutEffect as _ } from "./index126.js";
+import { useAnimationFrame as zt } from "./index160.js";
+import { useSelectRootContext as _t, useSelectFloatingContext as jt } from "./index129.js";
+import { popupStateMapping as Kt } from "./index105.js";
+import { useSelectPositionerContext as Vt } from "./index156.js";
+import { styleDisableScrollbar as ct } from "./index161.js";
+import { transitionStatusMapping as Yt } from "./index106.js";
+import { useOpenChangeComplete as qt } from "./index113.js";
+import { useRenderElement as Ut } from "./index87.js";
+import { selectors as u } from "./index134.js";
+import { clearStyles as at, LIST_FUNCTIONAL_STYLES as Xt } from "./index157.js";
+import { createChangeEventDetails as Zt } from "./index107.js";
+import { useToolbarRootContext as Gt } from "./index162.js";
+import { COMPOSITE_KEYS as Jt } from "./index114.js";
+import { getDisabledMountTransitionStyles as Qt } from "./index163.js";
 import { jsxs as te, jsx as ee } from "react/jsx-runtime";
-import { getWindow as mt } from "./index101.js";
-import { FloatingFocusManager as oe } from "./index121.js";
-import { useStore as g } from "./index149.js";
-import { windowResize as ne } from "./index114.js";
+import { getWindow as mt } from "./index164.js";
+import { FloatingFocusManager as oe } from "./index115.js";
+import { useStore as g } from "./index145.js";
+import { windowResize as ne } from "./index108.js";
 const re = {
   ...Kt,
   ...Yt

package/dist/index73.js

@@ -1,13 +1,13 @@
 "use client";
 import * as u from "react";
-import { useStableCallback as S } from "./index102.js";
-import { useSelectRootContext as N } from "./index133.js";
-import { useSelectPositionerContext as L } from "./index160.js";
-import { useRenderElement as b } from "./index86.js";
-import { styleDisableScrollbar as h } from "./index165.js";
-import { LIST_FUNCTIONAL_STYLES as E } from "./index161.js";
-import { selectors as t } from "./index138.js";
-import { useStore as o } from "./index149.js";
+import { useStableCallback as S } from "./index127.js";
+import { useSelectRootContext as N } from "./index129.js";
+import { useSelectPositionerContext as L } from "./index156.js";
+import { useRenderElement as b } from "./index87.js";
+import { styleDisableScrollbar as h } from "./index161.js";
+import { LIST_FUNCTIONAL_STYLES as E } from "./index157.js";
+import { selectors as t } from "./index134.js";
+import { useStore as o } from "./index145.js";
 const R = /* @__PURE__ */ u.forwardRef(function(s, l) {
   const {
     className: g,

package/dist/index74.js

@@ -1,7 +1,7 @@
 "use client";
 import * as r from "react";
-import { SelectGroupContext as a } from "./index171.js";
-import { useRenderElement as p } from "./index86.js";
+import { SelectGroupContext as a } from "./index168.js";
+import { useRenderElement as p } from "./index87.js";
 import { jsx as u } from "react/jsx-runtime";
 const i = /* @__PURE__ */ r.forwardRef(function(o, l) {
   const {

package/dist/index75.js

@@ -1,20 +1,20 @@
 "use client";
 import * as r from "react";
-import { useIsoLayoutEffect as A } from "./index104.js";
-import { useValueAsRef as Q } from "./index132.js";
-import { isMouseWithinBounds as X } from "./index163.js";
-import { useTimeout as Y } from "./index152.js";
-import { useSelectRootContext as Z } from "./index133.js";
-import { useCompositeListItem as $, IndexGuessBehavior as ee } from "./index168.js";
-import { useRenderElement as te } from "./index86.js";
-import { SelectItemContext as ne } from "./index169.js";
-import { selectors as v } from "./index138.js";
-import { createChangeEventDetails as g } from "./index113.js";
-import { compareItemEquality as oe, removeItem as re } from "./index142.js";
+import { useIsoLayoutEffect as A } from "./index126.js";
+import { useValueAsRef as Q } from "./index128.js";
+import { isMouseWithinBounds as X } from "./index159.js";
+import { useTimeout as Y } from "./index148.js";
+import { useSelectRootContext as Z } from "./index129.js";
+import { useCompositeListItem as $, IndexGuessBehavior as ee } from "./index165.js";
+import { useRenderElement as te } from "./index87.js";
+import { SelectItemContext as ne } from "./index166.js";
+import { selectors as v } from "./index134.js";
+import { createChangeEventDetails as g } from "./index107.js";
+import { compareItemEquality as oe, removeItem as re } from "./index138.js";
 import { jsx as se } from "react/jsx-runtime";
-import { useButton as ue } from "./index88.js";
-import { useStore as x } from "./index149.js";
-import { itemPress as S } from "./index114.js";
+import { useButton as ue } from "./index89.js";
+import { useStore as x } from "./index145.js";
+import { itemPress as S } from "./index108.js";
 const ie = /* @__PURE__ */ r.memo(/* @__PURE__ */ r.forwardRef(function(E, D) {
   const {
     render: ce,

package/dist/index76.js

@@ -1,8 +1,8 @@
 "use client";
 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 { useSelectRootContext as a } from "./index129.js";
+import { useSelectItemContext as d } from "./index166.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

@@ -1,10 +1,10 @@
 "use client";
 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 { useSelectItemContext as u } from "./index166.js";
+import { useTransitionStatus as I } from "./index133.js";
+import { useOpenChangeComplete as R } from "./index113.js";
+import { useRenderElement as M } from "./index87.js";
+import { transitionStatusMapping as N } from "./index106.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 { useSelectGroupContext as m } from "./index171.js";
-import { useRenderElement as p } from "./index86.js";
+import { useIsoLayoutEffect as i } from "./index126.js";
+import { useBaseUiId as l } from "./index109.js";
+import { useSelectGroupContext as m } from "./index168.js";
+import { useRenderElement as p } from "./index87.js";
 const a = /* @__PURE__ */ c.forwardRef(function(o, r) {
   const {
     className: f,

package/dist/index79.js

@@ -1,6 +1,6 @@
 "use client";
 import * as e from "react";
-import { SelectScrollArrow as c } from "./index170.js";
+import { SelectScrollArrow as c } from "./index167.js";
 import { jsx as t } from "react/jsx-runtime";
 const l = /* @__PURE__ */ e.forwardRef(function(r, o) {
   return /* @__PURE__ */ t(c, {

package/dist/index80.js

@@ -1,6 +1,6 @@
 "use client";
 import * as e from "react";
-import { SelectScrollArrow as c } from "./index170.js";
+import { SelectScrollArrow as c } from "./index167.js";
 import { jsx as t } from "react/jsx-runtime";
 const l = /* @__PURE__ */ e.forwardRef(function(r, o) {
   return /* @__PURE__ */ t(c, {

package/dist/index81.js

@@ -1,24 +1,24 @@
 "use client";
 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 { 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 "./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 { fieldValidityMapping as ie } from "./index153.js";
-import { useRenderElement as le } from "./index86.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 { useStore as s } from "./index149.js";
-import { getFloatingFocusElement as ce, contains as y } from "./index155.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 { 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 { mergeProps as me } from "./index27.js";
-import { focusOut as fe, cancelOpen as de } from "./index114.js";
+import { focusOut as fe, cancelOpen as de } from "./index108.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 "./index86.js";
-import { useSelectRootContext as i } from "./index133.js";
-import { triggerOpenStateMapping as m } from "./index111.js";
-import { selectors as a } from "./index138.js";
-import { useStore as l } from "./index149.js";
+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";
 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 "./index86.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";
-import { useStore as r } from "./index149.js";
+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";
 const R = {
   value: () => null
 }, h = /* @__PURE__ */ i.forwardRef(function(s, c) {

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 "./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 "./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 { 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 "./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 {
-    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
 };