@oxy.so/bloom 5.4.1 → 6.1.0

package/lib/typescript/commonjs/control-surface/context.d.ts

@@ -1,21 +0,0 @@
-import type { ControlSurfaceValue } from './types';
-/** @internal The provider `ControlSurface` renders. */
-export declare const ControlSurfaceProvider: import("react").Provider<ControlSurfaceValue | null>;
-/**
- * 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.
- */
-export declare function useControlSurface(): ControlSurfaceValue | null;
-/**
- * Resolve one field by the precedence rule: `explicit` → container → `fallback`.
- *
- * ```ts
- * const material = useInheritedControl('material', variant, 'solid');
- * ```
- */
-export declare function useInheritedControl<K extends keyof ControlSurfaceValue>(key: K, explicit: ControlSurfaceValue[K] | undefined, fallback: ControlSurfaceValue[K]): ControlSurfaceValue[K];
-//# sourceMappingURL=context.d.ts.map

package/lib/typescript/commonjs/control-surface/context.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../../src/control-surface/context.ts"],"names":[],"mappings":"AA8CA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAKnD,uDAAuD;AACvD,eAAO,MAAM,sBAAsB,sDAAiC,CAAC;AAErE;;;;;;;GAOG;AACH,wBAAgB,iBAAiB,IAAI,mBAAmB,GAAG,IAAI,CAE9D;AAED;;;;;;GAMG;AACH,wBAAgB,mBAAmB,CAAC,CAAC,SAAS,MAAM,mBAAmB,EACrE,GAAG,EAAE,CAAC,EACN,QAAQ,EAAE,mBAAmB,CAAC,CAAC,CAAC,GAAG,SAAS,EAC5C,QAAQ,EAAE,mBAAmB,CAAC,CAAC,CAAC,GAC/B,mBAAmB,CAAC,CAAC,CAAC,CAGxB"}

package/lib/typescript/commonjs/control-surface/index.d.ts

@@ -1,4 +0,0 @@
-export { ControlSurface } from './ControlSurface';
-export { useControlSurface, useInheritedControl } from './context';
-export type { ControlDensity, ControlMaterial, ControlSurfaceProps, ControlSurfaceValue } from './types';
-//# sourceMappingURL=index.d.ts.map

package/lib/typescript/commonjs/control-surface/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/control-surface/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,MAAM,WAAW,CAAC;AAEnE,YAAY,EAAE,cAAc,EAAE,eAAe,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC"}

package/lib/typescript/commonjs/control-surface/types.d.ts

@@ -1,37 +0,0 @@
-import type { ReactNode } from 'react';
-/**
- * The MATERIAL a control container paints itself in.
- *
- * `solid` is Bloom's default chrome: an opaque fill off the surface ladder, a
- * hairline and a shadow. `glass` is the translucent chrome a container paints
- * when it floats over content the container does not own — a page header's
- * islands, a media overlay's toolbar.
- *
- * It names the container's SURFACE, never the action's meaning. A destructive
- * action stays destructive in either material; see `docs/composition.mdx`.
- */
-export type ControlMaterial = 'solid' | 'glass';
-/** The size a container asks the controls inside it for. */
-export type ControlDensity = 'xs' | 'sm' | 'md' | 'lg';
-/**
- * What a container tells the controls inside it about presentation — and
- * nothing else.
- *
- * Both fields are VISUAL CONFIGURATION: a descendant may override either with
- * an explicit prop. Restrictions do not travel here, deliberately. `disabled`,
- * a modal's inertness and the effective accessibility preferences are
- * constraints rather than defaults, and a descendant must not be able to
- * re-enable itself by passing a prop — so they stay on their own channels.
- */
-export interface ControlSurfaceValue {
-    material: ControlMaterial;
-    density: ControlDensity;
-}
-export interface ControlSurfaceProps {
-    /** The material controls inside should default to. Inherited when omitted. */
-    material?: ControlMaterial;
-    /** The density controls inside should default to. Inherited when omitted. */
-    density?: ControlDensity | 'small' | 'medium';
-    children?: ReactNode;
-}
-//# sourceMappingURL=types.d.ts.map

