@ohhwells/bridge 0.1.67-next.194 → 0.1.67-next.195

package/dist/index.cjs

@@ -7181,6 +7181,7 @@ function applyFieldType(wrapper, type) {
     if (inputType) input.type = inputType;
     shedSize(input);
     applyDefaults(input);
+    requireIfEmail(wrapper, type);
     return;
   }
   const next = document.createElement(tag);
@@ -7193,6 +7194,11 @@ function applyFieldType(wrapper, type) {
   if (type === "long-text") next.setAttribute("rows", "4");
   input.replaceWith(next);
   applyDefaults(next);
+  requireIfEmail(wrapper, type);
+}
+function requireIfEmail(wrapper, type) {
+  if (type !== "email") return;
+  setFieldRequired(wrapper, true);
 }
 var REQUIRED_MARK_ATTR = "data-ohw-field-required";
 function fieldLabelText(label) {
@@ -7275,6 +7281,7 @@ function insertField(form, type) {
   const label = ensureFieldLabel(wrapper, key);
   label.textContent = defaults.label;
   label.setAttribute("data-ohw-key", `${key}-label`);
+  requireIfEmail(wrapper, type);
   return wrapper;
 }
 function duplicateField(form, wrapper) {
@@ -7416,7 +7423,7 @@ function FormFieldToolbar({
             "aria-pressed": required,
             onClick: onRequiredToggle,
             className: "flex h-7 items-center gap-1.5 whitespace-nowrap rounded-md px-2 text-[13px] font-medium transition-colors " + (required ? "bg-primary/10 text-primary" : "text-foreground hover:bg-muted/70"),
-            "data-ohw-field-required": "",
+            "data-ohw-field-required-toggle": "",
             children: [
               /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react4.Asterisk, { size: 14, strokeWidth: 2, "aria-hidden": true }),
               "Required"
@@ -20820,14 +20827,20 @@ function OhhwellsBridge() {
           },
           `field-drop-${i}`
         )) : null,
-        fieldTypePickerOpen && formPickRect && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
-          "div",
-          {
-            className: "pointer-events-none fixed z-[2147483645]",
-            style: { top: formPickRect.top + 16, left: formPickRect.left + 24 },
-            children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(FieldTypePicker, { onPick: handleAddField })
-          }
-        ),
+        fieldTypePickerOpen && formPickRect ? (() => {
+          const toolbar = document.querySelector("[data-ohw-form-toolbar]")?.getBoundingClientRect();
+          return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+            "div",
+            {
+              className: "pointer-events-none fixed z-[2147483645]",
+              style: {
+                top: toolbar ? toolbar.bottom + 6 : formPickRect.top + 16,
+                left: toolbar ? toolbar.left : formPickRect.left + 24
+              },
+              children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(FieldTypePicker, { onPick: handleAddField })
+            }
+          );
+        })() : null,
         toolbarVariant === "select-frame" && toolbarRect && !linkPopover && !isItemDragging && !isFooterFrameSelection && selectedElRef.current && isNavbarLinksContainer2(selectedElRef.current) && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(NavbarContainerChrome, { rect: toolbarRect, onAdd: handleAddTopLevelNavItem }),
         toolbarVariant === "select-frame" && toolbarRect && !linkPopover && !isItemDragging && !isFooterFrameSelection && selectedElRef.current && isFooterLinksContainer(selectedElRef.current) && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
           FooterContainerChrome,