@yselimcan/ui 0.0.4 → 0.0.5

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 "./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 = {}) {
   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/index95.js

@@ -1,4 +1,4 @@
-import { useRefWithInit as r } from "./index107.js";
+import { useRefWithInit as r } from "./index101.js";
 function b(n, e, c, t) {
   const l = r(i).current;
   return s(l, n, e, c, t) && o(l, [n, e, c, t]), l.callback;

package/dist/index96.js

@@ -1,5 +1,5 @@
 import * as n from "react";
-import { isReactVersionAtLeast as o } from "./index204.js";
+import { isReactVersionAtLeast as o } from "./index200.js";
 function s(t) {
   if (!/* @__PURE__ */ n.isValidElement(t))
     return null;