@yselimcan/ui 0.0.7 → 0.0.8

package/dist/index69.js

@@ -1,39 +1,39 @@
 "use client";
 import * as n from "react";
-import { visuallyHidden as _e } from "./index167.js";
-import { useMergedRefs as Ge } from "./index101.js";
-import { useRefWithInit as Je } from "./index168.js";
-import { useOnFirstRender as Ke } from "./index169.js";
-import { useControlled as re } from "./index107.js";
-import { useIsoLayoutEffect as C } from "./index97.js";
-import { useStableCallback as V } from "./index95.js";
-import { useValueAsRef as Qe } from "./index170.js";
-import { SelectRootContext as Xe, SelectFloatingContext as Ze } from "./index171.js";
-import { useFieldRootContext as $e } from "./index172.js";
-import { useLabelableContext as et } from "./index173.js";
-import { useLabelableId as tt } from "./index174.js";
-import { useTransitionStatus as ot } from "./index117.js";
-import { selectors as w } from "./index175.js";
-import { createChangeEventDetails as se } from "./index115.js";
-import { useOpenChangeComplete as nt } from "./index118.js";
-import { useFormContext as rt } from "./index176.js";
-import { useField as st } from "./index177.js";
-import { stringifyAsValue as I } from "./index178.js";
-import { defaultItemEquality as lt, findItemIndex as le } from "./index179.js";
-import { useValueChanged as it } from "./index180.js";
-import { useOpenInteractionType as at } from "./index144.js";
+import { visuallyHidden as _e } from "./index123.js";
+import { useMergedRefs as Ge } from "./index95.js";
+import { useRefWithInit as Je } from "./index101.js";
+import { useOnFirstRender as Ke } from "./index124.js";
+import { useControlled as re } from "./index125.js";
+import { useIsoLayoutEffect as C } from "./index126.js";
+import { useStableCallback as V } from "./index127.js";
+import { useValueAsRef as Qe } from "./index128.js";
+import { SelectRootContext as Xe, SelectFloatingContext as Ze } from "./index129.js";
+import { useFieldRootContext as $e } from "./index130.js";
+import { useLabelableContext as et } from "./index131.js";
+import { useLabelableId as tt } from "./index132.js";
+import { useTransitionStatus as ot } from "./index133.js";
+import { selectors as w } from "./index134.js";
+import { createChangeEventDetails as se } from "./index107.js";
+import { useOpenChangeComplete as nt } from "./index113.js";
+import { useFormContext as rt } from "./index135.js";
+import { useField as st } from "./index136.js";
+import { stringifyAsValue as I } from "./index137.js";
+import { defaultItemEquality as lt, findItemIndex as le } from "./index138.js";
+import { useValueChanged as it } from "./index139.js";
+import { useOpenInteractionType as at } from "./index140.js";
 import { jsx as q, jsxs as ut } from "react/jsx-runtime";
-import { useFloatingRootContext as ct } from "./index181.js";
-import { useClick as ft } from "./index163.js";
-import { useDismiss as mt } from "./index148.js";
-import { useListNavigation as dt } from "./index150.js";
-import { useTypeahead as pt } from "./index151.js";
-import { useInteractions as gt } from "./index152.js";
-import { EMPTY_ARRAY as ie } from "./index106.js";
-import { useStore as A } from "./index182.js";
+import { useFloatingRootContext as ct } from "./index141.js";
+import { useClick as ft } from "./index121.js";
+import { useDismiss as mt } from "./index142.js";
+import { useListNavigation as dt } from "./index143.js";
+import { useTypeahead as pt } from "./index144.js";
+import { useInteractions as gt } from "./index122.js";
+import { EMPTY_ARRAY as ie } from "./index100.js";
+import { useStore as A } from "./index145.js";
 import { mergeProps as ht } from "./index27.js";
