@multiplatform.one/forms 7.4.0 → 7.5.0

package/dist/jsx/ContextualSaveBar/index.native.js

@@ -0,0 +1,325 @@
+"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 ContextualSaveBar_exports = {};
+__export(ContextualSaveBar_exports, {
+  ContextualSaveBar: () => ContextualSaveBar,
+  clientKnownIdentity: () => import_clientKnownIdentity.clientKnownIdentity,
+  commitImmediateField: () => import_commitImmediateField.commitImmediateField
+});
+module.exports = __toCommonJS(ContextualSaveBar_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+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.native.js");
+var import_ErrorSummary = require("../ErrorSummary.native.js");
+var import_Form = require("../Form/index.native.js");
+var import_Spinner = require("../Spinner/index.native.js");
+var import_colorRamps = require("../shared/colorRamps.native.js");
+var import_t = require("../shared/t.native.js");
+var import_utils = require("../shared/utils.native.js");
+var import_zIndex = require("../shared/zIndex.native.js");
+var import_UnsavedChangesDialog = require("./UnsavedChangesDialog.native.js");
+var import_useUnsavedChangesGuard = require("./useUnsavedChangesGuard.native.js");
+var import_clientKnownIdentity = require("./clientKnownIdentity.native.js");
+var import_commitImmediateField = require("./commitImmediateField.native.js");
+function _instanceof(left, right) {
+  "@swc/helpers - instanceof";
+
+  if (right != null && typeof Symbol !== "undefined" && right[Symbol.hasInstance]) {
+    return !!right[Symbol.hasInstance](left);
+  } else {
+    return left instanceof right;
+  }
+}
+function dirtyCount(fieldMeta) {
+  return Object.values(fieldMeta).filter(function (meta) {
+    return meta === null || meta === void 0 ? void 0 : meta.isDirty;
+  }).length;
+}
+function fieldErrorCount(fieldMeta) {
+  return (0, import_ErrorSummary.collectFormFieldErrors)(fieldMeta).length;
+}
+function useSaveBarSnapshot() {
+  var form = (0, import_Form.useFormContext)();
+  return (0, import_react_store.useStore)(form.store, function (state) {
+    var _state_fieldMeta, _state_submissionAttempts, _state_values;
+    return {
+      isDirty: Boolean(state.isDirty),
+      isSubmitting: Boolean(state.isSubmitting),
+      fieldMeta: (_state_fieldMeta = state.fieldMeta) !== null && _state_fieldMeta !== void 0 ? _state_fieldMeta : {},
+      submissionAttempts: (_state_submissionAttempts = state.submissionAttempts) !== null && _state_submissionAttempts !== void 0 ? _state_submissionAttempts : 0,
+      values: (_state_values = state.values) !== null && _state_values !== void 0 ? _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
+    };
+  }
+  var 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) {
+  var top = knobProps.containerRadius.borderRadius;
+  return {
+    borderTopLeftRadius: top,
+    borderTopRightRadius: top,
+    borderBottomLeftRadius: 0,
+    borderBottomRightRadius: 0
+  };
+}
+function ContextualSaveBar(param) {
+  var {
+    forceVisible = false,
+    discardDisabled = false,
+    useBlocker,
+    onSaved,
+    message
+  } = param;
+  var form = (0, import_Form.useFormContext)();
+  var {
+    knobProps,
+    elevation
+  } = (0, import_theme.useResolvedKnobs)();
+  var snap = useSaveBarSnapshot();
+  var [saveError, setSaveError] = (0, import_react.useState)(null);
+  var [discardOpen, setDiscardOpen] = (0, import_react.useState)(false);
+  var stagedDirty = dirtyCount(snap.fieldMeta);
+  var visible = forceVisible || snap.isDirty || snap.isSubmitting || Boolean(saveError);
+  var blocker = (0, import_useUnsavedChangesGuard.useUnsavedChangesGuard)(snap.isDirty, useBlocker);
+  var guardOpen = discardOpen || blocker.state === "blocked";
+  (0, import_react.useEffect)(function () {
+    (0, import_theme.warnCancelDisabled)({
+      disabled: discardDisabled,
+      component: "ContextualSaveBar"
+    });
+  }, [discardDisabled]);
+  var restoreFocusToForm = (0, import_react.useCallback)(function () {
+    var _formEl_focus;
+    if (!import_tamagui.isWeb || typeof document === "undefined") return;
+    var bar = document.querySelector("[data-mp-contextual-savebar]");
+    var active = document.activeElement;
+    if (!bar || !active || !bar.contains(active)) return;
+    var formEl = document.querySelector("[data-mpo-form-layout]");
+    formEl === null || formEl === void 0 ? void 0 : (_formEl_focus = formEl.focus) === null || _formEl_focus === void 0 ? void 0 : _formEl_focus.call(formEl);
+  }, []);
+  var handleSave = (0, import_react.useCallback)(async function () {
+    if (snap.isSubmitting) return;
+    setSaveError(null);
+    try {
+      var _form_store_state_fieldMeta;
+      await form.handleSubmit();
+      var errors = fieldErrorCount((_form_store_state_fieldMeta = form.store.state.fieldMeta) !== null && _form_store_state_fieldMeta !== void 0 ? _form_store_state_fieldMeta : {});
+      if (errors > 0) return;
+      var values = form.store.state.values;
+      var update = form.update;
+      if (typeof update === "function") {
+        update({
+          defaultValues: values
+        });
+      }
+      form.reset(values);
+      onSaved === null || onSaved === void 0 ? void 0 : onSaved(values);
+      restoreFocusToForm();
+    } catch (error) {
+      var text = _instanceof(error, Error) ? error.message : String(error);
+      setSaveError(text || "network unreachable");
+    }
+  }, [form, onSaved, restoreFocusToForm, snap.isSubmitting]);
+  var handleDiscardCommit = (0, import_react.useCallback)(function () {
+    setSaveError(null);
+    form.reset();
+    setDiscardOpen(false);
+    if (blocker.state === "blocked") blocker.proceed();
+    restoreFocusToForm();
+  }, [blocker, form, restoreFocusToForm]);
+  var handleKeepEditing = (0, import_react.useCallback)(function () {
+    setDiscardOpen(false);
+    if (blocker.state === "blocked") blocker.reset();
+  }, [blocker]);
+  (0, import_react.useEffect)(function () {
+    if (!visible || typeof document === "undefined") return;
+    var onKey = function onKey2(event) {
+      if ((event.metaKey || event.ctrlKey) && event.key.toLowerCase() === "s") {
+        event.preventDefault();
+        void handleSave();
+      }
+    };
+    document.addEventListener("keydown", onKey);
+    return function () {
+      return document.removeEventListener("keydown", onKey);
+    };
+  }, [handleSave, visible]);
+  var copy = statusCopy({
+    isSubmitting: snap.isSubmitting,
+    saveError,
+    errorCount: fieldErrorCount(snap.fieldMeta),
+    submissionAttempts: snap.submissionAttempts,
+    dirty: stagedDirty,
+    override: message
+  });
+  var padX = knobProps.panelPadding.padding;
+  var borderWidth = knobProps.borderRadius.borderWidth;
+  var elevationProps = (0, import_utils.getElevationWrapperProps)(knobProps, elevation);
+  var {
+    className: smoothClass,
+    ...smoothRest
+  } = knobProps.containerRadius;
+  var 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: function onPress() {
+              return 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: function 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
+    })]
+  });
+}
+//# sourceMappingURL=index.native.js.map

