@geomak/ui 7.4.4 → 7.5.1

package/dist/index.cjs

@@ -509,6 +509,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__ */ jsxRuntime.jsx(
@@ -520,7 +523,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
     }
   );
@@ -3545,7 +3548,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;
@@ -3630,6 +3636,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);
@@ -3655,6 +3665,7 @@ var FormStore = class {
     this.errors = {};
     this.touched = {};
     this.submitted = false;
+    this.submitting = false;
     this.keys = {};
     this.fieldCache.clear();
     this.emit();
@@ -3754,7 +3765,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,
@@ -3804,7 +3816,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") {