@passui/react 0.1.47 → 0.2.0

package/dist/types/src/components/section/section.d.ts

@@ -1,18 +0,0 @@
-import { type HTMLAttributes, type ReactNode } from "react";
-export type SectionSize = "sm" | "md" | "lg";
-export interface SectionProps extends HTMLAttributes<HTMLElement> {
-    /** Optional group heading and accessible name. */
-    title?: string;
-    /** Supporting text below the grouped rows. */
-    footer?: ReactNode;
-    /** Rows, typically LabeledContent. */
-    children?: ReactNode;
-    /** Title and footer text scale + padding. @default "md" */
-    size?: SectionSize;
-}
-/**
- * A titled, inset group of rows with an optional footer, as in iOS Settings
- * and SwiftUI's grouped `List` with `Section(header:footer:)`. Rows are
- * usually `LabeledContent`; dividers between them come for free.
- */
-export declare function Section({ title, footer, children, className, size, ...props }: SectionProps): import("react").JSX.Element;

package/dist/types/src/components/secure-field/secure-field.d.ts

@@ -1,4 +0,0 @@
-import { type TextFieldProps } from "../text-field/text-field";
-/** TextField's native input props, with the password type managed by SecureField. */
-export type SecureFieldProps = Omit<TextFieldProps, "type">;
-export declare function SecureField(props: SecureFieldProps): import("react").JSX.Element;

package/dist/types/src/components/segmented-control/segmented-control.d.ts

@@ -1,25 +0,0 @@
-export type SegmentedControlSize = "sm" | "md" | "lg";
-export interface SegmentedControlProps<T extends string> {
-    /** Value of the selected segment. */
-    value: T;
-    /** The choices, in display order. */
-    options: ReadonlyArray<{
-        value: T;
-        label: string;
-    }>;
-    /** Called with the selected segment's value. */
-    onChange: (value: NoInfer<T>) => void;
-    /** Accessible name for the group and its compact picker. */
-    label: string;
-    /** Custom classes for the control container. */
-    className?: string;
-    /** Segment padding, label text scale and min-width. @default "md" */
-    size?: SegmentedControlSize;
-}
-/**
- * Mutually exclusive choices with a sliding selection, as on Apple
- * platforms. When the labels can't all fit the space it is given (a long
- * translation, a narrow pane) it becomes a pop-up button instead of
- * squeezing or spilling its text.
- */
-export declare function SegmentedControl<T extends string>({ value, options, onChange, label, className, size, }: SegmentedControlProps<T>): import("react").JSX.Element;

package/dist/types/src/components/sheet/modal-environment.d.ts

@@ -1,2 +0,0 @@
-/** Keeps nested sheets and their portaled controls above an inactive background. */
-export declare function enterModalEnvironment(surface: HTMLElement): () => void;

package/dist/types/src/components/sheet/sheet-portal.d.ts

@@ -1,5 +0,0 @@
-import { type ReactNode } from "react";
-/** Escape transformed page layers while retaining the source's scoped appearance. */
-export declare function SheetPortal({ children }: {
-    children: ReactNode;
-}): import("react").JSX.Element;

package/dist/types/src/components/sheet/sheet.d.ts

@@ -1,26 +0,0 @@
-import { type ReactNode } from "react";
-export type SheetPlacement = "adaptive" | "center";
-export type SheetSize = "sm" | "md" | "lg";
-export interface SheetProps {
-    /** Controls whether the sheet is presented. */
-    open: boolean;
-    /** Called on Escape or an outside press. */
-    onClose: () => void;
-    /** Allow tapping the backdrop to close. Escape still calls onClose. @default true */
-    dismissOnOutsidePress?: boolean;
-    /** Read out by screen readers as the sheet's name. */
-    label: string;
-    /** ID of a visible heading to use instead of label for the accessible name. */
-    labelledBy?: string;
-    /** `adaptive` rises from the bottom on phones; `center` always floats. @default "adaptive" */
-    placement?: SheetPlacement;
-    /** Outer padding and panel max-width. @default "md" */
-    size?: SheetSize;
-    className?: string;
-    children: ReactNode;
-}
-/**
- * A modal card: rises from the bottom edge on phones and floats in the
- * middle on larger screens. Escape or a tap outside closes it.
- */
-export declare function Sheet({ open, ...props }: SheetProps): import("react").JSX.Element;

package/dist/types/src/components/sheet/use-sheet-focus.d.ts

