@oxy.so/bloom 2.12.4 → 3.0.1

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

@@ -6,18 +6,37 @@ Object.defineProperty(exports, "__esModule", {
 exports.ButtonGroupItem = exports.ButtonGroup = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
+var _index = require("../control-surface/index.js");
+var _index2 = require("../glass/index.js");
 var _useTheme = require("../theme/use-theme.js");
 var _Typography = require("../typography/Typography.js");
 var _useInteractionState = require("../hooks/use-interaction-state.js");
+var _surfaceLevels = require("../styles/surface-levels.js");
 var _interactiveWebCss = require("../styles/interactive-web-css.js");
+var _colorUtils = require("../theme/color-utils.js");
 var _shared = require("../button/shared.js");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 /**
- * A group of secondary-style buttons fused into one control — one bordered,
- * shadowed container, items divided by 1px hairlines, only the outer ends
- * rounded. Colours come from the same Bloom-derived ramps as `Button`
- * (`button/shared.ts`), and like `Button` the container is a full pill.
+ * A group of buttons the consumer has declared as ONE control.
+ *
+ * ── TWO MATERIALS, ONE GROUP ────────────────────────────────────────────────
+ *
+ * `solid` is the original: one bordered, shadowed container, items divided by
+ * 1px hairlines, only the outer ends rounded, colours from the same
+ * Bloom-derived ramps as `Button` (`button/shared.ts`).
+ *
+ * `glass` is the same group as a floating ISLAND — one translucent pane
+ * (`glass/GlassIsland`) that the items sit FLUSH on. The group owns the
+ * material and the items paint no fill of their own at rest; a second fill
+ * under a translucent pane is the thing that makes a row of controls read as a
+ * row of cards rather than as one island, and a second BLUR is not available at
+ * all on Android.
+ *
+ * Neither is a decoration a caller has to ask for by name. The variant is
+ * INHERITED from the nearest `ControlSurface`, so `<ButtonGroup>` inside a
+ * floating `PageHeader` is glass and the same group inside a card is solid,
+ * with no prop either way. An explicit `variant` still wins.
  *
  *              medium    small
  *   item h     34        30       (plus the container's 1px border = 36 / 32)
@@ -68,6 +87,51 @@ function resolveGroupPalette(theme) {
   };
 }
 
+/**
+ * The items' paint on a GLASS island.
+ *
+ * Every state that is not "at rest" is an alpha of the theme's own `text` — an
+ * ink wash, not a fill. That is the one recipe that works on a pane whose
+ * composited colour Bloom cannot predict: a fixed neutral tuned against the
+ * island's own fill goes invisible the moment a photograph behind it moves the
+ * pane 40 levels, while a wash of the label's colour keeps the same relation to
+ * the label at every composite.
+ *
+ * `transparent` at rest is load-bearing rather than tidy. It is what makes the
+ * island ONE pane: give the items a fill and the group is a row of chips inside
+ * a capsule, which is the shape this variant exists to stop.
+ *
+ * The disabled label is read off the island's own fill with `surfaceTextOn`
+ * rather than picked from the ramp, because a ramp stop measured against the
+ * page is not measured against this surface.
+ */
+function resolveGlassItemPalette(theme) {
+  const {
+    accent
+  } = (0, _shared.resolveButtonRamps)(theme);
+  const level = (0, _surfaceLevels.resolveSurfaceLevel)(theme, 1);
+  const ink = theme.colors.text;
+  const wash = theme.isDark ? {
+    hover: 0.12,
+    active: 0.2
+  } : {
+    hover: 0.08,
+    active: 0.14
+  };
+  return {
+    // The island owns the box: the group draws neither border nor divider.
+    groupBorder: 'transparent',
+    divider: (0, _colorUtils.withAlpha)(ink, theme.isDark ? 0.16 : 0.12),
+    background: 'transparent',
+    hover: (0, _colorUtils.withAlpha)(ink, wash.hover),
+    active: (0, _colorUtils.withAlpha)(ink, wash.active),
+    disabledBackground: 'transparent',
+    foreground: ink,
+    disabledForeground: level.textGraphical,
+    ring: accent[500]
+  };
+}
+
 // ---------------------------------------------------------------------------
 //  Keyboard focus on web — an inset `ring-2`. Items are react-native-web
 //  `Pressable`s, so the rules hang off a `dataSet` attribute (a class never
@@ -104,7 +168,9 @@ ${SELECTOR}${_interactiveWebCss.NOT_DISABLED}:focus-visible {
 const IS_WEB = _reactNative.Platform.OS === 'web';
 const GroupContext = /*#__PURE__*/(0, _react.createContext)(null);
 const ButtonGroupComponent = ({
-  size = 'medium',
+  variant,
+  size: sizeProp,
+  dividers,
   children,
   accessibilityLabel,
   style,
@@ -112,12 +178,36 @@ const ButtonGroupComponent = ({
 }) => {
   const theme = (0, _useTheme.useTheme)();
   (0, _interactiveWebCss.useInteractiveWebCss)(STYLE_ID, BUTTON_GROUP_CSS);
-  const palette = (0, _react.useMemo)(() => resolveGroupPalette(theme), [theme]);
+  const material = (0, _index.useInheritedControl)('material', variant, 'solid');
+  const size = (0, _index.useInheritedControl)('density', sizeProp, 'medium');
+  const palette = (0, _react.useMemo)(() => material === 'glass' ? resolveGlassItemPalette(theme) : resolveGroupPalette(theme), [material, theme]);
   const context = (0, _react.useMemo)(() => ({
     size,
+    material,
     palette
-  }), [size, palette]);
+  }), [size, material, palette]);
   const items = _react.Children.toArray(children).filter(_react.isValidElement);
+  const showDividers = dividers ?? material === 'solid';
+  const row = items.map((item, index) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.Fragment, {
+    children: [showDividers && index > 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: {
+        width: 1,
+        backgroundColor: palette.divider
+      }
+    }) : null, item]
+  }, item.key ?? index));
+  if (material === 'glass') {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(GroupContext.Provider, {
+      value: context,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.GlassIsland, {
+        role: "group",
+        accessibilityLabel: accessibilityLabel,
+        style: style,
+        testID: testID,
+        children: row
+      })
+    });
+  }
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(GroupContext.Provider, {
     value: context,
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
@@ -135,34 +225,40 @@ const ButtonGroupComponent = ({
         boxShadow: _shared.BUTTON_SHADOW[theme.isDark ? 'dark' : 'light'],
         overflow: 'hidden'
       }, style],
-      children: items.map((item, index) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.Fragment, {
-        children: [index > 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-          style: {
-            width: 1,
-            backgroundColor: palette.divider
-          }
-        }) : null, item]
-      }, item.key ?? index))
+      children: row
     })
   });
 };
 const ButtonGroupItemComponent = ({
   onPress,
+  onLongPress,
   children,
   size: sizeProp,
+  variant,
   selected = false,
   disabled = false,
   iconOnly = false,
   leadingIcon: LeadingIcon,
   trailingIcon: TrailingIcon,
   accessibilityLabel,
+  accessibilityRole = 'button',
+  hitSlop,
+  'aria-expanded': ariaExpanded,
+  'aria-haspopup': ariaHasPopup,
   style,
   testID
 }) => {
   const theme = (0, _useTheme.useTheme)();
   const group = (0, _react.useContext)(GroupContext);
-  const palette = (0, _react.useMemo)(() => group?.palette ?? resolveGroupPalette(theme), [group, theme]);
-  const size = sizeProp ?? group?.size ?? 'medium';
+  // An item can be rendered OUTSIDE its group's children — an anchored family's
+  // `asChild` trigger clones it into the caller's tree — so the material falls
+  // back to the inherited `ControlSurface` (which `GlassIsland` mounts) before
+  // it falls back to `solid`.
+  const inheritedMaterial = (0, _index.useInheritedControl)('material', undefined, 'solid');
+  const inheritedDensity = (0, _index.useInheritedControl)('density', undefined, 'medium');
+  const material = variant ?? group?.material ?? inheritedMaterial;
+  const palette = (0, _react.useMemo)(() => group && group.material === material ? group.palette : material === 'glass' ? resolveGlassItemPalette(theme) : resolveGroupPalette(theme), [group, material, theme]);
+  const size = sizeProp ?? group?.size ?? inheritedDensity;
   const geometry = GEOMETRY[size];
   const {
     state: hovered,
@@ -186,6 +282,10 @@ const ButtonGroupItemComponent = ({
     justifyContent: 'center',
     gap: 4,
     backgroundColor: background,
+    // On glass the island does not clip (a clipping node loses its iOS drop
+    // shadow), so the item rounds its OWN highlight. On solid the container
+    // clips and a square item is what makes the fused ends read as one pill.
+    borderRadius: material === 'glass' ? _shared.BUTTON_RADIUS : undefined,
     '--bloom-button-group-ring': palette.ring
   };
   const labelStyle = {
@@ -199,21 +299,26 @@ const ButtonGroupItemComponent = ({
     } : {}),
     style: [containerStyle, style],
     onPress: disabled ? undefined : onPress,
+    onLongPress: disabled ? undefined : onLongPress,
     onPressIn: disabled ? undefined : onPressIn,
     onPressOut: disabled ? undefined : onPressOut,
     onHoverIn: onHoverIn,
     onHoverOut: onHoverOut,
+    hitSlop: hitSlop,
     disabled: disabled,
-    accessibilityRole: "button",
+    accessibilityRole: accessibilityRole,
     accessibilityLabel: accessibilityLabel
     // Both spellings: react-native-web reads only `aria-pressed`, React Native
     // has no `aria-pressed` and reads `accessibilityState`.
     ,
     accessibilityState: {
       disabled,
-      selected
+      selected,
+      expanded: ariaExpanded
     },
     "aria-pressed": selected,
+    "aria-expanded": ariaExpanded,
+    "aria-haspopup": ariaHasPopup,
     testID: testID,
     children: [LeadingIcon ? /*#__PURE__*/(0, _jsxRuntime.jsx)(LeadingIcon, {
       width: geometry.iconSize,

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_useTheme","_Typography","_useInteractionState","_interactiveWebCss","_shared","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","GEOMETRY","medium","height","paddingHorizontal","iconSize","small","resolveGroupPalette","theme","accent","neutral","resolveButtonRamps","isDark","groupBorder","mixColor","divider","background","hover","active","disabledBackground","foreground","colors","text","disabledForeground","ring","card","STYLE_ID","SELECTOR","BUTTON_GROUP_CSS","interactiveWebCss","selector","varPrefix","base","transition","BUTTON_TRANSITION_MS","declarations","outlineOffset","extraRules","NOT_DISABLED","IS_WEB","Platform","OS","GroupContext","createContext","ButtonGroupComponent","size","children","accessibilityLabel","style","testID","useTheme","useInteractiveWebCss","palette","useMemo","context","items","Children","toArray","filter","isValidElement","jsx","Provider","value","View","role","flexDirection","alignItems","alignSelf","borderWidth","borderColor","borderRadius","BUTTON_RADIUS","backgroundColor","boxShadow","BUTTON_SHADOW","overflow","map","item","index","jsxs","Fragment","width","key","ButtonGroupItemComponent","onPress","sizeProp","selected","disabled","iconOnly","leadingIcon","LeadingIcon","trailingIcon","TrailingIcon","group","useContext","geometry","state","hovered","onIn","onHoverIn","onOut","onHoverOut","useInteractionState","pressed","onPressIn","onPressOut","containerStyle","minWidth","undefined","justifyContent","gap","labelStyle","color","Pressable","dataSet","bloomButtonGroupItem","accessibilityRole","accessibilityState","fill","Text","variant","numberOfLines","ButtonGroup","exports","memo","displayName","ButtonGroupItem"],"sourceRoot":"../../../src","sources":["button-group/ButtonGroup.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_index","_index2","_useTheme","_Typography","_useInteractionState","_surfaceLevels","_interactiveWebCss","_colorUtils","_shared","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","GEOMETRY","medium","height","paddingHorizontal","iconSize","small","resolveGroupPalette","theme","accent","neutral","resolveButtonRamps","isDark","groupBorder","mixColor","divider","background","hover","active","disabledBackground","foreground","colors","text","disabledForeground","ring","card","resolveGlassItemPalette","level","resolveSurfaceLevel","ink","wash","withAlpha","textGraphical","STYLE_ID","SELECTOR","BUTTON_GROUP_CSS","interactiveWebCss","selector","varPrefix","base","transition","BUTTON_TRANSITION_MS","declarations","outlineOffset","extraRules","NOT_DISABLED","IS_WEB","Platform","OS","GroupContext","createContext","ButtonGroupComponent","variant","size","sizeProp","dividers","children","accessibilityLabel","style","testID","useTheme","useInteractiveWebCss","material","useInheritedControl","palette","useMemo","context","items","Children","toArray","filter","isValidElement","showDividers","row","map","item","index","jsxs","Fragment","jsx","View","width","backgroundColor","key","Provider","value","GlassIsland","role","flexDirection","alignItems","alignSelf","borderWidth","borderColor","borderRadius","BUTTON_RADIUS","boxShadow","BUTTON_SHADOW","overflow","ButtonGroupItemComponent","onPress","onLongPress","selected","disabled","iconOnly","leadingIcon","LeadingIcon","trailingIcon","TrailingIcon","accessibilityRole","hitSlop","ariaExpanded","ariaHasPopup","group","useContext","inheritedMaterial","undefined","inheritedDensity","geometry","state","hovered","onIn","onHoverIn","onOut","onHoverOut","useInteractionState","pressed","onPressIn","onPressOut","containerStyle","minWidth","justifyContent","gap","labelStyle","color","Pressable","dataSet","bloomButtonGroupItem","accessibilityState","expanded","fill","Text","numberOfLines","ButtonGroup","exports","memo","displayName","ButtonGroupItem"],"sourceRoot":"../../../src","sources":["button-group/ButtonGroup.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/control-surface/ControlSurface.js

@@ -0,0 +1,46 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ControlSurface = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _context = require("./context.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+/**
+ * Declare the presentation the controls inside should default to.
+ *
+ * Renders nothing of its own — no view, no layout node — so it can be dropped
+ * anywhere without moving anything. Bloom's own containers (`ButtonGroup`'s
+ * glass variant, `PageHeader`'s islands) mount it for you; this is the explicit
+ * entry point for an app that wants the same effect around its own controls.
+ *
+ * ```tsx
+ * <ControlSurface material="glass">
+ *   <ButtonGroup accessibilityLabel="Playback">…</ButtonGroup>
+ * </ControlSurface>
+ * ```
+ *
+ * A field left `undefined` INHERITS rather than resetting, so a nested
+ * `<ControlSurface density="small">` inside a glass island stays glass. The
+ * full precedence rule is in `control-surface/context.ts`.
+ */
+const ControlSurfaceComponent = ({
+  material,
+  density,
+  children
+}) => {
+  const inherited = (0, _context.useControlSurface)();
+  const value = (0, _react.useMemo)(() => ({
+    material: material ?? inherited?.material ?? 'solid',
+    density: density ?? inherited?.density ?? 'medium'
+  }), [material, density, inherited?.material, inherited?.density]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_context.ControlSurfaceProvider, {
+    value: value,
+    children: children
+  });
+};
+const ControlSurface = exports.ControlSurface = /*#__PURE__*/(0, _react.memo)(ControlSurfaceComponent);
+ControlSurface.displayName = 'ControlSurface';
+//# sourceMappingURL=ControlSurface.js.map

package/lib/commonjs/control-surface/ControlSurface.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_context","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ControlSurfaceComponent","material","density","children","inherited","useControlSurface","value","useMemo","jsx","ControlSurfaceProvider","ControlSurface","exports","memo","displayName"],"sourceRoot":"../../../src","sources":["control-surface/ControlSurface.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,QAAA,GAAAD,OAAA;AAAsE,IAAAE,WAAA,GAAAF,OAAA;AAAA,SAAAD,wBAAAI,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAN,uBAAA,YAAAA,CAAAI,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAGtE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMkB,uBAAsD,GAAGA,CAAC;EAC9DC,QAAQ;EACRC,OAAO;EACPC;AACF,CAAC,KAAK;EACJ,MAAMC,SAAS,GAAG,IAAAC,0BAAiB,EAAC,CAAC;EACrC,MAAMC,KAAK,GAAG,IAAAC,cAAO,EACnB,OAAO;IACLN,QAAQ,EAAEA,QAAQ,IAAIG,SAAS,EAAEH,QAAQ,IAAI,OAAO;IACpDC,OAAO,EAAEA,OAAO,IAAIE,SAAS,EAAEF,OAAO,IAAI;EAC5C,CAAC,CAAC,EACF,CAACD,QAAQ,EAAEC,OAAO,EAAEE,SAAS,EAAEH,QAAQ,EAAEG,SAAS,EAAEF,OAAO,CAC7D,CAAC;EACD,oBAAO,IAAAtB,WAAA,CAAA4B,GAAA,EAAC7B,QAAA,CAAA8B,sBAAsB;IAACH,KAAK,EAAEA,KAAM;IAAAH,QAAA,EAAEA;EAAQ,CAAyB,CAAC;AAClF,CAAC;AAEM,MAAMO,cAAc,GAAAC,OAAA,CAAAD,cAAA,gBAAG,IAAAE,WAAI,EAACZ,uBAAuB,CAAC;AAC3DU,cAAc,CAACG,WAAW,GAAG,gBAAgB","ignoreList":[]}

package/lib/commonjs/control-surface/context.js

@@ -0,0 +1,84 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ControlSurfaceProvider = void 0;
+exports.useControlSurface = useControlSurface;
+exports.useInheritedControl = useInheritedControl;
+var _react = require("react");
+/**
+ * The inherited CONTROL PRESENTATION contract — the third of Bloom's visual
+ * contexts, beside the theme (`theme/use-theme`) and the surface ladder
+ * (`styles/surface-levels`).
+ *
+ * ## What it is for
+ *
+ * A container that owns a material has to be able to say so once, rather than
+ * have every control inside it repeat the material as a prop. A page header's
+ * action island owns its glass; the `ButtonGroup` inside it should not need
+ * `variant="glass"` written on it, and the items inside THAT should not need it
+ * either. Written as props it is three places to keep in step, and the app is
+ * the one that pays when they drift.
+ *
+ * ## Precedence, in one rule
+ *
+ *     an explicit prop  >  the nearest container  >  the component's default
+ *
+ * {@link useInheritedControl} is that rule, and it is a function rather than a
+ * convention so the three consumers cannot each interpret it slightly
+ * differently. `undefined` is the only value that defers: passing
+ * `material="solid"` inside a glass island paints a solid control, which is a
+ * decision the caller is allowed to make.
+ *
+ * ## What deliberately does NOT travel through it
+ *
+ * Only VISUAL CONFIGURATION. A constraint — `disabled`, a modal's inertness,
+ * the user's reduce-transparency preference — is not a default, and the rule
+ * above is exactly wrong for one: a descendant must not be able to re-enable an
+ * action its group disabled by passing a prop. Constraints keep their own
+ * channels (a group's `disabled` is applied by the group when it renders its
+ * items; accessibility preferences are read from the OS at the point of use).
+ *
+ * Nor does STATE. `checked`, `selected`, a field's value and any business datum
+ * are owned by the component that holds them; a visual context that also
+ * carried state would make every container a place state could leak from.
+ *
+ * ## Scope
+ *
+ * One context, two fields, both of which change rarely (a container sets them
+ * once at mount). Scroll offsets, focus, form state and the overlay stack each
+ * have their own context for the opposite reason — they change often, and a
+ * consumer of one must not re-render for a change in another.
+ */
+
+const ControlSurfaceContext = /*#__PURE__*/(0, _react.createContext)(null);
+ControlSurfaceContext.displayName = 'BloomControlSurfaceContext';
+
+/** @internal The provider `ControlSurface` renders. */
+const ControlSurfaceProvider = exports.ControlSurfaceProvider = ControlSurfaceContext.Provider;
+
+/**
+ * The nearest container's presentation, or `null` when there is none.
+ *
+ * `null` rather than a default object on purpose: a control's own default is
+ * the control's to choose (`ButtonGroup` defaults to `solid`, a media overlay's
+ * toolbar could default to `glass`), and a context that invented one here would
+ * take that choice away by looking like an answer.
+ */
+function useControlSurface() {
+  return (0, _react.useContext)(ControlSurfaceContext);
+}
+
+/**
+ * Resolve one field by the precedence rule: `explicit` → container → `fallback`.
+ *
+ * ```ts
+ * const material = useInheritedControl('material', variant, 'solid');
+ * ```
+ */
+function useInheritedControl(key, explicit, fallback) {
+  const inherited = (0, _react.useContext)(ControlSurfaceContext);
+  return explicit ?? inherited?.[key] ?? fallback;
+}
+//# sourceMappingURL=context.js.map

package/lib/commonjs/control-surface/context.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","ControlSurfaceContext","createContext","displayName","ControlSurfaceProvider","exports","Provider","useControlSurface","useContext","useInheritedControl","key","explicit","fallback","inherited"],"sourceRoot":"../../../src","sources":["control-surface/context.ts"],"mappings":";;;;;;;;AA4CA,IAAAA,MAAA,GAAAC,OAAA;AA5CA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAKA,MAAMC,qBAAqB,gBAAG,IAAAC,oBAAa,EAA6B,IAAI,CAAC;AAC7ED,qBAAqB,CAACE,WAAW,GAAG,4BAA4B;;AAEhE;AACO,MAAMC,sBAAsB,GAAAC,OAAA,CAAAD,sBAAA,GAAGH,qBAAqB,CAACK,QAAQ;;AAEpE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASC,iBAAiBA,CAAA,EAA+B;EAC9D,OAAO,IAAAC,iBAAU,EAACP,qBAAqB,CAAC;AAC1C;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASQ,mBAAmBA,CACjCC,GAAM,EACNC,QAA4C,EAC5CC,QAAgC,EACR;EACxB,MAAMC,SAAS,GAAG,IAAAL,iBAAU,EAACP,qBAAqB,CAAC;EACnD,OAAOU,QAAQ,IAAIE,SAAS,GAAGH,GAAG,CAAC,IAAIE,QAAQ;AACjD","ignoreList":[]}

package/lib/commonjs/control-surface/index.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "ControlSurface", {
+  enumerable: true,
+  get: function () {
+    return _ControlSurface.ControlSurface;
+  }
+});
+Object.defineProperty(exports, "useControlSurface", {
+  enumerable: true,
+  get: function () {
+    return _context.useControlSurface;
+  }
+});
+Object.defineProperty(exports, "useInheritedControl", {
+  enumerable: true,
+  get: function () {
+    return _context.useInheritedControl;
+  }
+});
+var _ControlSurface = require("./ControlSurface.js");
+var _context = require("./context.js");
+//# sourceMappingURL=index.js.map

package/lib/commonjs/control-surface/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_ControlSurface","require","_context"],"sourceRoot":"../../../src","sources":["control-surface/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,eAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA","ignoreList":[]}

package/lib/commonjs/control-surface/types.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=types.js.map

package/lib/commonjs/control-surface/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../src","sources":["control-surface/types.ts"],"mappings":"","ignoreList":[]}

package/lib/commonjs/field/Field.js

@@ -10,6 +10,7 @@ var _index = require("../typography/index.js");
 var _index2 = require("../label/index.js");
 var _index3 = require("../styles/index.js");
 var _shared = require("../text-field/shared.js");
+var _context = require("./context.js");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 /**
@@ -20,6 +21,20 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
  * Bloom's `Label`. Unlike `TextField` — which bakes its label/error into the
  * input chrome — `Field` wraps any arbitrary control (a `Switch`, a
  * `SegmentedControl`, a custom picker, etc.).
+ *
+ * ── IT ASSOCIATES, IT DOES NOT ONLY STACK ───────────────────────────────────
+ *
+ * The three pieces are wired to the control through `field/context.ts`: the
+ * control's id, `aria-describedby` for whichever of description/error is
+ * showing, the invalid state, the required state and the disabled state. A
+ * control opts in by reading `useFieldControl()`; one that does not renders
+ * exactly as before. Ids are generated from `useId` when the caller gives no
+ * `nativeID`, so they survive SSR and hydration.
+ *
+ * `multiple` is the several-controls case — a radio set, a date's three boxes.
+ * The field becomes a labelled `group` and stops handing out a control id,
+ * because one id on three inputs is invalid and one error described by three
+ * inputs is read three times.
  */
 /** `HintText`: 4px under the control (`gap-1`) plus its own 1px `pt-px`. */
 const hintStyle = {
@@ -33,38 +48,68 @@ const FieldComponent = function Field({
   error,
   required = false,
   disabled = false,
+  multiple = false,
   nativeID,
   style,
   testID
 }) {
   const palette = (0, _shared.useTextFieldPalette)();
   const hasError = typeof error === 'string' && error.length > 0;
-  const descriptionID = nativeID ? `${nativeID}-description` : undefined;
-  const errorID = nativeID ? `${nativeID}-error` : undefined;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    style: [_index3.atoms.w_full, style],
-    testID: testID,
-    children: [label != null ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Label, {
-      htmlFor: nativeID,
-      required: required,
-      disabled: disabled,
-      children: label
-    }) : null, children, hasError ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Text, {
-      variant: "caption-1-medium",
-      nativeID: errorID,
-      accessibilityRole: "alert",
-      style: [hintStyle, {
-        color: palette.error
-      }],
-      children: error
-    }) : description != null ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Text, {
-      variant: "caption-1-medium",
-      nativeID: descriptionID,
-      style: [hintStyle, {
-        color: disabled ? palette.placeholder : palette.hint
-      }],
-      children: description
-    }) : null]
+  // `useId` is the seed only when the caller gave no id, so an explicit
+  // `nativeID` still owns every derived id and a consumer that wired its own
+  // `aria-describedby` keeps working.
+  const generated = (0, _react.useId)().replace(/[^a-zA-Z0-9]/g, '');
+  const base = nativeID ?? `bloom-field-${generated}`;
+  const labelID = `${base}-label`;
+  const descriptionID = `${base}-description`;
+  const errorID = `${base}-error`;
+  const hasDescription = !hasError && description != null;
+  const field = (0, _react.useMemo)(() => ({
+    controlId: multiple ? undefined : base,
+    labelId: label != null ? labelID : undefined,
+    // In a `multiple` field the GROUP is described, not each control: an
+    // error pointed at by three inputs is announced three times.
+    describedBy: multiple ? undefined : hasError ? errorID : hasDescription ? descriptionID : undefined,
+    labelText: typeof label === 'string' ? label : undefined,
+    invalid: hasError,
+    required,
+    disabled
+  }), [multiple, base, label, labelID, hasError, errorID, hasDescription, descriptionID, required, disabled]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_context.FieldControlProvider, {
+    value: field,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: [_index3.atoms.w_full, style],
+      testID: testID
+      // A group only when it holds several controls. A `group` around one
+      // control is a wrapper a screen reader has to step into for nothing,
+      // and it competes with the control's own name.
+      ,
+      role: multiple ? 'group' : undefined,
+      "aria-labelledby": multiple && label != null ? labelID : undefined,
+      "aria-describedby": multiple ? hasError ? errorID : hasDescription ? descriptionID : undefined : undefined,
+      children: [label != null ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Label, {
+        nativeID: labelID,
+        htmlFor: multiple ? null : base,
+        required: required,
+        disabled: disabled,
+        children: label
+      }) : null, children, hasError ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Text, {
+        variant: "caption-1-medium",
+        nativeID: errorID,
+        accessibilityRole: "alert",
+        style: [hintStyle, {
+          color: palette.error
+        }],
+        children: error
+      }) : description != null ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Text, {
+        variant: "caption-1-medium",
+        nativeID: descriptionID,
+        style: [hintStyle, {
+          color: disabled ? palette.placeholder : palette.hint
+        }],
+        children: description
+      }) : null]
+    })
   });
 };
 const Field = exports.Field = /*#__PURE__*/(0, _react.memo)(FieldComponent);

