@multiplatform.one/forms 7.46.0 → 7.47.1

package/dist/cjs/FloatingPanel/trailingAction.native.js

@@ -0,0 +1,64 @@
+"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 trailingAction_exports = {};
+__export(trailingAction_exports, {
+  TrailingActionOverlay: () => TrailingActionOverlay,
+  TriggerWithTrailingAction: () => TriggerWithTrailingAction
+});
+module.exports = __toCommonJS(trailingAction_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_tamagui = require("tamagui");
+var import_InputParts = require("../InputParts/index.native.js");
+function TriggerWithTrailingAction(param) {
+  var {
+    trigger,
+    triggerEnd
+  } = param;
+  var active = triggerEnd != null && triggerEnd !== false;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_InputParts.FieldTrailingOverlay, {
+    active,
+    children: trigger
+  });
+}
+function TrailingActionOverlay(param) {
+  var {
+    children
+  } = param;
+  if (children == null || children === false) return null;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+    position: "absolute",
+    top: 0,
+    bottom: 0,
+    ...(import_tamagui.isWeb ? {
+      insetInlineEnd: 0
+    } : {
+      end: 0
+    }),
+    justifyContent: "center",
+    "data-field-action-overlay": "",
+    children
+  });
+}
+//# sourceMappingURL=trailingAction.native.js.map

package/dist/cjs/FloatingPanel/trailingAction.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","trailingAction_exports","__export","TrailingActionOverlay","TriggerWithTrailingAction","module","exports","import_jsx_runtime","require","import_tamagui","import_InputParts","param","trigger","triggerEnd","active","jsx","FieldTrailingOverlay","children","View","position","top","bottom","isWeb","insetInlineEnd","end","justifyContent"],"sources":["../../../src/FloatingPanel/trailingAction.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,sBAAA;AAAAC,QAAA,CAAAD,sBAAA;EAAAE,qBAAA,EAAAA,CAAA,KAAAA,qBAAA;EAAAC,yBAAA,EAAAA,CAAA,KAAAA;AAAA;AACAC,MAAA,CAAAC,OAAA,GAAAV,YAA4B,CAAAK,sBAAA;AAC5B,IAAAM,kBAAA,GAAqCC,OAAA;AAiB5B,IAAAC,cAAA,GAAAD,OAAA;AARF,IAAAE,iBAAS,GAAAF,OAAA,gCAA0B;AAAA,SACxCJ,0BAAAO,KAAA;EACA;IAAAC,OAAA;IAAAC;EAAA,IAAAF,KAAA;EACF,IAGGG,MAAA,GAAAD,UAAA,YAAAA,UAAA;EACD,OAAM,eAAS,IAAAN,kBAAsB,CAAAQ,GAAA,EAAAL,iBAAe,CAAAM,oBAAA;IACpDF,MAAO;IACTG,QAAA,EAAAL;EAEO;AACL;AACA,SACET,sBAAAQ,KAAA;EAAA,IAAC;IAAAM;EAAA,IAAAN,KAAA;EAAA,IAAAM,QAAA,YAAAA,QAAA;EAAA,OACC,eAAS,IAAAV,kBAAA,CAAAQ,GAAA,EAAAN,cAAA,CAAAS,IAAA;IAAAC,QACJ;IAAAC,GACL;IAAQC,MACH;IAAyC,IAC9CZ,cAAA,CAAea,KAAA;MACfC,cAAA;IAA0B,IAEzB;MAAAC,GAAA;IACH;IAEJC,cAAA","ignoreList":[]}

package/dist/cjs/FormGrid.cjs

