@multiplatform.one/forms 6.7.0 → 7.0.0

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

@@ -1,71 +1,121 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { XIcon } from "@phosphor-icons/react";
-import { MIN_PRESS_TARGET, pressTargetHitSlop, pressTargetStyle, useResolvedKnobs } from "@multiplatform.one/theme";
-import { Text, View, styled } from "tamagui";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState } from "react";
+import { CheckIcon, XIcon } from "@phosphor-icons/react";
+import { FOCUS_VISIBLE_RING, ensureCompositeFocusRing, ensureFocusVisibleRing, pressTargetHitSlop, sizeRecipeForToken, stackRadiusProps, useResolvedKnobs } from "@multiplatform.one/theme";
+import { Text, View, isWeb, styled, useTheme } from "tamagui";
 import { t } from "../shared/t.native.js";
 var colorMap = {
   gray: {
     bg: "$color4",
+    fill: "$color8",
     text: "$color12",
-    border: "$color7"
+    border: "$color7",
+    dismissHover: "$color6",
+    dismissPress: "$color7"
   },
   red: {
     bg: "$red4",
+    fill: "$red8",
     text: "$red12",
-    border: "$red7"
+    border: "$red7",
+    dismissHover: "$red6",
+    dismissPress: "$red7"
   },
   green: {
     bg: "$green4",
+    fill: "$green8",
     text: "$green12",
-    border: "$green7"
+    border: "$green7",
+    dismissHover: "$green6",
+    dismissPress: "$green7"
   },
   blue: {
     bg: "$blue4",
+    fill: "$blue8",
     text: "$blue12",
-    border: "$blue7"
+    border: "$blue7",
+    dismissHover: "$blue6",
+    dismissPress: "$blue7"
   },
   yellow: {
     bg: "$yellow4",
+    fill: "$yellow8",
     text: "$yellow12",
-    border: "$yellow7"
+    border: "$yellow7",
+    dismissHover: "$yellow6",
+    dismissPress: "$yellow7"
   },
   orange: {
     bg: "$orange4",
+    fill: "$orange8",
     text: "$orange12",
-    border: "$orange7"
+    border: "$orange7",
+    dismissHover: "$orange6",
+    dismissPress: "$orange7"
   },
   purple: {
     bg: "$purple4",
+    fill: "$purple8",
     text: "$purple12",
-    border: "$purple7"
+    border: "$purple7",
+    dismissHover: "$purple6",
+    dismissPress: "$purple7"
   }
 };