@@ -1,3 +0,0 @@
-import { type RefObject } from "react";
-/** Keeps keyboard focus in the foremost sheet, including its floating pickers. */
-export declare function useSheetFocus(panel: RefObject<HTMLDivElement | null>, onClose: () => void): void;

package/dist/types/src/components/sidebar/sidebar.d.ts

@@ -1,24 +0,0 @@
-import { type ReactNode } from "react";
-export interface SidebarSectionProps {
-    /** Visible heading for this group of navigation rows. */
-    title: string;
-    children: ReactNode;
-}
-export interface SidebarItemContentProps {
-    icon?: ReactNode;
-    /** Optional trailing count. */
-    count?: number;
-    /** Matches the router link's active state. */
-    active?: boolean;
-    children: ReactNode;
-}
-export declare function SidebarSection({ title, children, size, }: SidebarSectionProps & {
-    size?: SidebarSize;
-}): import("react").JSX.Element;
-/** Classes for a sidebar row; apply to the app's router link. */
-export type SidebarDensity = "regular" | "compact";
-export type SidebarSize = "sm" | "md" | "lg";
-export declare function sidebarItemClass(active?: boolean, density?: SidebarDensity, size?: SidebarSize): string;
-export declare function SidebarItemContent({ icon, count, active, size, children, }: SidebarItemContentProps & {
-    size?: SidebarSize;
-}): import("react").JSX.Element;

package/dist/types/src/components/skeleton/skeleton.d.ts

@@ -1,9 +0,0 @@
-import type { ComponentProps } from "react";
-export type SkeletonSize = "sm" | "md" | "lg";
-export interface SkeletonProps extends ComponentProps<"div"> {
-    label?: string;
-    /** Minimum height and rounding. @default "md" */
-    size?: SkeletonSize;
-}
-/** A loading placeholder that becomes still when Reduce Motion is enabled. */
-export declare function Skeleton({ label, size, className, ...props }: SkeletonProps): import("react").JSX.Element;

package/dist/types/src/components/slider/slider.d.ts

@@ -1,17 +0,0 @@
-import { type ComponentProps } from "react";
-export type SliderSize = "sm" | "md" | "lg";
-export interface SliderProps extends Omit<ComponentProps<"input">, "type" | "value" | "defaultValue" | "onChange" | "min" | "max" | "step" | "size"> {
-    value: number;
-    onChange: (value: number) => void;
-    label: string;
-    min?: number;
-    max?: number;
-    step?: number;
-    description?: string;
-    /** Provides a localized, spoken description of the current value. */
-    formatValue?: (value: number) => string;
-    /** Track height, thumb size and label/description text scale. @default "md" */
-    size?: SliderSize;
-}
-/** Native keyboard, touch and pointer behavior with Passui's control treatment. */
-export declare function Slider({ value, onChange, label, min, max, step, description, formatValue, size, id: suppliedId, className, disabled, ...props }: SliderProps): import("react").JSX.Element;

package/dist/types/src/components/slosh-slider/liquid-step.d.ts

@@ -1,6 +0,0 @@
-export interface LiquidState {
-    fill: number;
-    velocity: number;
-}
-/** Bencho's frame-normalized liquid spring. See THIRD_PARTY_NOTICES.md. */
-export declare function stepLiquid(state: LiquidState, target: number, viscosity: number, dt: number): LiquidState;

package/dist/types/src/components/slosh-slider/slosh-slider.d.ts

@@ -1,21 +0,0 @@
-export type SloshSliderSize = "sm" | "md" | "lg";
-export interface SloshSliderProps {
-    label: string;
-    value?: number;
-    defaultValue?: number;
-    onChange?: (value: number) => void;
-    /** 0 is rigid; 100 is loose liquid. @default 15 */
-    viscosity?: number;
-    /** How far the handle coasts after release, 0–100. @default 55 */
-    momentum?: number;
-    /** Lean of the liquid's leading edge, 0–100. @default 45 */
-    tilt?: number;
-    /** Track corner, from square to a pill, 0–20. @default 20 */
-    corner?: number;
-    /** Track height and knob scale. @default "md" */
-    size?: SloshSliderSize;
-    disabled?: boolean;
-    className?: string;
-    formatValue?: (value: number) => string;
-}
-export declare function SloshSlider({ label, value, defaultValue, onChange, viscosity, momentum, tilt, corner, size, disabled, className, formatValue, }: SloshSliderProps): import("react").JSX.Element;

