@oxy.so/bloom 2.9.0 → 2.11.0

package/lib/typescript/commonjs/chip/types.d.ts

@@ -1,11 +1,29 @@
 import type { StyleProp, ViewStyle, TextStyle } from 'react-native';
 import type { AccentFill, AccentTone } from '../theme/accent-colors';
-export type ChipSize = 'small' | 'medium' | 'large';
+/**
+ * 24 / 24 / 28 / 32 / 40 tall. `xl` and `2xl` are the filter rungs: the scale
+ * used to stop at 28, which is why five families drew their own pill. The table
+ * is in `shared.ts`.
+ */
+export type ChipSize = 'small' | 'medium' | 'large' | 'xl' | '2xl';
+/**
+ * The three accent fills, plus `inverted`: a hairline pill on the page that
+ * turns the page's own reading pair OVER when selected, rather than promoting
+ * to the brand tone. `shared.ts` says why that is a different idea rather than
+ * a fourth loudness.
+ */
+export type ChipVariant = AccentFill | 'inverted';
 /**
  * Data hues: a category, a department, an objective — colours that carry
  * data rather than a status role.
  */
 export type ChipHue = 'lime' | 'rose' | 'yellow' | 'cyan' | 'blue' | 'purple' | 'neutral' | 'gray' | 'soft';
