@multiplatform.one/forms 7.4.1 → 7.5.0

package/dist/cjs/ContextualSaveBar/UnsavedChangesDialog.native.js

@@ -0,0 +1,151 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var UnsavedChangesDialog_exports = {};
+__export(UnsavedChangesDialog_exports, {
+  UnsavedChangesDialog: () => UnsavedChangesDialog
+});
+module.exports = __toCommonJS(UnsavedChangesDialog_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_theme = require("@multiplatform.one/theme");
+var import_react = require("react");
+var import_tamagui = require("tamagui");
+var import_Button = require("../Button/index.native.js");
+var import_colorRamps = require("../shared/colorRamps.native.js");
+var import_focusManagement = require("../shared/focusManagement.native.js");
+var import_t = require("../shared/t.native.js");
+function UnsavedChangesDialog(param) {
+  var {
+    open,
+    fieldCount,
+    onKeepEditing,
+    onDiscard
+  } = param;
+  var {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  (0, import_focusManagement.useReturnFocusOnClose)(open);
+  (0, import_react.useEffect)(function () {
+    (0, import_theme.warnCancelDisabled)({
+      disabled: false,
+      component: "ContextualSaveBar"
+    });
+  }, []);
+  var handleOpenChange = function handleOpenChange2(next) {
+    if (!next) onKeepEditing();
+  };
+  var body = fieldCount === 1 ? (0, import_t.t)("1 field on this page has edits that aren't saved. Leaving discards them.") : (0, import_t.t)("{{count}} fields on this page have edits that aren't saved. Leaving discards them.", {
+    count: fieldCount
+  });
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Dialog, {
+    modal: true,
+    open,
+    onOpenChange: handleOpenChange,
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Dialog.Portal, {
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Dialog.Overlay, {
+        backgroundColor: "$background",
+        opacity: 0.5,
+        transition: knobProps.transition,
+        enterStyle: knobProps.transition ? {
+          opacity: 0
+        } : void 0,
+        exitStyle: knobProps.transition ? {
+          opacity: 0
+        } : void 0
+      }, "overlay"), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Dialog.Content, {
+        role: "alertdialog",
+        tabIndex: -1,
+        width: "90%",
+        maxWidth: 440,
+        padding: "$4",
+        gap: "$4",
+        backgroundColor: "$background",
+        borderColor: "$borderColor",
+        borderWidth: 1,
+        ...knobProps.containerRadius,
+        outlineWidth: 0,
+        focusStyle: {
+          outlineWidth: 0
+        },
+        focusVisibleStyle: {
+          outlineWidth: 0
+        },
+        "data-mp-savebar-guard": "",
+        onPointerDownOutside: function onPointerDownOutside(e) {
+          return e.preventDefault();
+        },
+        onInteractOutside: function onInteractOutside(e) {
+          return e.preventDefault();
+        },
+        ...(import_tamagui.isWeb ? {
+          boxShadow: "0 12px 24px rgba(0,0,0,0.12)"
+        } : {
+          shadowColor: "#000",
+          shadowOpacity: 0.12,
+          shadowRadius: 24,
+          shadowOffset: {
+            width: 0,
+            height: 12
+          }
+        }),
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Dialog.Title, {
+          ...knobProps.body,
+          fontSize: "$4",
+          children: (0, import_t.t)("Discard unsaved changes?")
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Dialog.Description, {
+          asChild: true,
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
+            ...knobProps.body,
+            size: "$3",
+            color: import_colorRamps.formCommonColors.muted,
+            children: body
+          })
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+          ...knobProps.gap,
+          justifyContent: "flex-end",
+          alignItems: "center",
+          flexWrap: "wrap",
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Button.Button, {
+            outlined: true,
+            "data-mp-savebar-keep": "",
+            onPress: function onPress() {
+              onKeepEditing();
+            },
+            children: (0, import_t.t)("Keep editing")
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Button.Button, {
+            error: true,
+            theme: "red",
+            actionRole: "primary",
+            "data-mp-savebar-discard-confirm": "",
+            onPress: function onPress() {
+              onDiscard();
+            },
+            children: (0, import_t.t)("Discard changes")
+          })]
+        })]
+      }, "content")]
+    })
+  });
+}
+//# sourceMappingURL=UnsavedChangesDialog.native.js.map