package/dist/types/src/components/stat-tile/index.d.ts

@@ -1 +0,0 @@
-export * from "./stat-tile";

package/dist/types/src/components/stat-tile/stat-tile.d.ts

@@ -1,20 +0,0 @@
-import type { ReactNode } from "react";
-export type StatTileTone = "critical";
-export type StatTileSize = "sm" | "md" | "lg";
-export interface StatTileProps {
-    label: string;
-    value: number;
-    /** A quiet line under the number, like "3 signed in now". */
-    caption?: ReactNode;
-    /** Turns the number red once it's above zero. */
-    tone?: StatTileTone;
-    /** Makes the tile a toggle, e.g. a filter. */
-    onClick?: () => void;
-    active?: boolean;
-    /** Custom classes for the tile container. */
-    className?: string;
-    /** Tile padding and number scale. @default "md" */
-    size?: StatTileSize;
-}
-/** One number with its label, optionally a toggle. */
-export declare function StatTile({ label, value, caption, tone, onClick, active, className, size, }: StatTileProps): import("react").JSX.Element;

package/dist/types/src/components/status-indicator/status-indicator.d.ts

@@ -1,17 +0,0 @@
-import type { HTMLAttributes, ReactNode } from "react";
-declare const dots: {
-    readonly saved: "bg-success";
-    readonly syncing: "bg-warning animate-pulse";
-    readonly offline: "bg-label-tertiary";
-};
-export type StatusIndicatorState = keyof typeof dots;
-export type StatusIndicatorSize = "sm" | "md";
-export interface StatusIndicatorProps extends HTMLAttributes<HTMLSpanElement> {
-    /** Visual treatment of the status dot. */
-    state: StatusIndicatorState;
-    children: ReactNode;
-    /** Dot diameter and text scale. @default "md" */
-    size?: StatusIndicatorSize;
-}
-export declare function StatusIndicator({ state, children, size, className, ...props }: StatusIndicatorProps): import("react").JSX.Element;
-export {};

package/dist/types/src/components/stepper/rolling-digit.d.ts

@@ -1,11 +0,0 @@
-/** Counts at a place retain carries: the tens column of 1284 targets 128. */
-export declare function digitAt(count: number): number;
-export declare function advanceDigit(position: number, velocity: number, target: number, frames: number): {
-    position: number;
-    velocity: number;
-};
-/** Three recycled cells keep the strip continuous through either side of zero. */
-export declare function RollingDigit({ count, place, }: {
-    count: number;
-    place: number;
-}): import("react").JSX.Element;

package/dist/types/src/components/stepper/stepper.d.ts

@@ -1,22 +0,0 @@
-export type StepperSize = "sm" | "md" | "lg";
-export interface StepperProps {
-    value: number;
-    onChange: (value: number) => void;
-    label: string;
-    /** Localized accessible names for each action. */
-    labels: {
-        decrement: string;
-        increment: string;
-    };
-    min?: number;
-    max?: number;
-    step?: number;
-    disabled?: boolean;
-    className?: string;
-    /** Formats the displayed value. */
-    formatValue?: (value: number) => string;
-    /** Label, output and +/- button scale. @default "md" */
-    size?: StepperSize;
-}
-/** Discrete increments with disabled boundary actions and a spoken value. */
-export declare function Stepper({ value, onChange, label, labels, min, max, step, disabled, className, formatValue, size, }: StepperProps): import("react").JSX.Element;

package/dist/types/src/components/swatch-picker/swatch-picker.d.ts

@@ -1,22 +0,0 @@
-export interface SwatchPickerOption<T extends string> {
-    value: T;
-    label: string;
-    /** Swatch background color. */
-    color: string;
-    /** Color of the selected checkmark. */
-    ink: string;
-}
-export type SwatchPickerSize = "sm" | "md" | "lg";
-export interface SwatchPickerProps<T extends string> {
-    value: T;
-    options: ReadonlyArray<SwatchPickerOption<T>>;
-    onChange: (value: T) => void;
-    /** Accessible name for the group. */
-    label: string;
-    /** Custom classes for the swatch container. */
-    className?: string;
-    /** Swatch diameter, check icon and caption scale. @default "md" */
-    size?: SwatchPickerSize;
-}
-/** Colour swatches with a check on the chosen one. */
-export declare function SwatchPicker<T extends string>({ value, options, onChange, label, className, size, }: SwatchPickerProps<T>): import("react").JSX.Element;