package/lib/typescript/commonjs/control-surface/types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/control-surface/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;;;;;;;;;GAUG;AACH,MAAM,MAAM,eAAe,GAAG,OAAO,GAAG,OAAO,CAAC;AAEhD,4DAA4D;AAC5D,MAAM,MAAM,cAAc,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEvD;;;;;;;;;GASG;AACH,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,eAAe,CAAC;IAC1B,OAAO,EAAE,cAAc,CAAC;CACzB;AAED,MAAM,WAAW,mBAAmB;IAClC,8EAA8E;IAC9E,QAAQ,CAAC,EAAE,eAAe,CAAC;IAC3B,6EAA6E;IAC7E,OAAO,CAAC,EAAE,cAAc,GAAG,OAAO,GAAG,QAAQ,CAAC;IAC9C,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB"}

package/lib/typescript/commonjs/fab/use-fab-minimized.d.ts

@@ -1,2 +0,0 @@
-export declare function useFabMinimized(enabled: boolean): boolean;
-//# sourceMappingURL=use-fab-minimized.d.ts.map

package/lib/typescript/commonjs/fab/use-fab-minimized.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-fab-minimized.d.ts","sourceRoot":"","sources":["../../../../src/fab/use-fab-minimized.ts"],"names":[],"mappings":"AAKA,wBAAgB,eAAe,CAAC,OAAO,EAAE,OAAO,GAAG,OAAO,CAazD"}

package/lib/typescript/commonjs/tab-bar/surface-solid.d.ts

@@ -1,8 +0,0 @@
-import type { TabBarSurfaceProps } from './shared';
-/** Shared solid material; keep the animated capsule host for minimize motion. */
-export declare function SolidTabBarSurface({ theme, style }: TabBarSurfaceProps): import("react/jsx-runtime").JSX.Element;
-export declare namespace SolidTabBarSurface {
-    var displayName: string;
-    var resolveFill: (theme: TabBarSurfaceProps["theme"]) => string;
-}
-//# sourceMappingURL=surface-solid.d.ts.map

package/lib/typescript/commonjs/tab-bar/surface-solid.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"surface-solid.d.ts","sourceRoot":"","sources":["../../../../src/tab-bar/surface-solid.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAEnD,iFAAiF;AACjF,wBAAgB,kBAAkB,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,kBAAkB,2CAMtE;yBANe,kBAAkB;;6BAQO,kBAAkB,CAAC,OAAO,CAAC"}

package/lib/typescript/commonjs/tab-bar/surface-translucent.d.ts

@@ -1,8 +0,0 @@
-import type { TabBarSurfaceProps } from './shared';
-/** Universal translucent material: shared web optics and native tint, sheen and rim. */
-export declare function TranslucentTabBarSurface({ theme, style }: TabBarSurfaceProps): import("react/jsx-runtime").JSX.Element;
-export declare namespace TranslucentTabBarSurface {
-    var displayName: string;
-    var resolveFill: (theme: TabBarSurfaceProps["theme"]) => string;
-}
-//# sourceMappingURL=surface-translucent.d.ts.map

package/lib/typescript/commonjs/tab-bar/surface-translucent.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"surface-translucent.d.ts","sourceRoot":"","sources":["../../../../src/tab-bar/surface-translucent.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAEnD,wFAAwF;AACxF,wBAAgB,wBAAwB,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,kBAAkB,2CAM5E;yBANe,wBAAwB;;6BAQO,kBAAkB,CAAC,OAAO,CAAC"}

package/lib/typescript/module/appearance/legacy.d.ts

@@ -1,5 +0,0 @@
-import type { BloomSize } from './types';
-/** Normalize v3 size spellings at public boundaries; contexts use shared sizes. */
-export declare function normalizeBloomSize(size: string | undefined): BloomSize | undefined;
-export type BloomSizeInput = BloomSize | 'small' | 'medium' | 'large' | 'default';
-//# sourceMappingURL=legacy.d.ts.map