package/dist/cjs/ContextualSaveBar/UnsavedChangesDialog.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","UnsavedChangesDialog_exports","__export","UnsavedChangesDialog","module","exports","import_jsx_runtime","require","import_theme","import_react","import_tamagui","import_Button","import_colorRamps","import_focusManagement","import_t","param","open","fieldCount","onKeepEditing","onDiscard","knobProps","useResolvedKnobs","useReturnFocusOnClose","useEffect","warnCancelDisabled","disabled","component","handleOpenChange","handleOpenChange2","next","body","t","count","jsx","Dialog","modal","onOpenChange","children","jsxs","Portal","Overlay","backgroundColor","opacity","transition","enterStyle","exitStyle","Content","role","tabIndex","width","maxWidth","padding","gap","borderColor","borderWidth","containerRadius","outlineWidth","focusStyle","focusVisibleStyle","onPointerDownOutside","e","preventDefault","onInteractOutside","isWeb","boxShadow","shadowColor","shadowOpacity","shadowRadius","shadowOffset","height","Title","fontSize","Description","asChild","Paragraph","size","color","formCommonColors","muted","XStack","justifyContent","alignItems","flexWrap"],"sources":["../../../src/ContextualSaveBar/UnsavedChangesDialog.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/ContextualSaveBar/clientKnownIdentity.cjs

@@ -0,0 +1,37 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var clientKnownIdentity_exports = {};
+__export(clientKnownIdentity_exports, {
+  clientKnownIdentity: () => clientKnownIdentity
+});
+module.exports = __toCommonJS(clientKnownIdentity_exports);
+function clientKnownIdentity(id) {
+  if (typeof id !== "string") {
+    throw new Error("LC-64: post-mutation navigation requires a client-known identity");
+  }
+  const trimmed = id.trim();
+  if (!trimmed || trimmed === "undefined") {
+    throw new Error("LC-64: post-mutation navigation requires a client-known identity");
+  }
+  return trimmed;
+}

package/dist/cjs/ContextualSaveBar/clientKnownIdentity.native.js

@@ -0,0 +1,40 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var clientKnownIdentity_exports = {};
+__export(clientKnownIdentity_exports, {
+  clientKnownIdentity: () => clientKnownIdentity
+});
+module.exports = __toCommonJS(clientKnownIdentity_exports);
+function clientKnownIdentity(id) {
+  if (typeof id !== "string") {
+    throw new Error("LC-64: post-mutation navigation requires a client-known identity");
+  }
+  var trimmed = id.trim();
+  if (!trimmed || trimmed === "undefined") {
+    throw new Error("LC-64: post-mutation navigation requires a client-known identity");
+  }
+  return trimmed;
+}
+//# sourceMappingURL=clientKnownIdentity.native.js.map

package/dist/cjs/ContextualSaveBar/clientKnownIdentity.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","clientKnownIdentity_exports","__export","clientKnownIdentity","module","exports","id","Error","trimmed","trim"],"sources":["../../../src/ContextualSaveBar/clientKnownIdentity.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,2BAAA;AAAAC,QAAA,CAAAD,2BAAA;EAAAE,mBAAA,EAAAA,CAAA,KAAAA;AAAA;AAKOC,MAAA,CAAAC,OAAS,GAAAT,YAAoB,CAAAK,2BAAqB;AACvD,SAAIE,mBAAcA,CAAAG,EAAU;EAC1B,WAAMA,EAAI,KAAM;IAClB,UAAAC,KAAA;EACA;EACA,IAAIC,OAAC,GAAAF,EAAW,CAAAG,IAAA;EACd,KAAAD,OAAU,IAAAA,OAAM;IAClB,UAAAD,KAAA;EACA;EACF,OAAAC,OAAA","ignoreList":[]}

package/dist/cjs/ContextualSaveBar/commitImmediateField.cjs

@@ -0,0 +1,50 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var commitImmediateField_exports = {};
+__export(commitImmediateField_exports, {
+  commitImmediateField: () => commitImmediateField
+});
+module.exports = __toCommonJS(commitImmediateField_exports);
+function commitImmediateField(form, name, value) {
+  const options = form.options;
+  const nextDefaults = {
+    ...options.defaultValues,
+    [name]: value
+  };
+  const update = form.update;
+  if (typeof update === "function") {
+    update({
+      defaultValues: nextDefaults
+    });
+  } else {
+    options.defaultValues = nextDefaults;
+  }
+  const setFieldMeta = form.setFieldMeta;
+  if (typeof setFieldMeta === "function") {
+    setFieldMeta(name, prev => ({
+      ...prev,
+      isDirty: false,
+      isDefaultValue: true
+    }));
+  }
+}

