@oxy.so/bloom 5.4.0 → 6.0.0

package/lib/module/button/shared.js

@@ -1,10 +1,11 @@
 "use strict";
 
-import { resolveSurfaceFill } from "../surface/shared.js";
+import { surfaceFillOn } from "../styles/surface-levels.js";
+import { resolveSurfaceFill, resolveSurfaceTint } from "../surface/shared.js";
 import { isValidElement } from 'react';
 import { resolveBloomColors } from "../appearance/colors.js";
 import { borderRadius } from "../styles/tokens.js";
-import { parseRgba } from "../theme/color-utils.js";
+import { parseRgba, withAlpha } from "../theme/color-utils.js";
 import { TYPE_SCALE } from "../typography/scale.js";
 import { oklchToSrgb, srgbToOklch, srgbToRgbString } from "../theme/color-space.js";
 /** Geometry shared by web and native: xs 24, sm 32, md 36, lg 44.
@@ -310,124 +311,46 @@ export function mixColor(base, top, alpha) {
 }
 
 /** Shared semantic recipe. Color and fill are independent axes. */
-export const BUTTON_SIZE_ALIAS = {
-  xs: 'xs',
-  sm: 'sm',
-  md: 'md',
-  lg: 'lg',
-  small: 'sm',
-  medium: 'md',
-  large: 'lg',
-  icon: 'md'
-};
-export function resolveButtonRecipe(variant) {
-  switch (variant) {
-    case 'secondary':
-    case 'outline':
-    case 'icon':
-      return {
-        appearance: 'outline',
-        tone: 'neutral'
-      };
-    case 'ghost':
-      return {
-        appearance: 'subtle',
-        tone: 'accent'
-      };
-    case 'text':
-    case 'link':
-      return {
-        appearance: 'plain',
-        tone: 'accent'
-      };
-    case 'destructive':
-      return {
-        appearance: 'solid',
-        tone: 'danger'
-      };
-    case 'inverse':
-      return {
-        appearance: 'solid',
-        tone: 'neutral'
-      };
-    default:
-      return {
-        appearance: 'solid',
-        tone: 'accent'
-      };
-  }
-}
+/** Resolve the shared appearance/tone contract. */
+export const resolveButtonPalette = resolveCanonicalButtonPalette;
 
