panelui-native 0.75.0 → 0.76.0

package/lib/module/primitives/glass.js

@@ -0,0 +1,136 @@
+"use strict";
+
+/**
+ * Glass — the material iOS draws its own floating controls in.
+ *
+ * A control that floats over content needs to read as *over* it, and a flat
+ * fill cannot say that: it either hides what is behind it or disappears into
+ * it. The system material does both jobs at once — it refracts what is behind,
+ * lifts its own edge, and stays legible over anything.
+ *
+ * ```tsx
+ * <Glass radius={28} className="px-4 py-3">
+ *   <Text>Over whatever is behind it.</Text>
+ * </Glass>
+ * ```
+ *
+ * ## Where it is real, and where it is not
+ *
+ * The material exists on iOS 26 and above. Below that, on Android, on web, and
+ * for anyone who has switched Reduce Transparency on, this draws
+ * `fallbackClassName` instead — a solid token surface. That is deliberate
+ * rather than a gap: a hand-drawn approximation of a system material is a
+ * near-miss on the one platform that has the real thing, and on Android it is
+ * an iOS look pasted onto a platform that never asked for it.
+ *
+ * So `Glass` is not a promise that the screen will be glass. It is a promise
+ * that the container will be drawn correctly either way, and callers should
+ * pick a `fallbackClassName` that stands on its own.
+ *
+ * ## The material is a layer, not the box
+ *
+ * The native view is rendered as a non-interactive layer filling this
+ * container, with the content above it, for the same reason `Scrim` layers a
+ * blur: it keeps every layout class, every token and every touch target on an
+ * ordinary `View` that behaves the way the rest of the library does.
+ *
+ * `radius` is a number rather than a class because the material has to round
+ * its own corners — clipping a square one to a rounded parent throws away the
+ * lit edge that makes it read as glass.
+ *
+ * ## Do not fade it
+ *
+ * Setting `opacity` to `0` on the material or on anything above it stops it
+ * rendering at all, and it does not come back when the opacity does. Move it,
+ * or unmount it; never animate it out.
+ */
+
+import { Platform, StyleSheet, View } from 'react-native';
+import { cn } from "../utils/cn.js";
+import { useReduceTransparency } from "./scrim.js";
+
+/** How the material treats what is behind it. */
+
+/**
+ * Corner radius in points — one number for all four, or a top and a bottom.
+ *
+ * The two-sided form is for a surface with an edge that is not a real edge: a
+ * sheet docked to the bottom of the screen rounds its top and leaves its
+ * bottom square, because the screen edge is where it ends.
+ */
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+function shapeOf(radius) {
+  if (radius === undefined) return null;
+  if (typeof radius === 'number') return {
+    borderRadius: radius
+  };
+  return {
+    borderTopLeftRadius: radius.top ?? 0,
+    borderTopRightRadius: radius.top ?? 0,
+    borderBottomLeftRadius: radius.bottom ?? 0,
+    borderBottomRightRadius: radius.bottom ?? 0
+  };
+}
+/**
+ * `expo-glass-effect`'s GlassView, or null when the material cannot be drawn
+ * here.
+ *
+ * Resolved once at module load, behind three gates that all have to pass. The
+ * package is optional, so the require can fail; the API is missing from some
+ * iOS 26 builds, and reaching for it there crashes; and the design itself is
+ * only present when the app was compiled for it. Asking all three once is
+ * cheaper than a try/catch on every render, and there is no answer that can
+ * change while the process is alive.
+ */
+const GlassView = (() => {
+  if (Platform.OS !== 'ios') return null;
+  try {
+    // eslint-disable-next-line @typescript-eslint/no-require-imports
+    const mod = require('expo-glass-effect');
+    if (typeof mod?.isGlassEffectAPIAvailable === 'function' && !mod.isGlassEffectAPIAvailable()) {
+      return null;
+    }
+    if (typeof mod?.isLiquidGlassAvailable === 'function' && !mod.isLiquidGlassAvailable()) {
+      return null;
+    }
+    return mod?.GlassView ?? null;
+  } catch {
+    return null;
+  }
+})();
+
+/**
+ * True when the real material can be drawn — for a caller that wants to know
+ * before it commits to a look. It says nothing about Reduce Transparency, which
+ * is a live preference and belongs to the hook.
+ */
+export const hasGlass = GlassView !== null;
+export function Glass({
+  variant = 'regular',
+  tint,
+  radius,
+  fallbackClassName = 'bg-card',
+  className,
+  children,
+  style,
+  ...props
+}) {
+  const reduceTransparency = useReduceTransparency();
+  // Not knowing yet counts as "do not draw it": the material arriving a frame
+  // late is invisible, and one flashing at somebody who opted out is not.
+  const material = GlassView !== null && reduceTransparency === false;
+  const shape = shapeOf(radius);
+  return /*#__PURE__*/_jsxs(View, {
+    className: cn('overflow-hidden', material ? null : fallbackClassName, className),
+    style: [shape, style],
+    ...props,
+    children: [material && GlassView ? /*#__PURE__*/_jsx(GlassView, {
+      glassEffectStyle: variant,
+      tintColor: tint,
+      pointerEvents: "none",
+      style: [StyleSheet.absoluteFill, shape]
+    }) : null, children]
+  });
+}
+Glass.displayName = 'Glass';
+//# sourceMappingURL=glass.js.map