package/dist/jsx/ContextualSaveBar/index.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","ContextualSaveBar_exports","ContextualSaveBar","clientKnownIdentity","import_clientKnownIdentity","commitImmediateField","import_commitImmediateField","module","exports","import_jsx_runtime","require","import_theme","import_react_store","import_react","import_tamagui","import_Button","import_ErrorSummary","import_Form","import_Spinner","import_colorRamps","import_t","import_utils","import_zIndex","import_UnsavedChangesDialog","import_useUnsavedChangesGuard","_instanceof","left","right","Symbol","hasInstance","dirtyCount","fieldMeta","values","filter","meta","isDirty","length","fieldErrorCount","collectFormFieldErrors","useSaveBarSnapshot","form","useFormContext","useStore","store","state","_state_fieldMeta","_state_submissionAttempts","_state_values","Boolean","isSubmitting","submissionAttempts","statusCopy","args","override","text","failed","t","saveError","error","errorCount","count","qualifier","dirty","barRadius","knobProps","top","containerRadius","borderRadius","borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius","param","forceVisible","discardDisabled","useBlocker","onSaved","message","elevation","useResolvedKnobs","snap","setSaveError","useState","discardOpen","setDiscardOpen","stagedDirty","visible","blocker","useUnsavedChangesGuard","guardOpen","useEffect","warnCancelDisabled","disabled","component","restoreFocusToForm","useCallback","_formEl_focus","isWeb","document","bar","querySelector","active","activeElement","contains","formEl","focus","handleSave","_form_store_state_fieldMeta","handleSubmit","errors","update","defaultValues","reset","Error","String","handleDiscardCommit","proceed","handleKeepEditing","onKey","onKey2","event","metaKey","ctrlKey","toLowerCase","preventDefault","addEventListener","removeEventListener","copy","padX","panelPadding","padding","borderWidth","elevationProps","getElevationWrapperProps","className","smoothClass","smoothRest","transition","jsxs","Fragment","children","jsx","AnimatePresence","XStack","role","position","bottom","width","zIndex","sheet","alignItems","paddingTop","paddingHorizontal","paddingBottom","backgroundColor","borderStyle","borderTopWidth","borderTopColor","borderLeftWidth","borderRightWidth","borderBottomWidth","gap","enterStyle","y","opacity","exitStyle","style","flex","minWidth","Text"],"sources":["../../../src/ContextualSaveBar/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/jsx/ContextualSaveBar/useUnsavedChangesGuard.mjs

