@oxy.so/bloom 2.9.0 → 2.11.0

package/lib/typescript/module/button/shared.d.ts

@@ -1,7 +1,7 @@
 import { type ReactNode } from 'react';
-import { type TypeScaleVariant } from '../typography/scale';
+import { type TypeScaleStyle, type TypeScaleVariant } from '../typography/scale';
 import type { Theme } from '../theme/types';
-import type { ButtonIconComponent, ButtonLinkTone, ButtonSize, ButtonVariant } from './types';
+import type { ButtonIconComponent, ButtonLinkTone, ButtonSize, ButtonUnderline, ButtonVariant } from './types';
 /**
  * The geometry and palette both `Button` forks paint from. One table, read by
  * `Button.tsx` and `Button.web.tsx`, so the two forks cannot drift apart.
@@ -41,11 +41,18 @@ export interface ButtonGeometry {
     type: TypeScaleVariant;
     fontSize: number;
     lineHeight: number;
-    fontWeight: '500' | '600';
+    /** Any ramp weight — `textVariant` can name a step outside the sizes' own. */
+    fontWeight: TypeScaleStyle['fontWeight'];
     letterSpacing: number;
     /** Icon-only width grows with the border (content-derived), vs forced square. */
     iconOnlyGrowsWithBorder: boolean;
 }
+/**
+ * The geometry a button paints from: the size's row, with the four TYPE fields
+ * replaced when the caller named a `textVariant`. Height, padding, gap and icon
+ * size stay the SIZE's — a ramp step is a label, not a geometry.
+ */
+export declare function resolveButtonGeometry(size: ButtonResolvedSize, textVariant?: TypeScaleVariant): ButtonGeometry;
 export declare const BUTTON_GEOMETRY: Record<ButtonResolvedSize, ButtonGeometry>;
 /**
  * The `icon` variant. It keeps a fixed square (`size-9` / `size-8`, border
@@ -155,6 +162,46 @@ export interface CloseButtonPaint {
 }
 /** `background-tertiary` disc, `foreground-icon-secondary` X, `text-primary` on hover. */
 export declare function resolveCloseButtonPaint(theme: Theme): CloseButtonPaint;
+/**
+ * When a variant underlines its label, given the caller's `underline`.
+ *
+ * ONE function, read by both forks, because "the underline is the affordance"
+ * and "the underline is the hover cue" are different controls and a fork that
+ * decided for itself is how they drift. `link` keeps its hover underline,
+ * everything else keeps none, unless the caller says otherwise.
+ */
+export declare function resolveButtonUnderline(variant: ButtonVariant, underline: ButtonUnderline | undefined): ButtonUnderline;
+/**
+ * The glyph's share of the box. Measured over the five family-local copies this
+ * replaces, the ratio ran 0.50 (`queue-panel`, glyph = size / 2) to 0.75
+ * (`music-library`'s 40-box compass at 30); 0.6 is the middle and is exactly
+ * what `media-header`'s 40-box controls already drew. Every call site can still
+ * pass `glyphSize` — this is the DEFAULT, not a rule.
+ */
+export declare const GLYPH_BUTTON_GLYPH_RATIO = 0.6;
+/** Default diameter — the same 36 `Button size="medium"` stands at. */
+export declare const GLYPH_BUTTON_SIZE = 36;
+/** The glyph edge for a box, rounded to a whole pixel. */
+export declare function glyphButtonGlyphSize(size: number): number;
+export interface GlyphButtonPaint {
+    /** Foreground at rest — the muted reading colour. */
+    color: string;
+    /** Foreground under a pointer or a press. */
+    hoverColor: string;
+    /** Foreground while the toggle is on. */
+    activeColor: string;
+    /** Fill at rest: none. A glyph button is transparent by construction. */
+    fill: string;
+    /** Fill under a pointer or a press — the neutral wash, never an accent one. */
+    hoverFill: string;
+    ring: string;
+}
+/**
+ * `GlyphButton`'s defaults: a NEUTRAL control. The wash is the neutral ramp's
+ * 100 (dark 800), the same step `text`'s hover uses — deliberately not `ghost`'s
+ * accent wash, which is what makes a ⋯ or a × land tinted.
+ */
+export declare function resolveGlyphButtonPaint(theme: Theme): GlyphButtonPaint;
 /**
  * Whether an `icon` prop is a COMPONENT (`RiMore2Line`, a `memo`/`forwardRef`
  * object) rather than an element or text.

package/lib/typescript/module/button/shared.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"shared.d.ts","sourceRoot":"","sources":["../../../../src/button/shared.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"shared.d.ts","sourceRoot":"","sources":["../../../../src/button/shared.ts"],"names":[],"mappings":"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"}

package/lib/typescript/module/button/types.d.ts

@@ -1,6 +1,8 @@
-import type { ComponentType } from 'react';
-import type { StyleProp, ViewStyle, TextStyle } from 'react-native';
+import type { ReactNode } from 'react';
+import type { GestureResponderEvent, StyleProp, ViewStyle, TextStyle } from 'react-native';
 import type { WebAriaProps } from '../styles/styled-primitives';
+import type { BloomIconComponent } from '../icons/icon-component';
+import type { TypeScaleVariant } from '../typography/scale';
 /**
  * Bloom's canonical button variants (shared across native + web) plus the
  * web/shadcn set that DOM apps (auth, console, website) rely on:
@@ -20,6 +22,28 @@ import type { WebAriaProps } from '../styles/styled-primitives';
  * differ by platform is `minHeight`: web clears it for `text`/`link` so the
  * control hugs its label and sits inline, native keeps the size config's value
  * because a finger needs the target and a cursor does not.
+ *
+ * WHICH ONE IS THE NEUTRAL TRANSPARENT AFFORDANCE — the question five families
+ * answered with their own copy before this list said so:
+ *
+ * - **`ghost` IS NOT TRANSPARENT.** It paints an accent WASH at rest
+ *   (`accent-100` / dark `accent-900`) with an accent label. It is the low-
+ *   emphasis ACCENT action — the third button in a row that is still part of the
+ *   accent family — and it is the wrong control for a neutral ⋯ / × / clear
+ *   affordance, which lands tinted. A DESTRUCTIVE action in it is worse: a red
+ *   label on a blue wash, which is what `track-list`'s selection bar shipped.
+ * - **The neutral transparent ICON button is {@link GlyphButtonProps}**
+ *   (`GlyphButton`, beside `Button` in `src/button`): an arbitrary round size, a
+ *   neutral glyph, no fill at rest and a neutral wash on hover. Reach for it for
+ *   every ⋯, ×, clear, shuffle, repeat and toggle glyph.
+ * - `icon` is the neutral icon button WITH A SURFACE (`secondary`'s card +
+ *   border) at the fixed 24 / 32 / 36 / 44 heights.
+ * - `text` is the transparent LABELLED button: an accent label, a NEUTRAL hover
+ *   wash, no fill at rest. Use it where `ghost`'s wash is too loud; colour a
+ *   destructive one through `textStyle` plus an `icon` ELEMENT you paint
+ *   yourself, or reach for `destructive`.
+ * - `link` is running text: no container, no padding, `linkTone` for the colour
+ *   and `underline` for whether the underline is the affordance at rest.
  */
 export type ButtonVariant = 'primary' | 'secondary' | 'inverse' | 'icon' | 'ghost' | 'text' | 'outline' | 'link' | 'destructive';
 /**
@@ -44,10 +68,54 @@ export interface ButtonProps {
     icon?: React.ReactNode | ButtonIconComponent;
     iconPosition?: 'left' | 'right';
     /**
-     * The `link` variant's colour: `primary` is the accent
-     * label, `secondary` the secondary-text label. Ignored by other variants.
+     * The `link` variant's colour. `primary` is the accent label, `secondary` the
+     * secondary-text label, `text` the READING colour (`text` at rest, secondary
+     * under a pointer or a press) — the tone an underlined action takes when it
+     * sits inside a sentence and must not read as the accent. Ignored by other
+     * variants.
      */
     linkTone?: ButtonLinkTone;
