@multiplatform.one/forms 7.4.0 → 7.5.0

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

@@ -0,0 +1,295 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useResolvedKnobs, warnCancelDisabled } from "@multiplatform.one/theme";
+import { useStore } from "@tanstack/react-store";
+import { useCallback, useEffect, useState } from "react";
+import { AnimatePresence, Text, XStack, isWeb } from "tamagui";
+import { Button } from "../Button/index.native.js";
+import { collectFormFieldErrors } from "../ErrorSummary.native.js";
+import { useFormContext } from "../Form/index.native.js";
+import { Spinner } from "../Spinner/index.native.js";
+import { formCommonColors } from "../shared/colorRamps.native.js";
+import { t } from "../shared/t.native.js";
+import { getElevationWrapperProps } from "../shared/utils.native.js";
+import { zIndex } from "../shared/zIndex.native.js";
+import { UnsavedChangesDialog } from "./UnsavedChangesDialog.native.js";
+import { useUnsavedChangesGuard } from "./useUnsavedChangesGuard.native.js";
+import { clientKnownIdentity } from "./clientKnownIdentity.native.js";
+import { commitImmediateField } from "./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 collectFormFieldErrors(fieldMeta).length;
+}
+function useSaveBarSnapshot() {
+  var form = useFormContext();
+  return 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: t("Saving\u2026"),
+    failed: false
+  };
+  if (args.saveError) {
+    return {
+      text: 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: t("Can't save yet \xB7 {{count}} fields need attention", {
+        count: args.errorCount
+      }),
+      failed: true
+    };
+  }
+  var qualifier = args.dirty > 0 ? args.dirty === 1 ? t("\xB7 1 field") : t("\xB7 {{count}} fields", {
+    count: args.dirty
+  }) : void 0;
+  return {
+    text: 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 = useFormContext();
+  var {
+    knobProps,
+    elevation
+  } = useResolvedKnobs();
+  var snap = useSaveBarSnapshot();
+  var [saveError, setSaveError] = useState(null);
+  var [discardOpen, setDiscardOpen] = useState(false);
+  var stagedDirty = dirtyCount(snap.fieldMeta);
+  var visible = forceVisible || snap.isDirty || snap.isSubmitting || Boolean(saveError);
+  var blocker = useUnsavedChangesGuard(snap.isDirty, useBlocker);
+  var guardOpen = discardOpen || blocker.state === "blocked";
+  useEffect(function () {
+    warnCancelDisabled({
+      disabled: discardDisabled,
+      component: "ContextualSaveBar"
+    });
+  }, [discardDisabled]);
+  var restoreFocusToForm = useCallback(function () {
+    var _formEl_focus;
+    if (!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 = 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 = useCallback(function () {
+    setSaveError(null);
+    form.reset();
+    setDiscardOpen(false);
+    if (blocker.state === "blocked") blocker.proceed();
+    restoreFocusToForm();
+  }, [blocker, form, restoreFocusToForm]);
+  var handleKeepEditing = useCallback(function () {
+    setDiscardOpen(false);
+    if (blocker.state === "blocked") blocker.reset();
+  }, [blocker]);
+  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 = getElevationWrapperProps(knobProps, elevation);
+  var {
+    className: smoothClass,
+    ...smoothRest
+  } = knobProps.containerRadius;
+  var transition = knobProps.transition;
+  return /* @__PURE__ */_jsxs(_Fragment, {
+    children: [/* @__PURE__ */_jsx(AnimatePresence, {
+      children: visible ? /* @__PURE__ */_jsxs(XStack, {
+        "data-mp-contextual-savebar": "",
+        "data-mp-savebar-dock": "bottom",
+        role: "region",
+        "aria-label": t("Unsaved changes"),
+        position: "sticky",
+        bottom: 0,
+        width: "100%",
+        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: {
+          ...(isWeb ? {
+            paddingBottom: "calc(10px + env(safe-area-inset-bottom, 0px))"
+          } : void 0),
+          ...elevationProps.style
+        },
+        children: [/* @__PURE__ */_jsxs(XStack, {
+          flex: 1,
+          minWidth: 0,
+          alignItems: "baseline",
+          gap: "$2",
+          children: [/* @__PURE__ */_jsx(Text, {
+            role: "status",
+            ...knobProps.body,
+            fontSize: "$4",
+            lineHeight: "$4",
+            color: copy.failed ? formCommonColors.error : "$color",
+            numberOfLines: 1,
+            ellipsizeMode: "tail",
+            children: copy.text
+          }), copy.qualifier ? /* @__PURE__ */_jsx(Text, {
+            ...knobProps.body,
+            fontSize: "$4",
+            lineHeight: "$4",
+            color: knobProps.textAccentColor,
+            flexShrink: 0,
+            children: copy.qualifier
+          }) : null]
+        }), /* @__PURE__ */_jsxs(XStack, {
+          "data-mp-savebar-actions": "",
+          alignItems: "center",
+          ...knobProps.gap,
+          marginLeft: "auto",
+          flexShrink: 0,
+          children: [/* @__PURE__ */_jsx(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: t("Discard")
+          }), /* @__PURE__ */_jsx(Button, {
+            theme: "active",
+            outlined: knobProps.outlined,
+            actionRole: "primary",
+            size: "$4",
+            icon: snap.isSubmitting ? /* @__PURE__ */_jsx(Spinner, {
+              size: "small"
+            }) : void 0,
+            disabled: snap.isSubmitting || void 0,
+            disabledReason: snap.isSubmitting ? t("Saving") : void 0,
+            "data-mp-savebar-save": "",
+            onPress: function onPress() {
+              void handleSave();
+            },
+            children: t("Save")
+          })]
+        })]
+      }, "contextual-savebar") : null
+    }), /* @__PURE__ */_jsx(UnsavedChangesDialog, {
+      open: guardOpen,
+      fieldCount: Math.max(stagedDirty, 1),
+      onKeepEditing: handleKeepEditing,
+      onDiscard: handleDiscardCommit
+    })]
+  });
+}
+export { ContextualSaveBar, clientKnownIdentity, commitImmediateField };
+//# sourceMappingURL=index.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","useResolvedKnobs","warnCancelDisabled","useStore","useCallback","useEffect","useState","AnimatePresence","Text","XStack","isWeb","Button","collectFormFieldErrors","useFormContext","Spinner","formCommonColors","t","getElevationWrapperProps","zIndex","UnsavedChangesDialog","useUnsavedChangesGuard","clientKnownIdentity","commitImmediateField","_instanceof","left","right","Symbol","hasInstance","dirtyCount","fieldMeta","Object","values","filter","meta","isDirty","length","fieldErrorCount","useSaveBarSnapshot","form","store","state","_state_fieldMeta","_state_submissionAttempts","_state_values","Boolean","isSubmitting","submissionAttempts","statusCopy","args","override","text","failed","saveError","error","errorCount","count","qualifier","dirty","barRadius","knobProps","top","containerRadius","borderRadius","borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius","ContextualSaveBar","param","forceVisible","discardDisabled","useBlocker","onSaved","message","elevation","snap","setSaveError","discardOpen","setDiscardOpen","stagedDirty","visible","blocker","guardOpen","disabled","component","restoreFocusToForm","_formEl_focus","document","bar","querySelector","active","activeElement","contains","formEl","focus","call","handleSave","_form_store_state_fieldMeta","handleSubmit","errors","update","defaultValues","reset","Error","String","handleDiscardCommit","proceed","handleKeepEditing","onKey","onKey2","event","metaKey","ctrlKey","key","toLowerCase","preventDefault","addEventListener","removeEventListener","copy","padX","panelPadding","padding","borderWidth","elevationProps","className","smoothClass","smoothRest","transition","children","role","position","bottom","width","sheet","alignItems","paddingTop","paddingHorizontal","paddingBottom","backgroundColor","borderStyle","borderTopWidth","borderTopColor","borderLeftWidth","borderRightWidth","borderBottomWidth","gap","enterStyle","y","opacity","exitStyle","style","flex","minWidth","body","fontSize","lineHeight","color","numberOfLines","ellipsizeMode","textAccentColor","flexShrink","marginLeft"],"sources":["../../../src/ContextualSaveBar/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/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/esm/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/esm/ContextualSaveBar/useUnsavedChangesGuard.native.js

@@ -0,0 +1,27 @@
+import { useEffect } from "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;
+  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;
+}
+export { useUnsavedChangesGuard };
+//# sourceMappingURL=useUnsavedChangesGuard.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","idleBlocker","state","proceed","reset","useUnsavedChangesGuard","isDirty","useBlocker","_ref","blocker","window","addEventListener","handler","handler2","event","preventDefault","returnValue","removeEventListener"],"sources":["../../../src/ContextualSaveBar/useUnsavedChangesGuard.ts"],"sourcesContent":[null],"mappings":"AAAA,SAASA,SAAA,QAAiB;AAU1B,IAAAC,WAAM;EACJC,KAAA,EAAO;EACPC,OAAA,EAAS,SAAMA,QAAA,GAAC;EAChBC,KAAA,EAAO,SAAMA,MAAA,GAAC;AAChB;AAGO,SAASC,uBACdC,OAAA,EACAC,UAAA,EACmB;EACnB,IAAAC,IAAM;EAEN,IAAAC,OAAU,IAAAD,IAAM,GAAAD,UAAA,aAAAA,UAAA,uBAAAA,UAAA,CAAAD,OAAA,eAAAE,IAAA,cAAAA,IAAA,GAAAP,WAAA;EACdD,SAAK,aAAS;IACd,IAAI,CAAAM,OAAO;IACT,WAAAI,MAAA,2BAAAA,MAAA,CAAAC,gBAAA;MACF;IACA;IACE,IAAAC,OAAM,YAAeC,SAAAC,KAAA;MACrBA,KAAA,CAAMC,cAAc;MACtBD,KAAA,CAAAE,WAAA;IACA;IACAN,MAAA,CAAOC,gBAAa,iBAAoBC,OAAA;IAC1C,OAAI,YAAQ;MAEZ,OAAOF,MAAA,CAAAO,mBAAA,iBAAAL,OAAA;IACT","ignoreList":[]}

package/dist/esm/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/esm/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":"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","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/esm/ControlGroup/index.native.js

@@ -3,7 +3,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.native.js";
-import { formCommonColors, formInputColors } from "../shared/colorRamps.native.js";
+import { formCommonColors, formControlColors, formInputColors } from "../shared/colorRamps.native.js";
 import { getElevationWrapperProps } from "../shared/utils.native.js";
 import { ControlGroupCtx } from "../shared/groupContext.native.js";
 import { useIsInTableCell } from "../shared/tableCellContext.native.js";
@@ -13,8 +13,9 @@ var 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,13 +26,9 @@ var ControlGroupFrame = styled(View, {
       ":number": {}
     },
     size: {
-      "...size": function (val, param) {
-        var {
-          tokens
-        } = param;
+      "...size": function (val) {
         return {
-          height: val,
-          borderRadius: tokens.radius[val]
+          height: val
         };
       }
     }
@@ -69,17 +66,19 @@ function ControlGroupAddonImpl(param) {
   } = useResolvedKnobs();
   var 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,
@@ -139,6 +138,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));

package/dist/esm/ControlGroup/index.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["jsx","_jsx","Children","isValidElement","useMemo","useState","SizableText","View","isWeb","styled","GroupPositionContext","ensureCompositeFocusRing","ensureFocusVisibleRing","getGroupPosition","hairline","useResolvedKnobs","FocusContext","getInputFrameTransitionProps","InputContext","formCommonColors","formInputColors","getElevationWrapperProps","ControlGroupCtx","useIsInTableCell","ControlGroupFrame","context","alignItems","overflow","minWidth","flexWrap","borderColor","border","base","backgroundColor","background","tabIndex","focusable","variants","scaleIcon","size","...size","val","param","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","renderItems2","seams","count","length","nodes","index","_child_key","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":["index.native.js"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { Children, isValidElement, useMemo, useState } from \"react\";\nimport { SizableText, View, isWeb, styled } from \"tamagui\";\nimport { GroupPositionContext, ensureCompositeFocusRing, ensureFocusVisibleRing, getGroupPosition, hairline, useResolvedKnobs } from \"@multiplatform.one/theme\";\nimport { FocusContext, getInputFrameTransitionProps, InputContext } from \"../InputParts\";\nimport { formCommonColors, formInputColors } from \"../shared/colorRamps\";\nimport { getElevationWrapperProps } from \"../shared/utils\";\nimport { ControlGroupCtx } from \"../shared/groupContext\";\nimport { useIsInTableCell } from \"../shared/tableCellContext\";\nvar ControlGroupFrame = styled(View, {\n  context: InputContext,\n  alignItems: \"stretch\",\n  overflow: \"hidden\",\n  minWidth: 0,\n  flexWrap: \"nowrap\",\n  borderColor: formInputColors.border.base,\n  backgroundColor: formInputColors.background.base,\n  ...isWeb ? {\n    tabIndex: -1\n  } : {\n    focusable: false\n  },\n  variants: {\n    scaleIcon: {\n      \":number\": {}\n    },\n    size: {\n      \"...size\": function(val, param) {\n        var { tokens } = param;\n        return {\n          height: val,\n          borderRadius: tokens.radius[val]\n        };\n      }\n    }\n  }\n});\nvar CONTROL_GROUP_RING_ID = \"mp-control-group-ring\";\nvar controlGroupRingCss = `/* LC-71: ring lives on the outer ControlGroup; descendants keep none. */\n.mp-control-group.mp-composite-ring-deep :is(button, [role=\"button\"], input, textarea, [contenteditable], a):focus,\n.mp-control-group.mp-composite-ring-deep :is(button, [role=\"button\"], input, textarea, [contenteditable], a):focus-visible {\n  outline: none !important;\n  box-shadow: none !important;\n}`;\nfunction ensureControlGroupRing() {\n  if (typeof document === \"undefined\") return;\n  if (document.getElementById(CONTROL_GROUP_RING_ID)) return;\n  var tag = document.createElement(\"style\");\n  tag.id = CONTROL_GROUP_RING_ID;\n  tag.textContent = controlGroupRingCss;\n  document.head.appendChild(tag);\n}\nfunction isControlGroupAddon(child) {\n  var type = child.type;\n  return type === ControlGroupAddon || type.isControlGroupAddon === true;\n}\nfunction groupItems(children) {\n  return Children.toArray(children).filter(isValidElement);\n}\nfunction ControlGroupAddonImpl(param) {\n  var { children, ...props } = param;\n  var { knobProps } = useResolvedKnobs();\n  var text = typeof children === \"string\" || typeof children === \"number\" ? /* @__PURE__ */ _jsx(SizableText, {\n    ...knobProps.label,\n    color: formCommonColors.muted,\n    userSelect: \"none\",\n    numberOfLines: 1,\n    children\n  }) : children;\n  return /* @__PURE__ */ _jsx(View, {\n    justifyContent: \"center\",\n    alignItems: \"center\",\n    alignSelf: \"stretch\",\n    backgroundColor: \"$color4\",\n    paddingHorizontal: \"$3\",\n    borderRadius: 0,\n    flexGrow: 0,\n    flexShrink: 0,\n    ...props,\n    children: text\n  });\n}\nvar ControlGroupAddon = Object.assign(ControlGroupAddonImpl, {\n  isControlGroupAddon: true\n});\nfunction ControlGroupImpl(param) {\n  var { children, orientation = \"horizontal\", ...props } = param;\n  var [focused, setFocused] = useState(false);\n  var { knobProps, control, elevation } = useResolvedKnobs();\n  var inTableCell = useIsInTableCell();\n  if (isWeb) {\n    ensureCompositeFocusRing();\n    ensureControlGroupRing();\n  }\n  var elevationWrapperProps = useMemo(function() {\n    return getElevationWrapperProps(knobProps, elevation);\n  }, [\n    knobProps,\n    elevation\n  ]);\n  var isVertical = orientation === \"vertical\";\n  var items = groupItems(children);\n  var renderItems = function renderItems2(seams) {\n    var count = items.length;\n    var nodes = [];\n    for (var index = 0; index < count; index++) {\n      var _child_key;\n      var child = items[index];\n      var position = getGroupPosition(index, count);\n      var isMiddle = position === \"middle\";\n      var needsFlex = !isControlGroupAddon(child) && (isMiddle || count === 2 || !isWeb && count === 1);\n      var flexProps = needsFlex ? {\n        flex: 1,\n        ...isVertical ? {\n          minHeight: 0\n        } : {\n          minWidth: 0\n        }\n      } : {\n        flexGrow: 0,\n        flexShrink: 0\n      };\n      nodes.push(/* @__PURE__ */ _jsx(GroupPositionContext.Provider, {\n        value: position,\n        children: /* @__PURE__ */ _jsx(View, {\n          ...flexProps,\n          borderRadius: 0,\n          overflow: \"hidden\",\n          \"data-mp-group-position\": position,\n          children: child\n        })\n      }, (_child_key = child.key) !== null && _child_key !== void 0 ? _child_key : index));\n      if (seams && index < count - 1) {\n        nodes.push(/* @__PURE__ */ _jsx(View, {\n          ...isVertical ? hairline.line : hairline.vline,\n          backgroundColor: formInputColors.border.base,\n          flexGrow: 0,\n          flexShrink: 0,\n          alignSelf: \"stretch\",\n          \"aria-hidden\": true\n        }, `seam-${index}`));\n      }\n    }\n    return nodes;\n  };\n  if (inTableCell) {\n    return /* @__PURE__ */ _jsx(ControlGroupCtx.Provider, {\n      value: true,\n      children: /* @__PURE__ */ _jsx(FocusContext.Provider, {\n        focused,\n        setFocused,\n        children: /* @__PURE__ */ _jsx(ControlGroupFrame, {\n          ...knobProps.body,\n          flexDirection: isVertical ? \"column\" : \"row\",\n          borderWidth: 0,\n          borderRadius: 0,\n          backgroundColor: \"transparent\",\n          \"data-mp-control-group\": \"\",\n          \"data-orientation\": orientation,\n          ...props,\n          children: Children.map(items, function(child) {\n            return /* @__PURE__ */ _jsx(View, {\n              flex: 1,\n              minWidth: 0,\n              borderRadius: 0,\n              children: child\n            });\n          })\n        })\n      })\n    });\n  }\n  return /* @__PURE__ */ _jsx(ControlGroupCtx.Provider, {\n    value: true,\n    children: /* @__PURE__ */ _jsx(FocusContext.Provider, {\n      focused,\n      setFocused,\n      children: /* @__PURE__ */ _jsx(ControlGroupFrame, {\n        ...knobProps.body,\n        ...!isVertical ? {\n          size: knobProps.sizeToken\n        } : void 0,\n        flexDirection: isVertical ? \"column\" : \"row\",\n        backgroundColor: knobProps.outlined ? \"transparent\" : formInputColors.background.base,\n        ...knobProps.inputSurface,\n        ...knobProps.borderRadius,\n        ...elevationWrapperProps,\n        ...getInputFrameTransitionProps(typeof knobProps.transition === \"string\" ? knobProps.transition : void 0),\n        ...control.focusKnobProps ? {\n          focusStyle: {\n            borderColor: formInputColors.border.focus,\n            backgroundColor: knobProps.outlined ? \"transparent\" : formInputColors.background.focus,\n            ...control.focusKnobProps\n          }\n        } : void 0,\n        ...control.focusVisibleKnobProps ? {\n          focusVisibleStyle: {\n            borderColor: formInputColors.border.focus,\n            backgroundColor: knobProps.outlined ? \"transparent\" : formInputColors.background.focus,\n            ...ensureFocusVisibleRing({\n              ...control.focusVisibleKnobProps,\n              outlineOffset: -2\n            })\n          }\n        } : {\n          focusVisibleStyle: {\n            borderColor: formInputColors.border.focus,\n            ...ensureFocusVisibleRing({\n              outlineOffset: -2\n            })\n          }\n        },\n        ...props,\n        ...isWeb ? {\n          className: [\n            \"mp-control-group\",\n            \"mp-composite-ring\",\n            \"mp-composite-ring-deep\",\n            props.className\n          ].filter(Boolean).join(\" \")\n        } : void 0,\n        ...focused ? {\n          borderColor: formInputColors.border.focus,\n          backgroundColor: knobProps.outlined ? \"transparent\" : formInputColors.background.focus,\n          ...control.focusKnobProps,\n          ...ensureFocusVisibleRing({\n            outlineOffset: -2\n          })\n        } : void 0,\n        overflow: \"hidden\",\n        \"data-mp-control-group\": \"\",\n        \"data-orientation\": orientation,\n        children: renderItems(true)\n      })\n    })\n  });\n}\nvar ControlGroup = Object.assign(ControlGroupImpl, {\n  Addon: ControlGroupAddon\n});\nexport {\n  ControlGroup,\n  ControlGroupAddon\n};\n//# sourceMappingURL=index.js.map\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["jsx","_jsx","Children","isValidElement","useMemo","useState","SizableText","View","isWeb","styled","GroupPositionContext","ensureCompositeFocusRing","ensureFocusVisibleRing","getGroupPosition","hairline","useResolvedKnobs","FocusContext","getInputFrameTransitionProps","InputContext","formCommonColors","formControlColors","formInputColors","getElevationWrapperProps","ControlGroupCtx","useIsInTableCell","ControlGroupFrame","context","alignItems","overflow","minWidth","flexWrap","tabIndex","focusable","variants","scaleIcon","size","...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","param","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","renderItems2","seams","count","length","nodes","index","_child_key","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"],"sources":["../../../src/ControlGroup/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}