@geomak/ui 7.4.4 → 7.5.1

package/dist/index.d.cts

@@ -368,7 +368,7 @@ interface TypographyProps {
  */
 declare function Typography({ variant, as, color, weight, align, truncate, muted, className, style, children, }: TypographyProps): react_jsx_runtime.JSX.Element;
 
-type IconButtonVariant = 'primary' | 'bordered';
+type IconButtonVariant = 'primary' | 'bordered' | 'ghost';
 interface IconButtonProps {
     icon?: React.ReactNode;
     onClick?: React.MouseEventHandler<HTMLButtonElement>;
@@ -4746,7 +4746,10 @@ declare class FormStore {
     errors: ErrorMap;
     touched: Record<string, boolean>;
     submitted: boolean;
+    /** True while async field validation runs. */
     validating: boolean;
+    /** True while the submit handler (`onFinish` / `action`) is executing. */
+    submitting: boolean;
     readonly initialValues: FormValues;
     private rules;
     readonly validateOn: ValidateTrigger[];
@@ -4778,6 +4781,7 @@ declare class FormStore {
         validate?: boolean;
     }) => void;
     setSubmitted: (v: boolean) => void;
+    setSubmitting: (v: boolean) => void;
     validateField(name: string): Promise<string | undefined>;
     validateAll(): Promise<ErrorMap>;
     reset: (values?: FormValues) => void;

package/dist/index.d.ts

@@ -368,7 +368,7 @@ interface TypographyProps {
  */
 declare function Typography({ variant, as, color, weight, align, truncate, muted, className, style, children, }: TypographyProps): react_jsx_runtime.JSX.Element;
 
-type IconButtonVariant = 'primary' | 'bordered';
+type IconButtonVariant = 'primary' | 'bordered' | 'ghost';
 interface IconButtonProps {
     icon?: React.ReactNode;
     onClick?: React.MouseEventHandler<HTMLButtonElement>;
@@ -4746,7 +4746,10 @@ declare class FormStore {
     errors: ErrorMap;
     touched: Record<string, boolean>;
     submitted: boolean;
+    /** True while async field validation runs. */
     validating: boolean;
+    /** True while the submit handler (`onFinish` / `action`) is executing. */
+    submitting: boolean;
     readonly initialValues: FormValues;
     private rules;
     readonly validateOn: ValidateTrigger[];
@@ -4778,6 +4781,7 @@ declare class FormStore {
         validate?: boolean;
     }) => void;
     setSubmitted: (v: boolean) => void;
+    setSubmitting: (v: boolean) => void;
     validateField(name: string): Promise<string | undefined>;
     validateAll(): Promise<ErrorMap>;
     reset: (values?: FormValues) => void;

package/dist/index.js

@@ -472,6 +472,9 @@ function IconButton({
     if (type === "bordered") {
       return "bg-surface text-foreground hover:bg-surface-raised border border-border-strong";
     }
+    if (type === "ghost") {
+      return "bg-transparent text-foreground-muted hover:bg-surface-raised hover:text-foreground";
+    }
     return "";
   }, [type]);
   return /* @__PURE__ */ jsx(
@@ -483,7 +486,7 @@ function IconButton({
       title,
       "aria-label": title,
       style,
-      className: `${size === "sm" ? "p-1" : size === "md" ? "p-1.5" : "p-2"} rounded-lg shadow-md transition-colors duration-150 ${colorScheme} disabled:bg-surface-raised disabled:text-foreground-muted disabled:cursor-not-allowed focus:outline-none focus-visible:ring-2 focus-visible:ring-accent ${className}`.trim(),
+      className: `${size === "sm" ? "p-1" : size === "md" ? "p-1.5" : "p-2"} rounded-lg ${type !== "ghost" ? "shadow-md" : ""} transition-colors duration-150 ${colorScheme} disabled:bg-surface-raised disabled:text-foreground-muted disabled:cursor-not-allowed focus:outline-none focus-visible:ring-2 focus-visible:ring-accent ${className}`.trim(),
       children: loading ? loadingIcon : icon
     }
   );
@@ -3508,7 +3511,10 @@ var FormStore = class {
   errors = {};
   touched = {};
   submitted = false;
+  /** True while async field validation runs. */
   validating = false;
+  /** True while the submit handler (`onFinish` / `action`) is executing. */
+  submitting = false;
   initialValues;
   rules;
   validateOn;
@@ -3593,6 +3599,10 @@ var FormStore = class {
     this.submitted = v;
     this.emit();
   };
+  setSubmitting = (v) => {
+    this.submitting = v;
+    this.emit();
+  };
   // ── validation ─────────────────────────────────────────────────────────────
   async validateField(name) {
     const err = await runFieldRules(getPath(this.values, name), this.rules[name], this.values);
@@ -3618,6 +3628,7 @@ var FormStore = class {
     this.errors = {};
     this.touched = {};
     this.submitted = false;
+    this.submitting = false;
     this.keys = {};
     this.fieldCache.clear();
     this.emit();
@@ -3717,7 +3728,8 @@ function useForm(options = {}) {
     errors: store.errors,
     touched: store.touched,
     submitted: store.submitted,
-    isSubmitting: store.validating,
+    // True for the whole submit cycle: async validation → onFinish execution.
+    isSubmitting: store.submitting || store.validating,
     isValid: store.isValid,
     getValue: store.getValue,
     getValues: store.getValues,
@@ -3767,7 +3779,12 @@ function Form({
       return;
     }
     if (onFinish) {
-      await onFinish(store.getValues());
+      store.setSubmitting(true);
+      try {
+        await onFinish(store.getValues());
+      } finally {
+        store.setSubmitting(false);
+      }
       return;
     }
     if (typeof action === "function") {