@@ -88,6 +88,7 @@ function FormGridWeb({
     };
     update(el.getBoundingClientRect().width);
     if (typeof ResizeObserver === "undefined") {
+      if (typeof window === "undefined" || typeof window.addEventListener !== "function") return;
       const onResize = () => update(el.getBoundingClientRect().width);
       window.addEventListener("resize", onResize);
       return () => window.removeEventListener("resize", onResize);

package/dist/cjs/FormGrid.native.js

@@ -92,6 +92,7 @@ function FormGridWeb(param) {
     };
     update(el.getBoundingClientRect().width);
     if (typeof ResizeObserver === "undefined") {
+      if (typeof window === "undefined" || typeof window.addEventListener !== "function") return;
       var onResize = function onResize2() {
         return update(el.getBoundingClientRect().width);
       };

package/dist/cjs/FormGrid.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","FormGrid_exports","__export","FORM_GRID_COLLAPSE_WIDTH","FormGrid","module","exports","import_jsx_runtime","require","import_react","import_theme","import_tamagui","resolveWideColumns","columns","maxColumns","Math","min","param","gap","children","knobProps","useResolvedKnobs","gapFragment","resolvedGap","wideColumns","isWeb","jsx","FormGridWeb","sizeToken","FormGridNative","ref","useRef","containerWide","setContainerWide","useState","useLayoutEffect","el","current","update","update2","width","getBoundingClientRect","ResizeObserver","onResize","onResize2","window","addEventListener","removeEventListener","ro","entries","_ref","_entries_","contentRect","observe","disconnect","effectiveColumns","style","display","gridTemplateColumns","containerType","YStack","String","minWidth","media","useMedia","canUseDomResize","innerWidth","domViewportWide","setDomViewportWide","useEffect","handler","handler2","viewportWide","xs","childArray","Children","toArray","rows","i","length","push","slice","map","row","rowIndex","XStack","child","colIndex","flex"],"sources":["../../src/FormGrid.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","FormGrid_exports","__export","FORM_GRID_COLLAPSE_WIDTH","FormGrid","module","exports","import_jsx_runtime","require","import_react","import_theme","import_tamagui","resolveWideColumns","columns","maxColumns","Math","min","param","gap","children","knobProps","useResolvedKnobs","gapFragment","resolvedGap","wideColumns","isWeb","jsx","FormGridWeb","sizeToken","FormGridNative","ref","useRef","containerWide","setContainerWide","useState","useLayoutEffect","el","current","update","update2","width","getBoundingClientRect","ResizeObserver","window","addEventListener","onResize","onResize2","removeEventListener","ro","entries","_ref","_entries_","contentRect","observe","disconnect","effectiveColumns","style","display","gridTemplateColumns","containerType","YStack","String","minWidth","media","useMedia","canUseDomResize","innerWidth","domViewportWide","setDomViewportWide","useEffect","handler","handler2","viewportWide","xs","childArray","Children","toArray","rows","i","length","push","slice","map","row","rowIndex","XStack","child","colIndex","flex"],"sources":["../../src/FormGrid.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/InputParts/PasswordReveal.cjs

@@ -0,0 +1,96 @@
+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 PasswordReveal_exports = {};
+__export(PasswordReveal_exports, {
+  HIDE_PASSWORD: () => HIDE_PASSWORD,
+  PasswordReveal: () => PasswordReveal,
+  SHOW_PASSWORD: () => SHOW_PASSWORD,
+  usePasswordReveal: () => usePasswordReveal
+});
+module.exports = __toCommonJS(PasswordReveal_exports);
+var import_react = require("@phosphor-icons/react");
+var import_react2 = require("react");
+var import_index = require("./index.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+const SHOW_PASSWORD = "Show password";
+const HIDE_PASSWORD = "Hide password";
+function domInput(node, id) {
+  const fromRef = node;
+  if (fromRef && typeof fromRef.setSelectionRange === "function") {
+    return fromRef;
+  }
+  if (typeof document === "undefined" || !id) return null;
+  return document.getElementById(id);
+}
+function readSelection(node, id) {
+  const el = domInput(node, id);
+  if (!el || typeof el.selectionStart !== "number") return null;
+  return {
+    start: el.selectionStart,
+    end: el.selectionEnd ?? el.selectionStart
+  };
+}
+function usePasswordReveal({
+  inputRef,
+  id,
+  text
+}) {
+  const [revealed, setRevealed] = (0, import_react2.useState)(false);
+  const pendingSelection = (0, import_react2.useRef)(null);
+  (0, import_react2.useEffect)(() => {
+    if (!text) setRevealed(false);
+  }, [text]);
+  (0, import_react2.useLayoutEffect)(() => {
+    const selection = pendingSelection.current;
+    if (!selection) return;
+    pendingSelection.current = null;
+    const el = domInput(inputRef.current, id);
+    el?.focus();
+    el?.setSelectionRange(selection.start, selection.end);
+  }, [id, inputRef, revealed]);
+  const toggle = (0, import_react2.useCallback)(() => {
+    pendingSelection.current = readSelection(inputRef.current, id);
+    setRevealed(open => !open);
+  }, [id, inputRef]);
+  return {
+    revealed,
+    toggle
+  };
+}
+function PasswordReveal({
+  revealed,
+  onToggle,
+  controls,
+  disabled,
+  size
+}) {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Input.Action, {
+    label: revealed ? HIDE_PASSWORD : SHOW_PASSWORD,
+    pressed: revealed,
+    controls,
+    disabled,
+    size,
+    onPress: onToggle,
+    children: revealed ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.EyeSlashIcon, {}) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.EyeIcon, {})
+  });
+}

package/dist/cjs/InputParts/PasswordReveal.native.js

@@ -0,0 +1,104 @@
+"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 PasswordReveal_exports = {};
+__export(PasswordReveal_exports, {
+  HIDE_PASSWORD: () => HIDE_PASSWORD,
+  PasswordReveal: () => PasswordReveal,
+  SHOW_PASSWORD: () => SHOW_PASSWORD,
+  usePasswordReveal: () => usePasswordReveal
+});
+module.exports = __toCommonJS(PasswordReveal_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("@phosphor-icons/react");
+var import_react2 = require("react");
+var import_index = require("./index.native.js");
+var SHOW_PASSWORD = "Show password";
+var HIDE_PASSWORD = "Hide password";
+function domInput(node, id) {
+  var fromRef = node;
+  if (fromRef && typeof fromRef.setSelectionRange === "function") {
+    return fromRef;
+  }
+  if (typeof document === "undefined" || !id) return null;
+  return document.getElementById(id);
+}
+function readSelection(node, id) {
+  var _el_selectionEnd;
+  var el = domInput(node, id);
+  if (!el || typeof el.selectionStart !== "number") return null;
+  return {
+    start: el.selectionStart,
+    end: (_el_selectionEnd = el.selectionEnd) !== null && _el_selectionEnd !== void 0 ? _el_selectionEnd : el.selectionStart
+  };
+}
+function usePasswordReveal(param) {
+  var {
+    inputRef,
+    id,
+    text
+  } = param;
+  var [revealed, setRevealed] = (0, import_react2.useState)(false);
+  var pendingSelection = (0, import_react2.useRef)(null);
+  (0, import_react2.useEffect)(function () {
+    if (!text) setRevealed(false);
+  }, [text]);
+  (0, import_react2.useLayoutEffect)(function () {
+    var selection = pendingSelection.current;
+    if (!selection) return;
+    pendingSelection.current = null;
+    var el = domInput(inputRef.current, id);
+    el === null || el === void 0 ? void 0 : el.focus();
+    el === null || el === void 0 ? void 0 : el.setSelectionRange(selection.start, selection.end);
+  }, [id, inputRef, revealed]);
+  var toggle = (0, import_react2.useCallback)(function () {
+    pendingSelection.current = readSelection(inputRef.current, id);
+    setRevealed(function (open) {
+      return !open;
+    });
+  }, [id, inputRef]);
+  return {
+    revealed,
+    toggle
+  };
+}
+function PasswordReveal(param) {
+  var {
+    revealed,
+    onToggle,
+    controls,
+    disabled,
+    size
+  } = param;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Input.Action, {
+    label: revealed ? HIDE_PASSWORD : SHOW_PASSWORD,
+    pressed: revealed,
+    controls,
+    disabled,
+    size,
+    onPress: onToggle,
+    children: revealed ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.EyeSlashIcon, {}) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.EyeIcon, {})
+  });
+}
+//# sourceMappingURL=PasswordReveal.native.js.map

