@tastic/hud 0.6.0 → 0.8.1

package/dist/index.d.ts

@@ -1,7 +1,9 @@
 import * as react from 'react';
 import { ReactNode, RefObject } from 'react';
 import { StyleProp, ViewStyle, View } from 'react-native';
+import { ViewRotation } from '@tastic/core';
 import { SeedColor } from '@rific/auto-paper';
+export { SkiaGate, SkiaGateProps } from './SkiaGate.js';
 
 declare const LOCKED_BADGE_COLOR = "rgba(128,128,128,0.3)";
 interface Props$c {
@@ -35,7 +37,7 @@ interface BaseSettingsDialogProps {
     onUpdateError?: (message: string) => void;
     children?: ReactNode;
 }
-declare function BaseSettingsDialog({ visible, onDismiss, rotation, version, lockOrientation, onLockOrientationChange, deferBottomEdgeGestures, onDeferBottomEdgeGestures, hideSound, hideHaptics, hideAppearance, hideUpdateCheck, onUpdateError, children }: BaseSettingsDialogProps): react.JSX.Element;
+declare function BaseSettingsDialog({ visible, onDismiss, rotation: rotationOverride, version, lockOrientation, onLockOrientationChange, deferBottomEdgeGestures, onDeferBottomEdgeGestures, hideSound, hideHaptics, hideAppearance, hideUpdateCheck, onUpdateError, children }: BaseSettingsDialogProps): react.JSX.Element;
 
 type MD3TextVariant = 'displayLarge' | 'displayMedium' | 'displaySmall' | 'headlineLarge' | 'headlineMedium' | 'headlineSmall' | 'titleLarge' | 'titleMedium' | 'titleSmall' | 'labelLarge' | 'labelMedium' | 'labelSmall' | 'bodyLarge' | 'bodyMedium' | 'bodySmall';
 interface Props$b {
@@ -59,7 +61,21 @@ interface Props$b {
     accentColor?: string;
     children: ReactNode;
 }
-declare function BaseStatsScreen({ rotation, title, titleVariant, onBack, insets, onReset, resetLabel, resetConfirmTitle, resetConfirmBody, fg: fgOverride, bg: bgOverride, cardBg: cardBgOverride, accentColor: accentColorOverride, children }: Props$b): react.JSX.Element;
+declare function BaseStatsScreen({ rotation: rotationOverride, title, titleVariant, onBack, insets, onReset, resetLabel, resetConfirmTitle, resetConfirmBody, fg: fgOverride, bg: bgOverride, cardBg: cardBgOverride, accentColor: accentColorOverride, children }: Props$b): react.JSX.Element;
+
+interface ConfirmDialogProps {
+    visible: boolean;
+    title: string;
+    message: string;
+    confirmLabel: string;
+    cancelLabel: string;
+    onConfirm: () => void;
+    onCancel: () => void;
+    rotation?: number;
+    icon?: string;
+    destructive?: boolean;
+}
+declare function ConfirmDialog({ visible, title, message, confirmLabel, cancelLabel, onConfirm, onCancel, rotation, icon, destructive }: ConfirmDialogProps): react.JSX.Element | null;
 
 interface Props$a {
     maxContentWidth?: number;
@@ -70,7 +86,86 @@ interface Props$a {
 }
 declare function ContentGutter({ maxContentWidth, leftGutter, rightGutter, style, children }: Props$a): react.JSX.Element;
 
+type PopoverAlign = 'left' | 'right' | 'center';
+type PopoverVerticalAlign = 'below' | 'above';
+type PopoverRotation = ViewRotation;
+declare function useAutoAlign(open: boolean, contentWidth: number, contentHeight: number, rotation?: PopoverRotation): {
+    align: PopoverAlign;
+    maxHeight: number;
+    measured: boolean;
+    triggerRef: react.RefObject<View | null>;
+    verticalAlign: PopoverVerticalAlign;
+};
+
+interface PopoverHost {
+    openId: string | null;
+    toggle: (id: string) => void;
+    close: () => void;
+}
+declare function usePopoverHost(): PopoverHost;
+
+interface MenuOption<T extends string | number> {
+    value: T;
+    label: string;
+    description?: string;
+    icon?: string;
+    iconSize?: number;
+}
+interface SingleSelectSection<T extends string | number> {
+    kind: 'single';
+    id: string;
+    options: MenuOption<T>[];
+    value: T;
+    onChange: (value: T) => void;
+    takenValue?: T;
+}
+interface MultiSelectSection<T extends string | number> {
+    kind: 'multi';
+    id: string;
+    options: MenuOption<T>[];
+    value: T[];
+    onChange: (value: T[]) => void;
+    allClear?: boolean;
+}
+type MenuSection = SingleSelectSection<any> | MultiSelectSection<any>;
 interface Props$9 {
+    id: string;
+    host: PopoverHost;
+    icon: string;
+    accessibilityLabel: string;
+    sections: MenuSection[];
+    accentColor: string;
+    mutedColor: string;
+    onAccentColor?: string;
+    dark: boolean;
+    align?: 'left' | 'right' | 'center';
+    rotation?: PopoverRotation;
+    autoDismiss?: boolean;
+    labelFontFamily?: string;
+    allClearLabels?: {
+        all: string;
+        clear: string;
+    };
+}
+declare function SectionedDropdown({ id, host, icon, accessibilityLabel, sections, accentColor, mutedColor, onAccentColor, dark, align: alignOverride, rotation: rotationOverride, autoDismiss, labelFontFamily, allClearLabels }: Props$9): react.JSX.Element;
+
+interface ControlSchemePickerProps<T extends string | number> {
+    id: string;
+    host: PopoverHost;
+    value: T;
+    onChange: (value: T) => void;
+    options: MenuOption<T>[];
+    takenValue?: T;
+    accentColor: string;
+    mutedColor: string;
+    onAccentColor?: string;
+    dark: boolean;
+    align?: 'left' | 'right' | 'center';
+    labelFontFamily?: string;
+}
+declare function ControlSchemePicker<T extends string | number>({ id, host, value, onChange, options, takenValue, accentColor, mutedColor, onAccentColor, dark, align, labelFontFamily }: ControlSchemePickerProps<T>): react.JSX.Element | null;
+
+interface Props$8 {
     onBack: () => void;
     onSettings: () => void;
     fg: string;
@@ -79,19 +174,26 @@ interface Props$9 {
         left: number;
         right: number;
     };
+    backIcon?: string;
+    backLabel?: string;
 }
-declare function CornerActionButtons({ onBack, onSettings, fg, insets }: Props$9): react.JSX.Element;
+declare function CornerActionButtons({ onBack, onSettings, fg, insets, backIcon, backLabel }: Props$8): react.JSX.Element;
 
-declare const MONO_FONT: string;
-
-interface PopoverHost {
-    openId: string | null;
-    toggle: (id: string) => void;
-    close: () => void;
+type OrientationMode = 'faceToFace' | 'sideBySide';
+interface CornerStatusBadgeSeat {
+    icon?: string;
 }
-declare function usePopoverHost(): PopoverHost;
+interface CornerStatusBadgesProps {
+    orientationMode: OrientationMode;
+    p1OnRight: boolean;
+    p1?: CornerStatusBadgeSeat;
+    p2?: CornerStatusBadgeSeat;
+}
+declare function CornerStatusBadges({ orientationMode, p1OnRight, p1, p2 }: CornerStatusBadgesProps): react.JSX.Element;
 
-interface Props$8 {
+declare const MONO_FONT: string;
+
+interface Props$7 {
     id: string;
     host: PopoverHost;
     value: string;
@@ -102,6 +204,7 @@ interface Props$8 {
     allowSwapTaken?: boolean;
     dark: boolean;
     align?: 'left' | 'right' | 'center';
+    rotation?: PopoverRotation;
     icon?: string;
     tag?: string;
     labelFontFamily?: string;
@@ -109,17 +212,7 @@ interface Props$8 {
     columns?: number;
     size?: number;
 }
-declare function InlineColorPicker({ id, host, value, onChange, previewValue, swatches, takenValue, allowSwapTaken, dark, align: alignOverride, icon, tag, labelFontFamily, autoDismiss, columns, size }: Props$8): react.JSX.Element;
-
-type PopoverAlign = 'left' | 'right' | 'center';
-type PopoverVerticalAlign = 'below' | 'above';
-declare function useAutoAlign(open: boolean, contentWidth: number, contentHeight: number): {
-    align: PopoverAlign;
-    maxHeight: number;
-    measured: boolean;
-    triggerRef: react.RefObject<View | null>;
-    verticalAlign: PopoverVerticalAlign;
-};
+declare function InlineColorPicker({ id, host, value, onChange, previewValue, swatches, takenValue, allowSwapTaken, dark, align: alignOverride, rotation: rotationOverride, icon, tag, labelFontFamily, autoDismiss, columns, size }: Props$7): react.JSX.Element;
 
 declare const LABELED_DROPDOWN_POPOVER_WIDTH = 180;
 declare function getLabeledDropdownContentHeight(optionCount: number): number;
@@ -135,7 +228,7 @@ interface AlignResult {
     measured: boolean;
     triggerRef: RefObject<View | null>;
 }
-interface Props$7<T extends string> {
+interface Props$6<T extends string> {
     id: string;
     host: PopoverHost;
     options: LabeledDropdownOption<T>[];
@@ -146,11 +239,11 @@ interface Props$7<T extends string> {
     align?: 'left' | 'right' | 'center';
     alignOverride?: AlignResult;
 }
-declare function LabeledDropdown<T extends string>({ id, host, options, value, onChange, color, dark, align: forcedAlign, alignOverride }: Props$7<T>): react.JSX.Element;
+declare function LabeledDropdown<T extends string>({ id, host, options, value, onChange, color, dark, align: forcedAlign, alignOverride }: Props$6<T>): react.JSX.Element;
 
 declare function loadSkiaWeb(): Promise<void>;
 
-interface Props$6 {
+interface Props$5 {
     visible: boolean;
     children: ReactNode;
     align?: 'left' | 'right' | 'center';
@@ -160,67 +253,23 @@ interface Props$6 {
     caretBorderWidth?: number;
     triggerSize?: number;
 }
-declare function PopoverBody({ visible, children, align, verticalAlign, caretColor, caretBorderColor, caretBorderWidth, triggerSize }: Props$6): react.JSX.Element | null;
+declare function PopoverBody({ visible, children, align, verticalAlign, caretColor, caretBorderColor, caretBorderWidth, triggerSize }: Props$5): react.JSX.Element | null;
 
-interface Props$5 {
+interface Props$4 {
     active: boolean;
     onPress: () => void;
     style?: StyleProp<ViewStyle>;
 }
-declare function PressAwayOverlay({ active, onPress, style }: Props$5): react.JSX.Element | null;
+declare function PressAwayOverlay({ active, onPress, style }: Props$4): react.JSX.Element | null;
 
-interface Props$4 {
+interface Props$3 {
     color: string;
     ready: boolean;
     onToggleReady: () => void;
     style?: StyleProp<ViewStyle>;
     labelFontFamily?: string;
 }
-declare function ReadyButton({ color, ready, onToggleReady, style, labelFontFamily }: Props$4): react.JSX.Element;
-
-interface MenuOption<T extends string | number> {
-    value: T;
-    label: string;
-    description?: string;
-    icon?: string;
-    iconSize?: number;
-}
-interface SingleSelectSection<T extends string | number> {
-    kind: 'single';
-    id: string;
-    options: MenuOption<T>[];
-    value: T;
-    onChange: (value: T) => void;
-    takenValue?: T;
-}
-interface MultiSelectSection<T extends string | number> {
-    kind: 'multi';
-    id: string;
-    options: MenuOption<T>[];
-    value: T[];
-    onChange: (value: T[]) => void;
-    allClear?: boolean;
-}
-type MenuSection = SingleSelectSection<any> | MultiSelectSection<any>;
-interface Props$3 {
-    id: string;
-    host: PopoverHost;
-    icon: string;
-    accessibilityLabel: string;
-    sections: MenuSection[];
-    accentColor: string;
-    mutedColor: string;
-    onAccentColor?: string;
-    dark: boolean;
-    align?: 'left' | 'right' | 'center';
-    autoDismiss?: boolean;
-    labelFontFamily?: string;
-    allClearLabels?: {
-        all: string;
-        clear: string;
-    };
-}
-declare function SectionedDropdown({ id, host, icon, accessibilityLabel, sections, accentColor, mutedColor, onAccentColor, dark, align: alignOverride, autoDismiss, labelFontFamily, allClearLabels }: Props$3): react.JSX.Element;
+declare function ReadyButton({ color, ready, onToggleReady, style, labelFontFamily }: Props$3): react.JSX.Element;
 
 interface Props$2 {
     onBack: () => void;
@@ -262,4 +311,4 @@ interface TriggerGaugeProps {
 
 declare function TriggerGaugeHost(props: TriggerGaugeProps): react.JSX.Element;
 
-export { AchievementRow, BaseSettingsDialog, type BaseSettingsDialogProps, BaseStatsScreen, ContentGutter, CornerActionButtons, InlineColorPicker, LABELED_DROPDOWN_POPOVER_WIDTH, LOCKED_BADGE_COLOR, LabeledDropdown, type LabeledDropdownOption, MONO_FONT, type MenuOption, type MenuSection, type MultiSelectSection, type PopoverAlign, PopoverBody, type PopoverHost, type PopoverVerticalAlign, PressAwayOverlay, ReadyButton, SectionedDropdown, SharedActionBand, type SingleSelectSection, StatRow, StatSection, TriggerGaugeHost, type TriggerGaugeProps, getLabeledDropdownContentHeight, loadSkiaWeb, useAutoAlign, usePopoverHost };
+export { AchievementRow, BaseSettingsDialog, type BaseSettingsDialogProps, BaseStatsScreen, ConfirmDialog, type ConfirmDialogProps, ContentGutter, ControlSchemePicker, type ControlSchemePickerProps, CornerActionButtons, type CornerStatusBadgeSeat, CornerStatusBadges, type CornerStatusBadgesProps, InlineColorPicker, LABELED_DROPDOWN_POPOVER_WIDTH, LOCKED_BADGE_COLOR, LabeledDropdown, type LabeledDropdownOption, MONO_FONT, type MenuOption, type MenuSection, type MultiSelectSection, type OrientationMode, type PopoverAlign, PopoverBody, type PopoverHost, type PopoverRotation, type PopoverVerticalAlign, PressAwayOverlay, ReadyButton, SectionedDropdown, SharedActionBand, type SingleSelectSection, StatRow, StatSection, TriggerGaugeHost, type TriggerGaugeProps, getLabeledDropdownContentHeight, loadSkiaWeb, useAutoAlign, usePopoverHost };