@@ -0,0 +1,24 @@
+import { useEffect } from "react";
+const idleBlocker = {
+  state: "unblocked",
+  proceed: () => {},
+  reset: () => {}
+};
+function useUnsavedChangesGuard(isDirty, useBlocker) {
+  const blocker = useBlocker?.(isDirty) ?? idleBlocker;
+  useEffect(() => {
+    if (!isDirty) return;
+    if (typeof window === "undefined" || typeof window.addEventListener !== "function") {
+      return;
+    }
+    const handler = event => {
+      event.preventDefault();
+      event.returnValue = "";
+    };
+    window.addEventListener("beforeunload", handler);
+    return () => window.removeEventListener("beforeunload", handler);
+  }, [isDirty]);
+  return blocker;
+}
+export { useUnsavedChangesGuard };
+//# sourceMappingURL=useUnsavedChangesGuard.mjs.map

package/dist/jsx/ContextualSaveBar/useUnsavedChangesGuard.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","idleBlocker","state","proceed","reset","useUnsavedChangesGuard","isDirty","useBlocker","blocker","window","addEventListener","handler","event","preventDefault","returnValue","removeEventListener"],"sources":["../../../src/ContextualSaveBar/useUnsavedChangesGuard.ts"],"sourcesContent":[null],"mappings":"AAAA,SAASA,SAAA,QAAiB;AAU1B,MAAMC,WAAA,GAAiC;EACrCC,KAAA,EAAO;EACPC,OAAA,EAASA,CAAA,KAAM,CAAC;EAChBC,KAAA,EAAOA,CAAA,KAAM,CAAC;AAChB;AAGO,SAASC,uBACdC,OAAA,EACAC,UAAA,EACmB;EACnB,MAAMC,OAAA,GAAUD,UAAA,GAAaD,OAAO,KAAKL,WAAA;EAEzCD,SAAA,CAAU,MAAM;IACd,IAAI,CAACM,OAAA,EAAS;IACd,IAAI,OAAOG,MAAA,KAAW,eAAe,OAAOA,MAAA,CAAOC,gBAAA,KAAqB,YAAY;MAClF;IACF;IACA,MAAMC,OAAA,GAAWC,KAAA,IAA6B;MAC5CA,KAAA,CAAMC,cAAA,CAAe;MACrBD,KAAA,CAAME,WAAA,GAAc;IACtB;IACAL,MAAA,CAAOC,gBAAA,CAAiB,gBAAgBC,OAAO;IAC/C,OAAO,MAAMF,MAAA,CAAOM,mBAAA,CAAoB,gBAAgBJ,OAAO;EACjE,GAAG,CAACL,OAAO,CAAC;EAEZ,OAAOE,OAAA;AACT","ignoreList":[]}

package/dist/jsx/ContextualSaveBar/useUnsavedChangesGuard.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 useUnsavedChangesGuard_exports = {};
+__export(useUnsavedChangesGuard_exports, {
+  useUnsavedChangesGuard: () => useUnsavedChangesGuard
+});
+module.exports = __toCommonJS(useUnsavedChangesGuard_exports);
+var import_react = require("react");
+var idleBlocker = {
+  state: "unblocked",
+  proceed: function proceed() {},
+  reset: function reset() {}
+};
+function useUnsavedChangesGuard(isDirty, useBlocker) {
+  var _ref;
+  var blocker = (_ref = useBlocker === null || useBlocker === void 0 ? void 0 : useBlocker(isDirty)) !== null && _ref !== void 0 ? _ref : idleBlocker;
+  (0, import_react.useEffect)(function () {
+    if (!isDirty) return;
+    if (typeof window === "undefined" || typeof window.addEventListener !== "function") {
+      return;
+    }
+    var handler = function handler2(event) {
+      event.preventDefault();
+      event.returnValue = "";
+    };
+    window.addEventListener("beforeunload", handler);
+    return function () {
+      return window.removeEventListener("beforeunload", handler);
+    };
+  }, [isDirty]);
+  return blocker;
+}
+//# sourceMappingURL=useUnsavedChangesGuard.native.js.map