package/dist/types/src/components/tab-bar/tab-bar.d.ts

@@ -1,43 +0,0 @@
-import { type ReactNode } from "react";
-export interface TabBarTab<Id extends string = string> {
-    id: Id;
-    label: string;
-    icon: ReactNode;
-}
-/** What a tab's link receives; spread it onto the router's own link. */
-export interface TabBarLinkProps {
-    className: string;
-    "aria-current": "page" | undefined;
-    onClick: () => void;
-    children: ReactNode;
-}
-export type TabBarMinimizeBehavior = "platform" | "scroll" | "never";
-export type TabBarSize = "sm" | "md" | "lg";
-export interface TabBarProps<Tab extends TabBarTab> {
-    /** `platform` follows the platform, `scroll` always minimizes, `never` stays expanded. @default "platform" */
-    minimizeBehavior?: TabBarMinimizeBehavior;
-    tabs: readonly Tab[];
-    /** Active tab ID, or null for a destination outside the bar. */
-    active: Tab["id"] | null;
-    /** Renders your router's link with the supplied appearance and accessibility props. */
-    renderLink: (tab: Tab, props: TabBarLinkProps) => ReactNode;
-    search?: {
-        label: string;
-        onPress: () => void;
-    };
-    /** Accessible name for the navigation. */
-    label: string;
-    /** Tab height, label text, minimized width and search button diameter. @default "md" */
-    size?: TabBarSize;
-    className?: string;
-}
-/**
- * The app's main places a thumb's reach away, drawn as iOS 26 draws them: a
- * floating glass capsule of tabs, with Search as its own round button at the
- * trailing end. Scrolling down through content shrinks the capsule to the
- * current tab; scrolling back up, or a tap, restores it. Android shares the
- * glass, but its bar stays full size, as Android's own bars do.
- *
- * Links stay the app's own (`renderLink`), so the bar works with any router.
- */
-export declare function TabBar<Tab extends TabBarTab>({ tabs, active, renderLink, search, label, className, size, minimizeBehavior, }: TabBarProps<Tab>): import("react").JSX.Element;

package/dist/types/src/components/tab-view/tab-view.d.ts

@@ -1,27 +0,0 @@
-import { type ReactNode } from "react";
-export type TabViewAlign = "start" | "center";
-export type TabViewSize = "sm" | "md" | "lg";
-export interface TabViewProps<Value extends string> {
-    /** Available tabs, in keyboard navigation order. */
-    options: readonly {
-        value: Value;
-        label: string;
-        disabled?: boolean;
-    }[];
-    /** Initial selection when value is not controlled. */
-    defaultValue: Value;
-    /** Controlled selection; omit to keep selection inside TabView. */
-    value?: Value;
-    onValueChange?: (value: Value) => void;
-    /** Tab alignment: `start` or `center`. @default "center" */
-    align?: TabViewAlign;
-    /** Accessible name for the tab list. */
-    label: string;
-    /** Renders the selected tab's panel. */
-    children: (value: Value) => ReactNode;
-    /** Tablist height, tab text scale and underline offset. @default "md" */
-    size?: TabViewSize;
-    className?: string;
-}
-/** Content tabs with native buttons, roving focus and automatic keyboard activation. */
-export declare function TabView<Value extends string>({ options, defaultValue, value: controlledValue, onValueChange, align, label, children, size, className, }: TabViewProps<Value>): import("react").JSX.Element | null;

package/dist/types/src/components/text-editor/text-editor.d.ts

@@ -1,9 +0,0 @@
-import type { ComponentProps } from "react";
-import { type TextFieldSize } from "../text-field/text-field";
-export type TextEditorSize = TextFieldSize;
-export interface TextEditorProps extends Omit<ComponentProps<"textarea">, "size"> {
-    /** Field surface scale; matches TextField's xs | sm | md | lg. @default "md" */
-    size?: TextEditorSize;
-}
-/** A multi-line text field that reuses TextField's shared surface treatment. */
-export declare function TextEditor({ className, size, ...props }: TextEditorProps): import("react").JSX.Element;

package/dist/types/src/components/text-field/text-field.d.ts

