@multiplatform.one/forms 7.4.1 → 7.5.0

package/dist/cjs/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/cjs/ContextualSaveBar/index.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","ContextualSaveBar_exports","__export","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","Object","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","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","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","body","fontSize","lineHeight","color","formCommonColors","numberOfLines","ellipsizeMode","textAccentColor","flexShrink"],"sources":["../../../src/ContextualSaveBar/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/ContextualSaveBar/useUnsavedChangesGuard.cjs

@@ -0,0 +1,49 @@
+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");
+const idleBlocker = {
+  state: "unblocked",
+  proceed: () => {},
+  reset: () => {}
+};
+function useUnsavedChangesGuard(isDirty, useBlocker) {
+  const blocker = useBlocker?.(isDirty) ?? idleBlocker;
+  (0, import_react.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;
+}

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

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","useUnsavedChangesGuard_exports","__export","useUnsavedChangesGuard","module","exports","import_react","require","idleBlocker","state","proceed","reset","isDirty","useBlocker","_ref","blocker","useEffect","window","addEventListener","handler","handler2","event","preventDefault","returnValue","removeEventListener"],"sources":["../../../src/ContextualSaveBar/useUnsavedChangesGuard.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,8BAAA;AAAAC,QAAA,CAAAD,8BAAA;EAAAE,sBAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAA0B,CAAAK,8BAAA;AAU1B,IAAAK,YAAM,GAAAC,OAAiC;AAAA,IACrCC,WAAO;EACPC,KAAA,aAAe;EAACC,OAAA,WAAAA,QAAA,GAChB;EAAcC,KAAA,WAAAA,MAAA,GAChB;AAGO;AAIL,SAAMR,sBAAuBA,CAAAS,OAAO,EAAAC,UAAK;EAEzC,IAAAC,IAAA;EACE,IAAAC,OAAK,IAASD,IAAA,GAAAD,UAAA,aAAAA,UAAA,uBAAAA,UAAA,CAAAD,OAAA,eAAAE,IAAA,cAAAA,IAAA,GAAAN,WAAA;EACd,IAAAF,YAAW,CAAAU,SAAW,cAAe;IACnC,KAAAJ,OAAA;IACF,WAAAK,MAAA,2BAAAA,MAAA,CAAAC,gBAAA;MACA;IACE;IACA,IAAAC,OAAM,YAAcC,SAAAC,KAAA;MACtBA,KAAA,CAAAC,cAAA;MACAD,KAAO,CAAAE,WAAA,KAAiB;IACxB;IACFN,MAAI,CAAAC,gBAAQ,iBAAAC,OAAA;IAEZ,OAAO;MACT,OAAAF,MAAA,CAAAO,mBAAA,iBAAAL,OAAA","ignoreList":[]}

package/dist/cjs/ControlGroup/index.cjs

@@ -41,8 +41,9 @@ const 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
   } : {
@@ -53,11 +54,8 @@ const ControlGroupFrame = (0, import_tamagui.styled)(import_tamagui.View, {
       ":number": {}
     },
     size: {
-      "...size": (val, {
-        tokens
-      }) => ({
-        height: val,
-        borderRadius: tokens.radius[val]
+      "...size": val => ({
+        height: val
       })
     }
   }
@@ -93,17 +91,19 @@ function ControlGroupAddonImpl({
   } = (0, import_theme.useResolvedKnobs)();
   const 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,
@@ -159,6 +159,7 @@ function ControlGroupImpl({
           borderRadius: 0,
           overflow: "hidden",
           "data-mp-group-position": position,
+          "data-mp-inner-radius": "0",
           children: child
         })
       }, child.key ?? index));

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

@@ -32,7 +32,7 @@ var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
 var import_tamagui = require("tamagui");
 var import_theme = require("@multiplatform.one/theme");
-var import_InputParts = require("../InputParts");
+var import_InputParts = require("../InputParts/index.native.js");
 var import_colorRamps = require("../shared/colorRamps.native.js");
 var import_utils = require("../shared/utils.native.js");
 var import_groupContext = require("../shared/groupContext.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));

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

@@ -1 +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","ControlGroup_exports","ControlGroup","ControlGroupAddon","module","exports","import_jsx_runtime","require","import_react","import_tamagui","import_theme","import_InputParts","import_colorRamps","import_utils","import_groupContext","import_tableCellContext","ControlGroupFrame","styled","View","context","InputContext","alignItems","overflow","minWidth","flexWrap","borderColor","formInputColors","border","base","backgroundColor","background","isWeb","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","groupItems","children","Children","toArray","filter","isValidElement","ControlGroupAddonImpl","props","knobProps","useResolvedKnobs","text","jsx","SizableText","label","color","formCommonColors","muted","userSelect","numberOfLines","justifyContent","alignSelf","paddingHorizontal","flexGrow","flexShrink","assign","ControlGroupImpl","orientation","focused","setFocused","useState","control","elevation","inTableCell","useIsInTableCell","ensureCompositeFocusRing","elevationWrapperProps","useMemo","getElevationWrapperProps","isVertical","items","renderItems","renderItems2","seams","count","length","nodes","index","_child_key","position","getGroupPosition","isMiddle","needsFlex","flexProps","flex","minHeight","push","GroupPositionContext","Provider","hairline","line","vline","ControlGroupCtx","FocusContext","body","flexDirection","borderWidth","map","sizeToken","outlined","inputSurface","getInputFrameTransitionProps","transition","focusKnobProps","focusStyle","focus","focusVisibleKnobProps","focusVisibleStyle","ensureFocusVisibleRing","outlineOffset","className","Boolean","join","Addon"],"sources":["index.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n  for (var name in all)\n    __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n  if (from && typeof from === \"object\" || typeof from === \"function\") {\n    for (let key of __getOwnPropNames(from))\n      if (!__hasOwnProp.call(to, key) && key !== except)\n        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n  }\n  return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar ControlGroup_exports = {};\n__export(ControlGroup_exports, {\n  ControlGroup: () => ControlGroup,\n  ControlGroupAddon: () => ControlGroupAddon\n});\nmodule.exports = __toCommonJS(ControlGroup_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_react = require(\"react\");\nvar import_tamagui = require(\"tamagui\");\nvar import_theme = require(\"@multiplatform.one/theme\");\nvar import_InputParts = require(\"../InputParts\");\nvar import_colorRamps = require(\"../shared/colorRamps\");\nvar import_utils = require(\"../shared/utils\");\nvar import_groupContext = require(\"../shared/groupContext\");\nvar import_tableCellContext = require(\"../shared/tableCellContext\");\nvar ControlGroupFrame = (0, import_tamagui.styled)(import_tamagui.View, {\n  context: import_InputParts.InputContext,\n  alignItems: \"stretch\",\n  overflow: \"hidden\",\n  minWidth: 0,\n  flexWrap: \"nowrap\",\n  borderColor: import_colorRamps.formInputColors.border.base,\n  backgroundColor: import_colorRamps.formInputColors.background.base,\n  ...import_tamagui.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 import_react.Children.toArray(children).filter(import_react.isValidElement);\n}\nfunction ControlGroupAddonImpl(param) {\n  var { children, ...props } = param;\n  var { knobProps } = (0, import_theme.useResolvedKnobs)();\n  var text = typeof children === \"string\" || typeof children === \"number\" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.SizableText, {\n    ...knobProps.label,\n    color: import_colorRamps.formCommonColors.muted,\n    userSelect: \"none\",\n    numberOfLines: 1,\n    children\n  }) : children;\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.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] = (0, import_react.useState)(false);\n  var { knobProps, control, elevation } = (0, import_theme.useResolvedKnobs)();\n  var inTableCell = (0, import_tableCellContext.useIsInTableCell)();\n  if (import_tamagui.isWeb) {\n    (0, import_theme.ensureCompositeFocusRing)();\n    ensureControlGroupRing();\n  }\n  var elevationWrapperProps = (0, import_react.useMemo)(function() {\n    return (0, import_utils.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 = (0, import_theme.getGroupPosition)(index, count);\n      var isMiddle = position === \"middle\";\n      var needsFlex = !isControlGroupAddon(child) && (isMiddle || count === 2 || !import_tamagui.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__ */ (0, import_jsx_runtime.jsx)(import_theme.GroupPositionContext.Provider, {\n        value: position,\n        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.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__ */ (0, import_jsx_runtime.jsx)(import_tamagui.View, {\n          ...isVertical ? import_theme.hairline.line : import_theme.hairline.vline,\n          backgroundColor: import_colorRamps.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__ */ (0, import_jsx_runtime.jsx)(import_groupContext.ControlGroupCtx.Provider, {\n      value: true,\n      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_InputParts.FocusContext.Provider, {\n        focused,\n        setFocused,\n        children: /* @__PURE__ */ (0, import_jsx_runtime.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: import_react.Children.map(items, function(child) {\n            return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.View, {\n              flex: 1,\n              minWidth: 0,\n              borderRadius: 0,\n              children: child\n            });\n          })\n        })\n      })\n    });\n  }\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_groupContext.ControlGroupCtx.Provider, {\n    value: true,\n    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_InputParts.FocusContext.Provider, {\n      focused,\n      setFocused,\n      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ControlGroupFrame, {\n        ...knobProps.body,\n        ...!isVertical ? {\n          size: knobProps.sizeToken\n        } : void 0,\n        flexDirection: isVertical ? \"column\" : \"row\",\n        backgroundColor: knobProps.outlined ? \"transparent\" : import_colorRamps.formInputColors.background.base,\n        ...knobProps.inputSurface,\n        ...knobProps.borderRadius,\n        ...elevationWrapperProps,\n        ...(0, import_InputParts.getInputFrameTransitionProps)(typeof knobProps.transition === \"string\" ? knobProps.transition : void 0),\n        ...control.focusKnobProps ? {\n          focusStyle: {\n            borderColor: import_colorRamps.formInputColors.border.focus,\n            backgroundColor: knobProps.outlined ? \"transparent\" : import_colorRamps.formInputColors.background.focus,\n            ...control.focusKnobProps\n          }\n        } : void 0,\n        ...control.focusVisibleKnobProps ? {\n          focusVisibleStyle: {\n            borderColor: import_colorRamps.formInputColors.border.focus,\n            backgroundColor: knobProps.outlined ? \"transparent\" : import_colorRamps.formInputColors.background.focus,\n            ...(0, import_theme.ensureFocusVisibleRing)({\n              ...control.focusVisibleKnobProps,\n              outlineOffset: -2\n            })\n          }\n        } : {\n          focusVisibleStyle: {\n            borderColor: import_colorRamps.formInputColors.border.focus,\n            ...(0, import_theme.ensureFocusVisibleRing)({\n              outlineOffset: -2\n            })\n          }\n        },\n        ...props,\n        ...import_tamagui.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: import_colorRamps.formInputColors.border.focus,\n          backgroundColor: knobProps.outlined ? \"transparent\" : import_colorRamps.formInputColors.background.focus,\n          ...control.focusKnobProps,\n          ...(0, import_theme.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});\n//# sourceMappingURL=index.js.map\n"],"mappings":"AAAA,YAAY;;AACZ,IAAIA,SAAS,GAAGC,MAAM,CAACC,cAAc;AACrC,IAAIC,gBAAgB,GAAGF,MAAM,CAACG,wBAAwB;AACtD,IAAIC,iBAAiB,GAAGJ,MAAM,CAACK,mBAAmB;AAClD,IAAIC,YAAY,GAAGN,MAAM,CAACO,SAAS,CAACC,cAAc;AAClD,IAAIC,QAAQ,GAAGA,CAACC,MAAM,EAAEC,GAAG,KAAK;EAC9B,KAAK,IAAIC,IAAI,IAAID,GAAG,EAClBZ,SAAS,CAACW,MAAM,EAAEE,IAAI,EAAE;IAAEC,GAAG,EAAEF,GAAG,CAACC,IAAI,CAAC;IAAEE,UAAU,EAAE;EAAK,CAAC,CAAC;AACjE,CAAC;AACD,IAAIC,WAAW,GAAGA,CAACC,EAAE,EAAEC,IAAI,EAAEC,MAAM,EAAEC,IAAI,KAAK;EAC5C,IAAIF,IAAI,IAAI,OAAOA,IAAI,KAAK,QAAQ,IAAI,OAAOA,IAAI,KAAK,UAAU,EAAE;IAClE,KAAK,IAAIG,GAAG,IAAIhB,iBAAiB,CAACa,IAAI,CAAC,EACrC,IAAI,CAACX,YAAY,CAACe,IAAI,CAACL,EAAE,EAAEI,GAAG,CAAC,IAAIA,GAAG,KAAKF,MAAM,EAC/CnB,SAAS,CAACiB,EAAE,EAAEI,GAAG,EAAE;MAAEP,GAAG,EAAEA,CAAA,KAAMI,IAAI,CAACG,GAAG,CAAC;MAAEN,UAAU,EAAE,EAAEK,IAAI,GAAGjB,gBAAgB,CAACe,IAAI,EAAEG,GAAG,CAAC,CAAC,IAAID,IAAI,CAACL;IAAW,CAAC,CAAC;EACxH;EACA,OAAOE,EAAE;AACX,CAAC;AACD,IAAIM,YAAY,GAAIC,GAAG,IAAKR,WAAW,CAAChB,SAAS,CAAC,CAAC,CAAC,EAAE,YAAY,EAAE;EAAEyB,KAAK,EAAE;AAAK,CAAC,CAAC,EAAED,GAAG,CAAC;AAC1F,IAAIE,oBAAoB,GAAG,CAAC,CAAC;AAC7BhB,QAAQ,CAACgB,oBAAoB,EAAE;EAC7BC,YAAY,EAAEA,CAAA,KAAMA,YAAY;EAChCC,iBAAiB,EAAEA,CAAA,KAAMA;AAC3B,CAAC,CAAC;AACFC,MAAM,CAACC,OAAO,GAAGP,YAAY,CAACG,oBAAoB,CAAC;AACnD,IAAIK,kBAAkB,GAAGC,OAAO,CAAC,mBAAmB,CAAC;AACrD,IAAIC,YAAY,GAAGD,OAAO,CAAC,OAAO,CAAC;AACnC,IAAIE,cAAc,GAAGF,OAAO,CAAC,SAAS,CAAC;AACvC,IAAIG,YAAY,GAAGH,OAAO,CAAC,0BAA0B,CAAC;AACtD,IAAII,iBAAiB,GAAGJ,OAAO,CAAC,eAAe,CAAC;AAChD,IAAIK,iBAAiB,GAAGL,OAAO,CAAC,gCAAsB,CAAC;AACvD,IAAIM,YAAY,GAAGN,OAAO,CAAC,2BAAiB,CAAC;AAC7C,IAAIO,mBAAmB,GAAGP,OAAO,CAAC,kCAAwB,CAAC;AAC3D,IAAIQ,uBAAuB,GAAGR,OAAO,CAAC,sCAA4B,CAAC;AACnE,IAAIS,iBAAiB,GAAG,CAAC,CAAC,EAAEP,cAAc,CAACQ,MAAM,EAAER,cAAc,CAACS,IAAI,EAAE;EACtEC,OAAO,EAAER,iBAAiB,CAACS,YAAY;EACvCC,UAAU,EAAE,SAAS;EACrBC,QAAQ,EAAE,QAAQ;EAClBC,QAAQ,EAAE,CAAC;EACXC,QAAQ,EAAE,QAAQ;EAClBC,WAAW,EAAEb,iBAAiB,CAACc,eAAe,CAACC,MAAM,CAACC,IAAI;EAC1DC,eAAe,EAAEjB,iBAAiB,CAACc,eAAe,CAACI,UAAU,CAACF,IAAI;EAClE,IAAGnB,cAAc,CAACsB,KAAK,GAAG;IACxBC,QAAQ,EAAE,CAAC;EACb,CAAC,GAAG;IACFC,SAAS,EAAE;EACb,CAAC;EACDC,QAAQ,EAAE;IACRC,SAAS,EAAE;MACT,SAAS,EAAE,CAAC;IACd,CAAC;IACDC,IAAI,EAAE;MACJ,SAAS,EAAE,SAAAC,CAASC,GAAG,EAAEC,KAAK,EAAE;QAC9B,IAAI;UAAEC;QAAO,CAAC,GAAGD,KAAK;QACtB,OAAO;UACLE,MAAM,EAAEH,GAAG;UACXI,YAAY,EAAEF,MAAM,CAACG,MAAM,CAACL,GAAG;QACjC,CAAC;MACH;IACF;EACF;AACF,CAAC,CAAC;AACF,IAAIM,qBAAqB,GAAG,uBAAuB;AACnD,IAAIC,mBAAmB,GAAG;AAC1B;AACA;AACA;AACA;AACA,EAAE;AACF,SAASC,sBAAsBA,CAAA,EAAG;EAChC,IAAI,OAAOC,QAAQ,KAAK,WAAW,EAAE;EACrC,IAAIA,QAAQ,CAACC,cAAc,CAACJ,qBAAqB,CAAC,EAAE;EACpD,IAAIK,GAAG,GAAGF,QAAQ,CAACG,aAAa,CAAC,OAAO,CAAC;EACzCD,GAAG,CAACE,EAAE,GAAGP,qBAAqB;EAC9BK,GAAG,CAACG,WAAW,GAAGP,mBAAmB;EACrCE,QAAQ,CAACM,IAAI,CAACC,WAAW,CAACL,GAAG,CAAC;AAChC;AACA,SAASM,mBAAmBA,CAACC,KAAK,EAAE;EAClC,IAAIC,IAAI,GAAGD,KAAK,CAACC,IAAI;EACrB,OAAOA,IAAI,KAAKtD,iBAAiB,IAAIsD,IAAI,CAACF,mBAAmB,KAAK,IAAI;AACxE;AACA,SAASG,UAAUA,CAACC,QAAQ,EAAE;EAC5B,OAAOnD,YAAY,CAACoD,QAAQ,CAACC,OAAO,CAACF,QAAQ,CAAC,CAACG,MAAM,CAACtD,YAAY,CAACuD,cAAc,CAAC;AACpF;AACA,SAASC,qBAAqBA,CAACzB,KAAK,EAAE;EACpC,IAAI;IAAEoB,QAAQ;IAAE,GAAGM;EAAM,CAAC,GAAG1B,KAAK;EAClC,IAAI;IAAE2B;EAAU,CAAC,GAAG,CAAC,CAAC,EAAExD,YAAY,CAACyD,gBAAgB,EAAE,CAAC;EACxD,IAAIC,IAAI,GAAG,OAAOT,QAAQ,KAAK,QAAQ,IAAI,OAAOA,QAAQ,KAAK,QAAQ,GAAG,eAAgB,CAAC,CAAC,EAAErD,kBAAkB,CAAC+D,GAAG,EAAE5D,cAAc,CAAC6D,WAAW,EAAE;IAChJ,GAAGJ,SAAS,CAACK,KAAK;IAClBC,KAAK,EAAE5D,iBAAiB,CAAC6D,gBAAgB,CAACC,KAAK;IAC/CC,UAAU,EAAE,MAAM;IAClBC,aAAa,EAAE,CAAC;IAChBjB;EACF,CAAC,CAAC,GAAGA,QAAQ;EACb,OAAO,eAAgB,CAAC,CAAC,EAAErD,kBAAkB,CAAC+D,GAAG,EAAE5D,cAAc,CAACS,IAAI,EAAE;IACtE2D,cAAc,EAAE,QAAQ;IACxBxD,UAAU,EAAE,QAAQ;IACpByD,SAAS,EAAE,SAAS;IACpBjD,eAAe,EAAE,SAAS;IAC1BkD,iBAAiB,EAAE,IAAI;IACvBrC,YAAY,EAAE,CAAC;IACfsC,QAAQ,EAAE,CAAC;IACXC,UAAU,EAAE,CAAC;IACb,GAAGhB,KAAK;IACRN,QAAQ,EAAES;EACZ,CAAC,CAAC;AACJ;AACA,IAAIjE,iBAAiB,GAAG3B,MAAM,CAAC0G,MAAM,CAAClB,qBAAqB,EAAE;EAC3DT,mBAAmB,EAAE;AACvB,CAAC,CAAC;AACF,SAAS4B,gBAAgBA,CAAC5C,KAAK,EAAE;EAC/B,IAAI;IAAEoB,QAAQ;IAAEyB,WAAW,GAAG,YAAY;IAAE,GAAGnB;EAAM,CAAC,GAAG1B,KAAK;EAC9D,IAAI,CAAC8C,OAAO,EAAEC,UAAU,CAAC,GAAG,CAAC,CAAC,EAAE9E,YAAY,CAAC+E,QAAQ,EAAE,KAAK,CAAC;EAC7D,IAAI;IAAErB,SAAS;IAAEsB,OAAO;IAAEC;EAAU,CAAC,GAAG,CAAC,CAAC,EAAE/E,YAAY,CAACyD,gBAAgB,EAAE,CAAC;EAC5E,IAAIuB,WAAW,GAAG,CAAC,CAAC,EAAE3E,uBAAuB,CAAC4E,gBAAgB,EAAE,CAAC;EACjE,IAAIlF,cAAc,CAACsB,KAAK,EAAE;IACxB,CAAC,CAAC,EAAErB,YAAY,CAACkF,wBAAwB,EAAE,CAAC;IAC5C9C,sBAAsB,CAAC,CAAC;EAC1B;EACA,IAAI+C,qBAAqB,GAAG,CAAC,CAAC,EAAErF,YAAY,CAACsF,OAAO,EAAE,YAAW;IAC/D,OAAO,CAAC,CAAC,EAAEjF,YAAY,CAACkF,wBAAwB,EAAE7B,SAAS,EAAEuB,SAAS,CAAC;EACzE,CAAC,EAAE,CACDvB,SAAS,EACTuB,SAAS,CACV,CAAC;EACF,IAAIO,UAAU,GAAGZ,WAAW,KAAK,UAAU;EAC3C,IAAIa,KAAK,GAAGvC,UAAU,CAACC,QAAQ,CAAC;EAChC,IAAIuC,WAAW,GAAG,SAASC,YAAYA,CAACC,KAAK,EAAE;IAC7C,IAAIC,KAAK,GAAGJ,KAAK,CAACK,MAAM;IACxB,IAAIC,KAAK,GAAG,EAAE;IACd,KAAK,IAAIC,KAAK,GAAG,CAAC,EAAEA,KAAK,GAAGH,KAAK,EAAEG,KAAK,EAAE,EAAE;MAC1C,IAAIC,UAAU;MACd,IAAIjD,KAAK,GAAGyC,KAAK,CAACO,KAAK,CAAC;MACxB,IAAIE,QAAQ,GAAG,CAAC,CAAC,EAAEhG,YAAY,CAACiG,gBAAgB,EAAEH,KAAK,EAAEH,KAAK,CAAC;MAC/D,IAAIO,QAAQ,GAAGF,QAAQ,KAAK,QAAQ;MACpC,IAAIG,SAAS,GAAG,CAACtD,mBAAmB,CAACC,KAAK,CAAC,KAAKoD,QAAQ,IAAIP,KAAK,KAAK,CAAC,IAAI,CAAC5F,cAAc,CAACsB,KAAK,IAAIsE,KAAK,KAAK,CAAC,CAAC;MAChH,IAAIS,SAAS,GAAGD,SAAS,GAAG;QAC1BE,IAAI,EAAE,CAAC;QACP,IAAGf,UAAU,GAAG;UACdgB,SAAS,EAAE;QACb,CAAC,GAAG;UACFzF,QAAQ,EAAE;QACZ,CAAC;MACH,CAAC,GAAG;QACFyD,QAAQ,EAAE,CAAC;QACXC,UAAU,EAAE;MACd,CAAC;MACDsB,KAAK,CAACU,IAAI,CAAC,eAAgB,CAAC,CAAC,EAAE3G,kBAAkB,CAAC+D,GAAG,EAAE3D,YAAY,CAACwG,oBAAoB,CAACC,QAAQ,EAAE;QACjGnH,KAAK,EAAE0G,QAAQ;QACf/C,QAAQ,EAAE,eAAgB,CAAC,CAAC,EAAErD,kBAAkB,CAAC+D,GAAG,EAAE5D,cAAc,CAACS,IAAI,EAAE;UACzE,GAAG4F,SAAS;UACZpE,YAAY,EAAE,CAAC;UACfpB,QAAQ,EAAE,QAAQ;UAClB,wBAAwB,EAAEoF,QAAQ;UAClC/C,QAAQ,EAAEH;QACZ,CAAC;MACH,CAAC,EAAE,CAACiD,UAAU,GAAGjD,KAAK,CAAC5D,GAAG,MAAM,IAAI,IAAI6G,UAAU,KAAK,KAAK,CAAC,GAAGA,UAAU,GAAGD,KAAK,CAAC,CAAC;MACpF,IAAIJ,KAAK,IAAII,KAAK,GAAGH,KAAK,GAAG,CAAC,EAAE;QAC9BE,KAAK,CAACU,IAAI,CAAC,eAAgB,CAAC,CAAC,EAAE3G,kBAAkB,CAAC+D,GAAG,EAAE5D,cAAc,CAACS,IAAI,EAAE;UAC1E,IAAG8E,UAAU,GAAGtF,YAAY,CAAC0G,QAAQ,CAACC,IAAI,GAAG3G,YAAY,CAAC0G,QAAQ,CAACE,KAAK;UACxEzF,eAAe,EAAEjB,iBAAiB,CAACc,eAAe,CAACC,MAAM,CAACC,IAAI;UAC9DoD,QAAQ,EAAE,CAAC;UACXC,UAAU,EAAE,CAAC;UACbH,SAAS,EAAE,SAAS;UACpB,aAAa,EAAE;QACjB,CAAC,EAAE,QAAQ0B,KAAK,EAAE,CAAC,CAAC;MACtB;IACF;IACA,OAAOD,KAAK;EACd,CAAC;EACD,IAAIb,WAAW,EAAE;IACf,OAAO,eAAgB,CAAC,CAAC,EAAEpF,kBAAkB,CAAC+D,GAAG,EAAEvD,mBAAmB,CAACyG,eAAe,CAACJ,QAAQ,EAAE;MAC/FnH,KAAK,EAAE,IAAI;MACX2D,QAAQ,EAAE,eAAgB,CAAC,CAAC,EAAErD,kBAAkB,CAAC+D,GAAG,EAAE1D,iBAAiB,CAAC6G,YAAY,CAACL,QAAQ,EAAE;QAC7F9B,OAAO;QACPC,UAAU;QACV3B,QAAQ,EAAE,eAAgB,CAAC,CAAC,EAAErD,kBAAkB,CAAC+D,GAAG,EAAErD,iBAAiB,EAAE;UACvE,GAAGkD,SAAS,CAACuD,IAAI;UACjBC,aAAa,EAAE1B,UAAU,GAAG,QAAQ,GAAG,KAAK;UAC5C2B,WAAW,EAAE,CAAC;UACdjF,YAAY,EAAE,CAAC;UACfb,eAAe,EAAE,aAAa;UAC9B,uBAAuB,EAAE,EAAE;UAC3B,kBAAkB,EAAEuD,WAAW;UAC/B,GAAGnB,KAAK;UACRN,QAAQ,EAAEnD,YAAY,CAACoD,QAAQ,CAACgE,GAAG,CAAC3B,KAAK,EAAE,UAASzC,KAAK,EAAE;YACzD,OAAO,eAAgB,CAAC,CAAC,EAAElD,kBAAkB,CAAC+D,GAAG,EAAE5D,cAAc,CAACS,IAAI,EAAE;cACtE6F,IAAI,EAAE,CAAC;cACPxF,QAAQ,EAAE,CAAC;cACXmB,YAAY,EAAE,CAAC;cACfiB,QAAQ,EAAEH;YACZ,CAAC,CAAC;UACJ,CAAC;QACH,CAAC;MACH,CAAC;IACH,CAAC,CAAC;EACJ;EACA,OAAO,eAAgB,CAAC,CAAC,EAAElD,kBAAkB,CAAC+D,GAAG,EAAEvD,mBAAmB,CAACyG,eAAe,CAACJ,QAAQ,EAAE;IAC/FnH,KAAK,EAAE,IAAI;IACX2D,QAAQ,EAAE,eAAgB,CAAC,CAAC,EAAErD,kBAAkB,CAAC+D,GAAG,EAAE1D,iBAAiB,CAAC6G,YAAY,CAACL,QAAQ,EAAE;MAC7F9B,OAAO;MACPC,UAAU;MACV3B,QAAQ,EAAE,eAAgB,CAAC,CAAC,EAAErD,kBAAkB,CAAC+D,GAAG,EAAErD,iBAAiB,EAAE;QACvE,GAAGkD,SAAS,CAACuD,IAAI;QACjB,IAAG,CAACzB,UAAU,GAAG;UACf5D,IAAI,EAAE8B,SAAS,CAAC2D;QAClB,CAAC,GAAG,KAAK,CAAC;QACVH,aAAa,EAAE1B,UAAU,GAAG,QAAQ,GAAG,KAAK;QAC5CnE,eAAe,EAAEqC,SAAS,CAAC4D,QAAQ,GAAG,aAAa,GAAGlH,iBAAiB,CAACc,eAAe,CAACI,UAAU,CAACF,IAAI;QACvG,GAAGsC,SAAS,CAAC6D,YAAY;QACzB,GAAG7D,SAAS,CAACxB,YAAY;QACzB,GAAGmD,qBAAqB;QACxB,GAAG,CAAC,CAAC,EAAElF,iBAAiB,CAACqH,4BAA4B,EAAE,OAAO9D,SAAS,CAAC+D,UAAU,KAAK,QAAQ,GAAG/D,SAAS,CAAC+D,UAAU,GAAG,KAAK,CAAC,CAAC;QAChI,IAAGzC,OAAO,CAAC0C,cAAc,GAAG;UAC1BC,UAAU,EAAE;YACV1G,WAAW,EAAEb,iBAAiB,CAACc,eAAe,CAACC,MAAM,CAACyG,KAAK;YAC3DvG,eAAe,EAAEqC,SAAS,CAAC4D,QAAQ,GAAG,aAAa,GAAGlH,iBAAiB,CAACc,eAAe,CAACI,UAAU,CAACsG,KAAK;YACxG,GAAG5C,OAAO,CAAC0C;UACb;QACF,CAAC,GAAG,KAAK,CAAC;QACV,IAAG1C,OAAO,CAAC6C,qBAAqB,GAAG;UACjCC,iBAAiB,EAAE;YACjB7G,WAAW,EAAEb,iBAAiB,CAACc,eAAe,CAACC,MAAM,CAACyG,KAAK;YAC3DvG,eAAe,EAAEqC,SAAS,CAAC4D,QAAQ,GAAG,aAAa,GAAGlH,iBAAiB,CAACc,eAAe,CAACI,UAAU,CAACsG,KAAK;YACxG,GAAG,CAAC,CAAC,EAAE1H,YAAY,CAAC6H,sBAAsB,EAAE;cAC1C,GAAG/C,OAAO,CAAC6C,qBAAqB;cAChCG,aAAa,EAAE,CAAC;YAClB,CAAC;UACH;QACF,CAAC,GAAG;UACFF,iBAAiB,EAAE;YACjB7G,WAAW,EAAEb,iBAAiB,CAACc,eAAe,CAACC,MAAM,CAACyG,KAAK;YAC3D,GAAG,CAAC,CAAC,EAAE1H,YAAY,CAAC6H,sBAAsB,EAAE;cAC1CC,aAAa,EAAE,CAAC;YAClB,CAAC;UACH;QACF,CAAC;QACD,GAAGvE,KAAK;QACR,IAAGxD,cAAc,CAACsB,KAAK,GAAG;UACxB0G,SAAS,EAAE,CACT,kBAAkB,EAClB,mBAAmB,EACnB,wBAAwB,EACxBxE,KAAK,CAACwE,SAAS,CAChB,CAAC3E,MAAM,CAAC4E,OAAO,CAAC,CAACC,IAAI,CAAC,GAAG;QAC5B,CAAC,GAAG,KAAK,CAAC;QACV,IAAGtD,OAAO,GAAG;UACX5D,WAAW,EAAEb,iBAAiB,CAACc,eAAe,CAACC,MAAM,CAACyG,KAAK;UAC3DvG,eAAe,EAAEqC,SAAS,CAAC4D,QAAQ,GAAG,aAAa,GAAGlH,iBAAiB,CAACc,eAAe,CAACI,UAAU,CAACsG,KAAK;UACxG,GAAG5C,OAAO,CAAC0C,cAAc;UACzB,GAAG,CAAC,CAAC,EAAExH,YAAY,CAAC6H,sBAAsB,EAAE;YAC1CC,aAAa,EAAE,CAAC;UAClB,CAAC;QACH,CAAC,GAAG,KAAK,CAAC;QACVlH,QAAQ,EAAE,QAAQ;QAClB,uBAAuB,EAAE,EAAE;QAC3B,kBAAkB,EAAE8D,WAAW;QAC/BzB,QAAQ,EAAEuC,WAAW,CAAC,IAAI;MAC5B,CAAC;IACH,CAAC;EACH,CAAC,CAAC;AACJ;AACA,IAAIhG,YAAY,GAAG1B,MAAM,CAAC0G,MAAM,CAACC,gBAAgB,EAAE;EACjDyD,KAAK,EAAEzI;AACT,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","ControlGroup_exports","__export","ControlGroup","ControlGroupAddon","module","exports","import_jsx_runtime","require","import_react","import_tamagui","import_theme","import_InputParts","import_colorRamps","import_utils","import_groupContext","import_tableCellContext","ControlGroupFrame","styled","View","context","InputContext","alignItems","overflow","minWidth","flexWrap","isWeb","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","groupItems","children","Children","toArray","filter","isValidElement","ControlGroupAddonImpl","param","props","knobProps","useResolvedKnobs","text","jsx","SizableText","label","fontWeight","color","formCommonColors","muted","userSelect","numberOfLines","justifyContent","alignSelf","backgroundColor","formControlColors","background","control","borderRadius","flexGrow","flexShrink","Object","assign","ControlGroupImpl","orientation","focused","setFocused","useState","elevation","inTableCell","useIsInTableCell","ensureCompositeFocusRing","elevationWrapperProps","useMemo","getElevationWrapperProps","isVertical","items","renderItems","renderItems2","seams","count","length","nodes","index","_child_key","position","getGroupPosition","isMiddle","needsFlex","flexProps","flex","minHeight","push","GroupPositionContext","Provider","key","hairline","line","vline","formInputColors","border","base","ControlGroupCtx","FocusContext","body","flexDirection","borderWidth","map","sizeToken","outlined","inputSurface","getInputFrameTransitionProps","transition","focusKnobProps","focusStyle","borderColor","focus","focusVisibleKnobProps","focusVisibleStyle","ensureFocusVisibleRing","outlineOffset"],"sources":["../../../src/ControlGroup/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}