+    /**
+     * When the label carries its underline. `rest` underlines always — the
+     * underline IS the affordance, which is what an inline text action inside
+     * running copy needs; `hover` underlines only under a pointer (the `link`
+     * variant's default, and web-only: native has no hover); `none` never does.
+     *
+     * Defaults to `hover` for `link` and `none` for every other variant, so an
+     * existing call site is unchanged. Four families hand-rolled an underlined
+     * `Pressable` for exactly this: `stay-filters`, `booking`, `listing-details`
+     * and `media-header`.
+     */
+    underline?: ButtonUnderline;
+    /**
+     * Override the type-ramp step the size picks for the label
+     * (`body-semibold`, `body-2-medium`, …). The four families that hand-rolled an
+     * inline text button each drew their label at their own step, and the ONE
+     * thing they could not express through `textStyle` is the line height: on web
+     * a `lineHeight` number in a style object is CSS's UNITLESS multiplier, so a
+     * ramp step passed that way renders at twenty times its size. This is read
+     * from `TYPE_SCALE` and emitted in px by the web fork, and handed to `Text`
+     * as its `variant` by the native one.
+     */
+    textVariant?: TypeScaleVariant;
+    /**
+     * Truncate the label instead of letting it wrap. Native honours any count
+     * (`Text numberOfLines`); the web fork honours `1`, as an ellipsis on the
+     * label — `.bloom-btn` is already `white-space: nowrap; overflow: hidden`, so
+     * a longer label was CLIPPED there rather than wrapped, with nothing to say
+     * it had been.
+     */
+    numberOfLines?: number;
+    /**
+     * Override the announced role. `link` WITHOUT an `href` is the one reason
+     * this exists: a family whose control navigates through its own router (or
+     * jumps within the page) renders no anchor, and both `listing-details` and
+     * `media-header` had already decided their inline links announce as links on
+     * web and as buttons on native. Prefer `href` — it renders a REAL anchor,
+     * which is the only spelling middle-click, copy-link and the status bar
+     * understand.
+     */
+    accessibilityRole?: 'button' | 'link';
     /**
      * Makes the button a link. On web it renders a real `<a href>` (dropped
      * while disabled); on native a press opens the URL unless `onPress` is set.
@@ -160,8 +228,15 @@ export interface ButtonProps {
      */
     fullWidth?: boolean;
 }