+/**
+ * What a pressable chip IS, which decides the state ARIA reads it by:
+ * a toggle `button` (`aria-pressed`), a `radio` in a radiogroup
+ * (`aria-checked`), or a `tab` in a tablist (`aria-selected`).
+ */
+export type ChipRole = 'button' | 'radio' | 'tab';
 export interface ChipProps {
     /** Text content of the chip. */
     children?: React.ReactNode;
@@ -14,7 +32,7 @@ export interface ChipProps {
      * `subtle` on `Badge` — one concept, two names, resolved by the shared
      * {@link AccentFill}.
      */
-    variant?: AccentFill;
+    variant?: ChipVariant;
     /** Semantic color. */
     color?: AccentTone;
     /**
@@ -41,11 +59,58 @@ export interface ChipProps {
     onClose?: () => void;
     /** Whether the chip is in a selected state. */
     selected?: boolean;
+    /**
+     * What a pressable chip is to assistive technology. Default `button`
+     * (`aria-pressed`). Use `radio` inside a `radiogroup` and `tab` inside a
+     * `tablist` — the state attribute follows the role, and a `radio` announcing
+     * `aria-pressed` is invalid.
+     */
+    role?: ChipRole;
     /** Whether the chip is disabled. */
     disabled?: boolean;
+    /**
+     * Web only, for a roving-tabindex row: `-1` takes the chip out of the tab
+     * order so the row is a single tab stop. Inert on native.
+     */
+    tabIndex?: number;
+    /**
+     * Web only: key handling for a roving-tabindex row (arrows move focus).
+     * Inert on native.
+     */
+    onKeyDown?: (event: {
+        key: string;
+        preventDefault: () => void;
+    }) => void;
     style?: StyleProp<ViewStyle>;
     textStyle?: StyleProp<TextStyle>;
     accessibilityLabel?: string;
     testID?: string;
 }
+export interface ChipRowProps {
+    /** The pills. */
+    children?: React.ReactNode;
+    /** Between pills. Default 8. */
+    gap?: number;
+    /** Side padding inside the scroller, so the first and last pill clear the edge. */
+    contentInset?: number;
+    /**
+     * The colour the web edge fades blend into — the surface behind the row.
+     * Default the page background.
+     */
+    fadeColor?: string;
+    /**
+     * Room kept on every side for a pill's focus ring, taken back out again with
+     * negative margins so the row still lines up with what is above it. Default 4.
+     */
+    ringInset?: number;
+    /** What the row is: a `group` of toggles, a `radiogroup`, or a `tablist`. Default `group`. */
+    role?: 'group' | 'radiogroup' | 'tablist';
+    /** Names the row. Required for anything but a plain `group` of self-naming pills. */
+    accessibilityLabel?: string;
+    /** Marks the whole row disabled to assistive technology (web `aria-disabled`). */
+    disabled?: boolean;
+    style?: StyleProp<ViewStyle>;
+    contentContainerStyle?: StyleProp<ViewStyle>;
+    testID?: string;
+}
 //# sourceMappingURL=types.d.ts.map

package/lib/typescript/commonjs/chip/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/chip/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEpE,OAAO,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAErE,MAAM,MAAM,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEpD;;;GAGG;AACH,MAAM,MAAM,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,CAAC;AAE5G,MAAM,WAAW,SAAS;IACxB,gCAAgC;IAChC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;;;OAIG;IACH,OAAO,CAAC,EAAE,UAAU,CAAC;IACrB,sBAAsB;IACtB,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB;;;;;OAKG;IACH,GAAG,CAAC,EAAE,OAAO,CAAC;IACd;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,mBAAmB;IACnB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,sCAAsC;IACtC,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,qDAAqD;IACrD,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,mEAAmE;IACnE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,iDAAiD;IACjD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oCAAoC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACjC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/chip/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEpE,OAAO,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAErE;;;;GAIG;AACH,MAAM,MAAM,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,IAAI,GAAG,KAAK,CAAC;AAEnE;;;;;GAKG;AACH,MAAM,MAAM,WAAW,GAAG,UAAU,GAAG,UAAU,CAAC;AAElD;;;GAGG;AACH,MAAM,MAAM,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,CAAC;AAE5G;;;;GAIG;AACH,MAAM,MAAM,QAAQ,GAAG,QAAQ,GAAG,OAAO,GAAG,KAAK,CAAC;AAElD,MAAM,WAAW,SAAS;IACxB,gCAAgC;IAChC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;;;OAIG;IACH,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,sBAAsB;IACtB,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB;;;;;OAKG;IACH,GAAG,CAAC,EAAE,OAAO,CAAC;IACd;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,mBAAmB;IACnB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,sCAAsC;IACtC,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,qDAAqD;IACrD,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,mEAAmE;IACnE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,iDAAiD;IACjD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;;OAKG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,oCAAoC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,cAAc,EAAE,MAAM,IAAI,CAAA;KAAE,KAAK,IAAI,CAAC;IACzE,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACjC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,YAAY;IAC3B,iBAAiB;IACjB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,gCAAgC;IAChC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,mFAAmF;IACnF,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8FAA8F;IAC9F,IAAI,CAAC,EAAE,OAAO,GAAG,YAAY,GAAG,SAAS,CAAC;IAC1C,qFAAqF;IACrF,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,kFAAkF;IAClF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,qBAAqB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7C,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB"}

package/lib/typescript/commonjs/composer-panel/ComposerControls.d.ts

@@ -13,7 +13,7 @@ export declare function MicButton({ listening, onToggle, label, palette, }: {
 /**
  * Send (`bg-button-primary` disc): the accent gradient, its hover
  * gradient crossfading in over 150ms, the active gradient while held; disabled
- * paints the disabled gradient at 40% opacity (200ms). White 20px arrow.
+ * paints the disabled gradient at the disabled opacity (200ms). White 20px arrow.
  */
 export declare function SendButton({ disabled, onPress, label, palette, }: {
     disabled: boolean;

package/lib/typescript/commonjs/composer-panel/ComposerControls.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ComposerControls.d.ts","sourceRoot":"","sources":["../../../../src/composer-panel/ComposerControls.tsx"],"names":[],"mappings":"AAkBA,OAAO,EAA+B,KAAK,eAAe,EAAE,MAAM,UAAU,CAAC;AA2E7E;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,EACxB,SAAS,EACT,QAAQ,EACR,KAAK,EACL,OAAO,GACR,EAAE;IACD,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,eAAe,CAAC;CAC1B,2CAuCA;AAuCD;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,EACzB,QAAQ,EACR,OAAO,EACP,KAAK,EACL,OAAO,GACR,EAAE;IACD,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,eAAe,CAAC;CAC1B,2CAsCA"}
+{"version":3,"file":"ComposerControls.d.ts","sourceRoot":"","sources":["../../../../src/composer-panel/ComposerControls.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAA+B,KAAK,eAAe,EAAE,MAAM,UAAU,CAAC;AA2E7E;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,EACxB,SAAS,EACT,QAAQ,EACR,KAAK,EACL,OAAO,GACR,EAAE;IACD,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,eAAe,CAAC;CAC1B,2CAuCA;AAuCD;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,EACzB,QAAQ,EACR,OAAO,EACP,KAAK,EACL,OAAO,GACR,EAAE;IACD,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,eAAe,CAAC;CAC1B,2CAsCA"}

package/lib/typescript/commonjs/content-panel/ContentPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ContentPanel.d.ts","sourceRoot":"","sources":["../../../../src/content-panel/ContentPanel.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,OAAO,KAAe,MAAM,OAAO,CAAC;AAQpC,OAAO,KAAK,EAAgC,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAE/E;;;GAGG;AACH,eAAO,MAAM,kBAAkB,KAAK,CAAC;AACrC,wDAAwD;AACxD,eAAO,MAAM,eAAe,IAAI,CAAC;AACjC,2DAA2D;AAC3D,eAAO,MAAM,kBAAkB,IAAI,CAAC;AAsDpC,eAAO,MAAM,YAAY,+CAA8B,CAAC"}
+{"version":3,"file":"ContentPanel.d.ts","sourceRoot":"","sources":["../../../../src/content-panel/ContentPanel.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,OAAO,KAAe,MAAM,OAAO,CAAC;AAWpC,OAAO,KAAK,EAAgC,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAE/E;;;GAGG;AACH,eAAO,MAAM,kBAAkB,KAAK,CAAC;AACrC,wDAAwD;AACxD,eAAO,MAAM,eAAe,IAAI,CAAC;AACjC,2DAA2D;AAC3D,eAAO,MAAM,kBAAkB,IAAI,CAAC;AAkFpC,eAAO,MAAM,YAAY,+CAA8B,CAAC"}

package/lib/typescript/commonjs/content-panel/ContentPanel.web.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ContentPanel.web.d.ts","sourceRoot":"","sources":["../../../../src/content-panel/ContentPanel.web.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmFG;AACH,OAAO,KAAe,MAAM,OAAO,CAAC;AAUpC,OAAO,KAAK,EAAgC,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAE/E,+DAA+D;AAC/D,eAAO,MAAM,kBAAkB,KAAK,CAAC;AACrC,6DAA6D;AAC7D,eAAO,MAAM,eAAe,IAAI,CAAC;AACjC,2DAA2D;AAC3D,eAAO,MAAM,kBAAkB,IAAI,CAAC;AA4KpC,eAAO,MAAM,YAAY,+CAA8B,CAAC"}
+{"version":3,"file":"ContentPanel.web.d.ts","sourceRoot":"","sources":["../../../../src/content-panel/ContentPanel.web.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmFG;AACH,OAAO,KAAe,MAAM,OAAO,CAAC;AAapC,OAAO,KAAK,EAAgC,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAE/E,+DAA+D;AAC/D,eAAO,MAAM,kBAAkB,KAAK,CAAC;AACrC,6DAA6D;AAC7D,eAAO,MAAM,eAAe,IAAI,CAAC;AACjC,2DAA2D;AAC3D,eAAO,MAAM,kBAAkB,IAAI,CAAC;AAwMpC,eAAO,MAAM,YAAY,+CAA8B,CAAC"}

package/lib/typescript/commonjs/content-panel/index.d.ts

@@ -1,3 +1,3 @@
 export { GUTTER_MASK_SPREAD, PANEL_TOP_INSET, PANEL_BOTTOM_INSET, ContentPanel, } from './ContentPanel';
-export type { ContentPanelFramedBreakpoint, ContentPanelProps } from './types';
+export type { ContentPanelChrome, ContentPanelFramedBreakpoint, ContentPanelProps } from './types';
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/commonjs/content-panel/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/content-panel/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,kBAAkB,EAClB,eAAe,EACf,kBAAkB,EAClB,YAAY,GACb,MAAM,gBAAgB,CAAC;AACxB,YAAY,EAAE,4BAA4B,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/content-panel/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,kBAAkB,EAClB,eAAe,EACf,kBAAkB,EAClB,YAAY,GACb,MAAM,gBAAgB,CAAC;AACxB,YAAY,EAAE,kBAAkB,EAAE,4BAA4B,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC"}

package/lib/typescript/commonjs/content-panel/index.web.d.ts

@@ -1,3 +1,3 @@
 export { GUTTER_MASK_SPREAD, PANEL_TOP_INSET, PANEL_BOTTOM_INSET, ContentPanel, } from './ContentPanel.web';
-export type { ContentPanelFramedBreakpoint, ContentPanelProps } from './types';
+export type { ContentPanelChrome, ContentPanelFramedBreakpoint, ContentPanelProps } from './types';
 //# sourceMappingURL=index.web.d.ts.map

package/lib/typescript/commonjs/content-panel/index.web.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.web.d.ts","sourceRoot":"","sources":["../../../../src/content-panel/index.web.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,kBAAkB,EAClB,eAAe,EACf,kBAAkB,EAClB,YAAY,GACb,MAAM,oBAAoB,CAAC;AAC5B,YAAY,EAAE,4BAA4B,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC"}
+{"version":3,"file":"index.web.d.ts","sourceRoot":"","sources":["../../../../src/content-panel/index.web.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,kBAAkB,EAClB,eAAe,EACf,kBAAkB,EAClB,YAAY,GACb,MAAM,oBAAoB,CAAC;AAC5B,YAAY,EAAE,kBAAkB,EAAE,4BAA4B,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC"}

package/lib/typescript/commonjs/content-panel/shared.d.ts

@@ -0,0 +1,28 @@
+import type { StyleProp, ViewStyle } from 'react-native';
+/**
+ * The exact fill the panel publishes, or `undefined` when it cannot know it.
+ *
+ * Four cases, in order:
+ *
+ *  - `surfaceColor` given — the caller stated it; nothing beats that.
+ *  - `surfaceClassName` given — the caller REPAINTED the surface with a utility
+ *    Bloom cannot resolve to a colour (that is the whole point of the prop), so
+ *    publishing `card` would be a confident lie. The panel falls back to
+ *    publishing the rung alone, which is the weaker answer it had before —
+ *    `surfaceColor` is how a caller in this case gets the exact one back.
+ *  - `surfaceStyle` carrying a `backgroundColor` — the same repaint by the other
+ *    door, and the panel has to stop claiming `card` for it too. The colour is
+ *    right there, but WHICH of the two paints is a platform question the panel
+ *    must not guess at: `styled()` appends the class descriptor AFTER the style
+ *    prop, so on native the class wins the array, while on web the inline style
+ *    wins the cascade. Publishing either one would be right on one platform and
+ *    quietly wrong on the other, so the panel publishes neither and the caller
+ *    names it with `surfaceColor`.
+ *  - none of them — the panel paints `bg-card`, so it publishes `colors.card`.
+ *
+ * Outside a `BloomThemeProvider` there is no palette to name, and the panel has
+ * always rendered there on native, so this stays optional rather than throwing:
+ * a panel does not start failing at the moment it gets more informative.
+ */
+export declare function usePanelSurfaceFill(surfaceClassName: string | undefined, surfaceStyle: StyleProp<ViewStyle>, surfaceColor: string | undefined): string | undefined;
+//# sourceMappingURL=shared.d.ts.map

package/lib/typescript/commonjs/content-panel/shared.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"shared.d.ts","sourceRoot":"","sources":["../../../../src/content-panel/shared.ts"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAwBzD;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,wBAAgB,mBAAmB,CACjC,gBAAgB,EAAE,MAAM,GAAG,SAAS,EACpC,YAAY,EAAE,SAAS,CAAC,SAAS,CAAC,EAClC,YAAY,EAAE,MAAM,GAAG,SAAS,GAC/B,MAAM,GAAG,SAAS,CAMpB"}

package/lib/typescript/commonjs/content-panel/types.d.ts

@@ -10,6 +10,8 @@ import { type StyleProp, type ViewStyle } from 'react-native';
  * Tailwind content-scan over `src/**`/`lib/**` resolves them verbatim.
  */
 export type ContentPanelFramedBreakpoint = 500 | 640 | 768 | 1024;
+/** How a framed `ContentPanel` draws its edge. */
+export type ContentPanelChrome = 'elevated' | 'border' | 'none';
 export interface ContentPanelProps {
     children: React.ReactNode;
     /**
@@ -28,9 +30,48 @@ export interface ContentPanelProps {
      * to `768` (Tailwind `md`), reproducing the prior fixed behavior exactly.
      */
     framedFrom?: ContentPanelFramedBreakpoint;
+    /**
+     * The panel's EDGE, when it is framed.
+     *
+     * - `'elevated'` (DEFAULT) — the hairline plus the floating-panel shadow the
+     *   `Sidebar` wears (`styles/panel-chrome.ts`), so the panel reads as a
+     *   surface lifted off the page rather than a box drawn on it.
+     * - `'border'` — the hairline alone, which is what this panel drew before.
+     * - `'none'` — no edge at all: a flat surface that still clips and rounds,
+     *   for an app whose page background already separates the two.
+     *
+     * Ignored while the panel is full-bleed (below `framedFrom`, or
+     * `framed={false}`) — there is no edge to draw.
+     */
+    chrome?: ContentPanelChrome;
+    /**
+     * Overrides the shadow `chrome="elevated"` draws (any `box-shadow` string).
+     * For an app that wants its own elevation without giving up the hairline.
+     */
+    shadow?: string;
     /** Override the surface background utility (defaults to `bg-card`). */
     surfaceClassName?: string;
     surfaceStyle?: StyleProp<ViewStyle>;
+    /**
+     * The colour this panel paints, when `surfaceClassName`/`surfaceStyle` has
+     * repainted it.
+     *
+     * The panel PUBLISHES its fill to everything inside it — `useSurfaceFill()`
+     * and, on web, `var(--bloom-surface)` — so in-panel chrome that has to be
+     * opaque in the panel's own colour (a sticky header, a tab rail, a reply bar)
+     * can ask instead of repeating a class. By default that colour is
+     * `theme.colors.card`, which is what the panel paints.
+     *
+     * A `surfaceClassName` override is a utility Bloom cannot resolve to a colour,
+     * so the panel stops claiming to know one rather than publishing a wrong
+     * answer — this prop is how the override says what it painted, and it is
+     * needed only then. A `surfaceStyle` carrying a `backgroundColor` is the same
+     * repaint by the other door and stops the claim the same way: the colour is
+     * legible there, but which of the class and the style actually paints differs
+     * by platform, so the panel refuses to guess. It changes nothing about how the
+     * panel LOOKS: the class or the style still paints the surface.
+     */
+    surfaceColor?: string;
     /** Extra utilities for the inner content wrapper. */
     contentClassName?: string;
     contentStyle?: StyleProp<ViewStyle>;
@@ -62,6 +103,19 @@ export interface ContentPanelProps {
      *   above it) must never be overlapped by an overlay sized to the whole
      *   viewport.
      */
+    /**
+     * DEFAULT `'panel'`. The edge describes the panel's OWN box, so it scrolls
+     * with the content like any other border: on a page taller than the screen
+     * you see the two side edges while scrolling and the rounded corners at the
+     * ends, which is what a long framed column looks like.
+     *
+     * `'viewport'` is the older behaviour: the frame is a screen-tall sticky
+     * rectangle, so a rounded top and bottom edge follow the viewport down the
+     * page. It reads as the panel breathing — the frame holds still while the
+     * content moves inside it, and it jumps 8px on the first scroll — which is
+     * why it is no longer the default. It remains for a consumer that wants that
+     * constant frame.
+     */
     overlaySizing?: 'viewport' | 'panel';
     /**
      * Pixels of REAL, persistent chrome the consumer has placed above the panel

package/lib/typescript/commonjs/content-panel/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/content-panel/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9D;;;;;;;;GAQG;AACH,MAAM,MAAM,4BAA4B,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,CAAC;AAElE,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;;;;;OAOG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;;;OAKG;IACH,UAAU,CAAC,EAAE,4BAA4B,CAAC;IAC1C,uEAAuE;IACvE,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,YAAY,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACpC,qDAAqD;IACrD,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,YAAY,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACpC;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;;;;;;;;;;;;;OAiBG;IACH,aAAa,CAAC,EAAE,UAAU,GAAG,OAAO,CAAC;IACrC;;;;;;;;;;;;;;;OAeG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/content-panel/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9D;;;;;;;;GAQG;AACH,MAAM,MAAM,4BAA4B,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,CAAC;AAElE,kDAAkD;AAClD,MAAM,MAAM,kBAAkB,GAAG,UAAU,GAAG,QAAQ,GAAG,MAAM,CAAC;AAEhE,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;;;;;OAOG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;;;OAKG;IACH,UAAU,CAAC,EAAE,4BAA4B,CAAC;IAC1C;;;;;;;;;;;;OAYG;IACH,MAAM,CAAC,EAAE,kBAAkB,CAAC;IAC5B;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,uEAAuE;IACvE,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,YAAY,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACpC;;;;;;;;;;;;;;;;;;OAkBG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,qDAAqD;IACrD,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,YAAY,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACpC;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;;;;;;;;;;;;;OAiBG;IACH;;;;;;;;;;;;OAYG;IACH,aAAa,CAAC,EAAE,UAAU,GAAG,OAAO,CAAC;IACrC;;;;;;;;;;;;;;;OAeG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B"}

package/lib/typescript/commonjs/creator-studio/ArtworkUploader.d.ts

@@ -0,0 +1,26 @@
+import React from 'react';
+import type { ArtworkUploaderLabels, ArtworkUploaderProps } from './types';
+/**
+ * `ArtworkUploader`: a release's square cover.
+ *
+ *   heading   `body-medium` title
+ *   square    up to 320 wide (or `size`), aspect 1, radius 16
+ *   empty     Bloom's `FileUpload` filling the square — drag and drop or pick
+ *             on web, `onPickFiles` on native — limited to JPG / PNG
+ *   preview   the image covering the square; "Replace" (secondary, refresh
+ *             glyph) and a delete icon button on a row pinned 12px inside the
+ *             bottom edge. Replace swaps the preview for the drop zone with a
+ *             "Cancel" under it until a file is picked
+ *   error     a 2px error ring over the square and the message (warning glyph,
+ *             `body-2-regular`, error colour) announced politely under it
+ *   caption   the requirements (`caption-1-regular` text-tertiary)
+ *
+ * The component never decodes an image: the app measures what was picked and
+ * passes `error` — `artworkDimensionsError(width, height)` builds the "too
+ * small" message.
+ */
+export declare const ARTWORK_UPLOADER_LABELS: ArtworkUploaderLabels;
+declare function ArtworkUploaderComponent({ artwork, onFileSelected, onRemove, onPickFiles, error, progress, file, allowedExtensions, maxBytes, size, disabled, labels: labelOverrides, style, testID, }: ArtworkUploaderProps): import("react/jsx-runtime").JSX.Element;
+export declare const ArtworkUploader: React.MemoExoticComponent<typeof ArtworkUploaderComponent>;
+export {};
+//# sourceMappingURL=ArtworkUploader.d.ts.map

package/lib/typescript/commonjs/creator-studio/ArtworkUploader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArtworkUploader.d.ts","sourceRoot":"","sources":["../../../../src/creator-studio/ArtworkUploader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkC,MAAM,OAAO,CAAC;AAevD,OAAO,KAAK,EAAE,qBAAqB,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAE3E;;;;;;;;;;;;;;;;;;GAkBG;AAEH,eAAO,MAAM,uBAAuB,EAAE,qBAQrC,CAAC;AAKF,iBAAS,wBAAwB,CAAC,EAChC,OAAO,EACP,cAAc,EACd,QAAQ,EACR,WAAW,EACX,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,iBAAsC,EACtC,QAA2B,EAC3B,IAAI,EACJ,QAAgB,EAChB,MAAM,EAAE,cAAc,EACtB,KAAK,EACL,MAAM,GACP,EAAE,oBAAoB,2CA2GtB;AAED,eAAO,MAAM,eAAe,4DAAiC,CAAC"}

package/lib/typescript/commonjs/creator-studio/AudienceBreakdown.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import type { AudienceBreakdownLabels, AudienceBreakdownProps } from './types';
+/**
+ * `AudienceBreakdown`: who is listening and where they came from, as four
+ * chart cards laid out on the container's own width.
+ *
+ *   locations  `BarListCard` — Cities / Countries tabs, share of listeners
+ *   age        `BarListCard` — one row per age group, share of listeners
+ *   gender     `RadialChartCard` `stacked` — the half-gauge donut
+ *   sources    `RadialChartCard` `stacked` — the half-gauge donut with a legend
+ *
+ * Two columns (16 apart) from 720px of its own width, one below. Every card
+ * keeps its own hover, motion and accessible summary.
+ */
+export declare const AUDIENCE_BREAKDOWN_LABELS: AudienceBreakdownLabels;
+declare function AudienceBreakdownComponent({ cities, countries, ages, genders, sources, range, format, labels: labelOverrides, style, testID, }: AudienceBreakdownProps): import("react/jsx-runtime").JSX.Element;
+export declare const AudienceBreakdown: React.MemoExoticComponent<typeof AudienceBreakdownComponent>;
+export {};
+//# sourceMappingURL=AudienceBreakdown.d.ts.map

package/lib/typescript/commonjs/creator-studio/AudienceBreakdown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AudienceBreakdown.d.ts","sourceRoot":"","sources":["../../../../src/creator-studio/AudienceBreakdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+C,MAAM,OAAO,CAAC;AAMpE,OAAO,KAAK,EAAE,uBAAuB,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAE/E;;;;;;;;;;;GAWG;AAEH,eAAO,MAAM,yBAAyB,EAAE,uBAQvC,CAAC;AAMF,iBAAS,0BAA0B,CAAC,EAClC,MAAM,EACN,SAAS,EACT,IAAI,EACJ,OAAO,EACP,OAAO,EACP,KAAK,EACL,MAAuB,EACvB,MAAM,EAAE,cAAc,EACtB,KAAK,EACL,MAAM,GACP,EAAE,sBAAsB,2CAqFxB;AAED,eAAO,MAAM,iBAAiB,8DAAmC,CAAC"}

package/lib/typescript/commonjs/creator-studio/AudienceOverview.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+import type { StatCardsDeltaColor } from '../stat-cards/types';
+import type { AudienceOverviewProps, CreatorOption, CreatorTrend } from './types';
+/**
+ * `AudienceOverview`: the dashboard's opening row — a heading with a period
+ * `SegmentedControl`, over `StatCards` (plain) whose tiles carry a
+ * `Sparkline` accessory.
+ *
+ *   header   heading `headline-semibold` + optional caption `body-2-regular`
+ *            text-secondary; the switcher on the right, top-aligned. Below
+ *            560px of its OWN width the switcher drops under the heading
+ *   gap      16 between the header and the tiles
+ *   tiles    `StatCards` — 2 columns, 4 from a 1024px window
+ *   spark    72 × 28, the trend's status colour (up → positive, down →
+ *            negative, flat → text-tertiary), hidden from assistive tech: the
+ *            value and delta chip already say it
+ */
+export declare const AUDIENCE_PERIODS: readonly CreatorOption[];
+/** A trend onto the stat card's delta colour. */
+export declare const TREND_DELTA_COLORS: Record<CreatorTrend, StatCardsDeltaColor>;
+declare function AudienceOverviewComponent({ metrics, period, onPeriodChange, periods, title, caption, periodLabel, style, testID, }: AudienceOverviewProps): import("react/jsx-runtime").JSX.Element;
+export declare const AudienceOverview: React.MemoExoticComponent<typeof AudienceOverviewComponent>;
+export {};
+//# sourceMappingURL=AudienceOverview.d.ts.map

package/lib/typescript/commonjs/creator-studio/AudienceOverview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AudienceOverview.d.ts","sourceRoot":"","sources":["../../../../src/creator-studio/AudienceOverview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+C,MAAM,OAAO,CAAC;AAUpE,OAAO,KAAK,EAAE,mBAAmB,EAAiB,MAAM,qBAAqB,CAAC;AAI9E,OAAO,KAAK,EAAsB,qBAAqB,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAEtG;;;;;;;;;;;;;GAaG;AAEH,eAAO,MAAM,gBAAgB,EAAE,SAAS,aAAa,EAKpD,CAAC;AASF,iDAAiD;AACjD,eAAO,MAAM,kBAAkB,EAAE,MAAM,CAAC,YAAY,EAAE,mBAAmB,CAIxE,CAAC;AAOF,iBAAS,yBAAyB,CAAC,EACjC,OAAO,EACP,MAAM,EACN,cAAc,EACd,OAA0B,EAC1B,KAAkB,EAClB,OAAO,EACP,WAAsB,EACtB,KAAK,EACL,MAAM,GACP,EAAE,qBAAqB,2CAwDvB;AAED,eAAO,MAAM,gBAAgB,6DAAkC,CAAC"}

package/lib/typescript/commonjs/creator-studio/CreditsEditor.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import type { CreditsEditorLabels, CreditsEditorProps } from './types';
+/**
+ * `CreditsEditor`: who wrote, produced and performed a track.
+ *
+ *   heading  `body-medium` title + an empty-state line (`body-2-regular`
+ *            text-secondary) while there are no credits
+ *   rows     8 apart: role `Select` (200 wide) · name `TextFieldInput` (fills) ·
+ *            a secondary delete icon button named "Remove credit <n>". Below 480px
+ *            of its own width the role takes its own line over name + delete
+ *   add      a secondary "Add credit" button with a plus glyph; the new row
+ *            takes the first role and an empty name
+ *
+ * Controlled: every change calls `onCreditsChange` with the whole list.
+ */
+export declare const CREDITS_EDITOR_LABELS: CreditsEditorLabels;
+declare function CreditsEditorComponent({ credits, onCreditsChange, roles, createId, disabled, labels: labelOverrides, style, testID, }: CreditsEditorProps): import("react/jsx-runtime").JSX.Element;
+export declare const CreditsEditor: React.MemoExoticComponent<typeof CreditsEditorComponent>;
+export {};
+//# sourceMappingURL=CreditsEditor.d.ts.map

package/lib/typescript/commonjs/creator-studio/CreditsEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CreditsEditor.d.ts","sourceRoot":"","sources":["../../../../src/creator-studio/CreditsEditor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuD,MAAM,OAAO,CAAC;AAoB5E,OAAO,KAAK,EAAE,mBAAmB,EAAE,kBAAkB,EAA8B,MAAM,SAAS,CAAC;AAEnG;;;;;;;;;;;;GAYG;AAEH,eAAO,MAAM,qBAAqB,EAAE,mBAOnC,CAAC;AAKF,iBAAS,sBAAsB,CAAC,EAC9B,OAAO,EACP,eAAe,EACf,KAA4B,EAC5B,QAAQ,EACR,QAAgB,EAChB,MAAM,EAAE,cAAc,EACtB,KAAK,EACL,MAAM,GACP,EAAE,kBAAkB,2CA+GpB;AAED,eAAO,MAAM,aAAa,0DAA+B,CAAC"}

package/lib/typescript/commonjs/creator-studio/MetadataFields.d.ts

@@ -0,0 +1,26 @@
+import React from 'react';
+import type { ArtistChipsInputProps, IsrcFieldProps } from './types';
+/**
+ * `ArtistChipsInput`: a list of names as removable chips over an input.
+ *
+ *   label     `TextFieldLabel` (with the required asterisk)
+ *   chips     `Chip` medium, wrapping, 6 apart; each carries a 16px remove
+ *             glyph named "Remove <name>"
+ *   input     `TextField` + `TextFieldInput`; Enter (or the "Add" button)
+ *             adds the trimmed name once — case-insensitively unique — and
+ *             clears the input. At `max` the input and button disable
+ *   hint      `TextFieldHint` under it
+ */
+declare function ArtistChipsInputComponent({ label, values, onValuesChange, placeholder, hint, max, removeLabel, addLabel, disabled, required, style, testID, }: ArtistChipsInputProps): import("react/jsx-runtime").JSX.Element;
+export declare const ArtistChipsInput: React.MemoExoticComponent<typeof ArtistChipsInputComponent>;
+/**
+ * `IsrcField`: the recording code, grouped `CC-XXX-YY-NNNNN` as it is typed
+ * (uppercased, anything but letters and digits dropped, 12 characters max).
+ * The hint shows the format; once 12 characters are in and they do not form a
+ * valid code, the field paints invalid and the hint turns into the message.
+ * `onChangeText` receives the grouped value.
+ */
+declare function IsrcFieldComponent({ value, onChangeText, label, hint, invalidMessage, disabled, style, testID, }: IsrcFieldProps): import("react/jsx-runtime").JSX.Element;
+export declare const IsrcField: React.MemoExoticComponent<typeof IsrcFieldComponent>;
+export {};
+//# sourceMappingURL=MetadataFields.d.ts.map

package/lib/typescript/commonjs/creator-studio/MetadataFields.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MetadataFields.d.ts","sourceRoot":"","sources":["../../../../src/creator-studio/MetadataFields.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkC,MAAM,OAAO,CAAC;AAevD,OAAO,KAAK,EAAE,qBAAqB,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAErE;;;;;;;;;;GAUG;AACH,iBAAS,yBAAyB,CAAC,EACjC,KAAK,EACL,MAAM,EACN,cAAc,EACd,WAAW,EACX,IAAI,EACJ,GAAG,EACH,WAAwC,EACxC,QAAgB,EAChB,QAAgB,EAChB,QAAgB,EAChB,KAAK,EACL,MAAM,GACP,EAAE,qBAAqB,2CAyEvB;AAED,eAAO,MAAM,gBAAgB,6DAAkC,CAAC;AAGhE;;;;;;GAMG;AACH,iBAAS,kBAAkB,CAAC,EAC1B,KAAK,EACL,YAAY,EACZ,KAAc,EACd,IAAgC,EAChC,cAA2C,EAC3C,QAAgB,EAChB,KAAK,EACL,MAAM,GACP,EAAE,cAAc,2CAsBhB;AAED,eAAO,MAAM,SAAS,sDAA2B,CAAC"}

package/lib/typescript/commonjs/creator-studio/PayoutSummaryCard.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+import type { PayoutSummaryCardLabels, PayoutSummaryCardProps } from './types';
+/**
+ * `PayoutSummaryCard`: what the artist has earned and when it arrives.
+ *
+ *   card      `ChartCardSurface`, content-sized, gap 16
+ *   headline  label `body-medium` text-secondary; the estimate `title-1-medium`
+ *             tabular + the delta `Chip` (status lime / rose / neutral)
+ *   bars      a 112px `CartesianPlot` (band scale, no Y axis, month labels):
+ *             rounded bars (radius 6, 30% category gap, max 28 wide) in
+ *             `chart-track`, the current (last) month in `chart-6`; the hovered
+ *             bar takes `chart-6-active` and its month and value replace the
+ *             caption over the bars
+ *   facts     two rows — Last payout (amount + date) and Next payout (date) —
+ *             label `body-2-regular` text-secondary, value `body-2-medium`
+ *             tabular, a hairline between the plot and the rows
+ *   link      "View statements" link button with a chevron
+ */
+export declare const PAYOUT_SUMMARY_LABELS: PayoutSummaryCardLabels;
+declare function PayoutSummaryCardComponent({ estimated, delta, lastPayout, nextPayoutDate, months, format, onViewStatements, statementsHref, labels: labelOverrides, style, testID, }: PayoutSummaryCardProps): import("react/jsx-runtime").JSX.Element;
+export declare const PayoutSummaryCard: React.MemoExoticComponent<typeof PayoutSummaryCardComponent>;
+export {};
+//# sourceMappingURL=PayoutSummaryCard.d.ts.map

package/lib/typescript/commonjs/creator-studio/PayoutSummaryCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PayoutSummaryCard.d.ts","sourceRoot":"","sources":["../../../../src/creator-studio/PayoutSummaryCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAoB7C,OAAO,KAAK,EAAE,uBAAuB,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAE/E;;;;;;;;;;;;;;;GAeG;AAEH,eAAO,MAAM,qBAAqB,EAAE,uBAMnC,CAAC;AAOF,iBAAS,0BAA0B,CAAC,EAClC,SAAS,EACT,KAAK,EACL,UAAU,EACV,cAAc,EACd,MAAM,EACN,MAAsB,EACtB,gBAAgB,EAChB,cAAc,EACd,MAAM,EAAE,cAAc,EACtB,KAAK,EACL,MAAM,GACP,EAAE,sBAAsB,2CA4IxB;AAED,eAAO,MAAM,iBAAiB,8DAAmC,CAAC"}

package/lib/typescript/commonjs/creator-studio/PitchCard.d.ts

@@ -0,0 +1,25 @@
+import React from 'react';
+import type { PitchCardLabels, PitchCardProps } from './types';
+/**
+ * `PitchCard`: pitch an upcoming release to the editorial team.
+ *
+ *   card      radius 16, padding 16 (longhands), background-secondary, gap 16
+ *   heading   20px megaphone glyph + `headline-semibold` title, description
+ *             `body-2-regular` text-secondary
+ *   release   `Select` of upcoming releases
+ *   tags      "Mood" and "Genre": selectable `Chip`s (medium, `aria-pressed`),
+ *             wrapping 6 apart, capped at `maxTags` — the rest disable at the
+ *             cap and a `caption-1-regular` "Pick up to 3" sits beside the label
+ *   pitch     `Textarea`, 5 rows, `maxLength` (500) with its counter
+ *   submit    primary "Send pitch" (send glyph), disabled until a release and
+ *             some text are in; `loading` while `submitting`
+ *   sent      after submit the form is replaced by a status panel (card-inner
+ *             fill, radius 12): glyph + status title + description + the
+ *             submitted date — sent (clock, accent), accepted (check, positive),
+ *             declined (cross, negative); "Edit pitch" while still `submitted`
+ */
+export declare const PITCH_CARD_LABELS: PitchCardLabels;
+declare function PitchCardComponent({ releases, release, onReleaseChange, moods, selectedMoods, onSelectedMoodsChange, genres, selectedGenres, onSelectedGenresChange, pitch, onPitchChange, maxLength, maxTags, status, submittedAt, onSubmit, onEdit, labels: labelOverrides, style, testID, }: PitchCardProps): import("react/jsx-runtime").JSX.Element;
+export declare const PitchCard: React.MemoExoticComponent<typeof PitchCardComponent>;
+export {};
+//# sourceMappingURL=PitchCard.d.ts.map

package/lib/typescript/commonjs/creator-studio/PitchCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PitchCard.d.ts","sourceRoot":"","sources":["../../../../src/creator-studio/PitchCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAyB7C,OAAO,KAAK,EAAiB,eAAe,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAE9E;;;;;;;;;;;;;;;;;GAiBG;AAEH,eAAO,MAAM,iBAAiB,EAAE,eAkB/B,CAAC;AAsDF,iBAAS,kBAAkB,CAAC,EAC1B,QAAQ,EACR,OAAO,EACP,eAAe,EACf,KAAK,EACL,aAAa,EACb,qBAAqB,EACrB,MAAM,EACN,cAAc,EACd,sBAAsB,EACtB,KAAK,EACL,aAAa,EACb,SAAe,EACf,OAAW,EACX,MAAgB,EAChB,WAAW,EACX,QAAQ,EACR,MAAM,EACN,MAAM,EAAE,cAAc,EACtB,KAAK,EACL,MAAM,GACP,EAAE,cAAc,2CAwIhB;AAED,eAAO,MAAM,SAAS,sDAA2B,CAAC"}

package/lib/typescript/commonjs/creator-studio/ReleaseCard.d.ts

@@ -0,0 +1,36 @@
+import React from 'react';
+import type { ReleaseCardLabels, ReleaseCardProps, ReleaseStatusBadgeProps } from './types';
+/**
+ * `ReleaseStatusBadge`: a release's distribution status as a `Badge` on a label
+ * rung — the tone per status is `RELEASE_STATUS_TONES` (draft default, in
+ * review warning, scheduled info, live success, rejected error, taken down
+ * error outlined).
+ *
+ * `Badge`, not `Chip`. It is the shape the whole fleet uses for a status that
+ * is read rather than pressed — `tenancy`, `eviction` and `booking` all draw
+ * theirs as a `Badge` over a `status -> { tone, fill }` map — and a `Chip` with
+ * no `onPress` is a pill that merely looks like a control. This was a `Chip`
+ * `small`/`medium`, both 24 tall; the label rungs are 20 and 24.
+ */
+export declare function ReleaseStatusBadge({ status, label, size, testID }: ReleaseStatusBadgeProps): import("react/jsx-runtime").JSX.Element;
+export declare const RELEASE_CARD_LABELS: ReleaseCardLabels;
+/**
+ * `ReleaseCard`: one release in the catalog.
+ *
+ *   card     radius 16, padding 12 (longhands), background-secondary; hovering
+ *            the pressable part deepens it (neutral-200 at 50% / neutral-800)
+ *   grid     square cover (radius 12) → 12 → title `body-medium` + artist
+ *            `body-2-regular` → meta `caption-1-regular` text-tertiary
+ *            ("Single · 14 Mar 2026 · 4 tracks") → 10 → status badge and the
+ *            "⋯" menu button on one row
+ *   row      64px cover, the same text column, badge and menu on the right
+ *   reason   rejected / taken down with a `statusReason`: an error-tinted note
+ *            (radius 10, 16px warning glyph, `body-2-regular`) under the rest
+ *
+ * `onPress` makes the cover and text ONE pressable named by the title; the menu
+ * button is its sibling, never nested inside it.
+ */
+declare function ReleaseCardComponent({ release, layout, onPress, actions, labels: labelOverrides, style, testID, }: ReleaseCardProps): import("react/jsx-runtime").JSX.Element;
+export declare const ReleaseCard: React.MemoExoticComponent<typeof ReleaseCardComponent>;
+export {};
+//# sourceMappingURL=ReleaseCard.d.ts.map

package/lib/typescript/commonjs/creator-studio/ReleaseCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReleaseCard.d.ts","sourceRoot":"","sources":["../../../../src/creator-studio/ReleaseCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAmC7C,OAAO,KAAK,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAC;AAE5F;;;;;;;;;;;GAWG;AACH,wBAAgB,kBAAkB,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,IAAc,EAAE,MAAM,EAAE,EAAE,uBAAuB,2CAWpG;AAED,eAAO,MAAM,mBAAmB,EAAE,iBAKjC,CAAC;AAEF;;;;;;;;;;;;;;;GAeG;AACH,iBAAS,oBAAoB,CAAC,EAC5B,OAAO,EACP,MAAe,EACf,OAAO,EACP,OAAY,EACZ,MAAM,EAAE,cAAc,EACtB,KAAK,EACL,MAAM,GACP,EAAE,gBAAgB,2CA+JlB;AAED,eAAO,MAAM,WAAW,wDAA6B,CAAC"}

package/lib/typescript/commonjs/creator-studio/ReleaseTimeline.d.ts

@@ -0,0 +1,29 @@
+import React from 'react';
+import type { ReleaseStep, ReleaseStepState, ReleaseTimelineProps } from './types';
+/**
+ * `ReleaseTimeline`: a release's distribution steps — Uploaded → Metadata →
+ * Artwork → Review → Scheduled → Live — with a state and a date each.
+ *
+ *   marker     24px disc: complete — accent fill, 14px white check;
+ *              current — accent 2px ring around an 8px accent dot;
+ *              upcoming — 2px neutral ring; error — error fill, white cross
+ *   connector  2px, accent after a complete step, track otherwise
+ *   vertical   marker column, 12 gap, label `body-medium` (`body-2-medium`
+ *              text-secondary when upcoming) + date `caption-1-regular`
+ *              text-tertiary on the right, description `body-2-regular` under
+ *              it (error colour on an error step); 16 between steps with the
+ *              connector running through the gap
+ *   horizontal markers on one line joined by connectors, each label and date
+ *              centred under its marker; the steps share the width equally.
+ *              Under 96px per step of its own width it renders vertically
+ *
+ * Assistive tech gets a list (`role="list"`) of items named
+ * "<label>, <state>, <date>"; the current step carries `aria-current="step"`.
+ */
+export declare const RELEASE_STEP_STATE_LABELS: Record<ReleaseStepState, string>;
+/** The spoken name of one step. */
+export declare function releaseStepAccessibilityLabel(step: ReleaseStep, stateLabels?: Record<ReleaseStepState, string>): string;
+declare function ReleaseTimelineComponent({ steps, orientation, accessibilityLabel, stateLabels: stateOverrides, style, testID, }: ReleaseTimelineProps): import("react/jsx-runtime").JSX.Element;
+export declare const ReleaseTimeline: React.MemoExoticComponent<typeof ReleaseTimelineComponent>;
+export {};
+//# sourceMappingURL=ReleaseTimeline.d.ts.map

package/lib/typescript/commonjs/creator-studio/ReleaseTimeline.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReleaseTimeline.d.ts","sourceRoot":"","sources":["../../../../src/creator-studio/ReleaseTimeline.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+C,MAAM,OAAO,CAAC;AAQpE,OAAO,KAAK,EAAE,WAAW,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAEnF;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,eAAO,MAAM,yBAAyB,EAAE,MAAM,CAAC,gBAAgB,EAAE,MAAM,CAKtE,CAAC;AAMF,mCAAmC;AACnC,wBAAgB,6BAA6B,CAC3C,IAAI,EAAE,WAAW,EACjB,WAAW,GAAE,MAAM,CAAC,gBAAgB,EAAE,MAAM,CAA6B,GACxE,MAAM,CAER;AA2BD,iBAAS,wBAAwB,CAAC,EAChC,KAAK,EACL,WAAwB,EACxB,kBAAuC,EACvC,WAAW,EAAE,cAAc,EAC3B,KAAK,EACL,MAAM,GACP,EAAE,oBAAoB,2CAuGtB;AAED,eAAO,MAAM,eAAe,4DAAiC,CAAC"}

package/lib/typescript/commonjs/creator-studio/StreamsChart.d.ts

@@ -0,0 +1,3 @@
+import type { StreamsChartProps } from './types';
+export declare function StreamsChart({ metrics, metric: controlledMetric, defaultMetric, onMetricChange, events, metricsLabel, format, formatAxisValue, height, accessibilityLabel, style, testID, }: StreamsChartProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=StreamsChart.d.ts.map

package/lib/typescript/commonjs/creator-studio/StreamsChart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StreamsChart.d.ts","sourceRoot":"","sources":["../../../../src/creator-studio/StreamsChart.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAAE,iBAAiB,EAAgB,MAAM,SAAS,CAAC;AAiC/D,wBAAgB,YAAY,CAAC,EAC3B,OAAO,EACP,MAAM,EAAE,gBAAgB,EACxB,aAAa,EACb,cAAc,EACd,MAAW,EACX,YAA6B,EAC7B,MAAqB,EACrB,eAA+B,EAC/B,MAAuB,EACvB,kBAAkB,EAClB,KAAK,EACL,MAAM,GACP,EAAE,iBAAiB,2CAyLnB"}

package/lib/typescript/commonjs/creator-studio/TopTracksTable.d.ts

@@ -0,0 +1,29 @@
+import { type CreatorStudioPaint } from './shared';
+import type { TopTrackTrend, TopTracksTableLabels, TopTracksTableProps } from './types';
+/**
+ * `TopTracksTable`: the ranked tracks of a period on `DataTable` (`inset`
+ * layout) — rank, cover + title, streams, listeners, saves and a trend glyph.
+ *
+ *   rank     `body-medium` tabular, text-secondary, 40 wide
+ *   track    40px cover (radius 8, a music glyph on the placeholder fill when
+ *            there is none) + title `body-medium` over subtitle
+ *            `body-2-regular` text-secondary, both truncating
+ *   numbers  `body-regular` tabular, right-aligned, sortable (descending first)
+ *   trend    a 16px arrow — up positive, down negative, flat text-tertiary — or
+ *            a "New" caption in the accent; named for assistive tech
+ *
+ * Below 560px of its own width Listeners and Saves drop out, so a phone keeps
+ * rank, track, streams and the trend without scrolling sideways.
+ */
+export declare const TOP_TRACKS_LABELS: TopTracksTableLabels;
+export declare function TrendGlyph({ trend, label, paint, newLabel, testID, }: {
+    trend: TopTrackTrend;
+    label: string;
+    paint: CreatorStudioPaint;
+    newLabel?: string;
+    testID?: string;
+}): import("react/jsx-runtime").JSX.Element;
+declare function TopTracksTableComponent({ tracks, summary, format, pageSize, toolbar, labels: labelOverrides, accessibilityLabel, style, testID, }: TopTracksTableProps): import("react/jsx-runtime").JSX.Element;
+export declare const TopTracksTable: typeof TopTracksTableComponent;
+export {};
+//# sourceMappingURL=TopTracksTable.d.ts.map

package/lib/typescript/commonjs/creator-studio/TopTracksTable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TopTracksTable.d.ts","sourceRoot":"","sources":["../../../../src/creator-studio/TopTracksTable.tsx"],"names":[],"mappings":"AAcA,OAAO,EAA6B,KAAK,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAC9E,OAAO,KAAK,EAAE,aAAa,EAAE,oBAAoB,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAExF;;;;;;;;;;;;;;GAcG;AAEH,eAAO,MAAM,iBAAiB,EAAE,oBAU/B,CAAC;AAIF,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,KAAK,EACL,KAAK,EACL,QAAgB,EAChB,MAAM,GACP,EAAE;IACD,KAAK,EAAE,aAAa,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,kBAAkB,CAAC;IAC1B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,2CAkBA;AAgBD,iBAAS,uBAAuB,CAAC,EAC/B,MAAM,EACN,OAAO,EACP,MAAuB,EACvB,QAAa,EACb,OAAO,EACP,MAAM,EAAE,cAAc,EACtB,kBAAkB,EAClB,KAAK,EACL,MAAM,GACP,EAAE,mBAAmB,2CAkHrB;AAED,eAAO,MAAM,cAAc,EAAoC,OAAO,uBAAuB,CAAC"}