package/lib/typescript/module/appearance/legacy.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"legacy.d.ts","sourceRoot":"","sources":["../../../../src/appearance/legacy.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEzC,mFAAmF;AACnF,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,CAKlF;AACD,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC"}

package/lib/typescript/module/control-surface/ControlSurface.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import type { ControlSurfaceProps } from './types';
-export declare const ControlSurface: React.NamedExoticComponent<ControlSurfaceProps>;
-//# sourceMappingURL=ControlSurface.d.ts.map

package/lib/typescript/module/control-surface/ControlSurface.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ControlSurface.d.ts","sourceRoot":"","sources":["../../../../src/control-surface/ControlSurface.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAG7C,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAoCnD,eAAO,MAAM,cAAc,iDAAgC,CAAC"}

package/lib/typescript/module/control-surface/context.d.ts

@@ -1,21 +0,0 @@
-import type { ControlSurfaceValue } from './types';
-/** @internal The provider `ControlSurface` renders. */
-export declare const ControlSurfaceProvider: import("react").Provider<ControlSurfaceValue | null>;
-/**
- * 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.
- */
-export declare function useControlSurface(): ControlSurfaceValue | null;
-/**
- * Resolve one field by the precedence rule: `explicit` → container → `fallback`.
- *
- * ```ts
- * const material = useInheritedControl('material', variant, 'solid');
- * ```
- */
-export declare function useInheritedControl<K extends keyof ControlSurfaceValue>(key: K, explicit: ControlSurfaceValue[K] | undefined, fallback: ControlSurfaceValue[K]): ControlSurfaceValue[K];
-//# sourceMappingURL=context.d.ts.map

package/lib/typescript/module/control-surface/context.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../../src/control-surface/context.ts"],"names":[],"mappings":"AA8CA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAKnD,uDAAuD;AACvD,eAAO,MAAM,sBAAsB,sDAAiC,CAAC;AAErE;;;;;;;GAOG;AACH,wBAAgB,iBAAiB,IAAI,mBAAmB,GAAG,IAAI,CAE9D;AAED;;;;;;GAMG;AACH,wBAAgB,mBAAmB,CAAC,CAAC,SAAS,MAAM,mBAAmB,EACrE,GAAG,EAAE,CAAC,EACN,QAAQ,EAAE,mBAAmB,CAAC,CAAC,CAAC,GAAG,SAAS,EAC5C,QAAQ,EAAE,mBAAmB,CAAC,CAAC,CAAC,GAC/B,mBAAmB,CAAC,CAAC,CAAC,CAGxB"}

package/lib/typescript/module/control-surface/index.d.ts

@@ -1,4 +0,0 @@
-export { ControlSurface } from './ControlSurface';
-export { useControlSurface, useInheritedControl } from './context';
-export type { ControlDensity, ControlMaterial, ControlSurfaceProps, ControlSurfaceValue } from './types';
-//# sourceMappingURL=index.d.ts.map

package/lib/typescript/module/control-surface/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/control-surface/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,MAAM,WAAW,CAAC;AAEnE,YAAY,EAAE,cAAc,EAAE,eAAe,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC"}

package/lib/typescript/module/control-surface/types.d.ts