@@ -1,33 +0,0 @@
-import { type ComponentProps, type ReactNode } from "react";
-/** Shared text control classes for components that reuse TextField's surface. */
-export declare const textControlClasses: string;
-/** Size scale shared across TextField, SecureField, and form fields. */
-export type TextFieldSize = "xs" | "sm" | "md" | "lg";
-export interface FieldSize {
-    height: string;
-    floatingHeight: string;
-    padding: string;
-    text: string;
-    radius: string;
-}
-export declare function fieldSize(size: TextFieldSize): FieldSize;
-export type TextFieldProps = Omit<ComponentProps<"input">, "size"> & {
-    label: string;
-    description?: ReactNode;
-    errors?: string[];
-    /** A decorative icon before the text, such as a mail glyph. */
-    icon?: ReactNode;
-    /** A decorative icon after the text, such as a unit or a check. */
-    trailingIcon?: ReactNode;
-    /** An interactive control after the text, such as a clear button. Size it to the field: an `xs` or `icon-xs` button, never the default. */
-    action?: ReactNode;
-    revealLabels?: {
-        show: string;
-        hide: string;
-    };
-    /** Float the label into the outline on focus or when filled. @default "above" */
-    labelPlacement?: "above" | "floating";
-    /** Field height and text scale. @default "md" */
-    size?: TextFieldSize;
-};
-export declare function TextField({ label, description, errors, icon, trailingIcon, action, revealLabels, labelPlacement, size, placeholder, type, id: suppliedId, className, ...props }: TextFieldProps): import("react").JSX.Element;

package/dist/types/src/components/toast/toast-store.d.ts

@@ -1,52 +0,0 @@
-/**
- * App-wide toasts: short messages that confirm, report progress or explain
- * a failure. Call `toast` from anywhere; render one `<Toaster />`.
- */
-export type ToastTone = "neutral" | "success" | "error" | "loading";
-export type ToastSize = "sm" | "md" | "lg";
-export interface ToastAction {
-    label: string;
-    onClick: () => void;
-}
-export interface Toast {
-    id: number;
-    tone: ToastTone;
-    title: string;
-    description?: string;
-    action?: ToastAction;
-    /** Milliseconds before it leaves on its own; `null` stays until dismissed. */
-    duration: number | null;
-    createdAt: number;
-    /** Pill size, content padding and title/description text scale. @default "md" */
-    size: ToastSize;
-}
-export interface ToastOptions {
-    description?: string;
-    action?: ToastAction;
-    duration?: number | null;
-    /** Pill size, content padding and title/description text scale. @default "md" */
-    size?: ToastSize;
-}
-/** Changes a toast in place; it morphs to its new state. */
-declare function update(id: number, tone: ToastTone, title: string, options?: ToastOptions): number;
-declare function dismiss(id: number): void;
-interface PromiseMessages<T> {
-    loading: string;
-    success: string | ((value: T) => string);
-    error: string | ((error: unknown) => string);
-}
-export declare const toast: ((title: string, options?: ToastOptions) => number) & {
-    success: (title: string, options?: ToastOptions) => number;
-    error: (title: string, options?: ToastOptions) => number;
-    loading: (title: string, options?: ToastOptions) => number;
-    update: typeof update;
-    dismiss: typeof dismiss;
-    /** Shows progress, then morphs into the outcome. Returns the promise. */
-    promise<T>(promise: Promise<T>, messages: PromiseMessages<T>): Promise<T>;
-};
-export declare function subscribeToasts(listener: () => void): () => void;
-export declare function getToasts(): Toast[];
-export declare const toastLimits: {
-    readonly visible: 3;
-};
-export {};

package/dist/types/src/components/toggle/toggle.d.ts

@@ -1,22 +0,0 @@
-export type ToggleStyle = "switch" | "checkbox";
-export type ToggleSize = "sm" | "md" | "lg";
-export interface ToggleProps {
-    /** Current on or off state. */
-    checked: boolean;
-    /** Called with the next checked state. */
-    onChange: (checked: boolean) => void;
-    /** Accessible name, including when the visible label is hidden. */
-    label: string;
-    disabled?: boolean;
-    /** `switch` for a setting, `checkbox` for a selection. @default "switch" */
-    style?: ToggleStyle;
-    /** Reports a mixed selection to assistive technology. @default false */
-    mixed?: boolean;
-    /** Keeps the accessible name while hiding the visible label. @default false */
-    labelHidden?: boolean;
-    /** Switch track size, thumb travel, checkbox box and label text scale. @default "md" */
-    size?: ToggleSize;
-    /** Custom classes for the toggle container. */
-    className?: string;
-}
-export declare function Toggle({ checked, onChange, label, disabled, style, mixed, labelHidden, size, className, }: ToggleProps): import("react").JSX.Element;