package/lib/module/primitives/glass.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Platform","StyleSheet","View","cn","useReduceTransparency","jsx","_jsx","jsxs","_jsxs","shapeOf","radius","undefined","borderRadius","borderTopLeftRadius","top","borderTopRightRadius","borderBottomLeftRadius","bottom","borderBottomRightRadius","GlassView","OS","mod","require","isGlassEffectAPIAvailable","isLiquidGlassAvailable","hasGlass","Glass","variant","tint","fallbackClassName","className","children","style","props","reduceTransparency","material","shape","glassEffectStyle","tintColor","pointerEvents","absoluteFill","displayName"],"sourceRoot":"../../../src","sources":["primitives/glass.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/primitives/scrim.js

@@ -89,7 +89,14 @@ function observeReduceTransparency(source, onChange) {
  * launch can see it.
  */
 let knownReduceTransparency = null;
-function useReduceTransparency() {
+
+/**
+ * Whether the device asks for Reduce Transparency: `true`, `false`, or `null`
+ * while the platform has not answered yet. Exported because every material in
+ * the library has to respect the same preference, and two copies of this would
+ * be two answers.
+ */
+export function useReduceTransparency() {
   // Not knowing is deliberately conservative: draw opaque until the platform
   // says blur is allowed, rather than flashing blur at someone who opted out.
   const [enabled, setEnabled] = useState(knownReduceTransparency);

package/lib/module/primitives/scrim.js.map

@@ -1 +1 @@
-{"version":3,"names":["useEffect","useState","AccessibilityInfo","StyleSheet","View","Animated","FadeIn","FadeOut","jsx","_jsx","jsxs","_jsxs","BlurView","mod","require","hasBlur","observeReduceTransparency","source","onChange","active","changed","update","enabled","Boolean","fallback","queryable","subscription","addEventListener","isReduceTransparencyEnabled","then","remove","knownReduceTransparency","useReduceTransparency","setEnabled","next","scrimMode","blur","canBlur","reduceTransparency","opaqueClassName","tint","Scrim","intensity","dimClassName","style","props","mode","entering","duration","exiting","absoluteFill","children","className","pointerEvents","displayName"],"sourceRoot":"../../../src","sources":["primitives/scrim.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["useEffect","useState","AccessibilityInfo","StyleSheet","View","Animated","FadeIn","FadeOut","jsx","_jsx","jsxs","_jsxs","BlurView","mod","require","hasBlur","observeReduceTransparency","source","onChange","active","changed","update","enabled","Boolean","fallback","queryable","subscription","addEventListener","isReduceTransparencyEnabled","then","remove","knownReduceTransparency","useReduceTransparency","setEnabled","next","scrimMode","blur","canBlur","reduceTransparency","opaqueClassName","tint","Scrim","intensity","dimClassName","style","props","mode","entering","duration","exiting","absoluteFill","children","className","pointerEvents","displayName"],"sourceRoot":"../../../src","sources":["primitives/scrim.tsx"],"mappings":"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","ignoreList":[]}

package/lib/typescript/src/components/ai-input/ai-input-growth.d.ts

@@ -0,0 +1,59 @@
+/**
+ * How tall the composer's field is allowed to be.
+ *
+ * Separated from the component because it is the one piece of AI Input with a
+ * right answer that can be checked without a device: a composer that opens at
+ * the wrong height, or grows past where it was told to stop, is a bug nobody
+ * notices until the send button is off the bottom of the screen.
+ *
+ * ## Bounds, not a measured height
+ *
+ * The obvious way to grow a field is to measure its content and set a height
+ * from it. That is a loop with a different answer on each platform — the
+ * measurement reports the text's height on one and the clipped height of the
+ * box we just set on another, where the field can then never grow at all.
+ *
+ * So nothing is measured. The field is given a floor and a ceiling and left to
+ * size itself between them, which is the layout engine's job and which it does
+ * without telling anybody. Past the ceiling a multiline field scrolls its own
+ * content, and that is the whole mechanism.
+ */
+/** Type size and the leading it is given, per `size`. */
+export declare const AI_INPUT_METRICS: {
+    readonly sm: {
+        readonly fontSize: 15;
+        readonly lineHeight: 20;
+        readonly padding: 10;
+    };
+    readonly md: {
+        readonly fontSize: 16;
+        readonly lineHeight: 22;
+        readonly padding: 12;
+    };
+    readonly lg: {
+        readonly fontSize: 17;
+        readonly lineHeight: 24;
+        readonly padding: 14;
+    };
+};
+export type AIInputSize = keyof typeof AI_INPUT_METRICS;
+export interface GrowthMetrics {
+    lineHeight: number;
+    padding: number;
+}
+/** The box a whole number of lines asks for: the lines, plus both paddings. */
+export declare function heightForLines(metrics: GrowthMetrics, lines: number): number;
+export interface GrowthBounds {
+    minHeight: number;
+    maxHeight: number;
+}
+/**
+ * The floor and ceiling a field grows between.
+ *
+ * At least one line, so an empty composer is the size of an empty composer.
+ * Never below the floor, so a `maxRows` under `minRows` — a caller
+ * contradicting itself — resolves to the height that was asked for outright
+ * rather than to one shorter than the field was told to open at.
+ */
+export declare function growthBounds(metrics: GrowthMetrics, minRows: number, maxRows: number): GrowthBounds;
+//# sourceMappingURL=ai-input-growth.d.ts.map

package/lib/typescript/src/components/ai-input/ai-input-growth.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ai-input-growth.d.ts","sourceRoot":"","sources":["../../../../../src/components/ai-input/ai-input-growth.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,yDAAyD;AACzD,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;CAInB,CAAC;AAEX,MAAM,MAAM,WAAW,GAAG,MAAM,OAAO,gBAAgB,CAAC;AAExD,MAAM,WAAW,aAAa;IAC5B,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,+EAA+E;AAC/E,wBAAgB,cAAc,CAAC,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,CAE5E;AAED,MAAM,WAAW,YAAY;IAC3B,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;CACnB;AAED;;;;;;;GAOG;AACH,wBAAgB,YAAY,CAC1B,OAAO,EAAE,aAAa,EACtB,OAAO,EAAE,MAAM,EACf,OAAO,EAAE,MAAM,GACd,YAAY,CAOd"}

package/lib/typescript/src/components/ai-input/index.d.ts

@@ -0,0 +1,423 @@
+/**
+ * AIInput — the composer a person types a prompt into.
+ *
+ * ```tsx
+ * <AIInput value={value} onValueChange={setValue} onSubmit={send}>
+ *   <AIInput.Field placeholder="Chat with the model" />
+ *   <AIInput.Toolbar>
+ *     <AIInput.Action label="Add" icon={<PlusIcon />} onPress={openSheet} />
+ *     <AIInput.Pill label="Sonnet 4.6" detail="High" onPress={openModels} />
+ *     <AIInput.Action label="Dictate" icon={<MicIcon />} onPress={record} />
+ *     <AIInput.Submit />
+ *   </AIInput.Toolbar>
+ * </AIInput>
+ * ```
+ *
+ * ## The field grows, and then it stops
+ *
+ * It opens one line tall and follows what is typed into it up to `maxRows`,
+ * after which it holds that height and scrolls its own content. Five rows is
+ * the default because a composer that keeps growing eventually pushes its own
+ * send button off the bottom of the screen, and the row that carries the
+ * actions stays pinned to the bottom of the box either way.
+ *
+ * ## It does not record anything
+ *
+ * There is a recording state, and it draws a live meter, but nothing here
+ * touches the microphone. The app owns the recorder — the permission prompt,
+ * the session, the platform quirks — and passes back a `level` between 0 and 1
+ * along with a `status`. Pass a Reanimated shared value and a recorder
+ * reporting every 30ms never re-renders anything above this component.
+ *
+ * That division is what keeps the composer free of an audio dependency.
+ *
+ * ## Glass is iOS 26 and above
+ *
+ * The surfaces ask for the system material and get it where it exists. Below
+ * iOS 26, on Android, and for anyone with Reduce Transparency switched on,
+ * they are drawn as solid token surfaces instead. Both are finished looks; see
+ * `Glass` for why nothing is faked on the platforms without it.
+ *
+ * ## Where the props come from
+ *
+ * The root takes `ViewProps`. `Field` takes `TextInputProps`, so
+ * `keyboardType`, `maxLength`, `autoFocus` and the rest work as they always
+ * do. Every part takes `className`.
+ */
+import { type ReactNode } from 'react';
+import { type TextInputProps, type ViewProps } from 'react-native';
+import { type SharedValue } from 'react-native-reanimated';
+import { type AIInputSize } from './ai-input-growth.js';
+/** What the app is doing, which is what the trailing button offers to do next. */
+export type AIInputStatus = 'ready' | 'recording' | 'submitted' | 'streaming';
+export interface AIInputProps extends Omit<ViewProps, 'children'> {
+    children?: ReactNode;
+    className?: string;
+    /** The prompt, when the app owns it. */
+    value?: string;
+    /** Called on every keystroke. */
+    onValueChange?: (value: string) => void;
+    /** The prompt to start with, when the composer owns it. */
+    defaultValue?: string;
+    /**
+     * What the app is doing. `ready` offers to send, `streaming` offers to stop,
+     * and `recording` swaps the toolbar for the meter and its two decisions.
+     */
+    status?: AIInputStatus;
+    /** Called with the prompt when it is sent. The composer does not clear itself. */
+    onSubmit?: (value: string) => void;
+    /** Called when the trailing button is pressed while `streaming`. */
+    onStop?: () => void;
+    /** Called when the voice button is pressed on an empty composer. */
+    onVoice?: () => void;
+    /** Called when a recording is thrown away. */
+    onRecordCancel?: () => void;
+    /** Called when a recording is accepted. */
+    onRecordConfirm?: () => void;
+    /**
+     * Input level, 0–1, from the app's own recorder. Pass a shared value to keep
+     * metering off the JS thread entirely. Omitted, the meter animates plausible
+     * motion so a screen can be built before any audio exists.
+     */
+    level?: number | SharedValue<number>;
+    /** Type scale and control size. */
+    size?: AIInputSize;
+    /** Nothing can be typed, pressed or sent. */
+    disabled?: boolean;
+    /**
+     * Draw the toolbar's controls as the platform's own buttons, in the system
+     * material — Liquid Glass on iOS 26, the platform's ordinary button style
+     * below it and on Android.
+     *
+     * The platform owns their colour, metrics and shape when this is on, so
+     * `className` and the theme tokens no longer reach them. The card behind
+     * them is still ours, and still glass. Needs the optional `@expo/ui`;
+     * without it the drawn controls are used and nothing breaks.
+     */
+    native?: boolean;
+    /** Rows the empty field is tall. */
+    minRows?: number;
+    /** Rows the field grows to before it holds that height and scrolls. */
+    maxRows?: number;
+    /** Lift the composer clear of the software keyboard. */
+    avoidKeyboard?: boolean;
+    /** How far above the bottom edge the composer already sits. */
+    keyboardBottomInset?: number;
+    /**
+     * Gap to leave between the composer and the top of the keyboard. A composer
+     * resting directly on the keys reads as part of them.
+     */
+    keyboardGap?: number;
+}
+declare function AIInputRoot({ children, className, value: valueProp, onValueChange, defaultValue, status, onSubmit, onStop, onVoice, onRecordCancel, onRecordConfirm, level, size, disabled, native, minRows, maxRows, avoidKeyboard, keyboardBottomInset, keyboardGap, style, ...props }: AIInputProps): import("react").JSX.Element;
+declare namespace AIInputRoot {
+    var displayName: string;
+}
+export interface AIInputFieldProps extends Omit<TextInputProps, 'value' | 'onChangeText' | 'multiline'> {
+    className?: string;
+}
+declare function AIInputField({ className, placeholder, onFocus, onBlur, style, ...props }: AIInputFieldProps): import("react").JSX.Element;
+declare namespace AIInputField {
+    var displayName: string;
+}
+export interface AIInputRowProps extends ViewProps {
+    className?: string;
+}
+/**
+ * The field and its controls on a single line.
+ *
+ * The composer at its smallest: one pill above the keyboard with the field
+ * between the controls rather than above them. It suits a bar that is always
+ * on screen, where the stacked composer suits one that is the focus of it.
+ *
+ * The field still grows — it just grows the row.
+ *
+ * ```tsx
+ * <AIInput>
+ *   <AIInput.Row>
+ *     <AIInput.Action label="Add" icon={<PlusIcon />} />
+ *     <AIInput.Field placeholder="Ask anything" />
+ *     <AIInput.Action label="Dictate" icon={<MicIcon />} />
+ *     <AIInput.Submit />
+ *   </AIInput.Row>
+ * </AIInput>
+ * ```
+ */
+declare function AIInputRow({ className, children, ...props }: AIInputRowProps): import("react").JSX.Element;
+declare namespace AIInputRow {
+    var displayName: string;
+}
+export interface AIInputToolbarProps extends ViewProps {
+    className?: string;
+}
+declare function AIInputToolbar({ className, children, style, ...props }: AIInputToolbarProps): import("react").JSX.Element;
+declare namespace AIInputToolbar {
+    var displayName: string;
+}
+/** Pushes everything after it to the trailing end of the toolbar. */
+declare function AIInputSpacer({ className, ...props }: ViewProps): import("react").JSX.Element;
+declare namespace AIInputSpacer {
+    var displayName: string;
+}
+export interface AIInputActionProps extends Omit<ViewProps, 'children'>, Pick<ViewProps, 'accessibilityHint'> {
+    className?: string;
+    /** Names the control. It is a circle with a glyph in it; nothing else says what it does. */
+    label: string;
+    icon: ReactNode;
+    onPress?: () => void;
+    disabled?: boolean;
+    /** Control size. Inherited from the composer when it is inside one. */
+    size?: AIInputSize;
+    /**
+     * Draw it as the platform's own button, in the system material. Inherited
+     * from the composer when it is inside one. The platform owns its colour and
+     * shape, so `className` stops reaching it.
+     */
+    native?: boolean;
+}
+declare function AIInputAction({ className, label, icon, onPress, disabled, size: sizeProp, native, ...props }: AIInputActionProps): import("react").JSX.Element;
+declare namespace AIInputAction {
+    var displayName: string;
+}
+export interface AIInputPillProps extends Omit<ViewProps, 'children'> {
+    className?: string;
+    /** The current value — a model name, a mode, a project. */
+    label: ReactNode;
+    /** A second, quieter value beside it. */
+    detail?: ReactNode;
+    /** A glyph after the labels, for a pill that opens a list. */
+    indicator?: ReactNode;
+    onPress?: () => void;
+    disabled?: boolean;
+    /** Names the control when the label alone does not say what changing it does. */
+    accessibilityLabel?: string;
+    /** Control size. Inherited from the composer when it is inside one. */
+    size?: AIInputSize;
+    /**
+     * Draw it as the platform's own button, in the system material. Only a
+     * string `label` can be handed over — a hosted view inside a native button
+     * has no width anything can resolve — so a pill given elements is drawn
+     * here whatever this says.
+     */
+    native?: boolean;
+}
+declare function AIInputPill({ className, label, detail, indicator, onPress, disabled, accessibilityLabel, size: sizeProp, native, ...props }: AIInputPillProps): import("react").JSX.Element;
+declare namespace AIInputPill {
+    var displayName: string;
+}
+export interface AIInputSubmitProps extends Omit<ViewProps, 'children'> {
+    className?: string;
+    /** Names the button in its send state. */
+    sendLabel?: string;
+    /** Names it in its voice state, which is what an empty composer offers. */
+    voiceLabel?: string;
+    /** Names it while the model is answering. */
+    stopLabel?: string;
+    /** Draw it as the platform's own button, in the system material. */
+    native?: boolean;
+}
+/**
+ * The trailing button, which is three buttons wearing one shape.
+ *
+ * Empty and ready, it opens voice mode; with something typed, it sends; while
+ * the model is answering, it stops. One control rather than three because only
+ * one of them is ever the thing to do, and a row of dimmed siblings is a row
+ * of things that look broken.
+ */
+declare function AIInputSubmit({ className, sendLabel, voiceLabel, stopLabel, native, ...props }: AIInputSubmitProps): import("react").JSX.Element;
+declare namespace AIInputSubmit {
+    var displayName: string;
+}
+export interface AIInputRecordingProps extends Omit<ViewProps, 'children'> {
+    className?: string;
+    cancelLabel?: string;
+    confirmLabel?: string;
+    /** Draw the two decisions as the platform's own buttons. */
+    native?: boolean;
+}
+/**
+ * What the toolbar becomes while a recording is running: throw it away, watch
+ * it, or keep it. Render it in place of `AIInput.Toolbar` when `status` is
+ * `recording`.
+ */
+declare function AIInputRecording({ className, cancelLabel, confirmLabel, native, ...props }: AIInputRecordingProps): import("react").JSX.Element;
+declare namespace AIInputRecording {
+    var displayName: string;
+}
+export interface AIInputSheetScreenProps extends ViewProps {
+    className?: string;
+    /** Names this screen. `AIInput.Sheet.Row`'s `to` pushes the screen with this id. */
+    id: string;
+    /** Centred in the header, and the first thing a screen reader reaches. */
+    title?: ReactNode;
+    /**
+     * A control at the trailing end of the header — a second action the screen
+     * offers. The leading end is the sheet's, and is a close button on the root
+     * screen and a back button on every screen pushed onto it.
+     */
+    trailing?: ReactNode;
+}
+declare function AIInputSheetScreen({ className, id, title, trailing, children, ...props }: AIInputSheetScreenProps): import("react").JSX.Element;
+declare namespace AIInputSheetScreen {
+    var displayName: string;
+}
+export interface AIInputSheetProps {
+    children?: ReactNode;
+    className?: string;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    defaultOpen?: boolean;
+    /** Which screen opens first. Defaults to the first one given. */
+    initialScreen?: string;
+    /** Called whenever the screen on top changes, pushed or popped. */
+    onScreenChange?: (id: string) => void;
+    /** Frost the screen behind the sheet instead of dimming it. */
+    blur?: boolean;
+    /** How tall the sheet opens. `auto` sizes to the screen currently on top. */
+    size?: 'auto' | 'half' | 'full';
+    /**
+     * Float the sheet clear of the screen edges instead of docking it to the
+     * bottom. On by default: the surface is a material, and a material reads as
+     * laid over the app when there is app visible around all four of its edges.
+     * Docked, its bottom edge is the screen's, and there is nothing behind it
+     * there to refract.
+     */
+    detached?: boolean;
+}
+/**
+ * The sheet the composer's controls open, and the screens it goes on to.
+ *
+ * A row that leads somewhere pushes a screen onto this sheet rather than
+ * opening a second one over it. The sheet stays where it is, the header's
+ * close button becomes a back button, and the body slides — which is what
+ * makes going one level deeper feel like the same surface rather than another
+ * one landing on top of it.
+ *
+ * ```tsx
+ * <AIInput.Sheet open={open} onOpenChange={setOpen}>
+ *   <AIInput.Sheet.Screen id="root" title="Add to chat">
+ *     <AIInput.Sheet.Group>
+ *       <AIInput.Sheet.Row label="Add to project" value="None" to="project" />
+ *       <AIInput.Sheet.Toggle label="Web search" value={web} onValueChange={setWeb} />
+ *     </AIInput.Sheet.Group>
+ *   </AIInput.Sheet.Screen>
+ *   <AIInput.Sheet.Screen id="project" title="Add to project">…</AIInput.Sheet.Screen>
+ * </AIInput.Sheet>
+ * ```
+ */
+declare function AIInputSheet({ children, className, open: openProp, onOpenChange, defaultOpen, initialScreen, onScreenChange, blur, size, detached, }: AIInputSheetProps): import("react").JSX.Element | null;
+declare namespace AIInputSheet {
+    var displayName: string;
+}
+export interface AIInputSheetGroupProps extends ViewProps {
+    className?: string;
+    /** A line under the group, for what the rows in it mean. */
+    footnote?: ReactNode;
+}
+/** A card of related rows, with a hairline between each pair. */
+declare function AIInputSheetGroup({ className, footnote, children, ...props }: AIInputSheetGroupProps): import("react").JSX.Element;
+declare namespace AIInputSheetGroup {
+    var displayName: string;
+}
+export interface AIInputSheetRowProps extends Omit<ViewProps, 'children'> {
+    className?: string;
+    label: ReactNode;
+    /** A quieter line under the label. */
+    description?: ReactNode;
+    /** A glyph at the leading end. */
+    icon?: ReactNode;
+    /** The current setting, shown at the trailing end. */
+    value?: ReactNode;
+    /**
+     * Push the screen with this id when the row is pressed. A row with one shows
+     * a chevron, because a row that leads somewhere should say so before it is
+     * pressed.
+     */
+    to?: string;
+    onPress?: () => void;
+    disabled?: boolean;
+}
+declare function AIInputSheetRow({ className, label, description, icon, value, to, onPress, disabled, ...props }: AIInputSheetRowProps): import("react").JSX.Element;
+declare namespace AIInputSheetRow {
+    var displayName: string;
+}
+export interface AIInputSheetToggleProps extends Omit<ViewProps, 'children'> {
+    className?: string;
+    label: ReactNode;
+    description?: ReactNode;
+    icon?: ReactNode;
+    value: boolean;
+    onValueChange?: (value: boolean) => void;
+    disabled?: boolean;
+}
+declare function AIInputSheetToggle({ className, label, description, icon, value, onValueChange, disabled, ...props }: AIInputSheetToggleProps): import("react").JSX.Element;
+declare namespace AIInputSheetToggle {
+    var displayName: string;
+}
+export interface AIInputSheetChoiceProps extends Omit<ViewProps, 'children'> {
+    className?: string;
+    label: ReactNode;
+    description?: ReactNode;
+    /** A pill beside the label — what the choice costs, or what it needs. */
+    badge?: ReactNode;
+    selected?: boolean;
+    onPress?: () => void;
+    disabled?: boolean;
+}
+/** One of a set, with a tick on the one in force. */
+declare function AIInputSheetChoice({ className, label, description, badge, selected, onPress, disabled, ...props }: AIInputSheetChoiceProps): import("react").JSX.Element;
+declare namespace AIInputSheetChoice {
+    var displayName: string;
+}
+export interface AIInputVoiceModeProps extends Omit<ViewProps, 'children'> {
+    className?: string;
+    /** The controls in the bottom row, before the close button. */
+    children?: ReactNode;
+    /** What the app is doing, which is what the wave behind everything shows. */
+    state?: 'idle' | 'listening' | 'thinking' | 'speaking';
+    /** Input level, 0–1. A shared value keeps metering off the JS thread. */
+    level?: number | SharedValue<number>;
+    /** A line above the microphone — a greeting, or what it is waiting for. */
+    title?: ReactNode;
+    onMicPress?: () => void;
+    micLabel?: string;
+    onClose?: () => void;
+    closeLabel?: string;
+    /** Type scale for the controls in the bottom row. */
+    size?: AIInputSize;
+    /** Draw the bottom row's controls as the platform's own, in its material. */
+    native?: boolean;
+}
+/**
+ * The screen a voice conversation happens on: no field, no keyboard, one
+ * microphone and a way out.
+ *
+ * It is a surface rather than an overlay — render it as its own route or
+ * inside a modal of your own. It provides the composer's context, so
+ * `AIInput.Action` and `AIInput.Pill` work in the bottom row without an
+ * `AIInput` around them.
+ */
+declare function AIInputVoiceMode({ className, children, state, level, title, onMicPress, micLabel, onClose, closeLabel, size, native, ...props }: AIInputVoiceModeProps): import("react").JSX.Element;
+declare namespace AIInputVoiceMode {
+    var displayName: string;
+}
+export declare const AIInput: typeof AIInputRoot & {
+    Field: typeof AIInputField;
+    Row: typeof AIInputRow;
+    Toolbar: typeof AIInputToolbar;
+    Spacer: typeof AIInputSpacer;
+    Action: typeof AIInputAction;
+    Pill: typeof AIInputPill;
+    Submit: typeof AIInputSubmit;
+    Recording: typeof AIInputRecording;
+    Sheet: typeof AIInputSheet & {
+        Screen: typeof AIInputSheetScreen;
+        Group: typeof AIInputSheetGroup;
+        Row: typeof AIInputSheetRow;
+        Toggle: typeof AIInputSheetToggle;
+        Choice: typeof AIInputSheetChoice;
+    };
+    VoiceMode: typeof AIInputVoiceMode;
+};
+export {};
+//# sourceMappingURL=index.d.ts.map