package/dist/cjs/ContextualSaveBar/commitImmediateField.native.js

@@ -0,0 +1,55 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var commitImmediateField_exports = {};
+__export(commitImmediateField_exports, {
+  commitImmediateField: () => commitImmediateField
+});
+module.exports = __toCommonJS(commitImmediateField_exports);
+function commitImmediateField(form, name, value) {
+  var options = form.options;
+  var nextDefaults = {
+    ...options.defaultValues,
+    [name]: value
+  };
+  var update = form.update;
+  if (typeof update === "function") {
+    update({
+      defaultValues: nextDefaults
+    });
+  } else {
+    options.defaultValues = nextDefaults;
+  }
+  var setFieldMeta = form.setFieldMeta;
+  if (typeof setFieldMeta === "function") {
+    setFieldMeta(name, function (prev) {
+      return {
+        ...prev,
+        isDirty: false,
+        isDefaultValue: true
+      };
+    });
+  }
+}
+//# sourceMappingURL=commitImmediateField.native.js.map

package/dist/cjs/ContextualSaveBar/commitImmediateField.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","commitImmediateField_exports","__export","commitImmediateField","module","exports","form","name","options","nextDefaults","defaultValues","update","setFieldMeta","prev"],"sources":["../../../src/ContextualSaveBar/commitImmediateField.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,4BAAA;AAAAC,QAAA,CAAAD,4BAAA;EAAAE,oBAAA,EAAAA,CAAA,KAAAA;AAAA;AASOC,MAAA,CAAAC,OAAS,GAAAT,YAAA,CAAqBK,4BAAsD;AACzF,SAAME,oBAAeA,CAAAG,IAAA,EAAAC,IAAA,EAAAP,KAAA;EACrB,IAAAQ,OAAM,GAAAF,IAAA,CAAAE,OAAkC;EACxC,IAAAC,YAAgB;IAChB,GAAID,OAAO,CAAAE,aAAW;IACpB,CAAAH,IAAA,GAAOP;EACT;EACE,IAAAW,MAAQ,GAAAL,IAAA,CAAAK,MAAA;EACV,WAAAA,MAAA;IACAA,MAAM;MAKFD,aAAO,EAAAD;IACT;EAA8B,OACzB;IAAAD,OACH,CAAAE,aAAS,GAAAD,YAAA;EAAA;EACO,IAChBG,YAAA,GAAAN,IAAA,CAAAM,YAAA;EACJ,WAAAA,YAAA;IACFA,YAAA,CAAAL,IAAA,YAAAM,IAAA","ignoreList":[]}

package/dist/cjs/ContextualSaveBar/index.cjs