@@ -1,37 +0,0 @@
-import type { ReactNode } from 'react';
-/**
- * The MATERIAL a control container paints itself in.
- *
- * `solid` is Bloom's default chrome: an opaque fill off the surface ladder, a
- * hairline and a shadow. `glass` is the translucent chrome a container paints
- * when it floats over content the container does not own — a page header's
- * islands, a media overlay's toolbar.
- *
- * It names the container's SURFACE, never the action's meaning. A destructive
- * action stays destructive in either material; see `docs/composition.mdx`.
- */
-export type ControlMaterial = 'solid' | 'glass';
-/** The size a container asks the controls inside it for. */
-export type ControlDensity = 'xs' | 'sm' | 'md' | 'lg';
-/**
- * What a container tells the controls inside it about presentation — and
- * nothing else.
- *
- * Both fields are VISUAL CONFIGURATION: a descendant may override either with
- * an explicit prop. Restrictions do not travel here, deliberately. `disabled`,
- * a modal's inertness and the effective accessibility preferences are
- * constraints rather than defaults, and a descendant must not be able to
- * re-enable itself by passing a prop — so they stay on their own channels.
- */
-export interface ControlSurfaceValue {
-    material: ControlMaterial;
-    density: ControlDensity;
-}
-export interface ControlSurfaceProps {
-    /** The material controls inside should default to. Inherited when omitted. */
-    material?: ControlMaterial;
-    /** The density controls inside should default to. Inherited when omitted. */
-    density?: ControlDensity | 'small' | 'medium';
-    children?: ReactNode;
-}
-//# sourceMappingURL=types.d.ts.map

package/lib/typescript/module/control-surface/types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/control-surface/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;;;;;;;;;GAUG;AACH,MAAM,MAAM,eAAe,GAAG,OAAO,GAAG,OAAO,CAAC;AAEhD,4DAA4D;AAC5D,MAAM,MAAM,cAAc,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEvD;;;;;;;;;GASG;AACH,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,eAAe,CAAC;IAC1B,OAAO,EAAE,cAAc,CAAC;CACzB;AAED,MAAM,WAAW,mBAAmB;IAClC,8EAA8E;IAC9E,QAAQ,CAAC,EAAE,eAAe,CAAC;IAC3B,6EAA6E;IAC7E,OAAO,CAAC,EAAE,cAAc,GAAG,OAAO,GAAG,QAAQ,CAAC;IAC9C,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB"}

package/lib/typescript/module/fab/use-fab-minimized.d.ts

@@ -1,2 +0,0 @@
-export declare function useFabMinimized(enabled: boolean): boolean;
-//# sourceMappingURL=use-fab-minimized.d.ts.map

package/lib/typescript/module/fab/use-fab-minimized.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-fab-minimized.d.ts","sourceRoot":"","sources":["../../../../src/fab/use-fab-minimized.ts"],"names":[],"mappings":"AAKA,wBAAgB,eAAe,CAAC,OAAO,EAAE,OAAO,GAAG,OAAO,CAazD"}

package/lib/typescript/module/tab-bar/surface-solid.d.ts

@@ -1,8 +0,0 @@
-import type { TabBarSurfaceProps } from './shared';
-/** Shared solid material; keep the animated capsule host for minimize motion. */
-export declare function SolidTabBarSurface({ theme, style }: TabBarSurfaceProps): import("react/jsx-runtime").JSX.Element;
-export declare namespace SolidTabBarSurface {
-    var displayName: string;
-    var resolveFill: (theme: TabBarSurfaceProps["theme"]) => string;
-}
-//# sourceMappingURL=surface-solid.d.ts.map

package/lib/typescript/module/tab-bar/surface-solid.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"surface-solid.d.ts","sourceRoot":"","sources":["../../../../src/tab-bar/surface-solid.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAEnD,iFAAiF;AACjF,wBAAgB,kBAAkB,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,kBAAkB,2CAMtE;yBANe,kBAAkB;;6BAQO,kBAAkB,CAAC,OAAO,CAAC"}

package/lib/typescript/module/tab-bar/surface-translucent.d.ts

@@ -1,8 +0,0 @@
-import type { TabBarSurfaceProps } from './shared';
-/** Universal translucent material: shared web optics and native tint, sheen and rim. */
-export declare function TranslucentTabBarSurface({ theme, style }: TabBarSurfaceProps): import("react/jsx-runtime").JSX.Element;
-export declare namespace TranslucentTabBarSurface {
-    var displayName: string;
-    var resolveFill: (theme: TabBarSurfaceProps["theme"]) => string;
-}
-//# sourceMappingURL=surface-translucent.d.ts.map