+function resolveVariant(variant) {
+  if (variant === "filled") return "solid";
+  if (variant === "outlined") return "outline";
+  if (variant === "ghost") return "subtle";
+  return variant !== null && variant !== void 0 ? variant : "subtle";
+}
+var CHIP_RECIPE_FAMILY = "controlCompact";
+var CHIP_SIZE_TOKENS = ["$2", "$3", "$4", "$5"];
+function chipPadY(paddingHorizontal) {
+  return Math.round(paddingHorizontal * 0.25);
+}
+function chipFrameGeometry(token) {
+  var recipe = sizeRecipeForToken(token, {
+    family: CHIP_RECIPE_FAMILY
+  });
+  return {
+    paddingHorizontal: recipe.paddingHorizontal,
+    paddingVertical: chipPadY(recipe.paddingHorizontal),
+    gap: recipe.gap
+  };
+}
+var chipFrameVariants = Object.fromEntries(CHIP_SIZE_TOKENS.map(function (token) {
+  return [token, chipFrameGeometry(token)];
+}));
+var chipTextVariants = Object.fromEntries(CHIP_SIZE_TOKENS.map(function (token) {
+  return [token, {
+    fontSize: sizeRecipeForToken(token, {
+      family: CHIP_RECIPE_FAMILY
+    }).fontSize
+  }];
+}));
+var chipDismissVariants = Object.fromEntries(CHIP_SIZE_TOKENS.map(function (token) {
+  var {
+    paddingHorizontal,
+    paddingVertical
+  } = chipFrameGeometry(token);
+  return [token, {
+    marginVertical: -paddingVertical,
+    marginInlineEnd: -paddingHorizontal
+  }];
+}));
 var ChipFrame = styled(View, {
   name: "Chip",
   flexDirection: "row",
   alignItems: "center",
-  gap: "$1",
   // 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",
+  ...chipFrameVariants.$3,
+  overflow: "visible",
   variants: {
     size: {
-      $2: {
-        paddingHorizontal: "$1.5",
-        paddingVertical: "$0.5"
-      },
-      $3: {
-        paddingHorizontal: "$2",
-        paddingVertical: "$1"
-      },
-      $4: {
-        paddingHorizontal: "$2.5",
-        paddingVertical: "$1"
-      },
-      $5: {
-        paddingHorizontal: "$3",
-        paddingVertical: "$1.5"
+      ...chipFrameVariants,
+      "...size": function (val) {
+        return chipFrameGeometry(String(val !== null && val !== void 0 ? val : "$3"));
       }
     },
     variant: {
@@ -83,72 +133,160 @@ var ChipFrame = styled(View, {
 });
 var ChipText = styled(Text, {
   name: "ChipText",
-  fontSize: "$2",
   fontWeight: "500",
   numberOfLines: 1,
   userSelect: "none",
+  ...chipTextVariants.$3,
   variants: {
     size: {
-      $2: {
-        fontSize: "$1"
-      },
-      $3: {
-        fontSize: "$2"
-      },
-      $4: {
-        fontSize: "$3"
-      },
-      $5: {
-        fontSize: "$3"
+      ...chipTextVariants,
+      "...size": function (val) {
+        return {
+          fontSize: sizeRecipeForToken(String(val !== null && val !== void 0 ? val : "$3"), {
+            family: CHIP_RECIPE_FAMILY
+          }).fontSize
+        };
       }
     }
   }
 });
+var ChipBody = styled(View, {
+  name: "ChipBody",
+  flexDirection: "row",
+  alignItems: "center",
+  gap: chipFrameVariants.$3.gap,
+  minWidth: 0,
+  flexShrink: 1,
+  backgroundColor: "transparent",
+  outlineWidth: 0,
+  cursor: "pointer",
+  focusStyle: {
+    outlineWidth: 0
+  },
+  focusVisibleStyle: {
+    outlineWidth: 0
+  }
+});
 function chipIconSize(size) {
-  return size === "$2" ? 10 : size === "$3" ? 12 : 14;
+  return sizeRecipeForToken(size, {
+    family: CHIP_RECIPE_FAMILY
+  }).iconSize;
+}
+var CHIP_DISMISS_MIN_TARGET_FINE = 24;
+function chipDismissFloorOutset(side) {
+  return Math.max(0, (CHIP_DISMISS_MIN_TARGET_FINE - side) / 2);
 }
 var DismissButton = styled(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",
-  marginInlineEnd: -4,
   alignItems: "center",
   justifyContent: "center",
+  flexShrink: 0,
+  alignSelf: "stretch",
+  // Containing block for the absolute hit-area overlay below.
+  position: "relative",
+  outlineWidth: 0,
   hoverStyle: {
-    opacity: 1,
-    backgroundColor: "$color5"
+    opacity: 1
   },
   pressStyle: {
-    opacity: 0.9,
-    backgroundColor: "$color6"
+    opacity: 0.9
+  },
+  focusStyle: {
+    outlineWidth: 0
   },
+  // Shared house ring recipe (2px solid $outlineColor, −2 inset) — the
+  // inset ring hugs the circular end-cap target.
   focusVisibleStyle: {
     opacity: 1,
-    outlineColor: "$outlineColor",
-    outlineWidth: 2,
-    outlineStyle: "solid"
+    ...FOCUS_VISIBLE_RING
+  },
+  variants: {
+    // Mirrors the ChipFrame size variants NEGATED (derived from the same
+    // generated recipe geometry): the vertical margins cancel paddingVertical
+    // (stretch then spans the full pill height) and the inline-end margin
+    // cancels paddingHorizontal (the square hugs the pill's right edge).
+    size: {
+      ...chipDismissVariants,
+      "...size": function (val) {
+        var {
+          paddingHorizontal,
+          paddingVertical
+        } = chipFrameGeometry(String(val !== null && val !== void 0 ? val : "$3"));
+        return {
+          marginVertical: -paddingVertical,
+          marginInlineEnd: -paddingHorizontal
+        };
+      }
+    }
+  },
+  defaultVariants: {
+    size: "$3"
   }
 });
+var DismissRing = styled(View, {
+  name: "ChipDismissRing",
+  alignItems: "center",
+  justifyContent: "center",
+  padding: "$0.5",
+  outlineWidth: 0,
+  hoverStyle: {
+    backgroundColor: "$color5"
+  }
+});
+var CHIP_RING_STYLE_ID = "mp-chip-focus-ring";
+var chipFocusRingCss = `/* LC-71: Chip body \u2192 pill ring; dismiss \u2192 glyph (see mp-chip-dismiss-ring). */
+.mp-chip:has(.mp-chip-body:focus-visible),
+[data-mp-chip]:has(.mp-chip-body:focus-visible) {
+  outline: 2px solid var(--outlineColor, var(--c-outlineColor, CanvasText)) !important;
+  outline-offset: 2px !important;
+}
+.mp-chip-body,
+.mp-chip-body:focus,
+.mp-chip-body:focus-visible {
+  outline: none !important;
+  box-shadow: none !important;
+}`;
+function ensureChipFocusRing() {
+  if (typeof document === "undefined") return;
+  ensureCompositeFocusRing();
+  if (document.getElementById(CHIP_RING_STYLE_ID)) return;
+  var tag = document.createElement("style");
+  tag.id = CHIP_RING_STYLE_ID;
+  tag.textContent = chipFocusRingCss;
+  document.head.appendChild(tag);
+}
 function Chip(param) {
   var {
     children,
     size,
-    variant = "subtle",
+    variant: variantProp = "subtle",
     color = "gray",
     onDismiss,
-    disabled
+    disabled,
+    selected = false,
+    onPress,
+    icon,
+    groupPosition,
+    groupOrientation = "horizontal"
   } = param;
+  var _ref;
+  var _theme_textColor_replace;
   var {
     knobProps,
     disabledState
   } = useResolvedKnobs();
+  var variant = resolveVariant(variantProp);
   var colors = colorMap[color];
+  var [dismissSide, setDismissSide] = useState(null);
+  var dismissFloorOutset = dismissSide ? chipDismissFloorOutset(dismissSide) : 0;
   var resolvedSize = size !== null && size !== void 0 ? size : knobProps.sizeToken;
+  if (isWeb) ensureChipFocusRing();
+  var interactive = Boolean(!disabled && (onPress || onDismiss));
+  var label = typeof children === "string" ? children : void 0;
   var getBackgroundColor = function getBackgroundColor2() {
+    if (selected) return colors.fill;
     switch (variant) {
       case "solid":
         return colors.bg;
@@ -159,16 +297,50 @@ function Chip(param) {
     }
   };
   var textColor = colors.text;
-  var borderColor = variant === "outline" ? colors.border : "transparent";
+  var borderColor = selected ? "transparent" : variant === "outline" ? colors.border : "transparent";
   var iconSize = chipIconSize(resolvedSize);
-  var dismissVisual = iconSize + 2;
-  var dismissOutset = Math.max(0, Math.ceil((MIN_PRESS_TARGET - dismissVisual) / 2));
+  var theme = useTheme();
+  var glyphInk = (_ref = (_theme_textColor_replace = theme[textColor.replace("$", "")]) === null || _theme_textColor_replace === void 0 ? void 0 : _theme_textColor_replace.val) !== null && _ref !== void 0 ? _ref : "currentColor";
+  var dismissLabel = typeof children === "string" || typeof children === "number" ? t("Remove {{label}}", {
+    label: String(children)
+  }) : t("Remove");
+  var leading = icon !== void 0 ? icon : selected ? /* @__PURE__ */_jsx(CheckIcon, {
+    size: iconSize,
+    color: textColor
+  }) : null;
+  var onBodyKeyDown = function onBodyKeyDown2(e) {
+    if ((e.key === "Enter" || e.key === " ") && onPress) {
+      e.preventDefault();
+      e.stopPropagation();
+      onPress();
+    } else if ((e.key === "Backspace" || e.key === "Delete") && onDismiss) {
+      e.preventDefault();
+      e.stopPropagation();
+      onDismiss();
+    }
+  };
+  var labelRow = /* @__PURE__ */_jsxs(_Fragment, {
+    children: [leading, /* @__PURE__ */_jsx(ChipText, {
+      size: resolvedSize,
+      color: textColor,
+      ...knobProps.body,
+      ...(disabled ? disabledState.textKnobProps : void 0),
+      children
+    })]
+  });
   return /* @__PURE__ */_jsxs(ChipFrame, {
     size: resolvedSize,
     variant,
     backgroundColor: getBackgroundColor(),
     ...knobProps.borderRadius,
+    ...(groupPosition ? {
+      borderRadius: 0,
+      ...stackRadiusProps(groupPosition, knobProps.borderRadius.borderRadius, groupOrientation)
+    } : void 0),
     borderColor,
+    ...(selected ? {
+      borderWidth: 0
+    } : void 0),
     // 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.
@@ -181,25 +353,67 @@ function Chip(param) {
       ...disabledState.assemblyKnobProps
     } : void 0),
     overflow: "visible",
-    children: [/* @__PURE__ */_jsx(ChipText, {
-      size: resolvedSize,
-      color: textColor,
-      ...knobProps.body,
-      ...(disabled ? disabledState.textKnobProps : void 0),
-      children
-    }), onDismiss && !disabled && /* @__PURE__ */_jsx(DismissButton, {
+    cursor: interactive ? "pointer" : void 0,
+    "data-mp-chip": "",
+    "data-selected": selected ? "true" : void 0,
+    "data-group-position": groupPosition,
+    ...(isWeb ? {
+      className: "mp-chip",
+      tabIndex: -1
+    } : {
+      focusable: interactive
+    }),
+    focusStyle: {
+      outlineWidth: 0
+    },
+    focusVisibleStyle: isWeb ? {
+      outlineWidth: 0
+    } : interactive ? ensureFocusVisibleRing() : {
+      outlineWidth: 0
+    },
+    ...(onPress && !disabled ? {
+      onPress: function onPress1() {
+        return onPress();
+      },
+      pressStyle: {
+        opacity: 0.88
+      }
+    } : void 0),
+    children: [isWeb && interactive ? /* @__PURE__ */_jsx(ChipBody, {
+      className: "mp-chip-body",
+      "data-mp-chip-body": "",
+      role: "button",
+      tabIndex: 0,
+      "aria-label": label,
+      "aria-pressed": onPress ? selected : void 0,
+      onKeyDown: onBodyKeyDown,
+      ...(onPress ? {
+        onPress: function onPress1(e) {
+          var _e_stopPropagation;
+          (_e_stopPropagation = e.stopPropagation) === null || _e_stopPropagation === void 0 ? void 0 : _e_stopPropagation.call(e);
+          onPress();
+        }
+      } : void 0),
+      children: labelRow
+    }) : labelRow, onDismiss && !disabled && /* @__PURE__ */_jsxs(DismissButton, {
       role: "button",
-      "aria-label": t("Remove"),
+      "aria-label": dismissLabel,
       tabIndex: 0,
+      className: "mp-chip-dismiss",
+      size: resolvedSize,
       // 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,
-      ...pressTargetStyle(),
-      marginVertical: -dismissOutset,
-      marginHorizontal: -dismissOutset,
-      hitSlop: pressTargetHitSlop(dismissVisual),
-      onPress: function onPress(e) {
+      // Coarse-pointer floor: expand the touch area to 44×44 via hitSlop
+      // (unpainted, no layout) instead of growing the box.
+      hitSlop: pressTargetHitSlop(CHIP_DISMISS_MIN_TARGET_FINE),
+      width: dismissSide !== null && dismissSide !== void 0 ? dismissSide : void 0,
+      onLayout: function onLayout(e) {
+        var h = e.nativeEvent.layout.height;
+        if (h > 0 && Math.abs((dismissSide !== null && dismissSide !== void 0 ? dismissSide : 0) - h) > 0.5) setDismissSide(h);
+      },
+      onPress: function onPress2(e) {
         var _e_stopPropagation;
         (_e_stopPropagation = e.stopPropagation) === null || _e_stopPropagation === void 0 ? void 0 : _e_stopPropagation.call(e);
         onDismiss();
@@ -211,12 +425,29 @@ function Chip(param) {
           onDismiss();
         }
       },
-      children: /* @__PURE__ */_jsx(XIcon, {
-        size: iconSize,
-        color: textColor
-      })
+      children: [dismissFloorOutset > 0 && /* @__PURE__ */_jsx(View, {
+        position: "absolute",
+        top: -dismissFloorOutset,
+        bottom: -dismissFloorOutset,
+        left: -dismissFloorOutset,
+        right: -dismissFloorOutset
+      }), /* R-BINARY on the painted ring too — same dial as the outline. */
+      /* @__PURE__ */_jsx(DismissRing, {
+        className: "mp-chip-dismiss-ring",
+        borderRadius: knobProps.pointy ? 0 : 1e3,
+        hoverStyle: {
+          backgroundColor: colors.dismissHover
+        },
+        pressStyle: {
+          backgroundColor: colors.dismissPress
+        },
+        children: /* @__PURE__ */_jsx(XIcon, {
+          size: iconSize,
+          color: glyphInk
+        })
+      })]
     })]
   });
 }
-export { Chip, ChipFrame, ChipText, chipIconSize };
+export { CHIP_DISMISS_MIN_TARGET_FINE, Chip, ChipFrame, ChipText, chipDismissFloorOutset, chipIconSize };
 //# sourceMappingURL=index.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","XIcon","MIN_PRESS_TARGET","pressTargetHitSlop","pressTargetStyle","useResolvedKnobs","Text","View","styled","t","colorMap","gray","bg","text","border","red","green","blue","yellow","orange","purple","ChipFrame","name","flexDirection","alignItems","gap","paddingHorizontal","paddingVertical","variants","size","$2","$3","$4","$5","variant","solid","subtle","outline","borderWidth","defaultVariants","ChipText","fontSize","fontWeight","numberOfLines","userSelect","chipIconSize","DismissButton","cursor","opacity","borderRadius","padding","marginInlineEnd","justifyContent","hoverStyle","backgroundColor","pressStyle","focusVisibleStyle","outlineColor","outlineWidth","outlineStyle","Chip","param","children","color","onDismiss","disabled","knobProps","disabledState","colors","resolvedSize","sizeToken","getBackgroundColor","getBackgroundColor2","textColor","borderColor","iconSize","dismissVisual","dismissOutset","Math","max","ceil","surfaceKnobProps","assemblyKnobProps"],"sources":["../../../src/Chip/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","useState","CheckIcon","XIcon","FOCUS_VISIBLE_RING","ensureCompositeFocusRing","ensureFocusVisibleRing","pressTargetHitSlop","sizeRecipeForToken","stackRadiusProps","useResolvedKnobs","Text","View","isWeb","styled","useTheme","t","colorMap","gray","bg","fill","text","border","dismissHover","dismissPress","red","green","blue","yellow","orange","purple","resolveVariant","variant","CHIP_RECIPE_FAMILY","CHIP_SIZE_TOKENS","chipPadY","paddingHorizontal","Math","round","chipFrameGeometry","token","recipe","family","paddingVertical","gap","chipFrameVariants","Object","fromEntries","map","chipTextVariants","fontSize","chipDismissVariants","marginVertical","marginInlineEnd","ChipFrame","name","flexDirection","alignItems","$3","overflow","variants","size","...size","val","String","solid","subtle","outline","borderWidth","defaultVariants","ChipText","fontWeight","numberOfLines","userSelect","ChipBody","minWidth","flexShrink","backgroundColor","outlineWidth","cursor","focusStyle","focusVisibleStyle","chipIconSize","iconSize","CHIP_DISMISS_MIN_TARGET_FINE","chipDismissFloorOutset","side","max","DismissButton","opacity","justifyContent","alignSelf","position","hoverStyle","pressStyle","DismissRing","padding","CHIP_RING_STYLE_ID","chipFocusRingCss","ensureChipFocusRing","document","getElementById","tag","createElement","id","textContent","head","appendChild","Chip","param","children","variantProp","color","onDismiss","disabled","selected","onPress","icon","groupPosition","groupOrientation","_ref","_theme_textColor_replace","knobProps","disabledState","colors","dismissSide","setDismissSide","dismissFloorOutset","resolvedSize","sizeToken","interactive","Boolean","label","getBackgroundColor","getBackgroundColor2","textColor","borderColor","theme","glyphInk","replace","dismissLabel","leading","onBodyKeyDown","onBodyKeyDown2","e","key","preventDefault","stopPropagation","labelRow","body","textKnobProps","borderRadius","surfaceKnobProps","assemblyKnobProps","className","tabIndex","focusable","onPress1","role","onKeyDown","_e_stopPropagation","call","pointy","hitSlop","width","onLayout","h","nativeEvent","layout","height","abs"],"sources":["../../../src/Chip/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}