@@ -0,0 +1,301 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var ContextualSaveBar_exports = {};
+__export(ContextualSaveBar_exports, {
+  ContextualSaveBar: () => ContextualSaveBar,
+  clientKnownIdentity: () => import_clientKnownIdentity.clientKnownIdentity,
+  commitImmediateField: () => import_commitImmediateField.commitImmediateField
+});
+module.exports = __toCommonJS(ContextualSaveBar_exports);
+var import_theme = require("@multiplatform.one/theme");
+var import_react_store = require("@tanstack/react-store");
+var import_react = require("react");
+var import_tamagui = require("tamagui");
+var import_Button = require("../Button/index.cjs");
+var import_ErrorSummary = require("../ErrorSummary.cjs");
+var import_Form = require("../Form/index.cjs");
+var import_Spinner = require("../Spinner/index.cjs");
+var import_colorRamps = require("../shared/colorRamps.cjs");
+var import_t = require("../shared/t.cjs");
+var import_utils = require("../shared/utils.cjs");
+var import_zIndex = require("../shared/zIndex.cjs");
+var import_UnsavedChangesDialog = require("./UnsavedChangesDialog.cjs");
+var import_useUnsavedChangesGuard = require("./useUnsavedChangesGuard.cjs");
+var import_clientKnownIdentity = require("./clientKnownIdentity.cjs");
+var import_commitImmediateField = require("./commitImmediateField.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+function dirtyCount(fieldMeta) {
+  return Object.values(fieldMeta).filter(meta => meta?.isDirty).length;
+}
+function fieldErrorCount(fieldMeta) {
+  return (0, import_ErrorSummary.collectFormFieldErrors)(fieldMeta).length;
+}
+function useSaveBarSnapshot() {
+  const form = (0, import_Form.useFormContext)();
+  return (0, import_react_store.useStore)(form.store, state => ({
+    isDirty: Boolean(state.isDirty),
+    isSubmitting: Boolean(state.isSubmitting),
+    fieldMeta: state.fieldMeta ?? {},
+    submissionAttempts: state.submissionAttempts ?? 0,
+    values: state.values ?? {}
+  }));
+}
+function statusCopy(args) {
+  if (args.override) return {
+    text: args.override,
+    failed: false
+  };
+  if (args.isSubmitting) return {
+    text: (0, import_t.t)("Saving\u2026"),
+    failed: false
+  };
+  if (args.saveError) {
+    return {
+      text: (0, import_t.t)("Couldn't save \u2014 {{error}}. Edits are kept on this page.", {
+        error: args.saveError
+      }),
+      failed: true
+    };
+  }
+  if (args.submissionAttempts >= 1 && args.errorCount > 0) {
+    return {
+      text: (0, import_t.t)("Can't save yet \xB7 {{count}} fields need attention", {
+        count: args.errorCount
+      }),
+      failed: true
+    };
+  }
+  const qualifier = args.dirty > 0 ? args.dirty === 1 ? (0, import_t.t)("\xB7 1 field") : (0, import_t.t)("\xB7 {{count}} fields", {
+    count: args.dirty
+  }) : void 0;
+  return {
+    text: (0, import_t.t)("Unsaved changes"),
+    failed: false,
+    qualifier
+  };
+}
+function barRadius(knobProps) {
+  const top = knobProps.containerRadius.borderRadius;
+  return {
+    borderTopLeftRadius: top,
+    borderTopRightRadius: top,
+    borderBottomLeftRadius: 0,
+    borderBottomRightRadius: 0
+  };
+}
+function ContextualSaveBar({
+  forceVisible = false,
+  discardDisabled = false,
+  useBlocker,
+  onSaved,
+  message
+}) {
+  const form = (0, import_Form.useFormContext)();
+  const {
+    knobProps,
+    elevation
+  } = (0, import_theme.useResolvedKnobs)();
+  const snap = useSaveBarSnapshot();
+  const [saveError, setSaveError] = (0, import_react.useState)(null);
+  const [discardOpen, setDiscardOpen] = (0, import_react.useState)(false);
+  const stagedDirty = dirtyCount(snap.fieldMeta);
+  const visible = forceVisible || snap.isDirty || snap.isSubmitting || Boolean(saveError);
+  const blocker = (0, import_useUnsavedChangesGuard.useUnsavedChangesGuard)(snap.isDirty, useBlocker);
+  const guardOpen = discardOpen || blocker.state === "blocked";
+  (0, import_react.useEffect)(() => {
+    (0, import_theme.warnCancelDisabled)({
+      disabled: discardDisabled,
+      component: "ContextualSaveBar"
+    });
+  }, [discardDisabled]);
+  const restoreFocusToForm = (0, import_react.useCallback)(() => {
+    if (!import_tamagui.isWeb || typeof document === "undefined") return;
+    const bar = document.querySelector("[data-mp-contextual-savebar]");
+    const active = document.activeElement;
+    if (!bar || !active || !bar.contains(active)) return;
+    const formEl = document.querySelector("[data-mpo-form-layout]");
+    formEl?.focus?.();
+  }, []);
+  const handleSave = (0, import_react.useCallback)(async () => {
+    if (snap.isSubmitting) return;
+    setSaveError(null);
+    try {
+      await form.handleSubmit();
+      const errors = fieldErrorCount(form.store.state.fieldMeta ?? {});
+      if (errors > 0) return;
+      const values = form.store.state.values;
+      const update = form.update;
+      if (typeof update === "function") {
+        update({
+          defaultValues: values
+        });
+      }
+      form.reset(values);
+      onSaved?.(values);
+      restoreFocusToForm();
+    } catch (error) {
+      const text = error instanceof Error ? error.message : String(error);
+      setSaveError(text || "network unreachable");
+    }
+  }, [form, onSaved, restoreFocusToForm, snap.isSubmitting]);
+  const handleDiscardCommit = (0, import_react.useCallback)(() => {
+    setSaveError(null);
+    form.reset();
+    setDiscardOpen(false);
+    if (blocker.state === "blocked") blocker.proceed();
+    restoreFocusToForm();
+  }, [blocker, form, restoreFocusToForm]);
+  const handleKeepEditing = (0, import_react.useCallback)(() => {
+    setDiscardOpen(false);
+    if (blocker.state === "blocked") blocker.reset();
+  }, [blocker]);
+  (0, import_react.useEffect)(() => {
+    if (!visible || typeof document === "undefined") return;
+    const onKey = event => {
+      if ((event.metaKey || event.ctrlKey) && event.key.toLowerCase() === "s") {
+        event.preventDefault();
+        void handleSave();
+      }
+    };
+    document.addEventListener("keydown", onKey);
+    return () => document.removeEventListener("keydown", onKey);
+  }, [handleSave, visible]);
+  const copy = statusCopy({
+    isSubmitting: snap.isSubmitting,
+    saveError,
+    errorCount: fieldErrorCount(snap.fieldMeta),
+    submissionAttempts: snap.submissionAttempts,
+    dirty: stagedDirty,
+    override: message
+  });
+  const padX = knobProps.panelPadding.padding;
+  const borderWidth = knobProps.borderRadius.borderWidth;
+  const elevationProps = (0, import_utils.getElevationWrapperProps)(knobProps, elevation);
+  const {
+    className: smoothClass,
+    ...smoothRest
+  } = knobProps.containerRadius;
+  const transition = knobProps.transition;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.AnimatePresence, {
+      children: visible ? /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+        "data-mp-contextual-savebar": "",
+        "data-mp-savebar-dock": "bottom",
+        role: "region",
+        "aria-label": (0, import_t.t)("Unsaved changes"),
+        position: "sticky",
+        bottom: 0,
+        width: "100%",
+        zIndex: import_zIndex.zIndex.sheet,
+        alignItems: "center",
+        paddingTop: "$2.5",
+        paddingHorizontal: padX,
+        paddingBottom: "$2.5",
+        backgroundColor: "$color1",
+        borderStyle: "solid",
+        borderTopWidth: borderWidth,
+        borderTopColor: "$borderColor",
+        borderLeftWidth: 0,
+        borderRightWidth: 0,
+        borderBottomWidth: 0,
+        ...smoothRest,
+        ...barRadius(knobProps),
+        className: smoothClass,
+        ...knobProps.gap,
+        transition,
+        enterStyle: transition ? {
+          y: 12,
+          opacity: 0
+        } : void 0,
+        exitStyle: transition ? {
+          y: 12,
+          opacity: 0
+        } : void 0,
+        ...elevationProps,
+        style: {
+          ...(import_tamagui.isWeb ? {
+            paddingBottom: "calc(10px + env(safe-area-inset-bottom, 0px))"
+          } : void 0),
+          ...elevationProps.style
+        },
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+          flex: 1,
+          minWidth: 0,
+          alignItems: "baseline",
+          gap: "$2",
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+            role: "status",
+            ...knobProps.body,
+            fontSize: "$4",
+            lineHeight: "$4",
+            color: copy.failed ? import_colorRamps.formCommonColors.error : "$color",
+            numberOfLines: 1,
+            ellipsizeMode: "tail",
+            children: copy.text
+          }), copy.qualifier ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+            ...knobProps.body,
+            fontSize: "$4",
+            lineHeight: "$4",
+            color: knobProps.textAccentColor,
+            flexShrink: 0,
+            children: copy.qualifier
+          }) : null]
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+          "data-mp-savebar-actions": "",
+          alignItems: "center",
+          ...knobProps.gap,
+          marginLeft: "auto",
+          flexShrink: 0,
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Button.Button, {
+            outlined: true,
+            size: "$4",
+            "data-mp-savebar-discard": "",
+            "data-mp-cancel-disabled-ignored": discardDisabled ? "true" : void 0,
+            onPress: () => setDiscardOpen(true),
+            children: (0, import_t.t)("Discard")
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Button.Button, {
+            theme: "active",
+            outlined: knobProps.outlined,
+            actionRole: "primary",
+            size: "$4",
+            icon: snap.isSubmitting ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Spinner.Spinner, {
+              size: "small"
+            }) : void 0,
+            disabled: snap.isSubmitting || void 0,
+            disabledReason: snap.isSubmitting ? (0, import_t.t)("Saving") : void 0,
+            "data-mp-savebar-save": "",
+            onPress: () => {
+              void handleSave();
+            },
+            children: (0, import_t.t)("Save")
+          })]
+        })]
+      }, "contextual-savebar") : null
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_UnsavedChangesDialog.UnsavedChangesDialog, {
+      open: guardOpen,
+      fieldCount: Math.max(stagedDirty, 1),
+      onKeepEditing: handleKeepEditing,
+      onDiscard: handleDiscardCommit
+    })]
+  });
+}