package/lib/typescript/module/tab-bar/surface-translucent.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"surface-translucent.d.ts","sourceRoot":"","sources":["../../../../src/tab-bar/surface-translucent.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAEnD,wFAAwF;AACxF,wBAAgB,wBAAwB,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,kBAAkB,2CAM5E;yBANe,wBAAwB;;6BAQO,kBAAkB,CAAC,OAAO,CAAC"}

package/src/appearance/legacy.ts

@@ -1,10 +0,0 @@
-import type { BloomSize } from './types';
-
-/** Normalize v3 size spellings at public boundaries; contexts use shared sizes. */
-export function normalizeBloomSize(size: string | undefined): BloomSize | undefined {
-  if (size === 'small') return 'sm';
-  if (size === 'medium' || size === 'default' || size === 'icon') return 'md';
-  if (size === 'large') return 'lg';
-  return size === 'xs' || size === 'sm' || size === 'md' || size === 'lg' ? size : undefined;
-}
-export type BloomSizeInput = BloomSize | 'small' | 'medium' | 'large' | 'default';

package/src/control-surface/ControlSurface.tsx

@@ -1,41 +0,0 @@
-import React, { memo, useMemo } from 'react';
-
-import { ControlSurfaceProvider, useControlSurface } from './context';
-import type { ControlSurfaceProps } from './types';
-
-/**
- * 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="sm">` inside a glass island stays glass. The
- * full precedence rule is in `control-surface/context.ts`.
- */
-const ControlSurfaceComponent: React.FC<ControlSurfaceProps> = ({
-  material,
-  density,
-  children,
-}) => {
-  const inherited = useControlSurface();
-  const value = useMemo(
-    () => ({
-      material: material ?? inherited?.material ?? 'solid',
-      density: (density === 'small' ? 'sm' : density === 'medium' ? 'md' : density) ?? inherited?.density ?? 'md',
-    }),
-    [material, density, inherited?.material, inherited?.density],
-  );
-  return <ControlSurfaceProvider value={value}>{children}</ControlSurfaceProvider>;
-};
-
-export const ControlSurface = memo(ControlSurfaceComponent);
-ControlSurface.displayName = 'ControlSurface';

package/src/control-surface/context.ts

@@ -1,81 +0,0 @@
-/**
- * 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.
- */
-import { createContext, useContext } from 'react';
-
-import type { ControlSurfaceValue } from './types';
-
-const ControlSurfaceContext = createContext<ControlSurfaceValue | null>(null);
-ControlSurfaceContext.displayName = 'BloomControlSurfaceContext';
-
-/** @internal The provider `ControlSurface` renders. */
-export const 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.
- */
-export function useControlSurface(): ControlSurfaceValue | null {
-  return useContext(ControlSurfaceContext);
-}
-
-/**
- * Resolve one field by the precedence rule: `explicit` → container → `fallback`.
- *
- * ```ts
- * const material = useInheritedControl('material', variant, 'solid');
- * ```
- */
-export function useInheritedControl<K extends keyof ControlSurfaceValue>(
-  key: K,
-  explicit: ControlSurfaceValue[K] | undefined,
-  fallback: ControlSurfaceValue[K],
-): ControlSurfaceValue[K] {
-  const inherited = useContext(ControlSurfaceContext);
-  return explicit ?? inherited?.[key] ?? fallback;
-}

package/src/control-surface/index.ts

@@ -1,4 +0,0 @@
-export { ControlSurface } from './ControlSurface';
-export { useControlSurface, useInheritedControl } from './context';
-
-export type { ControlDensity, ControlMaterial, ControlSurfaceProps, ControlSurfaceValue } from './types';

package/src/control-surface/types.ts