package/lib/commonjs/field/Field.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_index","_index2","_index3","_shared","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","hintStyle","marginTop","TEXT_FIELD_STACK_GAP","paddingTop","FieldComponent","Field","children","label","description","error","required","disabled","nativeID","style","testID","palette","useTextFieldPalette","hasError","length","descriptionID","undefined","errorID","jsxs","View","a","w_full","jsx","Label","htmlFor","Text","variant","accessibilityRole","color","placeholder","hint","exports","memo","displayName"],"sourceRoot":"../../../src","sources":["field/Field.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AACA,IAAAK,OAAA,GAAAL,OAAA;AAAiF,IAAAM,WAAA,GAAAN,OAAA;AAAA,SAAAD,wBAAAQ,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAV,uBAAA,YAAAA,CAAAQ,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAGjF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMkB,SAAS,GAAG;EAAEC,SAAS,EAAEC,4BAAoB;EAAEC,UAAU,EAAE;AAAE,CAAU;AAE7E,MAAMC,cAAc,GAAG,SAASC,KAAKA,CAAC;EACpCC,QAAQ;EACRC,KAAK;EACLC,WAAW;EACXC,KAAK;EACLC,QAAQ,GAAG,KAAK;EAChBC,QAAQ,GAAG,KAAK;EAChBC,QAAQ;EACRC,KAAK;EACLC;AACU,CAAC,EAAE;EACb,MAAMC,OAAO,GAAG,IAAAC,2BAAmB,EAAC,CAAC;EACrC,MAAMC,QAAQ,GAAG,OAAOR,KAAK,KAAK,QAAQ,IAAIA,KAAK,CAACS,MAAM,GAAG,CAAC;EAC9D,MAAMC,aAAa,GAAGP,QAAQ,GAAG,GAAGA,QAAQ,cAAc,GAAGQ,SAAS;EACtE,MAAMC,OAAO,GAAGT,QAAQ,GAAG,GAAGA,QAAQ,QAAQ,GAAGQ,SAAS;EAE1D,oBACE,IAAAxC,WAAA,CAAA0C,IAAA,EAAC/C,YAAA,CAAAgD,IAAI;IAACV,KAAK,EAAE,CAACW,aAAC,CAACC,MAAM,EAAEZ,KAAK,CAAE;IAACC,MAAM,EAAEA,MAAO;IAAAR,QAAA,GAC5CC,KAAK,IAAI,IAAI,gBACZ,IAAA3B,WAAA,CAAA8C,GAAA,EAACjD,OAAA,CAAAkD,KAAK;MAACC,OAAO,EAAEhB,QAAS;MAACF,QAAQ,EAAEA,QAAS;MAACC,QAAQ,EAAEA,QAAS;MAAAL,QAAA,EAC9DC;IAAK,CACD,CAAC,GACN,IAAI,EAEPD,QAAQ,EAERW,QAAQ,gBACP,IAAArC,WAAA,CAAA8C,GAAA,EAAClD,MAAA,CAAAqD,IAAI;MACHC,OAAO,EAAC,kBAAkB;MAC1BlB,QAAQ,EAAES,OAAQ;MAClBU,iBAAiB,EAAC,OAAO;MACzBlB,KAAK,EAAE,CAACb,SAAS,EAAE;QAAEgC,KAAK,EAAEjB,OAAO,CAACN;MAAM,CAAC,CAAE;MAAAH,QAAA,EAC5CG;IAAK,CACF,CAAC,GACLD,WAAW,IAAI,IAAI,gBACrB,IAAA5B,WAAA,CAAA8C,GAAA,EAAClD,MAAA,CAAAqD,IAAI;MACHC,OAAO,EAAC,kBAAkB;MAC1BlB,QAAQ,EAAEO,aAAc;MACxBN,KAAK,EAAE,CAACb,SAAS,EAAE;QAAEgC,KAAK,EAAErB,QAAQ,GAAGI,OAAO,CAACkB,WAAW,GAAGlB,OAAO,CAACmB;MAAK,CAAC,CAAE;MAAA5B,QAAA,EAC5EE;IAAW,CACR,CAAC,GACL,IAAI;EAAA,CACJ,CAAC;AAEX,CAAC;AAEM,MAAMH,KAAK,GAAA8B,OAAA,CAAA9B,KAAA,gBAAG,IAAA+B,WAAI,EAAChC,cAAc,CAAC;AACzCC,KAAK,CAACgC,WAAW,GAAG,OAAO","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_index","_index2","_index3","_shared","_context","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","hintStyle","marginTop","TEXT_FIELD_STACK_GAP","paddingTop","FieldComponent","Field","children","label","description","error","required","disabled","multiple","nativeID","style","testID","palette","useTextFieldPalette","hasError","length","generated","useId","replace","base","labelID","descriptionID","errorID","hasDescription","field","useMemo","controlId","undefined","labelId","describedBy","labelText","invalid","jsx","FieldControlProvider","value","jsxs","View","a","w_full","role","Label","htmlFor","Text","variant","accessibilityRole","color","placeholder","hint","exports","memo","displayName"],"sourceRoot":"../../../src","sources":["field/Field.tsx"],"mappings":"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","ignoreList":[]}