@multiplatform.one/forms 6.0.4 → 6.3.0

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

@@ -32,16 +32,37 @@ var import_react = require("react");
 var import_theme = require("@multiplatform.one/theme");
 var import_utils = require("../shared/utils.native.js");
 var import_tamagui = require("tamagui");
+var import_Spinner = require("../Spinner/index.native.js");
 var import_react_store = require("@tanstack/react-store");
 var import_get_token = require("@tamagui/get-token");
 var import_stacks = require("@tamagui/stacks");
+var import_actionLabel = require("../actionLabel.native.js");
 var import_colorRamps = require("../shared/colorRamps.native.js");
+var import_devWarn = require("../shared/devWarn.native.js");
 var import_groupContext = require("../shared/groupContext.native.js");
 function _type_of(obj) {
   "@swc/helpers - typeof";
 
   return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
 }
+function sizeTokenPx(size) {
+  var _map_String;
+  if (typeof size === "number") return size;
+  if (size == null) return import_theme.MIN_PRESS_TARGET;
+  var map = {
+    $1: 20,
+    "$1.5": 24,
+    $2: 28,
+    "$2.5": 32,
+    $3: 36,
+    "$3.5": 40,
+    $4: 44,
+    $true: 44,
+    $5: 52,
+    $6: 64
+  };
+  return (_map_String = map[String(size)]) !== null && _map_String !== void 0 ? _map_String : import_theme.MIN_PRESS_TARGET;
+}
 function normalizeButtonIcon(icon) {
   if (icon == null || icon === false) return null;
   if (/* @__PURE__ */(0, import_react.isValidElement)(icon)) return icon;
@@ -65,12 +86,14 @@ var getButtonSized = function getButtonSized2(val, param) {
   if (typeof val === "number") {
     return {
       paddingHorizontal: val * 0.25,
-      height: val
+      height: Math.max(val, import_theme.MIN_PRESS_TARGET),
+      minHeight: import_theme.MIN_PRESS_TARGET
     };
   }
   return {
     paddingHorizontal: (0, import_get_token.getSpace)(val),
-    height: val
+    height: val,
+    minHeight: import_theme.MIN_PRESS_TARGET
   };
 };
 var textAccentLow = {
@@ -90,16 +113,16 @@ var ButtonFrame = (0, import_tamagui.styled)(import_tamagui.View, {
   alignItems: "center",
   flexWrap: "nowrap",
   flexDirection: "row",
-  backgroundColor: import_colorRamps.formButtonColors.background.base,
-  borderWidth: 1,
-  borderColor: import_colorRamps.formButtonColors.border.base,
+  backgroundColor: "$background",
+  borderColor: "$borderColor",
   hoverStyle: {
-    backgroundColor: import_colorRamps.formButtonColors.background.hover
+    backgroundColor: "$backgroundHover"
   },
   variants: {
     outlined: {
       true: {
         backgroundColor: "transparent",
+        borderWidth: 1,
         hoverStyle: {
           backgroundColor: "transparent"
         },
@@ -138,19 +161,37 @@ function Button(param) {
     disabled,
     theme,
     onPress,
+    onKeyDown,
     tabIndex,
     icon,
     iconAfter,
     compact,
+    verb,
+    noun,
+    actionRole,
+    disabledReason,
     ...props
   } = param;
-  var _ref;
+  var _ref, _props_id, _props_size;
+  var _parentScopeTheme_outlineColor;
   var {
     resolvedForm: formFromHook
   } = (0, import_utils.useFormField)({
     form: formProp
   });
   var resolvedForm = action ? formFromHook : void 0;
+  (0, import_devWarn.warnBareDisabled)({
+    component: "Button",
+    id: typeof props.id === "string" ? props.id : void 0,
+    disabled: Boolean(disabled),
+    disabledReason,
+    // loading / form-invalid are derived — not a bare unexplained disable.
+    skip: Boolean(loading)
+  });
+  (0, import_devWarn.warnPositiveTabIndex)({
+    component: "Button",
+    value: typeof tabIndex === "number" ? tabIndex : void 0
+  });
   var {
     isValid
   } = (0, import_react_store.useStore)((_ref = resolvedForm === null || resolvedForm === void 0 ? void 0 : resolvedForm.store) !== null && _ref !== void 0 ? _ref : dummyStore, function (s) {
@@ -163,12 +204,15 @@ function Button(param) {
   var {
     knobProps,
     control,
-    text
+    text,
+    disabledState
   } = (0, import_theme.useResolvedKnobs)({
     intent,
     component: "Button",
     compact
   });
+  var parentScopeTheme = (0, import_tamagui.useTheme)();
+  var pageOutlineColor = (_parentScopeTheme_outlineColor = parentScopeTheme.outlineColor) === null || _parentScopeTheme_outlineColor === void 0 ? void 0 : _parentScopeTheme_outlineColor.val;
   var grouped = (0, import_groupContext.useControlGrouped)();
   if (skeleton) {
     return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
@@ -182,16 +226,26 @@ function Button(param) {
   }
   var isDisabled = disabled || loading || action === "submit" && resolvedForm && !isValid;
   var handlePress = function handlePress2(e) {
+    if (isDisabled) return;
     if (action === "submit" && resolvedForm) resolvedForm.handleSubmit();
     if (action === "reset" && resolvedForm) resolvedForm.reset();
     onPress === null || onPress === void 0 ? void 0 : onPress(e);
   };
+  var handleKeyDown = function handleKeyDown2(e) {
+    var _e_currentTarget_click, _e_currentTarget;
+    onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(e);
+    if (e.defaultPrevented || e.repeat) return;
+    if (e.key !== "Enter" && e.key !== " ") return;
+    e.preventDefault();
+    if (isDisabled) return;
+    (_e_currentTarget = e.currentTarget) === null || _e_currentTarget === void 0 ? void 0 : (_e_currentTarget_click = _e_currentTarget.click) === null || _e_currentTarget_click === void 0 ? void 0 : _e_currentTarget_click.call(_e_currentTarget);
+  };
   var activeThemeName = theme !== null && theme !== void 0 ? theme : intent;
   outlined = outlined !== null && outlined !== void 0 ? outlined : knobProps.outlined;
   var isLow = knobProps.textAccent === "low";
   var isMedium = knobProps.textAccent === "medium";
   var baseBorderWidth = knobProps.borderRadius.borderWidth;
-  var resolvedBorderWidth = baseBorderWidth > 0 ? Math.max(baseBorderWidth, 1) : outlined ? 1 : 0;
+  var resolvedBorderWidth = outlined ? Math.max(baseBorderWidth, 1) : baseBorderWidth;
   var [hovering, setHovering] = (0, import_react.useState)(false);
   var [pressing, setPressing] = (0, import_react.useState)(false);
   var handlePressIn = (0, import_react.useCallback)(function () {
@@ -209,9 +263,15 @@ function Button(param) {
     return setPressing(false);
   }, []);
   var textColor = isLow ? pressing ? textAccentLow.press : hovering ? textAccentLow.hover : textAccentLow.default : isMedium ? import_colorRamps.formCommonColors.text : void 0;
-  var textContent = loading ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Spinner, {
+  var resolvedRole = actionRole !== null && actionRole !== void 0 ? actionRole : accent ? "primary" : void 0;
+  var labelFromParts = children == null && verb != null ? (0, import_actionLabel.formatActionLabel)({
+    verb,
+    noun
+  }) : null;
+  var resolvedChildren = children !== null && children !== void 0 ? children : labelFromParts;
+  var textContent = loading ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Spinner.Spinner, {
     size: "small"
-  }) : typeof children === "string" ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.SizableText, {
+  }) : typeof resolvedChildren === "string" ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.SizableText, {
     userSelect: "none",
     flexGrow: 0,
     flexShrink: 1,
@@ -222,9 +282,12 @@ function Button(param) {
     ...(textColor ? {
       color: textColor
     } : void 0),
+    // LC-40: on the washed disabled chrome the label leaves the on-fill
+    // foreground and pins to the lowest AA tier (keepLabel keeps >=4.5:1).
+    ...(isDisabled ? disabledState.textKnobProps : void 0),
     transition: knobProps.transition,
-    children
-  }) : children;
+    children: resolvedChildren
+  }) : resolvedChildren;
   var hasIcon = icon || iconAfter;
   var iconElement = icon ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
     flexShrink: 0,
@@ -234,9 +297,31 @@ function Button(param) {
     flexShrink: 0,
     children: normalizeButtonIcon(iconAfter)
   }) : null;
+  var explainedDisable = Boolean(disabledReason === null || disabledReason === void 0 ? void 0 : disabledReason.trim()) && Boolean(isDisabled);
+  var generatedId = (0, import_react.useId)();
+  var reasonId = explainedDisable ? `${(_props_id = props.id) !== null && _props_id !== void 0 ? _props_id : generatedId}-disabled-reason` : void 0;
+  var isCircular = Boolean(props.circular);
+  var resolvedSize = (_props_size = props.size) !== null && _props_size !== void 0 ? _props_size : knobProps.sizeToken;
+  var visualPx = sizeTokenPx(resolvedSize);
+  var circularPressFloor = isCircular && visualPx < import_theme.MIN_PRESS_TARGET ? {
+    width: import_theme.MIN_PRESS_TARGET,
+    height: import_theme.MIN_PRESS_TARGET,
+    minWidth: import_theme.MIN_PRESS_TARGET,
+    minHeight: import_theme.MIN_PRESS_TARGET,
+    maxWidth: import_theme.MIN_PRESS_TARGET,
+    maxHeight: import_theme.MIN_PRESS_TARGET,
+    hitSlop: (0, import_theme.pressTargetHitSlop)(visualPx)
+  } : isCircular ? {
+    minWidth: import_theme.MIN_PRESS_TARGET,
+    minHeight: import_theme.MIN_PRESS_TARGET
+  } : {
+    minHeight: import_theme.MIN_PRESS_TARGET
+  };
   var buttonElement = /* @__PURE__ */(0, import_jsx_runtime.jsxs)(ButtonFrame, {
-    disabled: isDisabled || false,
-    opacity: isDisabled ? 0.5 : 1,
+    // DG-ST-03: an explained disable is aria-disabled (focusable, press
+    // swallowed in handlePress) instead of a natively disabled dead end.
+    disabled: explainedDisable ? false : isDisabled || false,
+    opacity: 1,
     transition: knobProps.transition,
     ...knobProps.borderRadius,
     borderWidth: resolvedBorderWidth,
@@ -246,6 +331,22 @@ function Button(param) {
     ...(outlined ? {
       variant: "outlined"
     } : void 0),
+    // Solid-intent sub-themes carry the on-fill foreground as `$color`
+    // (LC-05); outlined frames sit on the page, so re-anchor inherited
+    // text/icon color (currentColor) to the hue's readable text tier.
+    ...(outlined && intent && import_theme.solidButtonIntents.has(intent) ? {
+      color: "$color11"
+    } : void 0),
+    // LC-40 DISABLED-VISIBLE: keepLabel washes the chrome (muted fill/
+    // border) while label/glyphs re-anchor to the lowest AA text tier
+    // (`color` inherits into currentColor icons); dimWhole dims the
+    // button as its own assembly. Replaces the old hardcoded 0.5
+    // whole-dim that dropped label contrast under AA.
+    ...(isDisabled ? {
+      ...disabledState.surfaceKnobProps,
+      ...disabledState.textKnobProps,
+      ...disabledState.assemblyKnobProps
+    } : void 0),
     ...(isLow ? {
       onHoverIn: function onHoverIn() {
         return setHovering(true);
@@ -257,44 +358,96 @@ function Button(param) {
       onPressOut: handlePressOut
     } : void 0),
     hoverStyle: {
-      backgroundColor: outlined ? "transparent" : import_colorRamps.formButtonColors.background.hover,
+      backgroundColor: outlined ? "transparent" : "$backgroundHover",
       ...(outlined ? {
-        borderColor: import_colorRamps.formButtonColors.border.hover
+        borderColor: "$borderColorHover"
       } : void 0),
       ...control.hoverKnobProps,
       ...text.hoverKnobProps
     },
     pressStyle: {
-      backgroundColor: outlined ? "transparent" : import_colorRamps.formButtonColors.background.active,
+      backgroundColor: outlined ? "transparent" : "$backgroundPress",
       ...(outlined ? {
-        borderColor: import_colorRamps.formButtonColors.border.active
+        borderColor: "$borderColorPress"
       } : void 0),
       ...control.pressKnobProps,
       ...text.pressKnobProps
     },
     focusStyle: {},
-    focusVisibleStyle: {},
+    // DG-A11Y-01: the house focus-visible ring (recipe-supplied, ≥2px) —
+    // was `{{}}`, which left only the browser default. The color is the
+    // PARENT-scope `$outlineColor` literal: intent buttons re-theme the
+    // frame (<Theme name="accent">…), and those sub-themes derive a ring
+    // for their own inverted surfaces — invisible on the page the ring
+    // actually draws on (measured 1.17:1 on the accent pagination button).
+    focusVisibleStyle: {
+      ...control.focusVisibleKnobProps,
+      ...(pageOutlineColor ? {
+        outlineColor: pageOutlineColor
+      } : void 0)
+    },
     onPress: handlePress,
+    ...(import_tamagui.isWeb ? {
+      onKeyDown: handleKeyDown
+    } : void 0),
     ...(tabIndex != null ? {
       tabIndex
     } : void 0),
     ...props,
+    ...circularPressFloor,
+    ...(explainedDisable ? {
+      // No `title`: hover-only reveals are banned on disabled controls
+      // (DG-OVL-05) — the reason renders as visible adjacent text.
+      "aria-disabled": true,
+      ...(import_tamagui.isWeb ? {
+        "aria-describedby": reasonId
+      } : {
+        accessibilityHint: disabledReason
+      }),
+      cursor: "not-allowed",
+      // Hover/press keep the LC-40 washed chrome — an aria-disabled
+      // control must not light up like a pressable one.
+      hoverStyle: {
+        backgroundColor: outlined ? "transparent" : "$background",
+        ...disabledState.surfaceKnobProps
+      },
+      pressStyle: {
+        backgroundColor: outlined ? "transparent" : "$background",
+        ...disabledState.surfaceKnobProps
+      },
+      "data-mp-disabled-explained": "true"
+    } : void 0),
     ...(grouped ? {
       borderWidth: 0,
       borderRadius: 0,
       elevation: void 0,
       height: "100%"
     } : void 0),
-    gap: hasIcon && (children || textContent) ? "$2" : void 0,
+    gap: hasIcon && (resolvedChildren || textContent) ? "$2" : void 0,
+    ...(resolvedRole ? {
+      "data-mp-action-role": resolvedRole
+    } : void 0),
     children: [iconElement, textContent, iconAfterElement]
   });
+  var explainedElement = explainedDisable ? /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+    gap: "$1",
+    flexShrink: 1,
+    "data-mp-disabled-reason-wrapper": "true",
+    children: [buttonElement, /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.SizableText, {
+      id: reasonId,
+      size: "$1",
+      color: import_colorRamps.formCommonColors.muted,
+      "data-mp-disabled-reason": "true",
+      children: disabledReason
+    })]
+  }) : buttonElement;
   if (activeThemeName) {
     return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Theme, {
       name: activeThemeName,
-      children: buttonElement
+      children: explainedElement
     });
   }
-  return buttonElement;
+  return explainedElement;
 }
 Button.Icon = import_tamagui.Button.Icon;
 Button.Text = import_tamagui.SizableText;

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

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","Button_exports","__export","Button","module","exports","import_jsx_runtime","require","import_react","import_theme","import_utils","import_tamagui","import_react_store","import_get_token","import_stacks","import_colorRamps","import_groupContext","_type_of","obj","Symbol","constructor","normalizeButtonIcon","icon","isValidElement","createElement","size","getButtonSized","getButtonSized2","val","param","props","circular","paddingHorizontal","height","getSpace","textAccentLow","default","formButtonColors","textLow","base","hover","press","active","dummyStore","Store","isValid","ButtonFrame","styled","View","name","role","tabIndex","cursor","justifyContent","alignItems","flexWrap","flexDirection","backgroundColor","background","borderWidth","borderColor","border","hoverStyle","variants","outlined","true","pressStyle","themeableVariants","chromeless","disabled","pointerEvents","defaultVariants","children","action","form","formProp","loading","accent","error","warning","success","skeleton","theme","onPress","iconAfter","compact","_ref","resolvedForm","formFromHook","useFormField","useStore","store","s","_s_isValid","intent","knobProps","control","text","useResolvedKnobs","component","grouped","useControlGrouped","jsx","borderRadius","sizeToken","width","opacity","isDisabled","handlePress","handlePress2","e","handleSubmit","reset","activeThemeName","isLow","textAccent","isMedium","baseBorderWidth","resolvedBorderWidth","Math","max","hovering","setHovering","useState","pressing","setPressing","handlePressIn","useCallback","isWeb","up","up2","document","addEventListener","once","handlePressOut","textColor","formCommonColors","textContent","Spinner","SizableText","userSelect","flexGrow","flexShrink","textOverflow","whiteSpace","overflow","body","color","transition","hasIcon","iconElement","iconAfterElement","buttonElement","jsxs","elevation","variant","onHoverIn","onHoverOut","onPressIn","onPressOut","hoverKnobProps","pressKnobProps"],"sources":["../../../src/Button/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","Button_exports","__export","Button","module","exports","import_jsx_runtime","require","import_react","import_theme","import_utils","import_tamagui","import_Spinner","import_react_store","import_get_token","import_stacks","import_actionLabel","import_colorRamps","import_devWarn","import_groupContext","_type_of","obj","Symbol","constructor","sizeTokenPx","size","_map_String","MIN_PRESS_TARGET","map","$1","$2","$3","$4","$true","$5","$6","String","normalizeButtonIcon","icon","isValidElement","createElement","getButtonSized","getButtonSized2","val","param","props","circular","paddingHorizontal","height","Math","max","minHeight","getSpace","textAccentLow","default","formButtonColors","textLow","base","hover","press","active","dummyStore","Store","isValid","ButtonFrame","styled","View","name","role","tabIndex","cursor","justifyContent","alignItems","flexWrap","flexDirection","backgroundColor","borderColor","hoverStyle","variants","outlined","true","borderWidth","pressStyle","themeableVariants","chromeless","disabled","pointerEvents","defaultVariants","children","action","form","formProp","loading","accent","error","warning","success","skeleton","theme","onPress","onKeyDown","iconAfter","compact","verb","noun","actionRole","disabledReason","_ref","_props_id","_props_size","_parentScopeTheme_outlineColor","resolvedForm","formFromHook","useFormField","warnBareDisabled","component","id","Boolean","skip","warnPositiveTabIndex","useStore","store","s","_s_isValid","intent","knobProps","control","text","disabledState","useResolvedKnobs","parentScopeTheme","useTheme","pageOutlineColor","outlineColor","grouped","useControlGrouped","jsx","borderRadius","sizeToken","width","opacity","isDisabled","handlePress","handlePress2","e","handleSubmit","reset","handleKeyDown","handleKeyDown2","_e_currentTarget_click","_e_currentTarget","defaultPrevented","repeat","key","preventDefault","currentTarget","click","call","activeThemeName","isLow","textAccent","isMedium","baseBorderWidth","resolvedBorderWidth","hovering","setHovering","useState","pressing","setPressing","handlePressIn","useCallback","isWeb","up","up2","document","addEventListener","once","handlePressOut","textColor","formCommonColors","resolvedRole","labelFromParts","formatActionLabel","resolvedChildren","textContent","Spinner","SizableText","userSelect","flexGrow","flexShrink","textOverflow","whiteSpace","overflow","body","color","textKnobProps","transition","hasIcon","iconElement","iconAfterElement","explainedDisable","trim","generatedId","useId","reasonId","isCircular","resolvedSize","visualPx","circularPressFloor","minWidth","maxWidth","maxHeight","hitSlop","pressTargetHitSlop","buttonElement","jsxs","elevation","variant","solidButtonIntents","has","surfaceKnobProps","assemblyKnobProps","onHoverIn","onHoverOut","onPressIn","onPressOut","hoverKnobProps","pressKnobProps","focusStyle","focusVisibleStyle","focusVisibleKnobProps"],"sources":["../../../src/Button/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/Chip/index.cjs

@@ -22,47 +22,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_react = require("@phosphor-icons/react");
 var import_theme = require("@multiplatform.one/theme");
 var import_tamagui = require("tamagui");
+var import_t = require("../shared/t.cjs");
 var import_jsx_runtime = require("react/jsx-runtime");
 const 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"
   }
 };
@@ -71,7 +75,8 @@ const 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: {
@@ -129,13 +134,20 @@ const ChipText = (0, import_tamagui.styled)(import_tamagui.Text, {
     }
   }
 });
+function chipIconSize(size) {
+  return size === "$2" ? 10 : size === "$3" ? 12 : 14;
+}
 const 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"
@@ -143,20 +155,28 @@ const 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({
   children,
-  size = "$3",
+  size,
   variant = "subtle",
   color = "gray",
   onDismiss,
   disabled
 }) {
   const {
-    knobProps
+    knobProps,
+    disabledState
   } = (0, import_theme.useResolvedKnobs)();
   const colors = colorMap[color];
+  const resolvedSize = size ?? knobProps.sizeToken;
   const getBackgroundColor = () => {
     switch (variant) {
       case "solid":
@@ -169,26 +189,47 @@ function Chip({
   };
   const textColor = colors.text;
   const borderColor = variant === "outline" ? colors.border : "transparent";
-  const iconSize = size === "$2" ? 10 : size === "$3" ? 12 : 14;
+  const iconSize = chipIconSize(resolvedSize);
+  const dismissVisual = iconSize + 2;
+  const 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,
+    ...(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,
+      borderRadius: knobProps.pointy ? 0 : 1e3,
+      ...(0, import_theme.pressTargetStyle)(),
+      marginVertical: -dismissOutset,
+      marginHorizontal: -dismissOutset,
+      hitSlop: (0, import_theme.pressTargetHitSlop)(dismissVisual),
       onPress: e => {
         e.stopPropagation?.();
         onDismiss();
       },
-      accessibilityRole: "button",
-      accessibilityLabel: "Remove",
+      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