package/dist/jsx/ContextualSaveBar/useUnsavedChangesGuard.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","useUnsavedChangesGuard_exports","useUnsavedChangesGuard","module","exports","import_react","require"],"sources":["../../../src/ContextualSaveBar/useUnsavedChangesGuard.ts"],"sourcesContent":[null],"mappings":"AAAA,YAAS;;AAUT,IAAAA,SAAM,GAAAC,MAAiC,CAAAC,cAAA;AAAA,IACrCC,gBAAO,GAAAF,MAAA,CAAAG,wBAAA;AAAA,IACPC,iBAAe,GAAAJ,MAAA,CAAAK,mBAAA;AAAA,IAACC,YAAA,GAAAN,MAAA,CAAAO,SAAA,CAAAC,cAAA;AAAA,IAChBC,QAAO,GAAMA,CAAAC,MAAA,EAAAC,GAAA;EAAC,SAAAC,IAAA,IAAAD,GAAA,EAChBZ,SAAA,CAAAW,MAAA,EAAAE,IAAA;IAAAC,GAAA,EAAAF,GAAA,CAAAC,IAAA;IAAAE,UAAA;EAAA;AAGO;AAIL,IAAAC,WAAM,GAAUA,CAAAC,EAAA,EAAAC,IAAA,EAAAC,MAAa,EAAAC,IAAO,KAAK;EAEzC,IAAAF,IAAA,IAAU,OAAMA,IAAA,wBAAAA,IAAA;IACd,KAAK,IAAAG,GAAA,IAAShB,iBAAA,CAAAa,IAAA,GACd,IAAI,CAAAX,YAAO,CAAAe,IAAW,CAAAL,EAAA,EAAAI,GAAA,KAAeA,GAAA,KAAOF,MAAO,EACjDnB,SAAA,CAAAiB,EAAA,EAAAI,GAAA;MAAAP,GAAA,EAAAA,CAAA,KAAAI,IAAA,CAAAG,GAAA;MAAAN,UAAA,IAAAK,IAAA,GAAAjB,gBAAA,CAAAe,IAAA,EAAAG,GAAA,MAAAD,IAAA,CAAAL;IAAA;EAAA;EAEF,OAAAE,EAAM;AACJ;AACA,IAAAM,YAAM,GAAAC,GAAA,IAAcR,WAAA,CAAAhB,SAAA;EAAAyB,KAAA;AAAA,IAAAD,GAAA;AAAA,IACtBE,8BAAA;AACAhB,QAAA,CAAAgB,8BAAwB;EACxBC,sBAAoB,EAAAA,CAAA,KAAAA;AAA2C,EACjE;AAEAC,MAAA,CAAAC,OAAO,GAAAN,YAAA,CAAAG,8BAAA;AACT,IAAAI,YAAA,GAAAC,OAAA","ignoreList":[]}

package/dist/jsx/ControlGroup/index.mjs

@@ -2,7 +2,7 @@ import { Children, isValidElement, useMemo, useState } from "react";
 import { SizableText, View, isWeb, styled } from "tamagui";
 import { GroupPositionContext, ensureCompositeFocusRing, ensureFocusVisibleRing, getGroupPosition, hairline, useResolvedKnobs } from "@multiplatform.one/theme";
 import { FocusContext, getInputFrameTransitionProps, InputContext } from "../InputParts/index.mjs";
-import { formCommonColors, formInputColors } from "../shared/colorRamps.mjs";
+import { formCommonColors, formControlColors, formInputColors } from "../shared/colorRamps.mjs";
 import { getElevationWrapperProps } from "../shared/utils.mjs";
 import { ControlGroupCtx } from "../shared/groupContext.mjs";
 import { useIsInTableCell } from "../shared/tableCellContext.mjs";
