cekat-ui 1.3.1 → 1.3.2

package/dist/index.d.mts

@@ -221,7 +221,8 @@ export declare type ButtonCompound = React_2.ForwardRefExoticComponent<ButtonPro
 /** Figma Buttons/Button icon box: xs 18 · sm/md 20 · lg 24 · xl/2xl 28. */
 export declare const buttonIconSizePx: Record<ButtonSize, number>;
 
-export declare interface ButtonProps extends ButtonProps_2 {
+/** Retain native button props supported before the React Aria migration. */
+export declare interface ButtonProps extends Omit<ButtonProps_2, keyof NativeButtonProps>, NativeButtonProps {
     tone?: ButtonTone;
     size?: ButtonSize;
     variant?: ButtonVariant;
@@ -492,6 +493,8 @@ declare interface MultiSelectOption {
     avatar?: string;
 }
 
+declare type NativeButtonProps = Pick<React_2.ButtonHTMLAttributes<HTMLButtonElement>, 'onClick' | 'title' | 'value'>;
+
 export declare function PhoneInput({ size, label, required, hint, error, disabled, placeholder, rightIcon, value, onChange, className, wrapperClassName, }: PhoneInputProps): JSX_2.Element;
 
 declare interface PhoneInputProps {

package/dist/index.d.ts

@@ -221,7 +221,8 @@ export declare type ButtonCompound = React_2.ForwardRefExoticComponent<ButtonPro
 /** Figma Buttons/Button icon box: xs 18 · sm/md 20 · lg 24 · xl/2xl 28. */
 export declare const buttonIconSizePx: Record<ButtonSize, number>;
 
-export declare interface ButtonProps extends ButtonProps_2 {
+/** Retain native button props supported before the React Aria migration. */
+export declare interface ButtonProps extends Omit<ButtonProps_2, keyof NativeButtonProps>, NativeButtonProps {
     tone?: ButtonTone;
     size?: ButtonSize;
     variant?: ButtonVariant;
@@ -492,6 +493,8 @@ declare interface MultiSelectOption {
     avatar?: string;
 }
 
+declare type NativeButtonProps = Pick<React_2.ButtonHTMLAttributes<HTMLButtonElement>, 'onClick' | 'title' | 'value'>;
+
 export declare function PhoneInput({ size, label, required, hint, error, disabled, placeholder, rightIcon, value, onChange, className, wrapperClassName, }: PhoneInputProps): JSX_2.Element;
 
 declare interface PhoneInputProps {

package/dist/index.mjs

@@ -10623,21 +10623,31 @@ const oa = m.createContext({ size: "md" }), pp = () => m.useContext(oa), io = (t
     isDisabled: l,
     disabled: s,
     isPending: a,
-    ...c
-  }, u) => /* @__PURE__ */ m.createElement(oa.Provider, { value: { size: i } }, /* @__PURE__ */ m.createElement(
-    nl,
-    {
-      ...c,
-      ref: u,
-      isDisabled: l || s,
-      isPending: a,
-      className: Gn(
-        e,
-        (d) => De(gp({ tone: r, variant: n, size: i, iconOnly: o }), d)
-      )
-    },
-    Gn(t, (d, { isPending: f }) => /* @__PURE__ */ m.createElement(m.Fragment, null, f ? /* @__PURE__ */ m.createElement("span", { className: "flex shrink-0 items-center", "aria-hidden": !0 }, /* @__PURE__ */ m.createElement(La, { size: bp[i], className: "animate-spin" })) : null, f && o ? null : d))
-  ))
+    title: c,
+    value: u,
+    ...d
+  }, f) => {
+    const p = m.useCallback(
+      (v) => {
+        v && (c === void 0 ? v.removeAttribute("title") : v.title = c, u === void 0 ? v.removeAttribute("value") : v.value = String(u)), typeof f == "function" ? f(v) : f && (f.current = v);
+      },
+      [f, c, u]
+    ), b = d;
+    return /* @__PURE__ */ m.createElement(oa.Provider, { value: { size: i } }, /* @__PURE__ */ m.createElement(
+      nl,
+      {
+        ...b,
+        ref: p,
+        isDisabled: l || s,
+        isPending: a,
+        className: Gn(
+          e,
+          (v) => De(gp({ tone: r, variant: n, size: i, iconOnly: o }), v)
+        )
+      },
+      Gn(t, (v, { isPending: h }) => /* @__PURE__ */ m.createElement(m.Fragment, null, h ? /* @__PURE__ */ m.createElement("span", { className: "flex shrink-0 items-center", "aria-hidden": !0 }, /* @__PURE__ */ m.createElement(La, { size: bp[i], className: "animate-spin" })) : null, h && o ? null : v))
+    ));
+  }
 );
 la.displayName = "Button";
 const mp = ({ children: t }) => {