@multiplatform.one/forms 6.0.4 → 6.3.0

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

@@ -24,47 +24,51 @@ var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
 }), mod);
 var Chip_exports = {};
 __export(Chip_exports, {
-  Chip: () => Chip
+  Chip: () => Chip,
+  ChipFrame: () => ChipFrame,
+  ChipText: () => ChipText,
+  chipIconSize: () => chipIconSize
 });
 module.exports = __toCommonJS(Chip_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("@phosphor-icons/react");
 var import_theme = require("@multiplatform.one/theme");
 var import_tamagui = require("tamagui");
+var import_t = require("../shared/t.native.js");
 var colorMap = {
   gray: {
     bg: "$color4",
-    text: "$color11",
+    text: "$color12",
     border: "$color7"
   },
   red: {
     bg: "$red4",
-    text: "$red11",
+    text: "$red12",
     border: "$red7"
   },
   green: {
     bg: "$green4",
-    text: "$green11",
+    text: "$green12",
     border: "$green7"
   },
   blue: {
     bg: "$blue4",
-    text: "$blue11",
+    text: "$blue12",
     border: "$blue7"
   },
   yellow: {
     bg: "$yellow4",
-    text: "$yellow11",
+    text: "$yellow12",
     border: "$yellow7"
   },
   orange: {
     bg: "$orange4",
-    text: "$orange11",
+    text: "$orange12",
     border: "$orange7"
   },
   purple: {
     bg: "$purple4",
-    text: "$purple11",
+    text: "$purple12",
     border: "$purple7"
   }
 };
@@ -73,7 +77,8 @@ var ChipFrame = (0, import_tamagui.styled)(import_tamagui.View, {
   flexDirection: "row",
   alignItems: "center",
   gap: "$1",
-  borderRadius: "$3",
+  // Radius comes from the knob spread in Chip (knobProps.borderRadius) so the
+  // borderRadius knob wins — no hardcoded base radius (same as Tags chips).
   paddingHorizontal: "$2.5",
   paddingVertical: "$1",
   variants: {
@@ -131,13 +136,20 @@ var ChipText = (0, import_tamagui.styled)(import_tamagui.Text, {
     }
   }
 });
+function chipIconSize(size) {
+  return size === "$2" ? 10 : size === "$3" ? 12 : 14;
+}
 var DismissButton = (0, import_tamagui.styled)(import_tamagui.View, {
   name: "ChipDismiss",
   cursor: "pointer",
   opacity: 0.7,
   borderRadius: "$1",
+  // Visual glyph stays ~icon-sized; DG-LAY-04 floor is applied at the call site
+  // via pressTargetStyle + compensating negative margin + hitSlop.
   padding: "$0.5",
-  marginRight: -4,
+  marginInlineEnd: -4,
+  alignItems: "center",
+  justifyContent: "center",
   hoverStyle: {
     opacity: 1,
     backgroundColor: "$color5"
@@ -145,21 +157,29 @@ var DismissButton = (0, import_tamagui.styled)(import_tamagui.View, {
   pressStyle: {
     opacity: 0.9,
     backgroundColor: "$color6"
+  },
+  focusVisibleStyle: {
+    opacity: 1,
+    outlineColor: "$outlineColor",
+    outlineWidth: 2,
+    outlineStyle: "solid"
   }
 });
 function Chip(param) {
   var {
     children,
-    size = "$3",
+    size,
     variant = "subtle",
     color = "gray",
     onDismiss,
     disabled
   } = param;
   var {
-    knobProps
+    knobProps,
+    disabledState
   } = (0, import_theme.useResolvedKnobs)();
   var colors = colorMap[color];
+  var resolvedSize = size !== null && size !== void 0 ? size : knobProps.sizeToken;
   var getBackgroundColor = function getBackgroundColor2() {
     switch (variant) {
       case "solid":
@@ -172,27 +192,57 @@ function Chip(param) {
   };
   var textColor = colors.text;
   var borderColor = variant === "outline" ? colors.border : "transparent";
-  var iconSize = size === "$2" ? 10 : size === "$3" ? 12 : 14;
+  var iconSize = chipIconSize(resolvedSize);
+  var dismissVisual = iconSize + 2;
+  var dismissOutset = Math.max(0, Math.ceil((import_theme.MIN_PRESS_TARGET - dismissVisual) / 2));
   return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(ChipFrame, {
-    size,
+    size: resolvedSize,
     variant,
     backgroundColor: getBackgroundColor(),
-    borderColor,
-    opacity: disabled ? 0.5 : 1,
     ...knobProps.borderRadius,
+    borderColor,
+    // LC-40 DISABLED-VISIBLE: hue tint washes to the muted neutral tiers
+    // while the label pins to the lowest AA step (keepLabel); dimWhole
+    // dims the chip as its own assembly.
+    // Axiom 6 HONEST STATE (UX-019): the disabled state must also live in
+    // the a11y tree, not just the pixels — cross-platform `aria-disabled`
+    // (RN maps it to accessibilityState.disabled; no RN-prop DOM leak).
+    ...(disabled ? {
+      "aria-disabled": true,
+      ...disabledState.surfaceKnobProps,
+      ...disabledState.assemblyKnobProps
+    } : void 0),
+    overflow: "visible",
     children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(ChipText, {
-      size,
+      size: resolvedSize,
       color: textColor,
       ...knobProps.body,
+      ...(disabled ? disabledState.textKnobProps : void 0),
       children
     }), onDismiss && !disabled && /* @__PURE__ */(0, import_jsx_runtime.jsx)(DismissButton, {
+      role: "button",
+      "aria-label": (0, import_t.t)("Remove"),
+      tabIndex: 0,
+      // Dismiss is R-BINARY (spec Chip dismiss): square in the radius
+      // `none` world, a full circle everywhere else — the fixed $1 arc
+      // was knob-dead on both legs (UX-P06 "ChipDismiss br=3").
+      borderRadius: knobProps.pointy ? 0 : 1e3,
+      ...(0, import_theme.pressTargetStyle)(),
+      marginVertical: -dismissOutset,
+      marginHorizontal: -dismissOutset,
+      hitSlop: (0, import_theme.pressTargetHitSlop)(dismissVisual),
       onPress: function onPress(e) {
         var _e_stopPropagation;
         (_e_stopPropagation = e.stopPropagation) === null || _e_stopPropagation === void 0 ? void 0 : _e_stopPropagation.call(e);
         onDismiss();
       },
-      accessibilityRole: "button",
-      accessibilityLabel: "Remove",
+      onKeyDown: function onKeyDown(e) {
+        if (e.key === "Enter" || e.key === " ") {
+          e.preventDefault();
+          e.stopPropagation();
+          onDismiss();
+        }
+      },
       children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.XIcon, {
         size: iconSize,
         color: textColor

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

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","Chip_exports","__export","Chip","module","exports","import_jsx_runtime","require","import_react","import_theme","import_tamagui","colorMap","gray","bg","text","border","red","green","blue","yellow","orange","purple","ChipFrame","styled","View","name","flexDirection","alignItems","gap","borderRadius","paddingHorizontal","paddingVertical","variants","size","$2","$3","$4","$5","variant","solid","subtle","outline","borderWidth","defaultVariants","ChipText","Text","fontSize","fontWeight","numberOfLines","userSelect","DismissButton","cursor","opacity","padding","marginRight","hoverStyle","backgroundColor","pressStyle","param"],"sources":["../../../src/Chip/index.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,YAAA;AAAAC,QAAA,CAAAD,YAAA;EAAAE,IAAA,EAAAA,CAAA,KAAAA;AAAA;AACAC,MAAA,CAAAC,OAAA,GAAAT,YAAsB,CAAAK,YAAA;AACtB,IAAAK,kBAAiC,GAAAC,OAAA;AAEjC,IAAAC,YAAA,GAAAD,OAAmC;AA6H/B,IAAAE,YAAA,GAAAF,OAAA;AA1GJ,IAAAG,cAAiG,GAAAH,OAAA;AAAA,IAC/FI,QAAQ,GAAI;EACZC,IAAA,EAAK;IACLC,EAAA,WAAa;IACbC,IAAM,EAAE,UAAI;IACZC,MAAQ,EAAE;EACV;EACAC,GAAA;IACFH,EAAA;IAIAC,IAAM;IACJC,MAAM;EACN;EACAE,KAAA;IACAJ,EAAA,EAAK;IACLC,IAAA,YAAc;IACdC,MAAA;EACA;EAEAG,IAAA;IACEL,EAAA,UAAM;IAAAC,IACJ,EAAI,SAAE;IAAmDC,MACrD,EAAE;EAA+C;EACEI,MACvD,EAAI;IACNN,EAAA;IACAC,IAAA,aAAS;IAAAC,MACP;EAAQ;EACCK,MACT;IAASP,EAAA,EACP;IAAaC,IACf;IACFC,MAAA;EACF;EAEAM,MAAA;IACER,EAAA,YAAS;IACTC,IAAA,EAAM;IACRC,MAAA;EACD;AAED;AAA8B,IAC5BO,SAAM,OAAAZ,cAAA,CAAAa,MAAA,EAAAb,cAAA,CAAAc,IAAA;EACNC,IAAA,QAAU;EACVC,aAAY;EACZC,UAAA,UAAe;EACfC,GAAA;EAEAC,YAAU;EAAAC,iBACF;EAAAC,eACE,MAAU;EAAKC,QACjB,EAAE;IAAeC,IACrB,EAAI;MACJC,EAAA,EAAI;QACNJ,iBAAA;QACFC,eAAA;MACD;MAEKI,EAAA;QACEL,iBAAA;QACNC,eAAQ;MACR;MACAK,EAAA;QACAN,iBAAS;QACTC,eAAa;MACb;MACEM,EAAA;QACAP,iBAAiB;QACnBC,eAAA;MACA;IACE;IACAO,OAAA;MACFC,KAAA;MACDC,MAAA;MAIMC,OAAS,EAAK;QACnBC,WAAA;MACA;IACA;EACA;EACAC,eAAA;IACAL,OAAA;IACYL,IAAA;EACZ;AACA;AAEA,IAAAW,QAAM,OAAAlC,cAAqB,CAAAa,MAAmC,EAAAb,cAAA,CAAAmC,IAAA;EAC5DpB,IAAA,YAAQ;EAASqB,QACf,EAAK;EACHC,UAAA,OAAO;EAAOC,aACX;EACHC,UAAA,QAAO;EAAOjB,QAChB,EAAK;IACHC,IAAA;MACJC,EAAA;QACFY,QAAA;MAEA;MACAX,EAAM;QACAW,QAAA;MAEN;MACGV,EAAA;QAAAU,QAAA;MACC;MACAT,EAAA;QACAS,QAAA;MACA;IAAA;EAC0B;AACZ;AAEd,IAAAI,aAAA,OAAAxC,cAAA,CAAAa,MAAA,EAAAb,cAAC,CAAAc,IAAS;EAEVC,IAAA,EACC,aAAa;EACZ0B,MAAA,EAAC;EAAAC,OAAA;EAAAvB,YACC;EACEwB,OAAA,QAAE;EACFC,WAAA;EAAUC,UACZ;IAAAH,OAAA,EACA;IAAkBI,eAClB;EAAmB;EAEgCC,UAAA;IAAAL,OACrD;IAAAI,eAAA;EAAA;AAAA,EAEJ;AAEJ,SAAArD,KAAAuD,KAAA","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","Chip_exports","__export","Chip","ChipFrame","ChipText","chipIconSize","module","exports","import_jsx_runtime","require","import_react","import_theme","import_tamagui","import_t","colorMap","gray","bg","text","border","red","green","blue","yellow","orange","purple","styled","View","name","flexDirection","alignItems","gap","paddingHorizontal","paddingVertical","variants","size","$2","$3","$4","$5","variant","solid","subtle","outline","borderWidth","defaultVariants","Text","fontSize","fontWeight","numberOfLines","userSelect","DismissButton","cursor","opacity","borderRadius","padding","marginInlineEnd","justifyContent","hoverStyle","backgroundColor","pressStyle","focusVisibleStyle","outlineColor","outlineWidth","outlineStyle","param","children","color","onDismiss","disabled","knobProps","disabledState","useResolvedKnobs","colors","resolvedSize","sizeToken","getBackgroundColor","getBackgroundColor2","textColor","borderColor","iconSize","dismissVisual","dismissOutset","Math","max","ceil","MIN_PRESS_TARGET","jsxs"],"sources":["../../../src/Chip/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/ControlGroup/index.cjs

@@ -93,6 +93,7 @@ function ControlGroup({
             if (!(0, import_react.isValidElement)(child)) return child;
             return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
               flex: 1,
+              minWidth: 0,
               children: child
             });
           })
@@ -112,9 +113,7 @@ function ControlGroup({
         backgroundColor: knobProps.outlined ? "transparent" : import_colorRamps.formInputColors.background.base,
         ...knobProps.borderRadius,
         ...elevationWrapperProps,
-        ...(knobProps.transition ? {
-          transition: knobProps.transition
-        } : void 0),
+        ...(0, import_InputParts.getInputFrameTransitionProps)(typeof knobProps.transition === "string" ? knobProps.transition : void 0),
         ...(control.hoverKnobProps ? {
           hoverStyle: control.hoverKnobProps
         } : void 0),
@@ -151,22 +150,22 @@ function ControlGroup({
           const isFirst = index === 0;
           const isLast = index === count - 1;
           const isMiddle = count > 2 && !isFirst && !isLast;
-          const needsFlex = isMiddle || count === 2;
+          const needsFlex = isMiddle || count === 2 || !import_tamagui.isWeb && count === 1;
           const isVertical = orientation === "vertical";
           const wrapperProps = isFirst && isLast ? {
             borderRadius: radius
           } : isFirst ? isVertical ? {
-            borderTopLeftRadius: radius,
-            borderTopRightRadius: radius
+            borderStartStartRadius: radius,
+            borderStartEndRadius: radius
           } : {
-            borderTopLeftRadius: radius,
-            borderBottomLeftRadius: radius
+            borderStartStartRadius: radius,
+            borderEndStartRadius: radius
           } : isLast ? isVertical ? {
-            borderBottomLeftRadius: radius,
-            borderBottomRightRadius: radius
+            borderEndStartRadius: radius,
+            borderEndEndRadius: radius
           } : {
-            borderTopRightRadius: radius,
-            borderBottomRightRadius: radius
+            borderStartEndRadius: radius,
+            borderEndEndRadius: radius
           } : {};
           const flexProps = needsFlex ? {
             flex: 1,

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

@@ -101,6 +101,7 @@ function ControlGroup(param) {
             if (! /* @__PURE__ */(0, import_react.isValidElement)(child)) return child;
             return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
               flex: 1,
+              minWidth: 0,
               children: child
             });
           })
@@ -120,9 +121,7 @@ function ControlGroup(param) {
         backgroundColor: knobProps.outlined ? "transparent" : import_colorRamps.formInputColors.background.base,
         ...knobProps.borderRadius,
         ...elevationWrapperProps,
-        ...(knobProps.transition ? {
-          transition: knobProps.transition
-        } : void 0),
+        ...(0, import_InputParts.getInputFrameTransitionProps)(typeof knobProps.transition === "string" ? knobProps.transition : void 0),
         ...(control.hoverKnobProps ? {
           hoverStyle: control.hoverKnobProps
         } : void 0),
@@ -159,22 +158,22 @@ function ControlGroup(param) {
           var isFirst = index === 0;
           var isLast = index === count - 1;
           var isMiddle = count > 2 && !isFirst && !isLast;
-          var needsFlex = isMiddle || count === 2;
+          var needsFlex = isMiddle || count === 2 || !import_tamagui.isWeb && count === 1;
           var isVertical = orientation === "vertical";
           var wrapperProps = isFirst && isLast ? {
             borderRadius: radius
           } : isFirst ? isVertical ? {
-            borderTopLeftRadius: radius,
-            borderTopRightRadius: radius
+            borderStartStartRadius: radius,
+            borderStartEndRadius: radius
           } : {
-            borderTopLeftRadius: radius,
-            borderBottomLeftRadius: radius
+            borderStartStartRadius: radius,
+            borderEndStartRadius: radius
           } : isLast ? isVertical ? {
-            borderBottomLeftRadius: radius,
-            borderBottomRightRadius: radius
+            borderEndStartRadius: radius,
+            borderEndEndRadius: radius
           } : {
-            borderTopRightRadius: radius,
-            borderBottomRightRadius: radius
+            borderStartEndRadius: radius,
+            borderEndEndRadius: radius
           } : {};
           var flexProps = needsFlex ? {
             flex: 1,

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

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","ControlGroup_exports","__export","ControlGroup","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","borderWidth","borderColor","formInputColors","border","base","backgroundColor","background","outlineStyle","isWeb","tabIndex","focusable","variants","scaleIcon","size","...size","val","param","tokens","height","borderRadius","radius","children","orientation","props","focused","setFocused","useState","knobProps","control","elevation","useResolvedKnobs","inTableCell","useIsInTableCell","elevationWrapperProps","useMemo","getElevationWrapperProps","jsx","ControlGroupCtx","Provider","FocusContext","body","sizeToken","flexDirection","Children","map","child","isValidElement","flex","outlined","transition","hoverKnobProps","hoverStyle","pressKnobProps","pressStyle","focusKnobProps","focusStyle","focus","focusVisibleKnobProps","focusVisibleStyle"],"sources":["../../../src/ControlGroup/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","ControlGroup_exports","__export","ControlGroup","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","borderWidth","borderColor","formInputColors","border","base","backgroundColor","background","outlineStyle","isWeb","tabIndex","focusable","variants","scaleIcon","size","...size","val","param","tokens","height","borderRadius","radius","children","orientation","props","focused","setFocused","useState","knobProps","control","elevation","useResolvedKnobs","inTableCell","useIsInTableCell","elevationWrapperProps","useMemo","getElevationWrapperProps","jsx","ControlGroupCtx","Provider","FocusContext","body","sizeToken","flexDirection","Children","map","child","isValidElement","flex","outlined","getInputFrameTransitionProps","transition","hoverKnobProps","hoverStyle","pressKnobProps","pressStyle","focusKnobProps","focusStyle","focus","focusVisibleKnobProps","focusVisibleStyle"],"sources":["../../../src/ControlGroup/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/ErrorSummary.cjs

@@ -0,0 +1,192 @@
+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 ErrorSummary_exports = {};
+__export(ErrorSummary_exports, {
+  ErrorSummary: () => ErrorSummary,
+  collectFormFieldErrors: () => collectFormFieldErrors,
+  formatFieldError: () => formatFieldError,
+  normalizeFieldError: () => normalizeFieldError,
+  warnBannedErrorWords: () => warnBannedErrorWords
+});
+module.exports = __toCommonJS(ErrorSummary_exports);
+var import_theme = require("@multiplatform.one/theme");
+var import_react = require("@phosphor-icons/react");
+var import_react2 = require("react");
+var import_tamagui = require("tamagui");
+var import_colorRamps = require("./shared/colorRamps.cjs");
+var import_t = require("./shared/t.cjs");
+var import_devWarn = require("./shared/devWarn.cjs");
+var import_useFocusManagement = require("./hooks/useFocusManagement.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+function formatFieldError(error) {
+  if (typeof error === "string") return error;
+  const problem = error.problem?.trim() ?? "";
+  const action = error.action?.trim();
+  if (problem && action) return `${problem} ${action}`;
+  return problem || action || "";
+}
+function normalizeFieldError(raw) {
+  if (raw == null || raw === false || raw === "") return void 0;
+  if (typeof raw === "string") return raw;
+  if (typeof raw === "object" && raw !== null && "problem" in raw) {
+    const problem = String(raw.problem ?? "").trim();
+    if (!problem) return void 0;
+    return raw;
+  }
+  return String(raw);
+}
+function warnBannedErrorWords(message, fieldName) {
+  (0, import_devWarn.warnBannedErrorWords)(message, {
+    component: "ErrorSummary",
+    fieldName,
+    id: fieldName
+  });
+}
+function collectFormFieldErrors(fieldMeta) {
+  if (!fieldMeta) return [];
+  const items = [];
+  for (const [name, meta] of Object.entries(fieldMeta)) {
+    const error = normalizeFieldError(meta?.errors?.[0]);
+    if (!error) continue;
+    const message = formatFieldError(error);
+    if (!message) continue;
+    warnBannedErrorWords(message, name);
+    items.push({
+      name,
+      id: name,
+      error
+    });
+  }
+  return items;
+}
+function ErrorSummary({
+  errors,
+  title = (0, import_t.t)("There is a problem"),
+  disableAutoFocus = false,
+  formElement,
+  onFocusField
+}) {
+  const {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)({
+    component: "ErrorSummary"
+  });
+  const headingId = (0, import_react2.useId)();
+  const containerRef = (0, import_react2.useRef)(null);
+  (0, import_react2.useEffect)(() => {
+    if (disableAutoFocus || !import_tamagui.isWeb || errors.length === 0) return;
+    const node = containerRef.current;
+    if (!node || typeof node.focus !== "function") return;
+    const timer = setTimeout(() => {
+      node.focus();
+    }, 0);
+    return () => clearTimeout(timer);
+  }, [disableAutoFocus, errors.length]);
+  if (errors.length === 0) return null;
+  const focusItem = item => {
+    if (!import_tamagui.isWeb) {
+      onFocusField?.(item);
+      return;
+    }
+    const root = formElement ?? containerRef.current?.closest?.("form") ?? (typeof document !== "undefined" ? document.body : null);
+    (0, import_useFocusManagement.focusFieldTarget)(root, {
+      id: item.id ?? item.name,
+      name: item.name
+    });
+    onFocusField?.(item);
+  };
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+    ref: containerRef,
+    role: "alert",
+    "aria-labelledby": headingId,
+    tabIndex: -1,
+    theme: "error",
+    backgroundColor: "$color3",
+    width: "100%",
+    gap: "$2",
+    marginBottom: "$3",
+    padding: knobProps.panelPadding?.padding ?? "$3",
+    ...knobProps.borderRadius,
+    outlineWidth: 0,
+    focusVisibleStyle: {
+      outlineWidth: 2,
+      outlineStyle: "solid",
+      outlineColor: "$color8",
+      outlineOffset: 2
+    },
+    "data-testid": "error-summary",
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+      flexDirection: "row",
+      alignItems: "center",
+      gap: "$2",
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.WarningCircleIcon, {
+        size: 20,
+        "aria-hidden": true
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.H4, {
+        id: headingId,
+        size: "$4",
+        color: "$color12",
+        fontWeight: "700",
+        margin: 0,
+        children: title
+      })]
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+      ...{
+        tag: "ul"
+      },
+      gap: "$1",
+      paddingInlineStart: "$1",
+      margin: 0,
+      children: errors.map(item => {
+        const message = item.label ?? formatFieldError(item.error);
+        const targetId = item.id ?? item.name;
+        return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+          ...{
+            tag: "li"
+          },
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
+            size: "$3",
+            color: "$color12",
+            ...knobProps.body,
+            children: import_tamagui.isWeb ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Anchor, {
+              href: `#${targetId}`,
+              color: import_colorRamps.formCommonColors.error,
+              textDecorationLine: "underline",
+              cursor: "pointer",
+              onPress: e => {
+                e?.preventDefault?.();
+                focusItem(item);
+              },
+              children: message
+            }) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
+              color: import_colorRamps.formCommonColors.error,
+              textDecorationLine: "underline",
+              onPress: () => focusItem(item),
+              children: message
+            })
+          })
+        }, item.name);
+      })
+    })]
+  });
+}