@@ -1,40 +0,0 @@
-import type { ReactNode } from 'react';
-
-/**
- * The MATERIAL a control container paints itself in.
- *
- * `solid` is Bloom's default chrome: an opaque fill off the surface ladder, a
- * hairline and a shadow. `glass` is the translucent chrome a container paints
- * when it floats over content the container does not own — a page header's
- * islands, a media overlay's toolbar.
- *
- * It names the container's SURFACE, never the action's meaning. A destructive
- * action stays destructive in either material; see `docs/composition.mdx`.
- */
-export type ControlMaterial = 'solid' | 'glass';
-
-/** The size a container asks the controls inside it for. */
-export type ControlDensity = 'xs' | 'sm' | 'md' | 'lg';
-
-/**
- * What a container tells the controls inside it about presentation — and
- * nothing else.
- *
- * Both fields are VISUAL CONFIGURATION: a descendant may override either with
- * an explicit prop. Restrictions do not travel here, deliberately. `disabled`,
- * a modal's inertness and the effective accessibility preferences are
- * constraints rather than defaults, and a descendant must not be able to
- * re-enable itself by passing a prop — so they stay on their own channels.
- */
-export interface ControlSurfaceValue {
-  material: ControlMaterial;
-  density: ControlDensity;
-}
-
-export interface ControlSurfaceProps {
-  /** The material controls inside should default to. Inherited when omitted. */
-  material?: ControlMaterial;
-  /** The density controls inside should default to. Inherited when omitted. */
-  density?: ControlDensity | 'small' | 'medium';
-  children?: ReactNode;
-}

package/src/fab/use-fab-minimized.ts

@@ -1,19 +0,0 @@
-import { useState } from 'react';
-import { runOnJS, useAnimatedReaction } from 'react-native-reanimated';
-
-import { useMinimizeState } from '../tab-bar/context';
-
-export function useFabMinimized(enabled: boolean): boolean {
-  const { target } = useMinimizeState();
-  const [isMinimized, setIsMinimized] = useState(enabled && target.value === 1);
-
-  useAnimatedReaction(
-    () => enabled && target.value === 1,
-    (next, previous) => {
-      if (next !== previous) runOnJS(setIsMinimized)(next);
-    },
-    [enabled, target, setIsMinimized],
-  );
-
-  return isMinimized;
-}

package/src/tab-bar/surface-solid.tsx

@@ -1,18 +0,0 @@
-import { surfaceStyle } from '../shapes/surface-style';
-import { SURFACE_SHAPES } from '../design-tokens/shapes';
-/** Adapted from expo-glass-tabs v0.1.1 (MIT © 2026 David Mokos). */
-import { StyleSheet } from 'react-native';
-import Animated from 'react-native-reanimated';
-import { SurfacePaint } from '../surface/SurfacePaint';
-import type { TabBarSurfaceProps } from './shared';
-
-/** Shared solid material; keep the animated capsule host for minimize motion. */
-export function SolidTabBarSurface({ theme, style }: TabBarSurfaceProps) {
-  return (
-    <Animated.View pointerEvents="none" style={[StyleSheet.absoluteFill, surfaceStyle(SURFACE_SHAPES.capsule), style]}>
-      <SurfacePaint fill={theme.solidFallback} radius={999} />
-    </Animated.View>
-  );
-}
-SolidTabBarSurface.displayName = 'SolidTabBarSurface';
-SolidTabBarSurface.resolveFill = (theme: TabBarSurfaceProps['theme']) => theme.solidFallback;

package/src/tab-bar/surface-translucent.tsx

@@ -1,16 +0,0 @@
-/** Adapted from expo-glass-tabs v0.1.1 (MIT © 2026 David Mokos). */
-import { StyleSheet } from 'react-native';
-import Animated from 'react-native-reanimated';
-import { SurfacePaint } from '../surface/SurfacePaint';
-import type { TabBarSurfaceProps } from './shared';
-
-/** Universal translucent material: shared web optics and native tint, sheen and rim. */
-export function TranslucentTabBarSurface({ theme, style }: TabBarSurfaceProps) {
-  return (
-    <Animated.View pointerEvents="none" style={[StyleSheet.absoluteFill, style]}>
-      <SurfacePaint fill={theme.glassTint} radius={999} glass />
-    </Animated.View>
-  );
-}
-TranslucentTabBarSurface.displayName = 'TranslucentTabBarSurface';
-TranslucentTabBarSurface.resolveFill = (theme: TabBarSurfaceProps['theme']) => theme.glassTint;