-/** Legacy variants remain accepted; new appearance/tone are the shared contract. */
-export function resolveButtonPalette(appearance, theme, tone = 'accent', colors) {
-  const legacy = !['solid', 'subtle', 'outline', 'plain'].includes(appearance);
-  const recipe = resolveButtonRecipe(legacy ? appearance : undefined);
-  const resolvedTone = tone === 'primary' ? 'accent' : tone === 'secondary' || tone === 'text' ? 'neutral' : tone;
-  const palette = resolveCanonicalButtonPalette(legacy ? recipe.appearance : appearance, theme, legacy && tone === 'accent' ? recipe.tone : resolvedTone, colors);
-  if (appearance === 'link' && tone === 'text') return {
+/** Link actions retain their inline foreground and never add hover fill. */
+export function resolveLinkButtonPalette(theme, tone) {
+  const palette = resolveCanonicalButtonPalette('plain', theme, tone === 'primary' ? 'accent' : 'neutral');
+  const foreground = tone === 'primary' ? theme.colors.primary : tone === 'text' ? theme.colors.text : theme.colors.textSecondary;
+  return {
     ...palette,
     rest: {
       ...palette.rest,
-      foreground: theme.colors.text
-    },
-    hover: {
-      ...palette.hover,
-      foreground: theme.colors.textSecondary,
-      background: 'transparent'
+      foreground
     },
-    active: {
-      ...palette.active,
-      foreground: theme.colors.textSecondary,
-      background: 'transparent'
-    }
-  };
-  if (appearance === 'link') return {
-    ...palette,
     hover: {
       ...palette.hover,
-      foreground: palette.rest.foreground,
+      foreground: tone === 'text' ? theme.colors.textSecondary : foreground,
       background: 'transparent'
     },
     active: {
       ...palette.active,
-      foreground: palette.rest.foreground,
+      foreground: tone === 'text' ? theme.colors.textSecondary : foreground,
       background: 'transparent'
     }
   };
-  if (appearance === 'inverse') return {
-    ...palette,
-    rest: {
-      ...palette.rest,
-      gradient: null,
-      background: theme.colors.text,
-      foreground: theme.colors.background
-    },
-    hover: {
-      ...palette.hover,
-      gradient: null,
-      background: theme.colors.textSecondary,
-      foreground: theme.colors.background
-    },
-    active: {
-      ...palette.active,
-      gradient: null,
-      background: theme.colors.text,
-      foreground: theme.colors.background
-    }
-  };
-  return palette;
 }
 
 /** Semantic pairs remain authoritative; translucent subtle fills are composited once. */
-export function resolveCanonicalButtonPalette(appearance, theme, tone = 'accent', colors) {
+export function resolveCanonicalButtonPalette(appearance, theme, tone = 'accent', colors, neutralFill) {
   const c = theme.colors;
   const pair = colors ?? resolveBloomColors(c, tone, appearance);
   const surface = appearance !== 'plain';
   const neutral = tone === 'neutral' && !colors;
   const tint = appearance === 'outline' && !colors ? resolveBloomColors(c, tone, 'subtle').background : pair.background;
-  const fill = resolveSurfaceFill(tint, false, c.card);
+  const fill = resolveSurfaceFill(tint, c.card);
+  const neutralBase = neutralFill ?? c.card;
+  const neutralHover = neutralFill ? surfaceFillOn(theme, neutralBase) : c.backgroundSecondary;
+  const neutralActive = neutralFill ? surfaceFillOn(theme, neutralHover) : c.backgroundTertiary;
+  const semanticAlpha = colors ? parseRgba(tint)?.a ?? 1 : 1;
   const paint = state => ({
-    background: !surface ? state ? resolveBloomColors(c, tone, 'subtle').background : 'transparent' : neutral ? [c.card, c.backgroundSecondary, c.backgroundTertiary][state] : state === 0 ? fill : mixColor(fill, state === 1 ? '#ffffff' : '#000000', state === 1 ? 0.06 : 0.08),
+    background: !surface ? state ? resolveBloomColors(c, tone, 'subtle').background : 'transparent' : resolveSurfaceTint(neutral ? [neutralBase, neutralHover, neutralActive][state] : state === 0 ? colors ? tint : fill : withAlpha(mixColor(fill, state === 1 ? '#ffffff' : '#000000', state === 1 ? 0.06 : 0.08), semanticAlpha)),
     foreground: neutral ? appearance === 'plain' && state === 0 ? c.textSecondary : c.text : pair.foreground,
     border: TRANSPARENT,
     gradient: null,
@@ -438,7 +361,7 @@ export function resolveCanonicalButtonPalette(appearance, theme, tone = 'accent'
     hover: paint(1),
     active: paint(2),
     disabled: {
-      background: surface ? resolveSurfaceFill(c.backgroundSecondary, false, c.card) : TRANSPARENT,
+      background: surface ? resolveSurfaceTint(neutralHover) : TRANSPARENT,
       foreground: c.textTertiary,
       border: TRANSPARENT,
       gradient: null,
@@ -474,9 +397,9 @@ export function resolveCloseButtonPaint(theme) {
  * decided for itself is how they drift. `link` keeps its hover underline,
  * everything else keeps none, unless the caller says otherwise.
  */
-export function resolveButtonUnderline(variant, underline) {
+export function resolveButtonUnderline(isLink, underline) {
   if (underline !== undefined) return underline;
-  return variant === 'link' ? 'hover' : 'none';
+  return isLink ? 'hover' : 'none';
 }
 
 // ---------------------------------------------------------------------------

package/lib/module/button/shared.js.map

@@ -1 +1 @@
-{"version":3,"names":["resolveSurfaceFill","isValidElement","resolveBloomColors","borderRadius","parseRgba","TYPE_SCALE","oklchToSrgb","srgbToOklch","srgbToRgbString","BUTTON_RADIUS","full","typeFields","type","t","fontSize","lineHeight","fontWeight","letterSpacing","resolveButtonGeometry","size","textVariant","base","BUTTON_GEOMETRY","CANONICAL_BUTTON_GEOMETRY","xs","height","paddingHorizontal","gap","iconSize","labelPaddingHorizontal","sm","md","lg","small","medium","large","ICON_BUTTON_ICON_SIZE","LINK_BUTTON_GAP","LINK_BUTTON_UNDERLINE_OFFSET","CLOSE_BUTTON_GEOMETRY","box","glyph","stroke","inset","BUTTON_TRANSITION_MS","SEGMENTED_THUMB_MS","SEGMENTED_THUMB_EASE_BEZIER","BUTTON_SHADOW","light","dark","TRANSPARENT","ACCENT_TABLE","DANGER_TABLE","NEUTRAL_LIGHTNESS","RELATIVE_STOPS","Set","STOPS","toOklch","color","rgba","toRgb","l","c","h","chroma","i","rgb","back","Math","abs","colorRamp","table","ramp","baseL","baseC","stop","lightness","has","min","max","neutralRamp","tintSource","tint","resolveButtonRamps","theme","accent","colors","primary","neutral","text","mixColor","top","alpha","b","ch","x","y","round","r","g","BUTTON_SIZE_ALIAS","icon","resolveButtonRecipe","variant","appearance","tone","resolveButtonPalette","legacy","includes","recipe","undefined","resolvedTone","palette","resolveCanonicalButtonPalette","rest","foreground","hover","textSecondary","background","active","gradient","pair","surface","fill","card","paint","state","backgroundSecondary","backgroundTertiary","border","disabled","textTertiary","disabledOpacity","borderWidth","shadow","ring","secondary","tertiary","paintToCssImage","bottom","resolveCloseButtonPaint","foregroundHover","resolveButtonUnderline","underline","GLYPH_BUTTON_GLYPH_RATIO","GLYPH_BUTTON_SIZE","glyphButtonGlyphSize","resolveGlyphButtonPaint","hoverColor","activeColor","hoverFill","isIconComponent","Array","isArray"],"sourceRoot":"../../../src","sources":["button/shared.ts"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["surfaceFillOn","resolveSurfaceFill","resolveSurfaceTint","isValidElement","resolveBloomColors","borderRadius","parseRgba","withAlpha","TYPE_SCALE","oklchToSrgb","srgbToOklch","srgbToRgbString","BUTTON_RADIUS","full","typeFields","type","t","fontSize","lineHeight","fontWeight","letterSpacing","resolveButtonGeometry","size","textVariant","base","BUTTON_GEOMETRY","CANONICAL_BUTTON_GEOMETRY","xs","height","paddingHorizontal","gap","iconSize","labelPaddingHorizontal","sm","md","lg","small","medium","large","ICON_BUTTON_ICON_SIZE","LINK_BUTTON_GAP","LINK_BUTTON_UNDERLINE_OFFSET","CLOSE_BUTTON_GEOMETRY","box","glyph","stroke","inset","BUTTON_TRANSITION_MS","SEGMENTED_THUMB_MS","SEGMENTED_THUMB_EASE_BEZIER","BUTTON_SHADOW","light","dark","TRANSPARENT","ACCENT_TABLE","DANGER_TABLE","NEUTRAL_LIGHTNESS","RELATIVE_STOPS","Set","STOPS","toOklch","color","rgba","toRgb","l","c","h","chroma","i","rgb","back","Math","abs","colorRamp","table","ramp","baseL","baseC","stop","lightness","has","min","max","neutralRamp","tintSource","tint","resolveButtonRamps","theme","accent","colors","primary","neutral","text","mixColor","top","alpha","b","ch","x","y","round","r","g","resolveButtonPalette","resolveCanonicalButtonPalette","resolveLinkButtonPalette","tone","palette","foreground","textSecondary","rest","hover","background","active","appearance","neutralFill","pair","surface","fill","card","neutralBase","neutralHover","backgroundSecondary","neutralActive","backgroundTertiary","semanticAlpha","a","paint","state","border","gradient","disabled","textTertiary","disabledOpacity","borderWidth","shadow","ring","secondary","tertiary","paintToCssImage","bottom","resolveCloseButtonPaint","foregroundHover","resolveButtonUnderline","isLink","underline","undefined","GLYPH_BUTTON_GLYPH_RATIO","GLYPH_BUTTON_SIZE","glyphButtonGlyphSize","resolveGlyphButtonPaint","hoverColor","activeColor","hoverFill","isIconComponent","icon","Array","isArray"],"sourceRoot":"../../../src","sources":["button/shared.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/button/use-button-layout.web.js

@@ -8,6 +8,7 @@ function assignRef(ref, value) {
 export function useButtonLayout(ref, onLayout, childRef) {
   const [node, setNode] = useState(null);
   const callback = useRef(onLayout);
+  const measureAfterCommit = useRef(undefined);
   callback.current = onLayout;
   const enabled = Boolean(onLayout);
   const setRef = useCallback(element => {
@@ -37,16 +38,22 @@ export function useButtonLayout(ref, onLayout, childRef) {
         currentTarget: node
       });
     };
+    measureAfterCommit.current = measure;
     measure();
     const Resize = node.ownerDocument.defaultView?.ResizeObserver;
     const observer = Resize ? new Resize(measure) : undefined;
     observer?.observe(node);
     node.ownerDocument.defaultView?.addEventListener('resize', measure);
     return () => {
+      measureAfterCommit.current = undefined;
       observer?.disconnect();
       node.ownerDocument.defaultView?.removeEventListener('resize', measure);
     };
   }, [node, enabled]);
+  // A sibling changing width or order moves this button without resizing it.
+  useLayoutEffect(() => {
+    measureAfterCommit.current?.();
+  });
   return setRef;
 }
 //# sourceMappingURL=use-button-layout.web.js.map

package/lib/module/button/use-button-layout.web.js.map

@@ -1 +1 @@
-{"version":3,"names":["useCallback","useLayoutEffect","useRef","useState","assignRef","ref","value","current","useButtonLayout","onLayout","childRef","node","setNode","callback","enabled","Boolean","setRef","element","last","measure","rect","getBoundingClientRect","layout","x","offsetLeft","y","offsetTop","width","height","key","JSON","stringify","nativeEvent","target","currentTarget","Resize","ownerDocument","defaultView","ResizeObserver","observer","undefined","observe","addEventListener","disconnect","removeEventListener"],"sourceRoot":"../../../src","sources":["button/use-button-layout.web.ts"],"mappings":";;AAAA,SAASA,WAAW,EAAEC,eAAe,EAAEC,MAAM,EAAEC,QAAQ,QAAkB,OAAO;AAGhF,SAASC,SAASA,CAAIC,GAAuB,EAAEC,KAAe,EAAE;EAC9D,IAAI,OAAOD,GAAG,KAAK,UAAU,EAAEA,GAAG,CAACC,KAAK,CAAC,CAAC,KACrC,IAAID,GAAG,EAAEA,GAAG,CAACE,OAAO,GAAGD,KAAK;AACnC;AACA;AACA,OAAO,SAASE,eAAeA,CAACH,GAA0B,EAAEI,QAA6C,EAAEC,QAA2B,EAAE;EACtI,MAAM,CAACC,IAAI,EAAEC,OAAO,CAAC,GAAGT,QAAQ,CAAqB,IAAI,CAAC;EAC1D,MAAMU,QAAQ,GAAGX,MAAM,CAACO,QAAQ,CAAC;EACjCI,QAAQ,CAACN,OAAO,GAAGE,QAAQ;EAC3B,MAAMK,OAAO,GAAGC,OAAO,CAACN,QAAQ,CAAC;EACjC,MAAMO,MAAM,GAAGhB,WAAW,CAAEiB,OAA2B,IAAK;IAC1D,IAAIH,OAAO,EAAEF,OAAO,CAACK,OAAO,CAAC;IAC7Bb,SAAS,CAACC,GAAG,EAAEY,OAAiC,CAAC;IACjDb,SAAS,CAACM,QAAQ,EAAEO,OAAO,CAAC;EAC9B,CAAC,EAAE,CAACZ,GAAG,EAAEK,QAAQ,EAAEI,OAAO,CAAC,CAAC;EAC5Bb,eAAe,CAAC,MAAM;IACpB,IAAI,CAACU,IAAI,IAAI,CAACG,OAAO,EAAE;IACvB,IAAII,IAAI,GAAG,EAAE;IACb,MAAMC,OAAO,GAAGA,CAAA,KAAM;MACpB,MAAMC,IAAI,GAAGT,IAAI,CAACU,qBAAqB,CAAC,CAAC;MACzC,MAAMC,MAAM,GAAG;QAAEC,CAAC,EAAEZ,IAAI,CAACa,UAAU;QAAEC,CAAC,EAAEd,IAAI,CAACe,SAAS;QAAEC,KAAK,EAAEP,IAAI,CAACO,KAAK;QAAEC,MAAM,EAAER,IAAI,CAACQ;MAAO,CAAC;MAChG,MAAMC,GAAG,GAAGC,IAAI,CAACC,SAAS,CAACT,MAAM,CAAC;MAClC,IAAIO,GAAG,KAAKX,IAAI,EAAE;MAClBA,IAAI,GAAGW,GAAG;MACVhB,QAAQ,CAACN,OAAO,GAAG;QAAEyB,WAAW,EAAE;UAAEV;QAAO,CAAC;QAAEW,MAAM,EAAEtB,IAAI;QAAEuB,aAAa,EAAEvB;MAAK,CAAiC,CAAC;IACpH,CAAC;IACDQ,OAAO,CAAC,CAAC;IACT,MAAMgB,MAAM,GAAGxB,IAAI,CAACyB,aAAa,CAACC,WAAW,EAAEC,cAAc;IAC7D,MAAMC,QAAQ,GAAGJ,MAAM,GAAG,IAAIA,MAAM,CAAChB,OAAO,CAAC,GAAGqB,SAAS;IACzDD,QAAQ,EAAEE,OAAO,CAAC9B,IAAI,CAAC;IACvBA,IAAI,CAACyB,aAAa,CAACC,WAAW,EAAEK,gBAAgB,CAAC,QAAQ,EAAEvB,OAAO,CAAC;IACnE,OAAO,MAAM;MAAEoB,QAAQ,EAAEI,UAAU,CAAC,CAAC;MAAEhC,IAAI,CAACyB,aAAa,CAACC,WAAW,EAAEO,mBAAmB,CAAC,QAAQ,EAAEzB,OAAO,CAAC;IAAE,CAAC;EAClH,CAAC,EAAE,CAACR,IAAI,EAAEG,OAAO,CAAC,CAAC;EACnB,OAAOE,MAAM;AACf","ignoreList":[]}
+{"version":3,"names":["useCallback","useLayoutEffect","useRef","useState","assignRef","ref","value","current","useButtonLayout","onLayout","childRef","node","setNode","callback","measureAfterCommit","undefined","enabled","Boolean","setRef","element","last","measure","rect","getBoundingClientRect","layout","x","offsetLeft","y","offsetTop","width","height","key","JSON","stringify","nativeEvent","target","currentTarget","Resize","ownerDocument","defaultView","ResizeObserver","observer","observe","addEventListener","disconnect","removeEventListener"],"sourceRoot":"../../../src","sources":["button/use-button-layout.web.ts"],"mappings":";;AAAA,SAASA,WAAW,EAAEC,eAAe,EAAEC,MAAM,EAAEC,QAAQ,QAAkB,OAAO;AAGhF,SAASC,SAASA,CAAIC,GAAuB,EAAEC,KAAe,EAAE;EAC9D,IAAI,OAAOD,GAAG,KAAK,UAAU,EAAEA,GAAG,CAACC,KAAK,CAAC,CAAC,KACrC,IAAID,GAAG,EAAEA,GAAG,CAACE,OAAO,GAAGD,KAAK;AACnC;AACA;AACA,OAAO,SAASE,eAAeA,CAACH,GAA0B,EAAEI,QAA6C,EAAEC,QAA2B,EAAE;EACtI,MAAM,CAACC,IAAI,EAAEC,OAAO,CAAC,GAAGT,QAAQ,CAAqB,IAAI,CAAC;EAC1D,MAAMU,QAAQ,GAAGX,MAAM,CAACO,QAAQ,CAAC;EACjC,MAAMK,kBAAkB,GAAGZ,MAAM,CAA2Ba,SAAS,CAAC;EACtEF,QAAQ,CAACN,OAAO,GAAGE,QAAQ;EAC3B,MAAMO,OAAO,GAAGC,OAAO,CAACR,QAAQ,CAAC;EACjC,MAAMS,MAAM,GAAGlB,WAAW,CAAEmB,OAA2B,IAAK;IAC1D,IAAIH,OAAO,EAAEJ,OAAO,CAACO,OAAO,CAAC;IAC7Bf,SAAS,CAACC,GAAG,EAAEc,OAAiC,CAAC;IACjDf,SAAS,CAACM,QAAQ,EAAES,OAAO,CAAC;EAC9B,CAAC,EAAE,CAACd,GAAG,EAAEK,QAAQ,EAAEM,OAAO,CAAC,CAAC;EAC5Bf,eAAe,CAAC,MAAM;IACpB,IAAI,CAACU,IAAI,IAAI,CAACK,OAAO,EAAE;IACvB,IAAII,IAAI,GAAG,EAAE;IACb,MAAMC,OAAO,GAAGA,CAAA,KAAM;MACpB,MAAMC,IAAI,GAAGX,IAAI,CAACY,qBAAqB,CAAC,CAAC;MACzC,MAAMC,MAAM,GAAG;QAAEC,CAAC,EAAEd,IAAI,CAACe,UAAU;QAAEC,CAAC,EAAEhB,IAAI,CAACiB,SAAS;QAAEC,KAAK,EAAEP,IAAI,CAACO,KAAK;QAAEC,MAAM,EAAER,IAAI,CAACQ;MAAO,CAAC;MAChG,MAAMC,GAAG,GAAGC,IAAI,CAACC,SAAS,CAACT,MAAM,CAAC;MAClC,IAAIO,GAAG,KAAKX,IAAI,EAAE;MAClBA,IAAI,GAAGW,GAAG;MACVlB,QAAQ,CAACN,OAAO,GAAG;QAAE2B,WAAW,EAAE;UAAEV;QAAO,CAAC;QAAEW,MAAM,EAAExB,IAAI;QAAEyB,aAAa,EAAEzB;MAAK,CAAiC,CAAC;IACpH,CAAC;IACDG,kBAAkB,CAACP,OAAO,GAAGc,OAAO;IACpCA,OAAO,CAAC,CAAC;IACT,MAAMgB,MAAM,GAAG1B,IAAI,CAAC2B,aAAa,CAACC,WAAW,EAAEC,cAAc;IAC7D,MAAMC,QAAQ,GAAGJ,MAAM,GAAG,IAAIA,MAAM,CAAChB,OAAO,CAAC,GAAGN,SAAS;IACzD0B,QAAQ,EAAEC,OAAO,CAAC/B,IAAI,CAAC;IACvBA,IAAI,CAAC2B,aAAa,CAACC,WAAW,EAAEI,gBAAgB,CAAC,QAAQ,EAAEtB,OAAO,CAAC;IACnE,OAAO,MAAM;MAAEP,kBAAkB,CAACP,OAAO,GAAGQ,SAAS;MAAE0B,QAAQ,EAAEG,UAAU,CAAC,CAAC;MAAEjC,IAAI,CAAC2B,aAAa,CAACC,WAAW,EAAEM,mBAAmB,CAAC,QAAQ,EAAExB,OAAO,CAAC;IAAE,CAAC;EAC1J,CAAC,EAAE,CAACV,IAAI,EAAEK,OAAO,CAAC,CAAC;EACnB;EACAf,eAAe,CAAC,MAAM;IAAEa,kBAAkB,CAACP,OAAO,GAAG,CAAC;EAAE,CAAC,CAAC;EAC1D,OAAOW,MAAM;AACf","ignoreList":[]}

package/lib/module/button-group/ButtonGroup.js

@@ -1,9 +1,10 @@
 "use strict";
 
+import { Surface } from '../surface';
 import { Button } from '../button';
 import { createButtonGroup } from "./ButtonGroupBase.js";
 export const {
   ButtonGroup,
   ButtonGroupItem
-} = createButtonGroup(Button);
+} = createButtonGroup(Button, Surface);
 //# sourceMappingURL=ButtonGroup.js.map

package/lib/module/button-group/ButtonGroup.js.map

@@ -1 +1 @@
-{"version":3,"names":["Button","createButtonGroup","ButtonGroup","ButtonGroupItem"],"sourceRoot":"../../../src","sources":["button-group/ButtonGroup.tsx"],"mappings":";;AAAA,SAASA,MAAM,QAAQ,WAAW;AAClC,SAASC,iBAAiB,QAAQ,sBAAmB;AACrD,OAAO,MAAM;EAAEC,WAAW;EAAEC;AAAgB,CAAC,GAAGF,iBAAiB,CAACD,MAAM,CAAC","ignoreList":[]}
+{"version":3,"names":["Surface","Button","createButtonGroup","ButtonGroup","ButtonGroupItem"],"sourceRoot":"../../../src","sources":["button-group/ButtonGroup.tsx"],"mappings":";;AAAA,SAASA,OAAO,QAAQ,YAAY;AACpC,SAASC,MAAM,QAAQ,WAAW;AAClC,SAASC,iBAAiB,QAAQ,sBAAmB;AACrD,OAAO,MAAM;EAAEC,WAAW;EAAEC;AAAgB,CAAC,GAAGF,iBAAiB,CAACD,MAAM,EAAED,OAAO,CAAC","ignoreList":[]}

package/lib/module/button-group/ButtonGroup.web.js

@@ -1,9 +1,10 @@
 "use strict";
 
+import { Surface } from "../surface/index.web.js";
 import { Button } from "../button/index.web.js";
 import { createButtonGroup } from "./ButtonGroupBase.js";
 export const {
   ButtonGroup,
   ButtonGroupItem
-} = createButtonGroup(Button);
+} = createButtonGroup(Button, Surface);
 //# sourceMappingURL=ButtonGroup.web.js.map

package/lib/module/button-group/ButtonGroup.web.js.map

@@ -1 +1 @@
-{"version":3,"names":["Button","createButtonGroup","ButtonGroup","ButtonGroupItem"],"sourceRoot":"../../../src","sources":["button-group/ButtonGroup.web.tsx"],"mappings":";;AAAA,SAASA,MAAM,QAAQ,wBAAqB;AAC5C,SAASC,iBAAiB,QAAQ,sBAAmB;AACrD,OAAO,MAAM;EAAEC,WAAW;EAAEC;AAAgB,CAAC,GAAGF,iBAAiB,CAACD,MAAM,CAAC","ignoreList":[]}
+{"version":3,"names":["Surface","Button","createButtonGroup","ButtonGroup","ButtonGroupItem"],"sourceRoot":"../../../src","sources":["button-group/ButtonGroup.web.tsx"],"mappings":";;AAAA,SAASA,OAAO,QAAQ,yBAAsB;AAC9C,SAASC,MAAM,QAAQ,wBAAqB;AAC5C,SAASC,iBAAiB,QAAQ,sBAAmB;AACrD,OAAO,MAAM;EAAEC,WAAW;EAAEC;AAAgB,CAAC,GAAGF,iBAAiB,CAACD,MAAM,EAAED,OAAO,CAAC","ignoreList":[]}

package/lib/module/button-group/ButtonGroupBase.js

@@ -1,20 +1,33 @@
 "use strict";
 
-import React, { Children, createContext, Fragment, isValidElement, memo, useContext, useMemo } from 'react';
+import React, { Children, createContext, Fragment, isValidElement, memo, useCallback, useContext, useId, useLayoutEffect, useMemo, useRef } from 'react';
 import { Platform, View } from 'react-native';
-import { useBloomAppearance } from "../appearance/index.js";
-import { useInheritedControl } from "../control-surface/index.js";
-import { GlassIsland } from "../glass/index.js";
+import Animated, { useAnimatedStyle, useSharedValue, withSpring } from 'react-native-reanimated';
+import { BloomScope, useBloomAppearance } from "../appearance/index.js";
 import { useTheme } from "../theme/use-theme.js";
-import { StyledView } from "../styles/styled-primitives.js";
-import { BUTTON_RADIUS, BUTTON_SHADOW } from "../button/shared.js";
+import { hairlineOn, useSurfaceFill } from "../styles/surface-levels.js";
+import { BUTTON_RADIUS, BUTTON_SHADOW, resolveCanonicalButtonPalette } from "../button/shared.js";
+import { moveSelection, SELECTION_SPRING } from "../motion/selection-motion.js";
+import { useGroupSelection } from "./use-group-selection.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/** Separators resolve against the material actually published by the group. */
+function Divider() {
+  const theme = useTheme();
+  const fill = useSurfaceFill();
+  return /*#__PURE__*/_jsx(View, {
+    style: {
+      width: 1,
+      marginTop: 8,
+      marginBottom: 8,
+      backgroundColor: hairlineOn(theme, fill)
+    }
+  });
+}
+
 /** The group owns joining and inheritance; Button owns each actual control. */
-export function createButtonGroup(Button) {
+export function createButtonGroup(Button, Surface) {
   const GroupContext = /*#__PURE__*/createContext(null);
   const ButtonGroup = /*#__PURE__*/memo(function ButtonGroup({
-    material: materialProp,
-    variant,
     size: sizeProp,
     dividers,
     children,
@@ -23,8 +36,7 @@ export function createButtonGroup(Button) {
     testID
   }) {
     const theme = useTheme();
-    const material = useInheritedControl('material', materialProp ?? variant, 'solid');
-    const canonicalSize = sizeProp === 'small' ? 'sm' : sizeProp === 'medium' ? 'md' : sizeProp;
+    const canonicalSize = sizeProp;
     const {
       size: scopedSize
     } = useBloomAppearance({
@@ -33,56 +45,96 @@ export function createButtonGroup(Button) {
       size: 'md',
       tone: 'neutral'
     });
-    const inheritedSize = useInheritedControl('density', canonicalSize, scopedSize);
+    const inheritedSize = scopedSize;
     const size = inheritedSize === 'xs' || inheritedSize === 'sm' ? 'sm' : 'md';
+    const {
+      registry,
+      layout,
+      disabled: selectionDisabled
+    } = useGroupSelection();
     const context = useMemo(() => ({
       size,
-      material
-    }), [size, material]);
+      ...registry
+    }), [size, registry]);
+    const x = useSharedValue(0);
+    const y = useSharedValue(0);
+    const width = useSharedValue(0);
+    const height = useSharedValue(0);
+    const opacity = useSharedValue(0);
+    const initialized = useRef(false);
+    useLayoutEffect(() => {
+      if (!layout) {
+        moveSelection(x, opacity, null);
+        return;
+      }
+      const snap = !initialized.current || opacity.value === 0;
+      initialized.current = true;
+      y.value = snap ? layout.y : withSpring(layout.y, SELECTION_SPRING);
+      width.value = snap ? layout.width : withSpring(layout.width, SELECTION_SPRING);
+      height.value = snap ? layout.height : withSpring(layout.height, SELECTION_SPRING);
+      moveSelection(x, opacity, layout.x);
+    }, [layout, x, y, width, height, opacity]);
+    const selectionStyle = useAnimatedStyle(() => ({
+      width: width.value,
+      height: height.value,
+      opacity: opacity.value,
+      transform: [{
+        translateX: x.value
+      }, {
+        translateY: y.value
+      }]
+    }), [x, y, width, height, opacity]);
+    const selectionPalette = resolveCanonicalButtonPalette('outline', theme, 'neutral');
     const items = Children.toArray(children).filter(isValidElement);
-    const showDividers = dividers ?? material === 'solid';
+    const showDividers = dividers ?? true;
     const row = items.map((item, index) => /*#__PURE__*/_jsxs(Fragment, {
-      children: [showDividers && index > 0 ? /*#__PURE__*/_jsx(View, {
-        style: {
-          width: 1,
-          backgroundColor: theme.colors.borderLight
-        }
-      }) : null, item]
+      children: [showDividers && index > 0 ? /*#__PURE__*/_jsx(Divider, {}) : null, item]
     }, item.key ?? index));
-    if (material === 'glass') return /*#__PURE__*/_jsx(GroupContext.Provider, {
-      value: context,
-      children: /*#__PURE__*/_jsx(GlassIsland, {
-        material: "glass",
-        role: "group",
-        accessibilityLabel: accessibilityLabel,
-        style: style,
-        testID: testID,
-        children: row
-      })
-    });
     return /*#__PURE__*/_jsx(GroupContext.Provider, {
       value: context,
-      children: /*#__PURE__*/_jsx(StyledView, {
-        role: "group",
-        accessibilityLabel: accessibilityLabel,
-        testID: testID,
-        style: [{
-          alignSelf: 'flex-start',
-          borderWidth: 1,
-          borderColor: theme.colors.border,
-          borderRadius: BUTTON_RADIUS,
-          backgroundColor: 'transparent',
-          boxShadow: BUTTON_SHADOW[theme.isDark ? 'dark' : 'light']
-        }, style],
-        children: /*#__PURE__*/_jsx(View, {
-          testID: testID ? `${testID}-items` : undefined,
-          style: {
-            flexDirection: 'row',
-            alignItems: 'stretch',
-            borderRadius: BUTTON_RADIUS,
-            overflow: 'hidden'
-          },
-          children: row
+      children: /*#__PURE__*/_jsx(BloomScope, {
+        size: size,
+        children: /*#__PURE__*/_jsx(Surface, {
+          radius: BUTTON_RADIUS,
+          cornerCurve: "round",
+          role: "group",
+          accessibilityLabel: accessibilityLabel,
+          testID: testID,
+          style: [{
+            alignSelf: 'flex-start',
+            boxShadow: BUTTON_SHADOW[theme.isDark ? 'dark' : 'light']
+          }, style],
+          children: /*#__PURE__*/_jsxs(View, {
+            testID: testID ? `${testID}-items` : undefined,
+            style: {
+              flexDirection: 'row',
+              alignItems: 'stretch',
+              padding: 2,
+              borderRadius: BUTTON_RADIUS,
+              overflow: 'hidden'
+            },
+            children: [layout || initialized.current ? /*#__PURE__*/_jsx(Animated.View, {
+              pointerEvents: "none",
+              testID: testID ? `${testID}-selection` : undefined,
+              style: [{
+                position: 'absolute',
+                left: 0,
+                top: 0
+              }, selectionStyle],
+              children: /*#__PURE__*/_jsx(Surface, {
+                radius: BUTTON_RADIUS,
+                cornerCurve: "round",
+                fill: (selectionDisabled ? selectionPalette.disabled : selectionPalette.active).background,
+                style: {
+                  position: 'absolute',
+                  top: 0,
+                  right: 0,
+                  bottom: 0,
+                  left: 0
+                }
+              })
+            }) : null, row]
+          })
         })
       })
     });
@@ -93,8 +145,6 @@ export function createButtonGroup(Button) {
     checked: checkedProp,
     selected,
     size: sizeProp,
-    material: materialProp,
-    variant,
     iconOnly = false,
     disabled = false,
     style,
@@ -102,8 +152,11 @@ export function createButtonGroup(Button) {
     ...props
   }) {
     const group = useContext(GroupContext);
-    const inheritedMaterial = useInheritedControl('material', undefined, 'solid');
-    const canonicalSize = sizeProp === 'small' ? 'sm' : sizeProp === 'medium' ? 'md' : sizeProp;
+    const id = useId();
+    const register = group?.register;
+    const unregister = group?.unregister;
+    const measure = group?.measure;
+    const canonicalSize = sizeProp;
     const {
       size: scopedSize
     } = useBloomAppearance({
@@ -112,29 +165,39 @@ export function createButtonGroup(Button) {
       size: 'md',
       tone: 'neutral'
     });
-    const inheritedDensity = useInheritedControl('density', undefined, scopedSize);
+    const inheritedDensity = scopedSize;
     const rawSize = canonicalSize ?? group?.size ?? inheritedDensity;
     const size = rawSize === 'xs' || rawSize === 'sm' ? 'sm' : 'md';
-    const material = materialProp ?? variant ?? group?.material ?? inheritedMaterial;
     const height = size === 'sm' ? 30 : 34;
     const checked = checkedProp ?? selected;
+    useLayoutEffect(() => {
+      register?.(id, Boolean(checked), disabled);
+    }, [register, id, checked, disabled]);
+    useLayoutEffect(() => () => unregister?.(id), [unregister, id]);
+    const onLayout = useCallback(event => {
+      measure?.(id, event.nativeEvent.layout);
+    }, [measure, id]);
     const itemStyle = {
       height,
       minWidth: iconOnly ? height : undefined,
       width: iconOnly ? height : undefined,
       borderWidth: 0,
-      borderRadius: material === 'glass' ? BUTTON_RADIUS : 0,
+      borderRadius: BUTTON_RADIUS,
       boxShadow: 'none',
       paddingLeft: iconOnly ? 0 : 8,
       paddingRight: iconOnly ? 0 : 8,
       gap: 4,
+      ...(group?.moving && checked ? {
+        backgroundColor: 'transparent'
+      } : {}),
       ...(Platform.OS === 'web' ? {
         outlineOffset: -2
       } : {})
     };
     return /*#__PURE__*/_jsx(Button, {
       ...props,
-      appearance: material === 'glass' ? 'plain' : 'outline',
+      onLayout: group ? onLayout : undefined,
+      appearance: checked && !group?.moving ? 'outline' : 'plain',
       tone: "neutral",
       size: size,
       iconOnly: iconOnly,