@almadar/ui 4.29.0 → 4.29.1

package/dist/avl/index.cjs

@@ -182,7 +182,7 @@ var init_types = __esm({
   }
 });
 
-// node_modules/clsx/dist/clsx.mjs
+// node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs
 function r(e) {
   var t, f, n = "";
   if ("string" == typeof e || "number" == typeof e) n += e;
@@ -197,11 +197,11 @@ function clsx() {
   return n;
 }
 var init_clsx = __esm({
-  "node_modules/clsx/dist/clsx.mjs"() {
+  "node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs"() {
   }
 });
 
-// node_modules/tailwind-merge/dist/bundle-mjs.mjs
+// node_modules/.pnpm/tailwind-merge@2.6.1/node_modules/tailwind-merge/dist/bundle-mjs.mjs
 function twJoin() {
   let index = 0;
   let argument;
@@ -245,7 +245,7 @@ function createTailwindMerge(createConfigFirst, ...createConfigRest) {
 }
 var CLASS_PART_SEPARATOR, createClassGroupUtils, getGroupRecursive, arbitraryPropertyRegex, getGroupIdForArbitraryProperty, createClassMap, processClassesRecursively, getPart, isThemeGetter, getPrefixedClassGroupEntries, createLruCache, IMPORTANT_MODIFIER, createParseClassName, sortModifiers, createConfigUtils, SPLIT_CLASSES_REGEX, mergeClassList, toValue, fromTheme, arbitraryValueRegex, fractionRegex, stringLengths, tshirtUnitRegex, lengthUnitRegex, colorFunctionRegex, shadowRegex, imageRegex, isLength, isArbitraryLength, isNumber, isArbitraryNumber, isInteger, isPercent, isArbitraryValue, isTshirtSize, sizeLabels, isArbitrarySize, isArbitraryPosition, imageLabels, isArbitraryImage, isArbitraryShadow, isAny, getIsArbitraryValue, isLengthOnly, isNever, isShadow, isImage, getDefaultConfig, twMerge;
 var init_bundle_mjs = __esm({
-  "node_modules/tailwind-merge/dist/bundle-mjs.mjs"() {
+  "node_modules/.pnpm/tailwind-merge@2.6.1/node_modules/tailwind-merge/dist/bundle-mjs.mjs"() {
     CLASS_PART_SEPARATOR = "-";
     createClassGroupUtils = (config) => {
       const classMap = createClassMap(config);
@@ -12838,9 +12838,9 @@ var init_ScaledDiagram = __esm({
   }
 });
 
-// node_modules/katex/dist/katex.min.css
+// node_modules/.pnpm/katex@0.16.45/node_modules/katex/dist/katex.min.css
 var init_katex_min = __esm({
-  "node_modules/katex/dist/katex.min.css"() {
+  "node_modules/.pnpm/katex@0.16.45/node_modules/katex/dist/katex.min.css"() {
   }
 });
 var MarkdownContent;
@@ -29334,6 +29334,8 @@ var init_Form = __esm({
       const [collapsedSections, setCollapsedSections] = React118__namespace.default.useState(
         /* @__PURE__ */ new Set()
       );
+      const [submitError, setSubmitError] = React118__namespace.default.useState(null);
+      const formRef = React118__namespace.default.useRef(null);
       const formMode = props.mode;
       const mountedRef = React118__namespace.default.useRef(false);
       if (!mountedRef.current) {
@@ -29459,6 +29461,7 @@ var init_Form = __esm({
       };
       const handleSubmit = (e) => {
         e.preventDefault();
+        setSubmitError(null);
         debug("forms", "submit-enter", {
           mode: formMode,
           submitEvent,
@@ -29476,6 +29479,37 @@ var init_Form = __esm({
           eventBus.emit(`UI:${onSubmit}`, payload);
         }
       };
+      const handleInvalid = (e) => {
+        const target = e.target;
+        const fieldName = target.getAttribute("data-field-name") ?? target.name ?? "";
+        const fieldMessage = target.validationMessage || "Invalid value";
+        debug("forms", "invalid", { mode: formMode, fieldName, fieldMessage });
+        queueMicrotask(() => {
+          const form = formRef.current;
+          if (!form) return;
+          const invalidEls = Array.from(
+            form.querySelectorAll(
+              ":invalid"
+            )
+          );
+          if (invalidEls.length === 0) return;
+          const missing = invalidEls.map(
+            (el) => el.getAttribute("data-field-name") ?? el.name ?? ""
+          );
+          const messages = invalidEls.map((el) => ({
+            field: el.getAttribute("data-field-name") ?? el.name ?? "",
+            message: el.validationMessage
+          }));
+          const summary = missing.length === 1 ? `${missing[0]}: ${messages[0]?.message}` : `Please fix ${missing.length} fields: ${missing.join(", ")}`;
+          setSubmitError(summary);
+          eventBus.emit("UI:VALIDATION_FAILED", {
+            submitEvent,
+            missing,
+            messages,
+            summary
+          });
+        });
+      };
       const handleCancel = () => {
         eventBus.emit(`UI:${cancelEvent}`);
         eventBus.emit("UI:CLOSE");
@@ -29579,7 +29613,8 @@ var init_Form = __esm({
           "data-field-name": fieldName,
           required: field.required,
           disabled: isLoading,
-          placeholder: field.placeholder
+          placeholder: field.placeholder,
+          pattern: field.pattern
         };
         switch (inputType) {
           case "checkbox":
@@ -29675,7 +29710,9 @@ var init_Form = __esm({
                 ...commonProps,
                 type: "email",
                 value: String(currentValue),
-                onChange: (e) => handleChange(fieldName, e.target.value)
+                onChange: (e) => handleChange(fieldName, e.target.value),
+                minLength: field.min,
+                maxLength: field.max
               }
             );
           case "url":
@@ -29685,7 +29722,9 @@ var init_Form = __esm({
                 ...commonProps,
                 type: "url",
                 value: String(currentValue),
-                onChange: (e) => handleChange(fieldName, e.target.value)
+                onChange: (e) => handleChange(fieldName, e.target.value),
+                minLength: field.min,
+                maxLength: field.max
               }
             );
           case "password":
@@ -29695,7 +29734,9 @@ var init_Form = __esm({
                 ...commonProps,
                 type: "password",
                 value: String(currentValue),
-                onChange: (e) => handleChange(fieldName, e.target.value)
+                onChange: (e) => handleChange(fieldName, e.target.value),
+                minLength: field.min,
+                maxLength: field.max
               }
             );
           case "text":
@@ -29708,8 +29749,7 @@ var init_Form = __esm({
                 value: String(currentValue),
                 onChange: (e) => handleChange(fieldName, e.target.value),
                 minLength: field.min,
-                maxLength: field.max,
-                pattern: field.pattern
+                maxLength: field.max
               }
             );
         }
@@ -29717,12 +29757,14 @@ var init_Form = __esm({
       return /* @__PURE__ */ jsxRuntime.jsxs(
         "form",
         {
-          noValidate: true,
+          ref: formRef,
           "data-pattern": "form-section",
           className: cn(layoutStyles[layout], gapStyles8[gap], className),
           onSubmit: handleSubmit,
+          onInvalid: handleInvalid,
           ...props,
           children: [
+            submitError && /* @__PURE__ */ jsxRuntime.jsx(Alert, { variant: "error", className: "mb-4", children: submitError }),
             error && /* @__PURE__ */ jsxRuntime.jsx(Alert, { variant: "error", className: "mb-4", children: error.message || t("error.occurred") }),
             sectionElements && sectionElements.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(VStack, { gap: gap === "sm" ? "sm" : gap === "lg" ? "lg" : "md", children: sectionElements }),
             schemaFields,
@@ -49603,6 +49645,7 @@ function useTraitStateMachine(traitBindings, uiSlots, options) {
     }
     console.log("[TraitStateMachine] Subscribing to events:", Array.from(allEvents));
     const unsubscribes = [];
+    const subscribedBusKeys = /* @__PURE__ */ new Set();
     for (const binding of traitBindings) {
       const traitName = binding.trait.name;
       const orbitalName = orbitalsByTrait?.[traitName];
@@ -49613,6 +49656,8 @@ function useTraitStateMachine(traitBindings, uiSlots, options) {
           continue;
         }
         const selfBusKey = `UI:${orbitalName}.${traitName}.${eventKey}`;
+        if (subscribedBusKeys.has(selfBusKey)) continue;
+        subscribedBusKeys.add(selfBusKey);
         crossTraitLog.debug("self:subscribe", { traitName, busKey: selfBusKey, eventKey });
         const unsub = eventBus.on(selfBusKey, (event) => {
           if (event.source && event.source.dispatched) {

package/dist/avl/index.css

@@ -1,4 +1,4 @@
-/* node_modules/katex/dist/katex.min.css */
+/* node_modules/.pnpm/katex@0.16.45/node_modules/katex/dist/katex.min.css */
 @font-face {
   font-display: block;
   font-family: KaTeX_AMS;

package/dist/avl/index.js

@@ -136,7 +136,7 @@ var init_types = __esm({
   }
 });
 
-// node_modules/clsx/dist/clsx.mjs
+// node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs
 function r(e) {
   var t, f, n = "";
   if ("string" == typeof e || "number" == typeof e) n += e;
@@ -151,11 +151,11 @@ function clsx() {
   return n;
 }
 var init_clsx = __esm({
-  "node_modules/clsx/dist/clsx.mjs"() {
+  "node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs"() {
   }
 });
 
-// node_modules/tailwind-merge/dist/bundle-mjs.mjs
+// node_modules/.pnpm/tailwind-merge@2.6.1/node_modules/tailwind-merge/dist/bundle-mjs.mjs
 function twJoin() {
   let index = 0;
   let argument;
@@ -199,7 +199,7 @@ function createTailwindMerge(createConfigFirst, ...createConfigRest) {
 }
 var CLASS_PART_SEPARATOR, createClassGroupUtils, getGroupRecursive, arbitraryPropertyRegex, getGroupIdForArbitraryProperty, createClassMap, processClassesRecursively, getPart, isThemeGetter, getPrefixedClassGroupEntries, createLruCache, IMPORTANT_MODIFIER, createParseClassName, sortModifiers, createConfigUtils, SPLIT_CLASSES_REGEX, mergeClassList, toValue, fromTheme, arbitraryValueRegex, fractionRegex, stringLengths, tshirtUnitRegex, lengthUnitRegex, colorFunctionRegex, shadowRegex, imageRegex, isLength, isArbitraryLength, isNumber, isArbitraryNumber, isInteger, isPercent, isArbitraryValue, isTshirtSize, sizeLabels, isArbitrarySize, isArbitraryPosition, imageLabels, isArbitraryImage, isArbitraryShadow, isAny, getIsArbitraryValue, isLengthOnly, isNever, isShadow, isImage, getDefaultConfig, twMerge;
 var init_bundle_mjs = __esm({
-  "node_modules/tailwind-merge/dist/bundle-mjs.mjs"() {
+  "node_modules/.pnpm/tailwind-merge@2.6.1/node_modules/tailwind-merge/dist/bundle-mjs.mjs"() {
     CLASS_PART_SEPARATOR = "-";
     createClassGroupUtils = (config) => {
       const classMap = createClassMap(config);
@@ -12792,9 +12792,9 @@ var init_ScaledDiagram = __esm({
   }
 });
 
-// node_modules/katex/dist/katex.min.css
+// node_modules/.pnpm/katex@0.16.45/node_modules/katex/dist/katex.min.css
 var init_katex_min = __esm({
-  "node_modules/katex/dist/katex.min.css"() {
+  "node_modules/.pnpm/katex@0.16.45/node_modules/katex/dist/katex.min.css"() {
   }
 });
 var MarkdownContent;
@@ -29288,6 +29288,8 @@ var init_Form = __esm({
       const [collapsedSections, setCollapsedSections] = React118__default.useState(
         /* @__PURE__ */ new Set()
       );
+      const [submitError, setSubmitError] = React118__default.useState(null);
+      const formRef = React118__default.useRef(null);
       const formMode = props.mode;
       const mountedRef = React118__default.useRef(false);
       if (!mountedRef.current) {
@@ -29413,6 +29415,7 @@ var init_Form = __esm({
       };
       const handleSubmit = (e) => {
         e.preventDefault();
+        setSubmitError(null);
         debug("forms", "submit-enter", {
           mode: formMode,
           submitEvent,
@@ -29430,6 +29433,37 @@ var init_Form = __esm({
           eventBus.emit(`UI:${onSubmit}`, payload);
         }
       };
+      const handleInvalid = (e) => {
+        const target = e.target;
+        const fieldName = target.getAttribute("data-field-name") ?? target.name ?? "";
+        const fieldMessage = target.validationMessage || "Invalid value";
+        debug("forms", "invalid", { mode: formMode, fieldName, fieldMessage });
+        queueMicrotask(() => {
+          const form = formRef.current;
+          if (!form) return;
+          const invalidEls = Array.from(
+            form.querySelectorAll(
+              ":invalid"
+            )
+          );
+          if (invalidEls.length === 0) return;
+          const missing = invalidEls.map(
+            (el) => el.getAttribute("data-field-name") ?? el.name ?? ""
+          );
+          const messages = invalidEls.map((el) => ({
+            field: el.getAttribute("data-field-name") ?? el.name ?? "",
+            message: el.validationMessage
+          }));
+          const summary = missing.length === 1 ? `${missing[0]}: ${messages[0]?.message}` : `Please fix ${missing.length} fields: ${missing.join(", ")}`;
+          setSubmitError(summary);
+          eventBus.emit("UI:VALIDATION_FAILED", {
+            submitEvent,
+            missing,
+            messages,
+            summary
+          });
+        });
+      };
       const handleCancel = () => {
         eventBus.emit(`UI:${cancelEvent}`);
         eventBus.emit("UI:CLOSE");
@@ -29533,7 +29567,8 @@ var init_Form = __esm({
           "data-field-name": fieldName,
           required: field.required,
           disabled: isLoading,
-          placeholder: field.placeholder
+          placeholder: field.placeholder,
+          pattern: field.pattern
         };
         switch (inputType) {
           case "checkbox":
@@ -29629,7 +29664,9 @@ var init_Form = __esm({
                 ...commonProps,
                 type: "email",
                 value: String(currentValue),
-                onChange: (e) => handleChange(fieldName, e.target.value)
+                onChange: (e) => handleChange(fieldName, e.target.value),
+                minLength: field.min,
+                maxLength: field.max
               }
             );
           case "url":
@@ -29639,7 +29676,9 @@ var init_Form = __esm({
                 ...commonProps,
                 type: "url",
                 value: String(currentValue),
-                onChange: (e) => handleChange(fieldName, e.target.value)
+                onChange: (e) => handleChange(fieldName, e.target.value),
+                minLength: field.min,
+                maxLength: field.max
               }
             );
           case "password":
@@ -29649,7 +29688,9 @@ var init_Form = __esm({
                 ...commonProps,
                 type: "password",
                 value: String(currentValue),
-                onChange: (e) => handleChange(fieldName, e.target.value)
+                onChange: (e) => handleChange(fieldName, e.target.value),
+                minLength: field.min,
+                maxLength: field.max
               }
             );
           case "text":
@@ -29662,8 +29703,7 @@ var init_Form = __esm({
                 value: String(currentValue),
                 onChange: (e) => handleChange(fieldName, e.target.value),
                 minLength: field.min,
-                maxLength: field.max,
-                pattern: field.pattern
+                maxLength: field.max
               }
             );
         }
@@ -29671,12 +29711,14 @@ var init_Form = __esm({
       return /* @__PURE__ */ jsxs(
         "form",
         {
-          noValidate: true,
+          ref: formRef,
           "data-pattern": "form-section",
           className: cn(layoutStyles[layout], gapStyles8[gap], className),
           onSubmit: handleSubmit,
+          onInvalid: handleInvalid,
           ...props,
           children: [
+            submitError && /* @__PURE__ */ jsx(Alert, { variant: "error", className: "mb-4", children: submitError }),
             error && /* @__PURE__ */ jsx(Alert, { variant: "error", className: "mb-4", children: error.message || t("error.occurred") }),
             sectionElements && sectionElements.length > 0 && /* @__PURE__ */ jsx(VStack, { gap: gap === "sm" ? "sm" : gap === "lg" ? "lg" : "md", children: sectionElements }),
             schemaFields,
@@ -49557,6 +49599,7 @@ function useTraitStateMachine(traitBindings, uiSlots, options) {
     }
     console.log("[TraitStateMachine] Subscribing to events:", Array.from(allEvents));
     const unsubscribes = [];
+    const subscribedBusKeys = /* @__PURE__ */ new Set();
     for (const binding of traitBindings) {
       const traitName = binding.trait.name;
       const orbitalName = orbitalsByTrait?.[traitName];
@@ -49567,6 +49610,8 @@ function useTraitStateMachine(traitBindings, uiSlots, options) {
           continue;
         }
         const selfBusKey = `UI:${orbitalName}.${traitName}.${eventKey}`;
+        if (subscribedBusKeys.has(selfBusKey)) continue;
+        subscribedBusKeys.add(selfBusKey);
         crossTraitLog.debug("self:subscribe", { traitName, busKey: selfBusKey, eventKey });
         const unsub = eventBus.on(selfBusKey, (event) => {
           if (event.source && event.source.dispatched) {

package/dist/components/index.cjs

@@ -8974,9 +8974,9 @@ var init_ScaledDiagram = __esm({
   }
 });
 
-// node_modules/katex/dist/katex.min.css
+// node_modules/.pnpm/katex@0.16.45/node_modules/katex/dist/katex.min.css
 var init_katex_min = __esm({
-  "node_modules/katex/dist/katex.min.css"() {
+  "node_modules/.pnpm/katex@0.16.45/node_modules/katex/dist/katex.min.css"() {
   }
 });
 exports.MarkdownContent = void 0;
@@ -27962,6 +27962,8 @@ var init_Form = __esm({
       const [collapsedSections, setCollapsedSections] = React109__namespace.default.useState(
         /* @__PURE__ */ new Set()
       );
+      const [submitError, setSubmitError] = React109__namespace.default.useState(null);
+      const formRef = React109__namespace.default.useRef(null);
       const formMode = props.mode;
       const mountedRef = React109__namespace.default.useRef(false);
       if (!mountedRef.current) {
@@ -28087,6 +28089,7 @@ var init_Form = __esm({
       };
       const handleSubmit = (e) => {
         e.preventDefault();
+        setSubmitError(null);
         debug("forms", "submit-enter", {
           mode: formMode,
           submitEvent,
@@ -28104,6 +28107,37 @@ var init_Form = __esm({
           eventBus.emit(`UI:${onSubmit}`, payload);
         }
       };
+      const handleInvalid = (e) => {
+        const target = e.target;
+        const fieldName = target.getAttribute("data-field-name") ?? target.name ?? "";
+        const fieldMessage = target.validationMessage || "Invalid value";
+        debug("forms", "invalid", { mode: formMode, fieldName, fieldMessage });
+        queueMicrotask(() => {
+          const form = formRef.current;
+          if (!form) return;
+          const invalidEls = Array.from(
+            form.querySelectorAll(
+              ":invalid"
+            )
+          );
+          if (invalidEls.length === 0) return;
+          const missing = invalidEls.map(
+            (el) => el.getAttribute("data-field-name") ?? el.name ?? ""
+          );
+          const messages = invalidEls.map((el) => ({
+            field: el.getAttribute("data-field-name") ?? el.name ?? "",
+            message: el.validationMessage
+          }));
+          const summary = missing.length === 1 ? `${missing[0]}: ${messages[0]?.message}` : `Please fix ${missing.length} fields: ${missing.join(", ")}`;
+          setSubmitError(summary);
+          eventBus.emit("UI:VALIDATION_FAILED", {
+            submitEvent,
+            missing,
+            messages,
+            summary
+          });
+        });
+      };
       const handleCancel = () => {
         eventBus.emit(`UI:${cancelEvent}`);
         eventBus.emit("UI:CLOSE");
@@ -28207,7 +28241,8 @@ var init_Form = __esm({
           "data-field-name": fieldName,
           required: field.required,
           disabled: isLoading,
-          placeholder: field.placeholder
+          placeholder: field.placeholder,
+          pattern: field.pattern
         };
         switch (inputType) {
           case "checkbox":
@@ -28303,7 +28338,9 @@ var init_Form = __esm({
                 ...commonProps,
                 type: "email",
                 value: String(currentValue),
-                onChange: (e) => handleChange(fieldName, e.target.value)
+                onChange: (e) => handleChange(fieldName, e.target.value),
+                minLength: field.min,
+                maxLength: field.max
               }
             );
           case "url":
@@ -28313,7 +28350,9 @@ var init_Form = __esm({
                 ...commonProps,
                 type: "url",
                 value: String(currentValue),
-                onChange: (e) => handleChange(fieldName, e.target.value)
+                onChange: (e) => handleChange(fieldName, e.target.value),
+                minLength: field.min,
+                maxLength: field.max
               }
             );
           case "password":
@@ -28323,7 +28362,9 @@ var init_Form = __esm({
                 ...commonProps,
                 type: "password",
                 value: String(currentValue),
-                onChange: (e) => handleChange(fieldName, e.target.value)
+                onChange: (e) => handleChange(fieldName, e.target.value),
+                minLength: field.min,
+                maxLength: field.max
               }
             );
           case "text":
@@ -28336,8 +28377,7 @@ var init_Form = __esm({
                 value: String(currentValue),
                 onChange: (e) => handleChange(fieldName, e.target.value),
                 minLength: field.min,
-                maxLength: field.max,
-                pattern: field.pattern
+                maxLength: field.max
               }
             );
         }
@@ -28345,12 +28385,14 @@ var init_Form = __esm({
       return /* @__PURE__ */ jsxRuntime.jsxs(
         "form",
         {
-          noValidate: true,
+          ref: formRef,
           "data-pattern": "form-section",
           className: cn(layoutStyles[layout], gapStyles8[gap], className),
           onSubmit: handleSubmit,
+          onInvalid: handleInvalid,
           ...props,
           children: [
+            submitError && /* @__PURE__ */ jsxRuntime.jsx(exports.Alert, { variant: "error", className: "mb-4", children: submitError }),
             error && /* @__PURE__ */ jsxRuntime.jsx(exports.Alert, { variant: "error", className: "mb-4", children: error.message || t("error.occurred") }),
             sectionElements && sectionElements.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(exports.VStack, { gap: gap === "sm" ? "sm" : gap === "lg" ? "lg" : "md", children: sectionElements }),
             schemaFields,

package/dist/components/index.css

@@ -1,4 +1,4 @@
-/* node_modules/katex/dist/katex.min.css */
+/* node_modules/.pnpm/katex@0.16.45/node_modules/katex/dist/katex.min.css */
 @font-face {
   font-display: block;
   font-family: KaTeX_AMS;

package/dist/components/index.js

@@ -8929,9 +8929,9 @@ var init_ScaledDiagram = __esm({
   }
 });
 
-// node_modules/katex/dist/katex.min.css
+// node_modules/.pnpm/katex@0.16.45/node_modules/katex/dist/katex.min.css
 var init_katex_min = __esm({
-  "node_modules/katex/dist/katex.min.css"() {
+  "node_modules/.pnpm/katex@0.16.45/node_modules/katex/dist/katex.min.css"() {
   }
 });
 var MarkdownContent;
@@ -27917,6 +27917,8 @@ var init_Form = __esm({
       const [collapsedSections, setCollapsedSections] = React109__default.useState(
         /* @__PURE__ */ new Set()
       );
+      const [submitError, setSubmitError] = React109__default.useState(null);
+      const formRef = React109__default.useRef(null);
       const formMode = props.mode;
       const mountedRef = React109__default.useRef(false);
       if (!mountedRef.current) {
@@ -28042,6 +28044,7 @@ var init_Form = __esm({
       };
       const handleSubmit = (e) => {
         e.preventDefault();
+        setSubmitError(null);
         debug("forms", "submit-enter", {
           mode: formMode,
           submitEvent,
@@ -28059,6 +28062,37 @@ var init_Form = __esm({
           eventBus.emit(`UI:${onSubmit}`, payload);
         }
       };
+      const handleInvalid = (e) => {
+        const target = e.target;
+        const fieldName = target.getAttribute("data-field-name") ?? target.name ?? "";
+        const fieldMessage = target.validationMessage || "Invalid value";
+        debug("forms", "invalid", { mode: formMode, fieldName, fieldMessage });
+        queueMicrotask(() => {
+          const form = formRef.current;
+          if (!form) return;
+          const invalidEls = Array.from(
+            form.querySelectorAll(
+              ":invalid"
+            )
+          );
+          if (invalidEls.length === 0) return;
+          const missing = invalidEls.map(
+            (el) => el.getAttribute("data-field-name") ?? el.name ?? ""
+          );
+          const messages = invalidEls.map((el) => ({
+            field: el.getAttribute("data-field-name") ?? el.name ?? "",
+            message: el.validationMessage
+          }));
+          const summary = missing.length === 1 ? `${missing[0]}: ${messages[0]?.message}` : `Please fix ${missing.length} fields: ${missing.join(", ")}`;
+          setSubmitError(summary);
+          eventBus.emit("UI:VALIDATION_FAILED", {
+            submitEvent,
+            missing,
+            messages,
+            summary
+          });
+        });
+      };
       const handleCancel = () => {
         eventBus.emit(`UI:${cancelEvent}`);
         eventBus.emit("UI:CLOSE");
@@ -28162,7 +28196,8 @@ var init_Form = __esm({
           "data-field-name": fieldName,
           required: field.required,
           disabled: isLoading,
-          placeholder: field.placeholder
+          placeholder: field.placeholder,
+          pattern: field.pattern
         };
         switch (inputType) {
           case "checkbox":
@@ -28258,7 +28293,9 @@ var init_Form = __esm({
                 ...commonProps,
                 type: "email",
                 value: String(currentValue),
-                onChange: (e) => handleChange(fieldName, e.target.value)
+                onChange: (e) => handleChange(fieldName, e.target.value),
+                minLength: field.min,
+                maxLength: field.max
               }
             );
           case "url":
@@ -28268,7 +28305,9 @@ var init_Form = __esm({
                 ...commonProps,
                 type: "url",
                 value: String(currentValue),
-                onChange: (e) => handleChange(fieldName, e.target.value)
+                onChange: (e) => handleChange(fieldName, e.target.value),
+                minLength: field.min,
+                maxLength: field.max
               }
             );
           case "password":
@@ -28278,7 +28317,9 @@ var init_Form = __esm({
                 ...commonProps,
                 type: "password",
                 value: String(currentValue),
-                onChange: (e) => handleChange(fieldName, e.target.value)
+                onChange: (e) => handleChange(fieldName, e.target.value),
+                minLength: field.min,
+                maxLength: field.max
               }
             );
           case "text":
@@ -28291,8 +28332,7 @@ var init_Form = __esm({
                 value: String(currentValue),
                 onChange: (e) => handleChange(fieldName, e.target.value),
                 minLength: field.min,
-                maxLength: field.max,
-                pattern: field.pattern
+                maxLength: field.max
               }
             );
         }
@@ -28300,12 +28340,14 @@ var init_Form = __esm({
       return /* @__PURE__ */ jsxs(
         "form",
         {
-          noValidate: true,
+          ref: formRef,
           "data-pattern": "form-section",
           className: cn(layoutStyles[layout], gapStyles8[gap], className),
           onSubmit: handleSubmit,
+          onInvalid: handleInvalid,
           ...props,
           children: [
+            submitError && /* @__PURE__ */ jsx(Alert, { variant: "error", className: "mb-4", children: submitError }),
             error && /* @__PURE__ */ jsx(Alert, { variant: "error", className: "mb-4", children: error.message || t("error.occurred") }),
             sectionElements && sectionElements.length > 0 && /* @__PURE__ */ jsx(VStack, { gap: gap === "sm" ? "sm" : gap === "lg" ? "lg" : "md", children: sectionElements }),
             schemaFields,

package/dist/docs/index.cjs

@@ -27,7 +27,7 @@ function _interopNamespace(e) {
 var React5__default = /*#__PURE__*/_interopDefault(React5);
 var LucideIcons__namespace = /*#__PURE__*/_interopNamespace(LucideIcons);
 
-// node_modules/clsx/dist/clsx.mjs
+// node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs
 function r(e) {
   var t, f, n = "";
   if ("string" == typeof e || "number" == typeof e) n += e;
@@ -42,7 +42,7 @@ function clsx() {
   return n;
 }
 
-// node_modules/tailwind-merge/dist/bundle-mjs.mjs
+// node_modules/.pnpm/tailwind-merge@2.6.1/node_modules/tailwind-merge/dist/bundle-mjs.mjs
 var CLASS_PART_SEPARATOR = "-";
 var createClassGroupUtils = (config) => {
   const classMap = createClassMap(config);