-import { none as Rt } from "./index116.js";
-import { Store as vt } from "./index183.js";
+import { none as Rt } from "./index108.js";
+import { Store as vt } from "./index146.js";
 function eo(ae) {
   const {
     id: N,

package/dist/index70.js

@@ -1,11 +1,11 @@
 "use client";
 import * as m from "react";
-import { SelectPortalContext as i } from "./index185.js";
-import { useSelectRootContext as u } from "./index171.js";
-import { selectors as t } from "./index175.js";
+import { SelectPortalContext as i } from "./index152.js";
+import { useSelectRootContext as u } from "./index129.js";
+import { selectors as t } from "./index134.js";
 import { jsx as e } from "react/jsx-runtime";
-import { FloatingPortal as f } from "./index128.js";
-import { useStore as r } from "./index182.js";
+import { FloatingPortal as f } from "./index118.js";
+import { useStore as r } from "./index145.js";
 const a = /* @__PURE__ */ m.forwardRef(function(n, l) {
   const {
     store: o

package/dist/index71.js

@@ -1,24 +1,24 @@
 "use client";
 import * as o from "react";
-import { inertValue as ce } from "./index129.js";
-import { useIsoLayoutEffect as ae } from "./index97.js";
-import { useScrollLock as ue } from "./index141.js";
-import { useStableCallback as D } from "./index95.js";
-import { useSelectRootContext as me, useSelectFloatingContext as fe } from "./index171.js";
-import { CompositeList as pe } from "./index131.js";
-import { popupStateMapping as de } from "./index120.js";
-import { useAnchorPositioning as ge } from "./index130.js";
-import { SelectPositionerContext as he } from "./index186.js";
-import { InternalBackdrop as Ie } from "./index132.js";
+import { inertValue as ce } from "./index116.js";
+import { useIsoLayoutEffect as ae } from "./index126.js";
+import { useScrollLock as ue } from "./index153.js";
+import { useStableCallback as D } from "./index127.js";
+import { useSelectRootContext as me, useSelectFloatingContext as fe } from "./index129.js";
+import { CompositeList as pe } from "./index154.js";
+import { popupStateMapping as de } from "./index105.js";
+import { useAnchorPositioning as ge } from "./index155.js";
+import { SelectPositionerContext as he } from "./index156.js";
+import { InternalBackdrop as Ie } from "./index117.js";
 import { useRenderElement as Ae } from "./index87.js";
-import { DROPDOWN_COLLISION_AVOIDANCE as Re } from "./index133.js";
-import { clearStyles as P } from "./index187.js";
-import { selectors as t } from "./index175.js";
-import { createChangeEventDetails as Se } from "./index115.js";
-import { findItemIndex as ve, itemIncludes as R } from "./index179.js";
+import { DROPDOWN_COLLISION_AVOIDANCE as Re } from "./index119.js";
+import { clearStyles as P } from "./index157.js";
+import { selectors as t } from "./index134.js";
+import { createChangeEventDetails as Se } from "./index107.js";
+import { findItemIndex as ve, itemIncludes as R } from "./index138.js";
 import { jsx as T, jsxs as xe } from "react/jsx-runtime";
-import { useStore as c } from "./index182.js";
-import { none as Ee } from "./index116.js";
+import { useStore as c } from "./index145.js";
+import { none as Ee } from "./index108.js";
 const Ve = {
   position: "fixed"
 }, be = /* @__PURE__ */ o.forwardRef(function(S, O) {

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 "./index138.js";
-import { isWebKit as Wt } from "./index188.js";
-import { useStableCallback as $t } from "./index95.js";
-import { ownerDocument as lt } from "./index154.js";
-import { isMouseWithinBounds as kt } from "./index189.js";
-import { useIsoLayoutEffect as _ } from "./index97.js";
-import { useAnimationFrame as zt } from "./index140.js";
-import { useSelectRootContext as _t, useSelectFloatingContext as jt } from "./index171.js";
-import { popupStateMapping as Kt } from "./index120.js";
-import { useSelectPositionerContext as Vt } from "./index186.js";
-import { styleDisableScrollbar as ct } from "./index190.js";
-import { transitionStatusMapping as Yt } from "./index121.js";
-import { useOpenChangeComplete as qt } from "./index118.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 "./index175.js";
-import { clearStyles as at, LIST_FUNCTIONAL_STYLES as Xt } from "./index187.js";
-import { createChangeEventDetails as Zt } from "./index115.js";
-import { useToolbarRootContext as Gt } from "./index122.js";
-import { COMPOSITE_KEYS as Jt } from "./index123.js";
-import { getDisabledMountTransitionStyles as Qt } from "./index124.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 "./index94.js";
-import { FloatingFocusManager as oe } from "./index126.js";
-import { useStore as g } from "./index182.js";
-import { windowResize as ne } from "./index116.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 "./index95.js";
-import { useSelectRootContext as N } from "./index171.js";
-import { useSelectPositionerContext as L } from "./index186.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 "./index190.js";
-import { LIST_FUNCTIONAL_STYLES as E } from "./index187.js";
-import { selectors as t } from "./index175.js";
-import { useStore as o } from "./index182.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,6 +1,6 @@
 "use client";
 import * as r from "react";
-import { SelectGroupContext as a } from "./index193.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) {

package/dist/index75.js

@@ -1,20 +1,20 @@
 "use client";
 import * as r from "react";
-import { useIsoLayoutEffect as A } from "./index97.js";
-import { useValueAsRef as Q } from "./index170.js";
-import { isMouseWithinBounds as X } from "./index189.js";
-import { useTimeout as Y } from "./index138.js";
-import { useSelectRootContext as Z } from "./index171.js";
-import { useCompositeListItem as $, IndexGuessBehavior as ee } from "./index110.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 "./index191.js";
-import { selectors as v } from "./index175.js";
-import { createChangeEventDetails as g } from "./index115.js";
-import { compareItemEquality as oe, removeItem as re } from "./index179.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 "./index86.js";
-import { useStore as x } from "./index182.js";
-import { itemPress as S } from "./index116.js";
+import { useButton as ue } from "./index93.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,7 +1,7 @@
 "use client";
 import * as t from "react";
-import { useSelectRootContext as a } from "./index171.js";
-import { useSelectItemContext as d } from "./index191.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 {

package/dist/index77.js

@@ -1,10 +1,10 @@
 "use client";
 import * as t from "react";
-import { useSelectItemContext as u } from "./index191.js";
-import { useTransitionStatus as I } from "./index117.js";
-import { useOpenChangeComplete as R } from "./index118.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 "./index121.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,8 +1,8 @@
 "use client";
 import * as c from "react";
-import { useIsoLayoutEffect as i } from "./index97.js";
-import { useBaseUiId as l } from "./index112.js";
-import { useSelectGroupContext as m } from "./index193.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 {

package/dist/index79.js

@@ -1,6 +1,6 @@
 "use client";
 import * as e from "react";
-import { SelectScrollArrow as c } from "./index192.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 "./index192.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 "./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 { 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 { useRenderElement as le } from "./index87.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 { 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 "./index93.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 "./index116.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 "./index87.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";
+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 "./index87.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";
+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,92 +1,14 @@
-"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";
+function n(e, r) {
+  if (e && !r)
+    return e;
+  if (!e && r)
+    return r;
+  if (e || r)
+    return {
+      ...e,
+      ...r
+    };
 }
 export {
-  F as useButton
+  n as mergeObjects
 };

package/dist/index87.js

@@ -1,13 +1,13 @@
-import R from "./index100.js";
+import R from "./index94.js";
 import * as P from "react";
 import { createElement as d } from "react";
-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 { 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);

package/dist/index88.js

@@ -1,14 +1,98 @@
-function n(e, r) {
-  if (e && !r)
-    return e;
-  if (!e && r)
-    return r;
-  if (e || r)
-    return {
-      ...e,
-      ...r
-    };
-}
+"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");
 export {
-  n as mergeObjects
+  j as FieldControl
 };