package/dist/types/src/components/tooltip/tooltip-host.d.ts

@@ -1,7 +0,0 @@
-export type TooltipSize = "sm" | "md" | "lg";
-/**
- * Tooltips for any element with `data-tooltip`, on devices that can hover.
- * One listener for the whole app: a short delay before the first, then
- * instant while moving between controls, as on macOS.
- */
-export declare function TooltipHost(): import("react").JSX.Element;

package/dist/types/src/components/view-controller/index.d.ts

@@ -1 +0,0 @@
-export * from "./view-controller";

package/dist/types/src/components/view-controller/view-controller.d.ts

@@ -1,21 +0,0 @@
-import type { PropsWithChildren, ReactNode } from "react";
-type ViewControllerProps = PropsWithChildren<{
-    heading: ReactNode;
-    className?: string;
-}>;
-type HeadingProps = {
-    title: ReactNode;
-    description?: ReactNode;
-    action?: ReactNode;
-    size?: keyof typeof titleSizes;
-};
-declare const titleSizes: {
-    readonly default: "text-large-title leading-large-title";
-    readonly compact: "text-title leading-title font-semibold tracking-tight";
-};
-export declare function ViewController({ heading, className, children, }: ViewControllerProps): import("react").JSX.Element;
-export declare namespace ViewController {
-    export { Heading };
-}
-declare function Heading({ title, description, action, size, }: HeadingProps): import("react").JSX.Element;
-export {};

package/dist/types/src/components/wake-slider/wake-slider.d.ts

@@ -1,15 +0,0 @@
-export type WakeSliderSize = "sm" | "md" | "lg";
-export interface WakeSliderProps {
-    label: string;
-    value?: number;
-    defaultValue?: number;
-    onChange?: (value: number) => void;
-    bars?: number;
-    wake?: number;
-    disabled?: boolean;
-    className?: string;
-    formatValue?: (value: number) => string;
-    /** Bar height at rest and value text scale. @default "md" */
-    size?: WakeSliderSize;
-}
-export declare function WakeSlider({ label, value: controlledValue, defaultValue, onChange, disabled, className, formatValue, size, bars, wake, }: WakeSliderProps): import("react").JSX.Element;

package/dist/types/src/hooks/scroll/minimize-decision.d.ts

@@ -1,2 +0,0 @@
-/** Programmatic restoration does not collapse chrome; reaching the top always restores it. */
-export declare function minimizeDecision(top: number, anchor: number, userDriven: boolean): boolean | null;

package/dist/types/src/hooks/use-anchored-disclosure.d.ts

@@ -1,9 +0,0 @@
-/** Keep the panel mounted until its material has returned to the trigger. */
-export declare function useAnchoredDisclosure(disabled?: boolean): {
-    open: boolean;
-    mounted: boolean;
-    show: () => void;
-    toggle: () => void;
-    close: () => void;
-    onExited: () => void;
-};

package/dist/types/src/hooks/use-floating-dismiss.d.ts

@@ -1,3 +0,0 @@
-import { type RefObject } from "react";
-/** Dismiss an anchored portal without stealing focus from outside pointer interactions. */
-export declare function useFloatingDismiss(surface: RefObject<HTMLElement | null>, anchor: HTMLElement, onDismiss: (restoreFocus: boolean) => void): void;

package/dist/types/src/hooks/viewport/types.d.ts

@@ -1,19 +0,0 @@
-export type ViewportInput = {
-    width: number;
-    height: number;
-    top: number;
-    left: number;
-    layoutHeight: number;
-    editing: boolean;
-};
-export type ViewportMetrics = {
-    width: number;
-    height: number;
-    top: number;
-    left: number;
-    keyboardOpen: boolean;
-};
-export type ViewportBaseline = {
-    width: number;
-    height: number;
-};

package/dist/types/src/hooks/viewport/viewport-metrics.d.ts

@@ -1,3 +0,0 @@
-import type { ViewportBaseline, ViewportInput, ViewportMetrics } from "./types";
-/** A resized WebView and Safari's overlaid keyboard share one visible rectangle. */
-export declare function viewportMetrics(input: ViewportInput, baseline: ViewportBaseline): ViewportMetrics;