@@ -13,8 +13,9 @@ const ControlGroupFrame = styled(View, {
   overflow: "hidden",
   minWidth: 0,
   flexWrap: "nowrap",
-  borderColor: formInputColors.border.base,
-  backgroundColor: formInputColors.background.base,
+  // Border width + color come from `inputSurface` / form ramps at the
+  // call site (R-OUTER). Do not bake a 1px edge or a size-token radius
+  // here — those fight the knobs and turn fused inners into pills.
   ...(isWeb ? {
     tabIndex: -1
   } : {
@@ -25,11 +26,8 @@ const ControlGroupFrame = styled(View, {
       ":number": {}
     },
     size: {
-      "...size": (val, {
-        tokens
-      }) => ({
-        height: val,
-        borderRadius: tokens.radius[val]
+      "...size": val => ({
+        height: val
       })
     }
   }
@@ -65,17 +63,19 @@ function ControlGroupAddonImpl({
   } = useResolvedKnobs();
   const text = typeof children === "string" || typeof children === "number" ? /* @__PURE__ */jsx(SizableText, {
     ...knobProps.label,
+    fontWeight: "400",
     color: formCommonColors.muted,
     userSelect: "none",
     numberOfLines: 1,
     children
   }) : children;
   return /* @__PURE__ */jsx(View, {
+    "data-mp-control-group-addon": "true",
     justifyContent: "center",
     alignItems: "center",
     alignSelf: "stretch",
-    backgroundColor: "$color4",
-    paddingHorizontal: "$3",
+    backgroundColor: formControlColors.background,
+    ...knobProps.control,
     borderRadius: 0,
     flexGrow: 0,
     flexShrink: 0,
@@ -131,6 +131,7 @@ function ControlGroupImpl({
           borderRadius: 0,
           overflow: "hidden",
           "data-mp-group-position": position,
+          "data-mp-inner-radius": "0",
           children: child
         })
       }, child.key ?? index));

package/dist/jsx/ControlGroup/index.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["Children","isValidElement","useMemo","useState","SizableText","View","isWeb","styled","GroupPositionContext","ensureCompositeFocusRing","ensureFocusVisibleRing","getGroupPosition","hairline","useResolvedKnobs","FocusContext","getInputFrameTransitionProps","InputContext","formCommonColors","formInputColors","getElevationWrapperProps","ControlGroupCtx","useIsInTableCell","jsx","ControlGroupFrame","context","alignItems","overflow","minWidth","flexWrap","borderColor","border","base","backgroundColor","background","tabIndex","focusable","variants","scaleIcon","size","...size","val","tokens","height","borderRadius","radius","CONTROL_GROUP_RING_ID","controlGroupRingCss","ensureControlGroupRing","document","getElementById","tag","createElement","id","textContent","head","appendChild","isControlGroupAddon","child","type","ControlGroupAddon","groupItems","children","toArray","filter","ControlGroupAddonImpl","props","knobProps","text","label","color","muted","userSelect","numberOfLines","justifyContent","alignSelf","paddingHorizontal","flexGrow","flexShrink","Object","assign","ControlGroupImpl","orientation","focused","setFocused","control","elevation","inTableCell","elevationWrapperProps","isVertical","items","renderItems","seams","count","length","nodes","index","position","isMiddle","needsFlex","flexProps","flex","minHeight","push","Provider","value","key","line","vline","body","flexDirection","borderWidth","map","sizeToken","outlined","inputSurface","transition","focusKnobProps","focusStyle","focus","focusVisibleKnobProps","focusVisibleStyle","outlineOffset","className","Boolean","join","ControlGroup","Addon"],"sources":["../../../src/ControlGroup/index.tsx"],"sourcesContent":[null],"mappings":"AAAA,SACEA,QAAA,EACAC,cAAA,EACAC,OAAA,EACAC,QAAA,QAGK;AACP,SAASC,WAAA,EAAaC,IAAA,EAAMC,KAAA,EAAOC,MAAA,QAAc;AAEjD,SACEC,oBAAA,EACAC,wBAAA,EACAC,sBAAA,EACAC,gBAAA,EACAC,QAAA,EACAC,gBAAA,QACK;AACP,SAASC,YAAA,EAAcC,4BAAA,EAA8BC,YAAA,QAAoB;AACzE,SAASC,gBAAA,EAAkBC,eAAA,QAAuB;AAClD,SAASC,wBAAA,QAAgC;AACzC,SAASC,eAAA,QAAuB;AAChC,SAASC,gBAAA,QAAwB;AAoE3B,SAAAC,GAAA;AA9DN,MAAMC,iBAAA,GAAoBhB,MAAA,CAAOF,IAAA,EAAM;EACrCmB,OAAA,EAASR,YAAA;EACTS,UAAA,EAAY;EACZC,QAAA,EAAU;EACVC,QAAA,EAAU;EACVC,QAAA,EAAU;EACVC,WAAA,EAAaX,eAAA,CAAgBY,MAAA,CAAOC,IAAA;EACpCC,eAAA,EAAiBd,eAAA,CAAgBe,UAAA,CAAWF,IAAA;EAE5C,IAAIzB,KAAA,GAAQ;IAAE4B,QAAA,EAAU;EAAG,IAAI;IAAEC,SAAA,EAAW;EAAM;EAElDC,QAAA,EAAU;IACRC,SAAA,EAAW;MACT,WAAW,CAAC;IACd;IACAC,IAAA,EAAM;MACJ,WAAWC,CAACC,GAAA,EAAU;QAAEC;MAAO,OAAY;QACzCC,MAAA,EAAQF,GAAA;QACRG,YAAA,EAAeF,MAAA,CAAOG,MAAA,CAAeJ,GAAG;MAC1C;IACF;EACF;AACF,CAAC;AAED,MAAMK,qBAAA,GAAwB;AAC9B,MAAMC,mBAAA,GAAsB;AAAA;AAAA;AAAA;AAAA;AAAA;AAO5B,SAASC,uBAAA,EAAyB;EAChC,IAAI,OAAOC,QAAA,KAAa,aAAa;EACrC,IAAIA,QAAA,CAASC,cAAA,CAAeJ,qBAAqB,GAAG;EACpD,MAAMK,GAAA,GAAMF,QAAA,CAASG,aAAA,CAAc,OAAO;EAC1CD,GAAA,CAAIE,EAAA,GAAKP,qBAAA;EACTK,GAAA,CAAIG,WAAA,GAAcP,mBAAA;EAClBE,QAAA,CAASM,IAAA,CAAKC,WAAA,CAAYL,GAAG;AAC/B;AAEA,SAASM,oBAAoBC,KAAA,EAA8B;EACzD,MAAMC,IAAA,GAAOD,KAAA,CAAMC,IAAA;EACnB,OAAOA,IAAA,KAASC,iBAAA,IAAqBD,IAAA,CAAKF,mBAAA,KAAwB;AACpE;AAEA,SAASI,WAAWC,QAAA,EAAqC;EACvD,OAAO7D,QAAA,CAAS8D,OAAA,CAAQD,QAAQ,EAAEE,MAAA,CAAO9D,cAAc;AACzD;AAUA,SAAS+D,sBAAsB;EAAEH,QAAA;EAAU,GAAGI;AAAM,GAA2B;EAC7E,MAAM;IAAEC;EAAU,IAAIrD,gBAAA,CAAiB;EACvC,MAAMsD,IAAA,GACJ,OAAON,QAAA,KAAa,YAAY,OAAOA,QAAA,KAAa,WAClD,eAAAvC,GAAA,CAAClB,WAAA;IACE,GAAG8D,SAAA,CAAUE,KAAA;IACdC,KAAA,EAAOpD,gBAAA,CAAiBqD,KAAA;IACxBC,UAAA,EAAW;IACXC,aAAA,EAAe;IAEdX;EAAA,CACH,IAEAA,QAAA;EAEJ,OACE,eAAAvC,GAAA,CAACjB,IAAA;IACCoE,cAAA,EAAe;IACfhD,UAAA,EAAW;IACXiD,SAAA,EAAU;IACV1C,eAAA,EAAgB;IAChB2C,iBAAA,EAAkB;IAClBhC,YAAA,EAAc;IACdiC,QAAA,EAAU;IACVC,UAAA,EAAY;IACX,GAAGZ,KAAA;IAEHJ,QAAA,EAAAM;EAAA,CACH;AAEJ;AAEO,MAAMR,iBAAA,GAAoBmB,MAAA,CAAOC,MAAA,CAAOf,qBAAA,EAAuB;EACpER,mBAAA,EAAqB;AACvB,CAAC;AAYD,SAASwB,iBAAiB;EAAEnB,QAAA;EAAUoB,WAAA,GAAc;EAAc,GAAGhB;AAAM,GAAsB;EAC/F,MAAM,CAACiB,OAAA,EAASC,UAAU,IAAIhF,QAAA,CAAS,KAAK;EAC5C,MAAM;IAAE+D,SAAA;IAAWkB,OAAA;IAASC;EAAU,IAAIxE,gBAAA,CAAiB;EAC3D,MAAMyE,WAAA,GAAcjE,gBAAA,CAAiB;EACrC,IAAIf,KAAA,EAAO;IACTG,wBAAA,CAAyB;IACzBsC,sBAAA,CAAuB;EACzB;EACA,MAAMwC,qBAAA,GAAwBrF,OAAA,CAC5B,MAAMiB,wBAAA,CAAyB+C,SAAA,EAAWmB,SAAS,GACnD,CAACnB,SAAA,EAAWmB,SAAS,CACvB;EACA,MAAMG,UAAA,GAAaP,WAAA,KAAgB;EACnC,MAAMQ,KAAA,GAAQ7B,UAAA,CAAWC,QAAQ;EAEjC,MAAM6B,WAAA,GAAeC,KAAA,IAAmB;IACtC,MAAMC,KAAA,GAAQH,KAAA,CAAMI,MAAA;IACpB,MAAMC,KAAA,GAAqB,EAAC;IAC5B,SAASC,KAAA,GAAQ,GAAGA,KAAA,GAAQH,KAAA,EAAOG,KAAA,IAAS;MAC1C,MAAMtC,KAAA,GAAQgC,KAAA,CAAMM,KAAK;MACzB,MAAMC,QAAA,GAAWrF,gBAAA,CAAiBoF,KAAA,EAAOH,KAAK;MAC9C,MAAMK,QAAA,GAAWD,QAAA,KAAa;MAO9B,MAAME,SAAA,GACJ,CAAC1C,mBAAA,CAAoBC,KAAK,MAAMwC,QAAA,IAAYL,KAAA,KAAU,KAAM,CAACtF,KAAA,IAASsF,KAAA,KAAU;MAClF,MAAMO,SAAA,GAAYD,SAAA,GACd;QAAEE,IAAA,EAAM;QAAG,IAAIZ,UAAA,GAAa;UAAEa,SAAA,EAAW;QAAE,IAAI;UAAE1E,QAAA,EAAU;QAAE;MAAG,IAChE;QAAEiD,QAAA,EAAU;QAAGC,UAAA,EAAY;MAAE;MACjCiB,KAAA,CAAMQ,IAAA,CACJ,eAAAhF,GAAA,CAACd,oBAAA,CAAqB+F,QAAA,EAArB;QAAuDC,KAAA,EAAOR,QAAA;QAC7DnC,QAAA,iBAAAvC,GAAA,CAACjB,IAAA;UAAM,GAAG8F,SAAA;UAAWxD,YAAA,EAAc;UAAGjB,QAAA,EAAS;UAAS,0BAAwBsE,QAAA;UAC7EnC,QAAA,EAAAJ;QAAA,CACH;MAAA,GAHkCA,KAAA,CAAMgD,GAAA,IAAOV,KAIjD,CACF;MACA,IAAIJ,KAAA,IAASI,KAAA,GAAQH,KAAA,GAAQ,GAAG;QAC9BE,KAAA,CAAMQ,IAAA,CACJ,eAAAhF,GAAA,CAACjB,IAAA;UAEE,IAAImF,UAAA,GAAa5E,QAAA,CAAS8F,IAAA,GAAO9F,QAAA,CAAS+F,KAAA;UAC3C3E,eAAA,EAAiBd,eAAA,CAAgBY,MAAA,CAAOC,IAAA;UACxC6C,QAAA,EAAU;UACVC,UAAA,EAAY;UACZH,SAAA,EAAU;UACV,eAAW;QAAA,GANN,QAAQqB,KAAK,EAOpB,CACF;MACF;IACF;IACA,OAAOD,KAAA;EACT;EAGA,IAAIR,WAAA,EAAa;IACf,OACE,eAAAhE,GAAA,CAACF,eAAA,CAAgBmF,QAAA,EAAhB;MAAyBC,KAAA,EAAO;MAC/B3C,QAAA,iBAAAvC,GAAA,CAACR,YAAA,CAAayF,QAAA,EAAb;QAAsBrB,OAAA;QAAkBC,UAAA;QACvCtB,QAAA,iBAAAvC,GAAA,CAACC,iBAAA;UACE,GAAG2C,SAAA,CAAU0C,IAAA;UACdC,aAAA,EAAerB,UAAA,GAAa,WAAW;UACvCsB,WAAA,EAAa;UACbnE,YAAA,EAAc;UACdX,eAAA,EAAgB;UAChB,yBAAsB;UACtB,oBAAkBiD,WAAA;UACjB,GAAGhB,KAAA;UAEHJ,QAAA,EAAA7D,QAAA,CAAS+G,GAAA,CAAItB,KAAA,EAAQhC,KAAA,IACpB,eAAAnC,GAAA,CAACjB,IAAA;YAAK+F,IAAA,EAAM;YAAGzE,QAAA,EAAU;YAAGgB,YAAA,EAAc;YACvCkB,QAAA,EAAAJ;UAAA,CACH,CACD;QAAA,CACH;MAAA,CACF;IAAA,CACF;EAEJ;EAEA,OACE,eAAAnC,GAAA,CAACF,eAAA,CAAgBmF,QAAA,EAAhB;IAAyBC,KAAA,EAAO;IAC/B3C,QAAA,iBAAAvC,GAAA,CAACR,YAAA,CAAayF,QAAA,EAAb;MAAsBrB,OAAA;MAAkBC,UAAA;MACvCtB,QAAA,iBAAAvC,GAAA,CAACC,iBAAA;QACE,GAAG2C,SAAA,CAAU0C,IAAA;QACb,IAAI,CAACpB,UAAA,GAAa;UAAElD,IAAA,EAAM4B,SAAA,CAAU8C;QAAU,IAAI;QACnDH,aAAA,EAAerB,UAAA,GAAa,WAAW;QACvCxD,eAAA,EAAiBkC,SAAA,CAAU+C,QAAA,GAAW,gBAAgB/F,eAAA,CAAgBe,UAAA,CAAWF,IAAA;QAChF,GAAGmC,SAAA,CAAUgD,YAAA;QACb,GAAGhD,SAAA,CAAUvB,YAAA;QACb,GAAG4C,qBAAA;QACH,GAAGxE,4BAAA,CACF,OAAOmD,SAAA,CAAUiD,UAAA,KAAe,WAAWjD,SAAA,CAAUiD,UAAA,GAAa,MACpE;QACC,IAAI/B,OAAA,CAAQgC,cAAA,GACT;UACEC,UAAA,EAAY;YACVxF,WAAA,EAAaX,eAAA,CAAgBY,MAAA,CAAOwF,KAAA;YACpCtF,eAAA,EAAiBkC,SAAA,CAAU+C,QAAA,GACvB,gBACA/F,eAAA,CAAgBe,UAAA,CAAWqF,KAAA;YAC/B,GAAGlC,OAAA,CAAQgC;UACb;QACF,IACA;QACH,IAAIhC,OAAA,CAAQmC,qBAAA,GACT;UACEC,iBAAA,EAAmB;YACjB3F,WAAA,EAAaX,eAAA,CAAgBY,MAAA,CAAOwF,KAAA;YACpCtF,eAAA,EAAiBkC,SAAA,CAAU+C,QAAA,GACvB,gBACA/F,eAAA,CAAgBe,UAAA,CAAWqF,KAAA;YAC/B,GAAG5G,sBAAA,CAAuB;cACxB,GAAG0E,OAAA,CAAQmC,qBAAA;cACXE,aAAA,EAAe;YACjB,CAAC;UACH;QACF,IACA;UACED,iBAAA,EAAmB;YACjB3F,WAAA,EAAaX,eAAA,CAAgBY,MAAA,CAAOwF,KAAA;YACpC,GAAG5G,sBAAA,CAAuB;cAAE+G,aAAA,EAAe;YAAG,CAAC;UACjD;QACF;QACH,GAAGxD,KAAA;QACH,IAAI3D,KAAA,GACD;UACEoH,SAAA,EAAW,CACT,oBACA,qBACA,0BACCzD,KAAA,CAAiCyD,SAAA,CACpC,CACG3D,MAAA,CAAO4D,OAAO,EACdC,IAAA,CAAK,GAAG;QACb,IACA;QACH,IAAI1C,OAAA,GACD;UACErD,WAAA,EAAaX,eAAA,CAAgBY,MAAA,CAAOwF,KAAA;UACpCtF,eAAA,EAAiBkC,SAAA,CAAU+C,QAAA,GACvB,gBACA/F,eAAA,CAAgBe,UAAA,CAAWqF,KAAA;UAC/B,GAAGlC,OAAA,CAAQgC,cAAA;UACX,GAAG1G,sBAAA,CAAuB;YAAE+G,aAAA,EAAe;UAAG,CAAC;QACjD,IACA;QACJ/F,QAAA,EAAS;QACT,yBAAsB;QACtB,oBAAkBuD,WAAA;QAEjBpB,QAAA,EAAA6B,WAAA,CAAY,IAAI;MAAA,CACnB;IAAA,CACF;EAAA,CACF;AAEJ;AAEO,MAAMmC,YAAA,GAAe/C,MAAA,CAAOC,MAAA,CAAOC,gBAAA,EAAkB;EAC1D8C,KAAA,EAAOnE;AACT,CAAC","ignoreList":[]}
+{"version":3,"names":["Children","isValidElement","useMemo","useState","SizableText","View","isWeb","styled","GroupPositionContext","ensureCompositeFocusRing","ensureFocusVisibleRing","getGroupPosition","hairline","useResolvedKnobs","FocusContext","getInputFrameTransitionProps","InputContext","formCommonColors","formControlColors","formInputColors","getElevationWrapperProps","ControlGroupCtx","useIsInTableCell","jsx","ControlGroupFrame","context","alignItems","overflow","minWidth","flexWrap","tabIndex","focusable","variants","scaleIcon","size","val","height","CONTROL_GROUP_RING_ID","controlGroupRingCss","ensureControlGroupRing","document","getElementById","tag","createElement","id","textContent","head","appendChild","isControlGroupAddon","child","type","ControlGroupAddon","groupItems","children","toArray","filter","ControlGroupAddonImpl","props","knobProps","text","label","fontWeight","color","muted","userSelect","numberOfLines","justifyContent","alignSelf","backgroundColor","background","control","borderRadius","flexGrow","flexShrink","Object","assign","ControlGroupImpl","orientation","focused","setFocused","elevation","inTableCell","elevationWrapperProps","isVertical","items","renderItems","seams","count","length","nodes","index","position","isMiddle","needsFlex","flexProps","flex","minHeight","push","Provider","value","key","line","vline","border","base","body","flexDirection","borderWidth","map","sizeToken","outlined","inputSurface","transition","focusKnobProps","focusStyle","borderColor","focus","focusVisibleKnobProps","focusVisibleStyle","outlineOffset","className","Boolean","join","ControlGroup","Addon"],"sources":["../../../src/ControlGroup/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/jsx/ControlGroup/index.native.js

@@ -43,8 +43,9 @@ var ControlGroupFrame = (0, import_tamagui.styled)(import_tamagui.View, {
   overflow: "hidden",
   minWidth: 0,
   flexWrap: "nowrap",
-  borderColor: import_colorRamps.formInputColors.border.base,
-  backgroundColor: import_colorRamps.formInputColors.background.base,
+  // Border width + color come from `inputSurface` / form ramps at the
+  // call site (R-OUTER). Do not bake a 1px edge or a size-token radius
+  // here — those fight the knobs and turn fused inners into pills.
   ...(import_tamagui.isWeb ? {
     tabIndex: -1
   } : {
@@ -55,13 +56,9 @@ var ControlGroupFrame = (0, import_tamagui.styled)(import_tamagui.View, {
       ":number": {}
     },
     size: {
-      "...size": function (val, param) {
-        var {
-          tokens
-        } = param;
+      "...size": function (val) {
         return {
-          height: val,
-          borderRadius: tokens.radius[val]
+          height: val
         };
       }
     }
@@ -99,17 +96,19 @@ function ControlGroupAddonImpl(param) {
   } = (0, import_theme.useResolvedKnobs)();
   var text = typeof children === "string" || typeof children === "number" ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.SizableText, {
     ...knobProps.label,
+    fontWeight: "400",
     color: import_colorRamps.formCommonColors.muted,
     userSelect: "none",
     numberOfLines: 1,
     children
   }) : children;
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+    "data-mp-control-group-addon": "true",
     justifyContent: "center",
     alignItems: "center",
     alignSelf: "stretch",
-    backgroundColor: "$color4",
-    paddingHorizontal: "$3",
+    backgroundColor: import_colorRamps.formControlColors.background,
+    ...knobProps.control,
     borderRadius: 0,
     flexGrow: 0,
     flexShrink: 0,
@@ -169,6 +168,7 @@ function ControlGroupImpl(param) {
           borderRadius: 0,
           overflow: "hidden",
           "data-mp-group-position": position,
+          "data-mp-inner-radius": "0",
           children: child
         })
       }, (_child_key = child.key) !== null && _child_key !== void 0 ? _child_key : index));