-/** `LinkButton`'s two colours. */
-export type ButtonLinkTone = 'primary' | 'secondary';
+/**
+ * `LinkButton`'s colours. `text` is the reading colour — `colors.text` at rest,
+ * `colors.textSecondary` under a pointer or a press, `colors.textTertiary`
+ * disabled — so an underlined action can sit in a sentence without pulling the
+ * accent into it.
+ */
+export type ButtonLinkTone = 'primary' | 'secondary' | 'text';
+/** When {@link ButtonProps.underline} draws the label's underline. */
+export type ButtonUnderline = 'rest' | 'hover' | 'none';
 /** Props of `LinkButton`: its `variant` is the link colour. */
 export interface LinkButtonProps extends Omit<ButtonProps, 'variant' | 'linkTone'> {
     variant?: ButtonLinkTone;
@@ -177,10 +252,100 @@ export interface CloseButtonProps {
     style?: StyleProp<ViewStyle>;
     testID?: string;
 }
-/** The props `Button` hands an icon component: Bloom icons accept all three. */
-export type ButtonIconComponent = ComponentType<{
-    width?: number;
-    height?: number;
+/**
+ * `GlyphButton`: the round glyph-only control — an arbitrary diameter, a glyph
+ * (an icon COMPONENT Bloom sizes and paints, or any node), fills at rest and
+ * under a pointer, and an optional `pressed` toggle.
+ *
+ * It exists because `Button iconOnly`'s heights are FIXED (24 / 32 / 36 / 44)
+ * and `variant="icon"` paints a surface, so every family that wanted a 28, 40 or
+ * 44 transparent glyph wrote its own: `track-list`, `queue-panel`,
+ * `media-player`, `media-header` and `music-library` shipped five of them.
+ *
+ * The glyph is {@link GLYPH_BUTTON_GLYPH_RATIO} × the box unless `glyphSize`
+ * says otherwise — measured across those five, the ratio ran 0.50 to 0.75 and
+ * 0.6 is the middle of it (and exactly what the 40-box media header used).
+ */
+export interface GlyphButtonProps {
+    /** Diameter of the round target. Default 36. */
+    size?: number;
+    /**
+     * Glyph edge. Defaults to `round(size × 0.6)`; pass it to keep a call site's
+     * own measured ratio.
+     */
+    glyphSize?: number;
+    /**
+     * An icon COMPONENT (`icon={RiMoreFill}`), sized and painted by the button so
+     * it follows the rest / hover / pressed colours. For anything else — a text
+     * glyph, an icon you paint yourself — pass `children` instead.
+     */
+    icon?: ButtonIconComponent;
+    /**
+     * A glyph node rendered as-is, centred. Wins over `icon`. As a FUNCTION it is
+     * handed the resolved foreground for the current state, which is the only way
+     * a caller-painted glyph (a text glyph, a two-tone icon) can follow hover and
+     * the toggle the way `icon` does.
+     */
+    children?: ReactNode | ((foreground: string) => ReactNode);
+    onPress?: (event: GestureResponderEvent) => void;
+    onLongPress?: (event: GestureResponderEvent) => void;
+    disabled?: boolean;
+    /**
+     * A TOGGLE. Emits `aria-pressed` (web) AND `accessibilityState.selected`
+     * (native) — react-native-web drops `accessibilityState` and React Native has
+     * no `aria-pressed`, so a toggle needs both spellings. Leave it undefined for
+     * a plain button: `aria-pressed="false"` on a button that is not a toggle
+     * announces a state nobody set.
+     */
+    pressed?: boolean;
+    /** Foreground at rest. Default `colors.textSecondary`. */
+    color?: string;
+    /** Foreground under a pointer or a press. Default `colors.text`. */
+    hoverColor?: string;
+    /** Foreground while `pressed` is true. Default the theme accent. */
+    activeColor?: string;
+    /**
+     * Foreground while `pressed` is true AND under a pointer or a press. Defaults
+     * to `activeColor`. The on-state and the hover state are INDEPENDENT — a
+     * player's lit shuffle still brightens under the cursor — and a single
+     * `activeColor` cannot say that, which is why all four corners are spellable.
+     */
+    activeHoverColor?: string;
+    /** Fill at rest. Default transparent. */
     fill?: string;
-}>;
+    /** Fill under a pointer or a press. Default the neutral wash (100 / dark 800). */
+    hoverFill?: string;
+    /**
+     * The focus ring's colour. Default the accent — pass a light colour on a dark
+     * surface Bloom does not own (artwork, a player bar), or the ring is invisible
+     * exactly where a keyboard user needs it.
+     */
+    ring?: string;
+    /** Opacity of the whole control when disabled. Default 0.5. */
+    disabledOpacity?: number;
+    /**
+     * The box is a MINIMUM width and the control grows with its content, for a
+     * text glyph ("1.5×"). Adds `paddingHorizontal` (default 6).
+     */
+    grow?: boolean;
+    /** Horizontal padding when `grow`. Default 6. */
+    paddingHorizontal?: number;
+    /**
+     * An extra layer painted over the box (`position: absolute`, no pointer
+     * events) — the media player's 4px active dot. The family owns its geometry,
+     * because the two that draw one place it differently.
+     */
+    decoration?: ReactNode;
+    /** Required — the control draws no text. */
+    accessibilityLabel: string;
+    accessibilityHint?: string;
+    accessibilityRole?: 'button';
+    'aria-expanded'?: boolean;
+    'aria-haspopup'?: WebAriaProps['aria-haspopup'];
+    style?: StyleProp<ViewStyle>;
+    testID?: string;
+}
+/** The props `Button` hands an icon component: Bloom icons accept all three. */
+/** @deprecated Use `BloomIconComponent` from `@oxy.so/bloom/icons`; this is an alias of it. */
+export type ButtonIconComponent = BloomIconComponent;
 //# sourceMappingURL=types.d.ts.map

package/lib/typescript/module/button/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/button/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/button/types.ts"],"names":[],"mappings":"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"}

package/lib/typescript/module/call-ui/CallControls.d.ts

@@ -0,0 +1,45 @@
+import React from 'react';
+import type { CallControlButtonProps, CallControlsProps } from './types';
+/**
+ * `CallControlButton`: one round control on a call stage.
+ *
+ *   rest      a raised wash of the stage (16% of the on-stage white)
+ *   hover     26% — colour only, no scale; a control bar that grows under the
+ *             pointer is a moving target on the one screen you cannot re-aim on
+ *   active    the wash INVERTS: white fill, dark glyph. A toggle that is "on"
+ *             has to be readable over a moving video frame, and an accent tint
+ *             is not, because the frame behind it is any colour at all
+ *   end       the negative ramp, always; `accept` the success ramp
+ *
+ * `active` also decides the ACCESSIBILITY shape. Passing it makes the button a
+ * toggle — `aria-pressed` for web and `accessibilityState.selected` for native,
+ * both spellings, because react-native-web reads only the first and React
+ * Native has no concept of the second. Leaving it undefined makes a plain
+ * action button: "flip camera" is not a state, and a button that reports
+ * `aria-pressed="false"` forever is announcing one it does not have.
+ *
+ * The glyph is the whole button, so `label` is required — it is the accessible
+ * name whether or not `showLabel` draws it.
+ */
+declare function CallControlButtonComponent({ icon: Icon, activeIcon, label, active, tone, size, disabled, onPress, showLabel, badge, accentColor, style, testID, }: CallControlButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare const CallControlButton: React.MemoExoticComponent<typeof CallControlButtonComponent>;
+/**
+ * `CallControls`: the row at the foot of a call.
+ *
+ * A control appears when you hand it a HANDLER. There is no `mode` prop and no
+ * `show*` booleans: a voice call passes `onMutedChange` and `onSpeakerChange`,
+ * a video call adds `onVideoChange` and `onFlipCamera`, and the bar is whatever
+ * those add up to. The alternative — a list of what to show, kept in sync with
+ * a list of what to do — is two sources of truth for one row, and the failure
+ * is a button that does nothing.
+ *
+ * `controls` reorders and narrows that set; a key in it with no handler is
+ * still skipped, so it can never put a dead button back.
+ *
+ * The end button is last, always, and it is the one control that is not a
+ * toggle.
+ */
+declare function CallControlsComponent({ muted, onMutedChange, speaker, onSpeakerChange, videoOn, onVideoChange, onFlipCamera, screenSharing, onScreenShareChange, onAddParticipant, onEndCall, controls, size, disabled, showLabels, labels, accentColor, children, style, testID, }: CallControlsProps): import("react/jsx-runtime").JSX.Element;
+export declare const CallControls: React.MemoExoticComponent<typeof CallControlsComponent>;
+export {};
+//# sourceMappingURL=CallControls.d.ts.map

package/lib/typescript/module/call-ui/CallControls.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CallControls.d.ts","sourceRoot":"","sources":["../../../../src/call-ui/CallControls.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAuB7C,OAAO,KAAK,EAAE,sBAAsB,EAAkB,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAGzF;;;;;;;;;;;;;;;;;;;;GAoBG;AAEH,iBAAS,0BAA0B,CAAC,EAClC,IAAI,EAAE,IAAI,EACV,UAAU,EACV,KAAK,EACL,MAAM,EACN,IAAgB,EAChB,IAAc,EACd,QAAgB,EAChB,OAAO,EACP,SAAiB,EACjB,KAAK,EACL,WAAW,EACX,KAAK,EACL,MAAM,GACP,EAAE,sBAAsB,2CAgDxB;AAuBD,eAAO,MAAM,iBAAiB,8DAAmC,CAAC;AAGlE;;;;;;;;;;;;;;;GAeG;AAEH,iBAAS,qBAAqB,CAAC,EAC7B,KAAa,EACb,aAAa,EACb,OAAe,EACf,eAAe,EACf,OAAe,EACf,aAAa,EACb,YAAY,EACZ,aAAqB,EACrB,mBAAmB,EACnB,gBAAgB,EAChB,SAAS,EACT,QAAQ,EACR,IAAc,EACd,QAAgB,EAChB,UAAkB,EAClB,MAAM,EACN,WAAW,EACX,QAAQ,EACR,KAAK,EACL,MAAM,GACP,EAAE,iBAAiB,2CAuGnB;AAED,eAAO,MAAM,YAAY,yDAA8B,CAAC"}

package/lib/typescript/module/call-ui/CallHistoryList.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import type { CallHistoryListProps } from './types';
+/**
+ * `CallHistoryList`: the call log, in day sections.
+ *
+ * Section headings are PRE-FORMATTED strings ("Today", "Last week"): deciding
+ * what yesterday means needs a locale and a timezone the app has and a
+ * component does not, and a heading that reads the device clock is wrong for
+ * every user who is not in the timezone the data came from.
+ *
+ * An empty section is dropped rather than drawn with a heading and nothing
+ * under it; `emptyState` covers the case where every section is empty.
+ */
+declare function CallHistoryListComponent({ sections, onItemPress, onCallBack, divider, emptyState, header, footer, labels, style, testID, }: CallHistoryListProps): import("react/jsx-runtime").JSX.Element;
+export declare const CallHistoryList: React.MemoExoticComponent<typeof CallHistoryListComponent>;
+export {};
+//# sourceMappingURL=CallHistoryList.d.ts.map

package/lib/typescript/module/call-ui/CallHistoryList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CallHistoryList.d.ts","sourceRoot":"","sources":["../../../../src/call-ui/CallHistoryList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAQ7C,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAEpD;;;;;;;;;;GAUG;AAEH,iBAAS,wBAAwB,CAAC,EAChC,QAAQ,EACR,WAAW,EACX,UAAU,EACV,OAAc,EACd,UAAU,EACV,MAAM,EACN,MAAM,EACN,MAAM,EACN,KAAK,EACL,MAAM,GACP,EAAE,oBAAoB,2CAkDtB;AAED,eAAO,MAAM,eAAe,4DAAiC,CAAC"}

package/lib/typescript/module/call-ui/CallHistoryRow.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import type { CallHistoryRowProps } from './types';
+declare function CallHistoryRowComponent({ name, avatar, avatarVariant, direction, mode, meta, count, onPress, onCallBack, selected, labels, style, textStyle, testID, }: CallHistoryRowProps): import("react/jsx-runtime").JSX.Element;
+export declare const CallHistoryRow: React.MemoExoticComponent<typeof CallHistoryRowComponent>;
+export {};
+//# sourceMappingURL=CallHistoryRow.d.ts.map

package/lib/typescript/module/call-ui/CallHistoryRow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CallHistoryRow.d.ts","sourceRoot":"","sources":["../../../../src/call-ui/CallHistoryRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAY7C,OAAO,KAAK,EAA4B,mBAAmB,EAAE,MAAM,SAAS,CAAC;AA0B7E,iBAAS,uBAAuB,CAAC,EAC/B,IAAI,EACJ,MAAM,EACN,aAAa,EACb,SAAS,EACT,IAAc,EACd,IAAI,EACJ,KAAK,EACL,OAAO,EACP,UAAU,EACV,QAAgB,EAChB,MAAM,EACN,KAAK,EACL,SAAS,EACT,MAAM,GACP,EAAE,mBAAmB,2CAuGrB;AAED,eAAO,MAAM,cAAc,2DAAgC,CAAC"}

package/lib/typescript/module/call-ui/CallMinimisedPill.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import type { CallMinimisedPillProps } from './types';
+declare function CallMinimisedPillComponent({ name, duration, statusText, mode, muted, onMutedChange, onExpand, onEndCall, accentColor, labels, style, testID, }: CallMinimisedPillProps): import("react/jsx-runtime").JSX.Element;
+export declare const CallMinimisedPill: React.MemoExoticComponent<typeof CallMinimisedPillComponent>;
+export {};
+//# sourceMappingURL=CallMinimisedPill.d.ts.map

package/lib/typescript/module/call-ui/CallMinimisedPill.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CallMinimisedPill.d.ts","sourceRoot":"","sources":["../../../../src/call-ui/CallMinimisedPill.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAc7C,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAuBtD,iBAAS,0BAA0B,CAAC,EAClC,IAAI,EACJ,QAAQ,EACR,UAAU,EACV,IAAc,EACd,KAAa,EACb,aAAa,EACb,QAAQ,EACR,SAAS,EACT,WAAW,EACX,MAAM,EACN,KAAK,EACL,MAAM,GACP,EAAE,sBAAsB,2CAuHxB;AAED,eAAO,MAAM,iBAAiB,8DAAmC,CAAC"}

package/lib/typescript/module/call-ui/CallScreen.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import type { CallScreenProps } from './types';
+declare function CallScreenComponent({ mode, name, subtitle, avatar, avatarVariant, status, duration, statusText, accentColor, encryption, remoteVideo, localVideo, localVideoCorner, onMoveLocal, localVideoWidth, controls, controlsSlot, onMinimise, onOpenChat, onOpenParticipants, participantCount, topBarSlot, minimised, labels, children, style, testID, }: CallScreenProps): import("react/jsx-runtime").JSX.Element;
+export declare const CallScreen: React.MemoExoticComponent<typeof CallScreenComponent>;
+export {};
+//# sourceMappingURL=CallScreen.d.ts.map

package/lib/typescript/module/call-ui/CallScreen.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CallScreen.d.ts","sourceRoot":"","sources":["../../../../src/call-ui/CallScreen.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAqB7C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAkC/C,iBAAS,mBAAmB,CAAC,EAC3B,IAAc,EACd,IAAI,EACJ,QAAQ,EACR,MAAM,EACN,aAAa,EACb,MAAM,EACN,QAAQ,EACR,UAAU,EACV,WAAW,EACX,UAAU,EACV,WAAW,EACX,UAAU,EACV,gBAA8B,EAC9B,WAAW,EACX,eAAoB,EACpB,QAAQ,EACR,YAAY,EACZ,UAAU,EACV,UAAU,EACV,kBAAkB,EAClB,gBAAgB,EAChB,UAAU,EACV,SAAiB,EACjB,MAAM,EACN,QAAQ,EACR,KAAK,EACL,MAAM,GACP,EAAE,eAAe,2CAsNjB;AAED,eAAO,MAAM,UAAU,uDAA4B,CAAC"}

package/lib/typescript/module/call-ui/GroupCallBar.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import type { GroupCallBarProps } from './types';
+declare function GroupCallBarComponent({ title, speakingName, statusText, participants, maxAvatars, joined, onJoin, onLeave, muted, onMutedChange, onPress, labels, style, testID, }: GroupCallBarProps): import("react/jsx-runtime").JSX.Element;
+export declare const GroupCallBar: React.MemoExoticComponent<typeof GroupCallBarComponent>;
+export {};
+//# sourceMappingURL=GroupCallBar.d.ts.map

package/lib/typescript/module/call-ui/GroupCallBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GroupCallBar.d.ts","sourceRoot":"","sources":["../../../../src/call-ui/GroupCallBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAW7C,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAqBjD,iBAAS,qBAAqB,CAAC,EAC7B,KAAK,EACL,YAAY,EACZ,UAAU,EACV,YAAiB,EACjB,UAAc,EACd,MAAc,EACd,MAAM,EACN,OAAO,EACP,KAAa,EACb,aAAa,EACb,OAAO,EACP,MAAM,EACN,KAAK,EACL,MAAM,GACP,EAAE,iBAAiB,2CAuMnB;AAED,eAAO,MAAM,YAAY,yDAA8B,CAAC"}

package/lib/typescript/module/call-ui/GroupCallGrid.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import type { GroupCallGridProps } from './types';
+declare function GroupCallGridComponent({ participants, layout, spotlightId, maxTiles, columns: columnsOverride, gap, aspectRatio, width, onParticipantPress, formatOverflow, formatMuted, style, testID, }: GroupCallGridProps): import("react/jsx-runtime").JSX.Element;
+export declare const GroupCallGrid: React.MemoExoticComponent<typeof GroupCallGridComponent>;
+export {};
+//# sourceMappingURL=GroupCallGrid.d.ts.map

package/lib/typescript/module/call-ui/GroupCallGrid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GroupCallGrid.d.ts","sourceRoot":"","sources":["../../../../src/call-ui/GroupCallGrid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkC,MAAM,OAAO,CAAC;AAOvD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAuBlD,iBAAS,sBAAsB,CAAC,EAC9B,YAAY,EACZ,MAAe,EACf,WAAW,EACX,QAAY,EACZ,OAAO,EAAE,eAAe,EACxB,GAAO,EACP,WAAe,EACf,KAAK,EACL,kBAAkB,EAClB,cAAc,EACd,WAAW,EACX,KAAK,EACL,MAAM,GACP,EAAE,kBAAkB,2CAgGpB;AAED,eAAO,MAAM,aAAa,0DAA+B,CAAC"}

package/lib/typescript/module/call-ui/GroupCallTile.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import type { GroupCallTileProps } from './types';
+declare function GroupCallTileComponent({ participant, width, height, onPress, formatMuted, prominent, style, testID, }: GroupCallTileProps): import("react/jsx-runtime").JSX.Element;
+export declare const GroupCallTile: React.MemoExoticComponent<typeof GroupCallTileComponent>;
+export {};
+//# sourceMappingURL=GroupCallTile.d.ts.map

package/lib/typescript/module/call-ui/GroupCallTile.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GroupCallTile.d.ts","sourceRoot":"","sources":["../../../../src/call-ui/GroupCallTile.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmC,MAAM,OAAO,CAAC;AAiBxD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAqDlD,iBAAS,sBAAsB,CAAC,EAC9B,WAAW,EACX,KAAK,EACL,MAAM,EACN,OAAO,EACP,WAAW,EACX,SAAiB,EACjB,KAAK,EACL,MAAM,GACP,EAAE,kBAAkB,2CAqGpB;AAED,eAAO,MAAM,aAAa,0DAA+B,CAAC"}

package/lib/typescript/module/call-ui/IncomingCallBanner.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import type { IncomingCallBannerProps } from './types';
+/**
+ * `IncomingCallBanner`: the call arriving while the app is open.
+ *
+ *   a card, not a stage — it sits IN the app, so it takes the ordinary theme
+ *   surface and flips with the mode like every other card
+ *   44 avatar with presence · name (`headline-semibold`) over
+ *   "Incoming video call" · decline (red) · accept (green), both 40px circles
+ *
+ * The two round buttons are SIBLINGS of the banner's own press target, never
+ * nested inside it: a button inside a button is one hit area on web and two
+ * announcements on native, and the one time it matters is the one time the
+ * user cannot look at the screen.
+ */
+declare function IncomingCallBannerComponent({ name, avatar, avatarVariant, mode, subtitle, status, onAccept, onDecline, onPress, labels, accentColor, style, testID, }: IncomingCallBannerProps): import("react/jsx-runtime").JSX.Element;
+export declare const IncomingCallBanner: React.MemoExoticComponent<typeof IncomingCallBannerComponent>;
+export {};
+//# sourceMappingURL=IncomingCallBanner.d.ts.map

package/lib/typescript/module/call-ui/IncomingCallBanner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IncomingCallBanner.d.ts","sourceRoot":"","sources":["../../../../src/call-ui/IncomingCallBanner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAY7C,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAC;AAEvD;;;;;;;;;;;;GAYG;AAEH,iBAAS,2BAA2B,CAAC,EACnC,IAAI,EACJ,MAAM,EACN,aAAa,EACb,IAAc,EACd,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,SAAS,EACT,OAAO,EACP,MAAM,EACN,WAAW,EACX,KAAK,EACL,MAAM,GACP,EAAE,uBAAuB,2CAyGzB;AAED,eAAO,MAAM,kBAAkB,+DAAoC,CAAC"}

package/lib/typescript/module/call-ui/IncomingCallScreen.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import type { IncomingCallScreenProps } from './types';
+declare function IncomingCallScreenComponent({ name, avatar, avatarVariant, mode, subtitle, accentColor, answerMode, onAccept, onDecline, onMessage, onRemind, labels, children, style, testID, }: IncomingCallScreenProps): import("react/jsx-runtime").JSX.Element;
+export declare const IncomingCallScreen: React.MemoExoticComponent<typeof IncomingCallScreenComponent>;
+export {};
+//# sourceMappingURL=IncomingCallScreen.d.ts.map

package/lib/typescript/module/call-ui/IncomingCallScreen.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IncomingCallScreen.d.ts","sourceRoot":"","sources":["../../../../src/call-ui/IncomingCallScreen.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0C,MAAM,OAAO,CAAC;AA4B/D,OAAO,KAAK,EAAa,uBAAuB,EAAE,MAAM,SAAS,CAAC;AAmGlE,iBAAS,2BAA2B,CAAC,EACnC,IAAI,EACJ,MAAM,EACN,aAAa,EACb,IAAc,EACd,QAAQ,EACR,WAAW,EACX,UAAsB,EACtB,QAAQ,EACR,SAAS,EACT,SAAS,EACT,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,KAAK,EACL,MAAM,GACP,EAAE,uBAAuB,2CAmNzB;AAED,eAAO,MAAM,kBAAkB,+DAAoC,CAAC"}

package/lib/typescript/module/call-ui/glyphs.d.ts

@@ -0,0 +1,19 @@
+/**
+ * The hang-up handset: the phone glyph turned 135°.
+ *
+ * There is no "end call" icon in the set, and drawing one would put a second
+ * handset outline in the package that has to be kept in step with the first.
+ * A rotation is the same glyph, and it is the shape every phone has used for
+ * "put it down" since phones had a cradle.
+ *
+ * The rotation goes on a WRAPPER rather than on the `<Svg>`'s own style: a
+ * transform inside react-native-svg's style prop is applied by the native
+ * renderer to the canvas, not the element, and the two forks do not agree
+ * about the origin.
+ */
+export declare function CallEndGlyph({ width, height, fill, }: {
+    width?: number;
+    height?: number;
+    fill?: string;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=glyphs.d.ts.map

package/lib/typescript/module/call-ui/glyphs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"glyphs.d.ts","sourceRoot":"","sources":["../../../../src/call-ui/glyphs.tsx"],"names":[],"mappings":"AAKA;;;;;;;;;;;;GAYG;AACH,wBAAgB,YAAY,CAAC,EAC3B,KAAU,EACV,MAAW,EACX,IAAI,GACL,EAAE;IACD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,2CAcA"}

package/lib/typescript/module/call-ui/index.d.ts

@@ -0,0 +1,14 @@
+export { CallControlButton, CallControls } from './CallControls';
+export { CallHistoryList } from './CallHistoryList';
+export { CallHistoryRow } from './CallHistoryRow';
+export { CallMinimisedPill } from './CallMinimisedPill';
+export { CallScreen } from './CallScreen';
+export { GroupCallBar } from './GroupCallBar';
+export { GroupCallGrid } from './GroupCallGrid';
+export { GroupCallTile } from './GroupCallTile';
+export { IncomingCallBanner } from './IncomingCallBanner';
+export { IncomingCallScreen } from './IncomingCallScreen';
+export { CALL_CONTROL_LABELS, CALL_CONTROL_ORDER, CALL_HISTORY_LABELS, CALL_PIP_CYCLE, CALL_SCREEN_LABELS, CALL_STATUS_LABELS, INCOMING_CALL_LABELS, SLIDE_ANSWER_THRESHOLD, callGridColumns, callGridLayout, callIsLive, callSpotlightIndex, resolveCallStatusLine, } from './shared';
+export type { CallGridLayout } from './shared';
+export type { CallAvatarSource, CallControlButtonProps, CallControlKey, CallControlLabels, CallControlSize, CallControlTone, CallControlsProps, CallDirection, CallGlyph, CallHistoryItem, CallHistoryLabels, CallHistoryListProps, CallHistoryRowProps, CallHistorySection, CallMinimisedPillProps, CallMode, CallPipCorner, CallScreenLabels, CallScreenProps, CallStatus, CallStatusLabels, CallStatusLineInput, GroupCallBarProps, GroupCallGridProps, GroupCallLayout, GroupCallParticipant, GroupCallTileProps, IncomingCallAnswerMode, IncomingCallBannerProps, IncomingCallLabels, IncomingCallScreenProps, } from './types';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/module/call-ui/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/call-ui/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACjE,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EACL,mBAAmB,EACnB,kBAAkB,EAClB,mBAAmB,EACnB,cAAc,EACd,kBAAkB,EAClB,kBAAkB,EAClB,oBAAoB,EACpB,sBAAsB,EACtB,eAAe,EACf,cAAc,EACd,UAAU,EACV,kBAAkB,EAClB,qBAAqB,GACtB,MAAM,UAAU,CAAC;AAClB,YAAY,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAC/C,YAAY,EACV,gBAAgB,EAChB,sBAAsB,EACtB,cAAc,EACd,iBAAiB,EACjB,eAAe,EACf,eAAe,EACf,iBAAiB,EACjB,aAAa,EACb,SAAS,EACT,eAAe,EACf,iBAAiB,EACjB,oBAAoB,EACpB,mBAAmB,EACnB,kBAAkB,EAClB,sBAAsB,EACtB,QAAQ,EACR,aAAa,EACb,gBAAgB,EAChB,eAAe,EACf,UAAU,EACV,gBAAgB,EAChB,mBAAmB,EACnB,iBAAiB,EACjB,kBAAkB,EAClB,eAAe,EACf,oBAAoB,EACpB,kBAAkB,EAClB,sBAAsB,EACtB,uBAAuB,EACvB,kBAAkB,EAClB,uBAAuB,GACxB,MAAM,SAAS,CAAC"}

package/lib/typescript/module/call-ui/parts.d.ts

@@ -0,0 +1,46 @@
+import { type ReactNode } from 'react';
+import type { CallPaint } from './shared';
+import type { CallPipCorner } from './types';
+/**
+ * The wash behind a voice call: the accent-mixed colour at the top fading into
+ * the stage at the bottom, so the avatar sits in light and the controls sit in
+ * the dark.
+ */
+export declare function CallStageBackdrop({ paint }: {
+    paint: CallPaint;
+}): import("react/jsx-runtime").JSX.Element;
+/**
+ * A scrim pinned to one edge, transparent at the far end.
+ *
+ * `edge="top"` darkens under the top bar, `edge="bottom"` under the controls.
+ * It is TRANSLUCENT on purpose: an opaque band would be a letterbox, and the
+ * video is the content.
+ */
+export declare function CallScrim({ paint, edge, height, opacity, }: {
+    paint: CallPaint;
+    edge: 'top' | 'bottom';
+    height: number;
+    opacity?: number;
+}): import("react/jsx-runtime").JSX.Element;
+/**
+ * The local camera, pinned to one corner of the stage.
+ *
+ * With `onMove` the whole frame becomes ONE button that cycles the corners —
+ * a drag has no keyboard and no screen-reader equivalent, and a 24px grab
+ * handle inside a 96px frame is a smaller target than the frame itself. The
+ * move glyph stays as a decorative hint (`aria-hidden` by having no role and
+ * no text) so the affordance is visible without being a second control.
+ */
+export declare function PictureInPicture({ corner, width, borderColor, backgroundColor, hintColor, hintBackground, moveLabel, onMove, children, testID, }: {
+    corner: CallPipCorner;
+    width: number;
+    borderColor: string;
+    backgroundColor: string;
+    hintColor: string;
+    hintBackground: string;
+    moveLabel?: string;
+    onMove?: () => void;
+    children?: ReactNode;
+    testID?: string;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=parts.d.ts.map

package/lib/typescript/module/call-ui/parts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"parts.d.ts","sourceRoot":"","sources":["../../../../src/call-ui/parts.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAW,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAKvD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAC1C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAe7C;;;;GAIG;AACH,wBAAgB,iBAAiB,CAAC,EAAE,KAAK,EAAE,EAAE;IAAE,KAAK,EAAE,SAAS,CAAA;CAAE,2CAoBhE;AAED;;;;;;GAMG;AACH,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,IAAI,EACJ,MAAM,EACN,OAAc,GACf,EAAE;IACD,KAAK,EAAE,SAAS,CAAC;IACjB,IAAI,EAAE,KAAK,GAAG,QAAQ,CAAC;IACvB,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,2CA0BA;AAED;;;;;;;;GAQG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,MAAM,EACN,KAAK,EACL,WAAW,EACX,eAAe,EACf,SAAS,EACT,cAAc,EACd,SAAS,EACT,MAAM,EACN,QAAQ,EACR,MAAM,GACP,EAAE;IACD,MAAM,EAAE,aAAa,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,eAAe,EAAE,MAAM,CAAC;IACxB,SAAS,EAAE,MAAM,CAAC;IAClB,cAAc,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,2CAqDA"}