@nick-skriabin/glyph 0.1.37 → 0.1.39

package/dist/index.d.cts

@@ -1,680 +0,0 @@
-import React, { ReactElement, ReactNode } from 'react';
-import { Node } from 'yoga-layout';
-
-type NamedColor = "black" | "red" | "green" | "yellow" | "blue" | "magenta" | "cyan" | "white" | "blackBright" | "redBright" | "greenBright" | "yellowBright" | "blueBright" | "magentaBright" | "cyanBright" | "whiteBright";
-type HexColor = `#${string}`;
-type RGBColor = {
-    r: number;
-    g: number;
-    b: number;
-};
-type Color = NamedColor | HexColor | RGBColor | number;
-type DimensionValue = number | `${number}%`;
-type BorderStyle = "none" | "single" | "double" | "round" | "ascii";
-type WrapMode = "wrap" | "truncate" | "ellipsis" | "none";
-type TextAlign = "left" | "center" | "right";
-interface Style {
-    width?: DimensionValue;
-    height?: DimensionValue;
-    minWidth?: number;
-    minHeight?: number;
-    maxWidth?: number;
-    maxHeight?: number;
-    padding?: number;
-    paddingX?: number;
-    paddingY?: number;
-    paddingTop?: number;
-    paddingRight?: number;
-    paddingBottom?: number;
-    paddingLeft?: number;
-    gap?: number;
-    flexDirection?: "row" | "column";
-    flexWrap?: "nowrap" | "wrap";
-    justifyContent?: "flex-start" | "center" | "flex-end" | "space-between" | "space-around";
-    alignItems?: "flex-start" | "center" | "flex-end" | "stretch";
-    flexGrow?: number;
-    flexShrink?: number;
-    position?: "relative" | "absolute";
-    top?: DimensionValue;
-    right?: DimensionValue;
-    bottom?: DimensionValue;
-    left?: DimensionValue;
-    inset?: DimensionValue;
-    zIndex?: number;
-    pointerEvents?: "auto" | "none";
-    bg?: Color;
-    border?: BorderStyle;
-    borderColor?: Color;
-    clip?: boolean;
-    color?: Color;
-    bold?: boolean;
-    dim?: boolean;
-    italic?: boolean;
-    underline?: boolean;
-    wrap?: WrapMode;
-    textAlign?: TextAlign;
-}
-interface LayoutRect {
-    x: number;
-    y: number;
-    width: number;
-    height: number;
-    innerX: number;
-    innerY: number;
-    innerWidth: number;
-    innerHeight: number;
-}
-interface Key {
-    name: string;
-    sequence: string;
-    ctrl?: boolean;
-    alt?: boolean;
-    shift?: boolean;
-    meta?: boolean;
-}
-interface RenderOptions {
-    stdout?: NodeJS.WriteStream;
-    stdin?: NodeJS.ReadStream;
-    debug?: boolean;
-    /** Use the terminal's native cursor instead of a simulated one. Enables cursor shaders/animations in supported terminals. Default: true */
-    useNativeCursor?: boolean;
-}
-interface AppHandle {
-    unmount(): void;
-    exit(code?: number): void;
-}
-
-declare function render(element: ReactElement, opts?: RenderOptions): AppHandle;
-
-type GlyphNodeType = "box" | "text" | "input";
-interface GlyphNode {
-    type: GlyphNodeType;
-    props: Record<string, any>;
-    style: Style;
-    children: GlyphNode[];
-    rawTextChildren: GlyphTextInstance[];
-    parent: GlyphNode | null;
-    yogaNode: Node | null;
-    text: string | null;
-    layout: LayoutRect;
-    focusId: string | null;
-    hidden: boolean;
-}
-interface GlyphTextInstance {
-    type: "raw-text";
-    text: string;
-    parent: GlyphNode | null;
-}
-
-interface BoxProps {
-    style?: Style;
-    children?: ReactNode;
-    focusable?: boolean;
-}
-declare const Box: React.ForwardRefExoticComponent<BoxProps & React.RefAttributes<GlyphNode>>;
-
-interface TextProps {
-    style?: Style;
-    children?: ReactNode;
-    wrap?: Style["wrap"];
-}
-declare const Text: React.ForwardRefExoticComponent<TextProps & React.RefAttributes<GlyphNode>>;
-
-type InputType = "text" | "number";
-interface InputProps {
-    value?: string;
-    defaultValue?: string;
-    onChange?: (value: string) => void;
-    /** Called on every key press. Return `true` to prevent default handling. */
-    onKeyPress?: (key: Key) => boolean | void;
-    /**
-     * Called before a value change is applied. Useful for input masking/validation.
-     * @param newValue - The proposed new value
-     * @param oldValue - The current value
-     * @returns
-     *   - `string` to use a different value (and cursor moves to end of returned string)
-     *   - `false` to reject the change entirely
-     *   - `undefined` to accept the change as-is
-     */
-    onBeforeChange?: (newValue: string, oldValue: string) => string | false | void;
-    placeholder?: string;
-    style?: Style;
-    /** Style when focused (merged with style) */
-    focusedStyle?: Style;
-    /** Enable multiline editing (Enter inserts newlines, Up/Down navigate lines). */
-    multiline?: boolean;
-    /** Automatically focus this input when mounted */
-    autoFocus?: boolean;
-    /**
-     * Input type for validation:
-     * - "text" (default): accepts any character
-     * - "number": only accepts digits, decimal point, and minus sign
-     */
-    type?: InputType;
-}
-declare function Input(props: InputProps): React.JSX.Element;
-
-interface FocusScopeProps {
-    trap?: boolean;
-    children?: ReactNode;
-}
-declare function FocusScope({ trap, children }: FocusScopeProps): React.JSX.Element;
-
-interface SpacerProps {
-    size?: number;
-}
-declare function Spacer({ size }: SpacerProps): React.JSX.Element;
-
-interface KeybindProps {
-    /** Key descriptor, e.g. "q", "escape", "ctrl+c", "ctrl+shift+a" */
-    keypress: string;
-    /** Handler called when the key matches */
-    onPress: () => void;
-    /** Only fire when this focus ID is active */
-    whenFocused?: string;
-    /** Only fire when nothing is focused or the focused element doesn't consume the key */
-    global?: boolean;
-    /**
-     * If true, this keybind runs BEFORE focused input handlers.
-     * Use for keybinds that should work even when an Input is focused (e.g., Ctrl+Enter to submit).
-     */
-    priority?: boolean;
-    /** Disabled state */
-    disabled?: boolean;
-}
-declare function Keybind({ keypress, onPress, whenFocused, priority, disabled, }: KeybindProps): null;
-
-interface PortalProps {
-    children?: ReactNode;
-    zIndex?: number;
-}
-/**
- * Portal renders children as a fullscreen absolute overlay on top of the main tree.
- * Useful for modals, notifications, and dropdowns that should paint above all other content.
- */
-declare function Portal({ children, zIndex }: PortalProps): React.JSX.Element;
-
-interface ButtonProps {
-    onPress?: () => void;
-    style?: Style;
-    focusedStyle?: Style;
-    children?: ReactNode;
-    disabled?: boolean;
-}
-declare function Button({ onPress, style, focusedStyle, children, disabled, }: ButtonProps): React.JSX.Element;
-
-interface ScrollViewProps {
-    children?: ReactNode;
-    style?: Style;
-    /** Controlled scroll offset (rows from top) */
-    scrollOffset?: number;
-    /** Callback when scroll offset should change (controlled mode) */
-    onScroll?: (offset: number) => void;
-    /** Initial offset for uncontrolled mode */
-    defaultScrollOffset?: number;
-    /** Lines to scroll per arrow key press (default: 1) */
-    scrollStep?: number;
-    /** Disable keyboard scrolling */
-    disableKeyboard?: boolean;
-    /** Auto-scroll to focused element (default: true) */
-    scrollToFocus?: boolean;
-    /** Show scrollbar when content is scrollable (default: true) */
-    showScrollbar?: boolean;
-    /** Make ScrollView itself focusable. Default: true. Set to false if you want scroll to follow child focus only. */
-    focusable?: boolean;
-    /** Style applied when ScrollView is focused */
-    focusedStyle?: Style;
-}
-declare function ScrollView({ children, style, scrollOffset: controlledOffset, onScroll, defaultScrollOffset, scrollStep, disableKeyboard, scrollToFocus, showScrollbar, focusable, focusedStyle, }: ScrollViewProps): React.JSX.Element;
-
-interface ListItemInfo {
-    index: number;
-    selected: boolean;
-    focused: boolean;
-}
-interface ListProps {
-    /** Total number of items */
-    count: number;
-    /** Render function for each item */
-    renderItem: (info: ListItemInfo) => ReactNode;
-    /** Controlled selected index */
-    selectedIndex?: number;
-    /** Callback when selected index should change */
-    onSelectionChange?: (index: number) => void;
-    /** Callback when enter is pressed on selected item */
-    onSelect?: (index: number) => void;
-    /** Initial index for uncontrolled mode */
-    defaultSelectedIndex?: number;
-    /** Set of disabled indices that are skipped during navigation */
-    disabledIndices?: Set<number>;
-    /** Outer box style */
-    style?: Style;
-    /** Whether the list is focusable (default: true) */
-    focusable?: boolean;
-}
-declare function List({ count, renderItem, selectedIndex: controlledIndex, onSelectionChange, onSelect, defaultSelectedIndex, disabledIndices, style, focusable, }: ListProps): React.JSX.Element;
-
-interface MenuItem {
-    label: string;
-    value: string;
-    disabled?: boolean;
-}
-interface MenuProps {
-    items: MenuItem[];
-    /** Controlled selected index */
-    selectedIndex?: number;
-    /** Callback when selected index changes */
-    onSelectionChange?: (index: number) => void;
-    /** Callback when enter is pressed on item */
-    onSelect?: (value: string, index: number) => void;
-    /** Initial index for uncontrolled mode */
-    defaultSelectedIndex?: number;
-    /** Outer box style */
-    style?: Style;
-    /** Color for the selected item indicator and text (default: "cyan") */
-    highlightColor?: Color;
-    /** Whether the menu is focusable (default: true) */
-    focusable?: boolean;
-}
-declare function Menu({ items, selectedIndex, onSelectionChange, onSelect, defaultSelectedIndex, style, highlightColor, focusable, }: MenuProps): React.JSX.Element;
-
-interface ProgressProps {
-    /** Progress value 0..1. Omit when indeterminate. */
-    value?: number;
-    /** Animate as indeterminate (marquee). Default false. */
-    indeterminate?: boolean;
-    /** Width of the progress bar. Default "100%". */
-    width?: DimensionValue;
-    /** Optional label text displayed before the bar. */
-    label?: string;
-    /** Show percentage text after the bar. Default false. */
-    showPercent?: boolean;
-    /** Outer container style. */
-    style?: Style;
-    /** Character(s) for the filled portion. Default "█". */
-    filled?: string;
-    /** Character(s) for the empty portion. Default "░". */
-    empty?: string;
-}
-declare function Progress({ value, indeterminate, width, label, showPercent, style, filled, empty, }: ProgressProps): React.JSX.Element;
-
-interface SpinnerProps {
-    /** Animation frames. Defaults to braille dots. */
-    frames?: string[];
-    /** Interval between frames in ms. Default 80. */
-    intervalMs?: number;
-    /** Optional label text next to the spinner. */
-    label?: string;
-    /** Style applied to the spinner character. */
-    style?: Style;
-}
-declare function Spinner({ frames, intervalMs, label, style, }: SpinnerProps): React.JSX.Element;
-
-type ToastVariant = "info" | "success" | "warning" | "error";
-interface Toast {
-    id: string;
-    message: string;
-    title?: string;
-    variant?: ToastVariant;
-    durationMs?: number;
-}
-type ToastPosition = "top-right" | "top-left" | "bottom-right" | "bottom-left";
-interface ToastHostProps {
-    /** Where toasts appear. Default "bottom-right". */
-    position?: ToastPosition;
-    /** Max visible toasts. Default 5. */
-    maxVisible?: number;
-    children?: ReactNode;
-}
-declare function useToast(): (toast: Omit<Toast, "id">) => void;
-declare function ToastHost({ position, maxVisible, children, }: ToastHostProps): React.JSX.Element;
-
-interface SelectItem {
-    label: string;
-    value: string;
-    disabled?: boolean;
-}
-interface SelectProps {
-    /** List of selectable items */
-    items: SelectItem[];
-    /** Currently selected value (controlled) */
-    value?: string;
-    /** Callback when selection changes */
-    onChange?: (value: string) => void;
-    /** Placeholder text when nothing is selected */
-    placeholder?: string;
-    /** Trigger box style */
-    style?: Style;
-    /** Trigger style when focused */
-    focusedStyle?: Style;
-    /** Dropdown overlay style overrides */
-    dropdownStyle?: Style;
-    /** Highlight color for the selected item in the dropdown (default: "cyan") */
-    highlightColor?: Color;
-    /** Max visible items in the dropdown before scrolling (default: 8) */
-    maxVisible?: number;
-    /** Enable type-to-filter when dropdown is open (default: true) */
-    searchable?: boolean;
-    /** Disabled state */
-    disabled?: boolean;
-}
-declare function Select({ items, value, onChange, placeholder, style, focusedStyle, dropdownStyle, highlightColor, maxVisible, searchable, disabled, }: SelectProps): React.JSX.Element;
-
-interface CheckboxProps {
-    /** Whether the checkbox is checked */
-    checked: boolean;
-    /** Called when the checkbox is toggled */
-    onChange: (checked: boolean) => void;
-    /** Label text displayed next to the checkbox */
-    label?: string;
-    /** Style for the checkbox container */
-    style?: Style;
-    /** Style when focused */
-    focusedStyle?: Style;
-    /** Whether the checkbox is disabled */
-    disabled?: boolean;
-    /** Custom character for checked state (default: "✓") */
-    checkedChar?: string;
-    /** Custom character for unchecked state (default: " ") */
-    uncheckedChar?: string;
-}
-declare function Checkbox({ checked, onChange, label, style, focusedStyle, disabled, checkedChar, uncheckedChar, }: CheckboxProps): React.JSX.Element;
-
-interface RadioItem<T = string> {
-    /** Display label */
-    label: string;
-    /** Value returned on selection */
-    value: T;
-    /** Whether this option is disabled */
-    disabled?: boolean;
-}
-interface RadioProps<T = string> {
-    /** Radio options */
-    items: RadioItem<T>[];
-    /** Currently selected value */
-    value: T | undefined;
-    /** Called when selection changes */
-    onChange: (value: T) => void;
-    /** Style for the radio group container */
-    style?: Style;
-    /** Style for each radio item */
-    itemStyle?: Style;
-    /** Style for the focused item */
-    focusedItemStyle?: Style;
-    /** Style for the selected item */
-    selectedItemStyle?: Style;
-    /** Whether the entire group is disabled */
-    disabled?: boolean;
-    /** Layout direction (default: "column") */
-    direction?: "row" | "column";
-    /** Gap between items (default: 0) */
-    gap?: number;
-    /** Custom character for selected state (default: "●") */
-    selectedChar?: string;
-    /** Custom character for unselected state (default: "○") */
-    unselectedChar?: string;
-}
-declare function Radio<T = string>({ items, value, onChange, style, itemStyle, focusedItemStyle, selectedItemStyle, disabled, direction, gap, selectedChar, unselectedChar, }: RadioProps<T>): React.JSX.Element;
-
-interface AlertOptions {
-    /** Text for the OK button (default: "OK") */
-    okText?: string;
-    /** Style for the dialog box */
-    style?: Style;
-}
-interface ConfirmOptions extends AlertOptions {
-    /** Text for the Cancel button (default: "Cancel") */
-    cancelText?: string;
-}
-interface DialogContextValue {
-    /** Show an alert dialog. Returns a promise that resolves when dismissed. */
-    alert: (content: ReactNode, options?: AlertOptions) => Promise<void>;
-    /** Show a confirm dialog. Returns a promise that resolves to true (OK) or false (Cancel). */
-    confirm: (content: ReactNode, options?: ConfirmOptions) => Promise<boolean>;
-}
-/**
- * Hook to show alert and confirm dialogs.
- * Must be used within a DialogHost.
- *
- * @example
- * ```tsx
- * const { alert, confirm } = useDialog();
- *
- * // Alert
- * await alert("Something happened!");
- *
- * // Confirm
- * const ok = await confirm("Delete this item?", {
- *   okText: "Delete",
- *   cancelText: "Keep"
- * });
- * ```
- */
-declare function useDialog(): DialogContextValue;
-interface DialogHostProps {
-    children?: ReactNode;
-}
-/**
- * Host component for dialogs. Place this at the root of your app.
- * Provides the useDialog hook to children.
- *
- * @example
- * ```tsx
- * function App() {
- *   return (
- *     <DialogHost>
- *       <MyApp />
- *     </DialogHost>
- *   );
- * }
- * ```
- */
-declare function DialogHost({ children }: DialogHostProps): React.JSX.Element;
-
-interface JumpNavProps {
-    children?: ReactNode;
-    /** Keybind to activate jump mode (default: "ctrl+o") */
-    activationKey?: string;
-    /** Style for the hint labels */
-    hintStyle?: Style;
-    /** Color for hint background (default: "yellow") */
-    hintBg?: Color;
-    /** Color for hint text (default: "black") */
-    hintFg?: Color;
-    /** Characters to use for hints (default: "asdfghjklqwertyuiopzxcvbnm") */
-    hintChars?: string;
-    /** Whether jump nav is enabled (default: true) */
-    enabled?: boolean;
-    /** Enable debug logging */
-    debug?: boolean;
-}
-/**
- * JumpNav provides vim-style quick navigation to focusable elements.
- * Press the activation key (default: Ctrl+O) to show hints next to each
- * focusable element, then press the hint key to jump to that element.
- *
- * When nested, only the innermost JumpNav will respond to the activation key.
- */
-declare function JumpNav({ children, activationKey, hintStyle, hintBg, hintFg, hintChars, enabled, debug, }: JumpNavProps): React.JSX.Element;
-
-declare function useInput(handler: (key: Key) => void, deps?: any[]): void;
-
-interface UseFocusResult {
-    focused: boolean;
-    focus(): void;
-}
-declare function useFocus(nodeRef?: {
-    current: GlyphNode | null;
-}): UseFocusResult;
-
-interface UseFocusableOptions {
-    /** Whether the element is currently disabled (skipped in tab order) */
-    disabled?: boolean;
-    /** Called when the element receives focus */
-    onFocus?: () => void;
-    /** Called when the element loses focus */
-    onBlur?: () => void;
-    /**
-     * Key handler when focused. Return `true` to consume the key.
-     * This runs after priority handlers but before global handlers.
-     */
-    onKeyPress?: (key: Key) => boolean | void;
-}
-interface UseFocusableResult {
-    /** Ref to attach to your focusable element */
-    ref: (node: GlyphNode | null) => void;
-    /** Whether this element is currently focused */
-    isFocused: boolean;
-    /** Programmatically request focus on this element */
-    focus: () => void;
-    /** The focus ID (useful for conditional logic) */
-    focusId: string | null;
-}
-/**
- * Hook to make any element focusable with keyboard support.
- *
- * @example
- * ```tsx
- * function CustomPicker({ onSelect }) {
- *   const { ref, isFocused, focus } = useFocusable({
- *     onKeyPress: (key) => {
- *       if (key.name === "return") {
- *         onSelect();
- *         return true;
- *       }
- *       return false;
- *     },
- *   });
- *
- *   return (
- *     <Box
- *       ref={ref}
- *       focusable
- *       style={{
- *         border: "round",
- *         borderColor: isFocused ? "cyan" : "gray"
- *       }}
- *     >
- *       <Text>Custom Picker</Text>
- *     </Box>
- *   );
- * }
- * ```
- */
-declare function useFocusable(options?: UseFocusableOptions): UseFocusableResult;
-
-declare function useLayout(nodeRef?: {
-    current: GlyphNode | null;
-}): LayoutRect;
-
-interface UseAppResult {
-    exit(code?: number): void;
-    columns: number;
-    rows: number;
-}
-declare function useApp(): UseAppResult;
-
-interface FocusableElement {
-    /** Unique focus ID */
-    id: string;
-    /** The GlyphNode */
-    node: GlyphNode;
-    /** Current layout (position, size) */
-    layout: LayoutRect;
-    /** Node type (box, input, etc.) */
-    type: string;
-}
-interface FocusRegistryValue {
-    /** All currently registered focusable elements */
-    elements: FocusableElement[];
-    /** Currently focused element ID */
-    focusedId: string | null;
-    /** Request focus on a specific element */
-    requestFocus: (id: string) => void;
-    /** Move to next focusable element */
-    focusNext: () => void;
-    /** Move to previous focusable element */
-    focusPrev: () => void;
-    /** Manually refresh the element list (useful after layout updates) */
-    refresh: () => void;
-}
-/**
- * Hook to access all registered focusable elements in the current focus context.
- * Useful for building custom navigation UIs like jump-to overlays.
- */
-declare function useFocusRegistry(): FocusRegistryValue | null;
-
-/**
- * Input mask utilities for Glyph Input component.
- *
- * Mask pattern characters:
- * - `9` - Digit (0-9)
- * - `a` - Letter (a-z, A-Z)
- * - `*` - Alphanumeric (a-z, A-Z, 0-9)
- * - Any other character is treated as a literal (separator)
- *
- * @example
- * ```tsx
- * import { createMask } from "@nick-skriabin/glyph";
- *
- * // Phone: (123) 456-7890
- * const phoneMask = createMask("(999) 999-9999");
- * <Input onBeforeChange={phoneMask} />
- *
- * // Date: 12/31/2024
- * const dateMask = createMask("99/99/9999");
- * <Input onBeforeChange={dateMask} />
- *
- * // License plate: ABC-1234
- * const plateMask = createMask("aaa-9999");
- * <Input onBeforeChange={plateMask} />
- * ```
- */
-interface MaskOptions {
-    /** The mask pattern */
-    mask: string;
-    /** Placeholder character for unfilled positions (default: "_") */
-    placeholder?: string;
-    /** Show placeholder in output (default: false) */
-    showPlaceholder?: boolean;
-}
-/**
- * Creates a mask handler for use with Input's onBeforeChange prop.
- *
- * @param maskOrOptions - Mask pattern string or options object
- * @returns onBeforeChange handler function
- */
-declare function createMask(maskOrOptions: string | MaskOptions): (newValue: string, oldValue: string) => string | false | void;
-/**
- * Pre-built mask patterns for common use cases.
- */
-declare const masks: {
-    /** US Phone: (123) 456-7890 */
-    usPhone: (newValue: string, oldValue: string) => string | false | void;
-    /** International Phone: +1 234 567 8900 */
-    intlPhone: (newValue: string, oldValue: string) => string | false | void;
-    /** Date MM/DD/YYYY */
-    dateUS: (newValue: string, oldValue: string) => string | false | void;
-    /** Date DD/MM/YYYY */
-    dateEU: (newValue: string, oldValue: string) => string | false | void;
-    /** Date YYYY-MM-DD */
-    dateISO: (newValue: string, oldValue: string) => string | false | void;
-    /** Time HH:MM */
-    time: (newValue: string, oldValue: string) => string | false | void;
-    /** Time HH:MM:SS */
-    timeFull: (newValue: string, oldValue: string) => string | false | void;
-    /** Credit Card: 1234 5678 9012 3456 */
-    creditCard: (newValue: string, oldValue: string) => string | false | void;
-    /** SSN: 123-45-6789 */
-    ssn: (newValue: string, oldValue: string) => string | false | void;
-    /** ZIP Code: 12345 */
-    zip: (newValue: string, oldValue: string) => string | false | void;
-    /** ZIP+4: 12345-6789 */
-    zipPlus4: (newValue: string, oldValue: string) => string | false | void;
-    /** IPv4: 192.168.001.001 */
-    ipv4: (newValue: string, oldValue: string) => string | false | void;
-    /** MAC Address: AA:BB:CC:DD:EE:FF */
-    mac: (newValue: string, oldValue: string) => string | false | void;
-};
-
-export { type AlertOptions, type AppHandle, type BorderStyle, Box, type BoxProps, Button, type ButtonProps, Checkbox, type CheckboxProps, type Color, type ConfirmOptions, type DialogContextValue, DialogHost, type DialogHostProps, type DimensionValue, type FocusRegistryValue, FocusScope, type FocusScopeProps, type FocusableElement, type HexColor, Input, type InputProps, type InputType, JumpNav, type JumpNavProps, type Key, Keybind, type KeybindProps, type LayoutRect, List, type ListItemInfo, type ListProps, type MaskOptions, Menu, type MenuItem, type MenuProps, type NamedColor, Portal, type PortalProps, Progress, type ProgressProps, type RGBColor, Radio, type RadioItem, type RadioProps, type RenderOptions, ScrollView, type ScrollViewProps, Select, type SelectItem, type SelectProps, Spacer, type SpacerProps, Spinner, type SpinnerProps, type Style, Text, type TextAlign, type TextProps, type Toast, ToastHost, type ToastHostProps, type ToastPosition, type ToastVariant, type UseFocusableOptions, type UseFocusableResult, type WrapMode, createMask, masks, render, useApp, useDialog, useFocus, useFocusRegistry, useFocusable, useInput, useLayout, useToast };