package/dist/cjs/InputParts/PasswordReveal.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","PasswordReveal_exports","__export","HIDE_PASSWORD","PasswordReveal","SHOW_PASSWORD","usePasswordReveal","module","exports","import_jsx_runtime","require","import_react","import_react2","import_index","domInput","node","id","fromRef","setSelectionRange","document","getElementById","readSelection","_el_selectionEnd","el","selectionStart","start","end","selectionEnd","param","inputRef","text","revealed","setRevealed","useState","pendingSelection","useRef","useEffect","useLayoutEffect","selection","current","focus","toggle","useCallback","open","onToggle","controls","disabled","size","jsx","Input","Action","label"],"sources":["../../../src/InputParts/PasswordReveal.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/InputParts/index.cjs

@@ -22,6 +22,7 @@ var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
 }), mod);
 var InputParts_exports = {};
 __export(InputParts_exports, {
+  FieldTrailingOverlay: () => FieldTrailingOverlay,
   FocusContext: () => FocusContext,
   FocusWiredTextArea: () => FocusWiredTextArea,
   INPUT_MODE_TO_KEYBOARD: () => INPUT_MODE_TO_KEYBOARD,
@@ -51,6 +52,7 @@ var import_theme2 = require("@multiplatform.one/theme");
 var import_colorRamps = require("../shared/colorRamps.cjs");
 var import_groupContext = require("../shared/groupContext.cjs");
 var import_nativeAutoFocus = require("../shared/nativeAutoFocus.cjs");
+var import_pressSlopProps = require("../shared/pressSlopProps.cjs");
 var import_tableCellContext = require("../shared/tableCellContext.cjs");
 var import_fieldLayout = require("../fieldLayout.cjs");
 var import_themedPrimitives = require("../themedPrimitives.cjs");
@@ -239,6 +241,16 @@ const InputGroupFrame = (0, import_tamagui.styled)(import_tamagui.XGroup, {
     unstyled: process.env.TAMAGUI_HEADLESS === "1"
   }
 });
+const FieldTrailingOverlayContext = (0, import_react.createContext)(false);
+function FieldTrailingOverlay({
+  active,
+  children
+}) {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(FieldTrailingOverlayContext.Provider, {
+    value: active,
+    children
+  });
+}
 function wrapNativePressable(onPress, disabled, node) {
   if (import_tamagui.isWeb || !onPress) return node;
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react_native.Pressable, {
@@ -344,11 +356,22 @@ const InputGroupImpl = InputGroupFrame.styleable((groupProps, forwardedRef) => {
   const insetPadProps = sizeRecipeEscaped || typeof paddingHorizontalProp !== "number" && paddingHorizontalProp != null ? void 0 : {
     paddingHorizontal: fieldInset
   };
+  const trailingOverlay = (0, import_react.useContext)(FieldTrailingOverlayContext);
+  const trailingSlot = trailingOverlay ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+    "aria-hidden": true,
+    "data-field-action-slot": "",
+    width: familyRecipe.height,
+    flexShrink: 0,
+    pointerEvents: "none"
+  }) : null;
+  const trailingPadProps = trailingOverlay ? {
+    paddingInlineEnd: 0
+  } : void 0;
   if (inTableCell) {
     return /* @__PURE__ */(0, import_jsx_runtime.jsx)(FocusContext.Provider, {
       focused,
       setFocused,
-      children: wrapNativePressable(onPress, disabled, /* @__PURE__ */(0, import_jsx_runtime.jsx)(InputGroupFrame, {
+      children: wrapNativePressable(onPress, disabled, /* @__PURE__ */(0, import_jsx_runtime.jsxs)(InputGroupFrame, {
         touch: hydrationTouch,
         ref: forwardedRef,
         borderWidth: 0,
@@ -364,11 +387,12 @@ const InputGroupImpl = InputGroupFrame.styleable((groupProps, forwardedRef) => {
         ...controlFragment,
         ...passthroughSizeProps,
         ...insetPadProps,
+        ...trailingPadProps,
         ...sizeRecipeEscapeOverride,
         ...framePressProps,
         ...boxRingAttrs,
         overflow: boxOverflow,
-        children
+        children: [children, trailingSlot]
       }))
     });
   }
@@ -394,7 +418,7 @@ const InputGroupImpl = InputGroupFrame.styleable((groupProps, forwardedRef) => {
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(FocusContext.Provider, {
     focused,
     setFocused,
-    children: wrapNativePressable(onPress, disabled, /* @__PURE__ */(0, import_jsx_runtime.jsx)(InputGroupFrame, {
+    children: wrapNativePressable(onPress, disabled, /* @__PURE__ */(0, import_jsx_runtime.jsxs)(InputGroupFrame, {
       touch: hydrationTouch,
       ref: forwardedRef,
       ...knobProps.body,
@@ -419,6 +443,7 @@ const InputGroupImpl = InputGroupFrame.styleable((groupProps, forwardedRef) => {
       ...props,
       ...passthroughSizeProps,
       ...insetPadProps,
+      ...trailingPadProps,
       ...sizeRecipeEscapeOverride,
       ...framePressProps,
       ...boxRingAttrs,
@@ -430,7 +455,7 @@ const InputGroupImpl = InputGroupFrame.styleable((groupProps, forwardedRef) => {
         }
       } : void 0),
       overflow: boxOverflow,
-      children
+      children: [children, trailingSlot]
     }))
   });
 });
@@ -756,7 +781,8 @@ const InputButtonImpl = InputButton.styleable((buttonProps, ref) => {
     if (typeof ref === "function") ref(node);else if (ref) ref.current = node;
   }, [ref, tabIndexProp]);
   if (glyphRing) {
-    const square2 = (0, import_theme2.sizeRecipeForToken)(String(size ?? "$true"), {
+    const measured = props.height;
+    const square2 = typeof measured === "number" ? measured : (0, import_theme2.sizeRecipeForToken)(String(size ?? "$true"), {
       touch: hydrationTouch
     }).height;
     const disabled = props.disabled === true;
@@ -800,6 +826,69 @@ const InputButtonImpl = InputButton.styleable((buttonProps, ref) => {
     children: textChild ?? getThemedIcon(children)
   });
 });
+const InputActionImpl = (0, import_react.forwardRef)(function InputAction({
+  label,
+  onPress,
+  disabled,
+  pressed,
+  controls,
+  size,
+  height,
+  tabIndex,
+  children,
+  ...rest
+}, ref) {
+  const {
+    size: contextSize
+  } = InputContext.useStyledContext();
+  const hydrationTouch = (0, import_theme2.useTouchSurface)();
+  const token = size ?? contextSize ?? "$true";
+  const square = height ?? (0, import_theme2.sizeRecipeForToken)(String(token), {
+    touch: hydrationTouch
+  }).height;
+  const activate = () => {
+    if (!disabled) onPress?.();
+  };
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(InputButtonImpl, {
+    ref,
+    glyphRing: true,
+    size: token,
+    disabled,
+    tabIndex,
+    "aria-label": label,
+    accessibilityLabel: label,
+    accessibilityRole: "button",
+    accessibilityState: {
+      disabled: !!disabled
+    },
+    ...(import_tamagui.isWeb && pressed !== void 0 ? {
+      "aria-pressed": pressed
+    } : void 0),
+    ...(controls ? {
+      "aria-controls": controls
+    } : void 0),
+    height: square,
+    width: square,
+    ...(0, import_pressSlopProps.pressSlopProps)(square, true),
+    "data-field-action": "trailing",
+    onPress: disabled ? void 0 : e => {
+      e?.stopPropagation?.();
+      activate();
+    },
+    onKeyDown: e => {
+      if (e.key !== "Enter" && e.key !== " ") return;
+      e.preventDefault();
+      e.stopPropagation();
+      activate();
+    },
+    ...rest,
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(InputIcon, {
+      "aria-hidden": true,
+      color: import_colorRamps.formCommonColors.muted,
+      children
+    })
+  });
+});
 const InputIconFrame = (0, import_tamagui.styled)(import_tamagui.View, {
   name: "InputIconFrame",
   justifyContent: "center",
@@ -1066,6 +1155,7 @@ const InputCompound = Object.assign(InputContainerImpl, {
   TextArea: FocusWiredTextArea,
   Section: InputSection,
   Button: InputButtonImpl,
+  Action: InputActionImpl,
   Icon: InputIcon,
   Info: InputInfo,
   Meta: InputFieldMeta,