@tastic/hud 0.21.0 → 0.23.0

package/dist/index.d.mts

@@ -1,12 +1,13 @@
-export { AchievementCatalogSection, AchievementRow, ActivityStatSection, BaseSettingsDialog, BaseSettingsDialogProps, BaseStatsScreen, COMPACT_DIALOG_HEIGHT, ConfirmDialog, ConfirmDialogProps, ContentGutter, CornerActionButtons, DialogHeader, DialogHeaderProps, LOCKED_BADGE_COLOR, MONO_FONT, OverlayBackdrop, OverlayBackdropProps, OverlayCard, OverlayCardProps, OverlayCardThemeColors, RotatedFrame, RotatedFrameProps, StaggeredWord, StaggeredWordProps, StatRow, StatSection, UpdateDialog, UpdateDialogProps, getStaggeredWordDuration, isCompactDialogHeight, overlayActionStyles, overlayStyles, useCompactDialog, useOverlayCardColors } from './chrome/index.mjs';
+import { PopoverHost, AlignResult, PopoverRotation, useAutoAlign } from './chrome/index.mjs';
+export { AchievementCatalogSection, AchievementRow, ActivityStatSection, BaseSettingsDialog, BaseSettingsDialogProps, BaseStatsScreen, COMPACT_DIALOG_HEIGHT, ConfirmDialog, ConfirmDialogProps, ContentGutter, CornerActionButtons, DialogHeader, DialogHeaderProps, InlineColorPicker, LOCKED_BADGE_COLOR, MONO_FONT, OverlayBackdrop, OverlayBackdropProps, OverlayCard, OverlayCardProps, OverlayCardThemeColors, PopoverAlign, PopoverBody, PopoverVerticalAlign, PressAwayOverlay, RotatedFrame, RotatedFrameProps, StaggeredWord, StaggeredWordProps, StatRow, StatSection, UpdateDialog, UpdateDialogProps, WELL_SHADOW, WellColors, getInlineColorPickerContentSize, getStaggeredWordDuration, isCompactDialogHeight, overlayActionStyles, overlayStyles, useCompactDialog, useOverlayCardColors, usePopoverHost, useWellColors } from './chrome/index.mjs';
 import * as react from 'react';
-import { RefObject, ReactNode } from 'react';
+import { ReactNode } from 'react';
 import { AchievementTier } from '@tastic/achievements';
 import { Profile } from '@tastic/profile';
-import { ViewStyle, View, StyleProp } from 'react-native';
-import { ViewRotation } from '@tastic/core';
+import { ViewStyle, StyleProp } from 'react-native';
 import { SeedColor } from '@rific/auto-paper';
 export { SkiaGate, SkiaGateProps } from './SkiaGate.mjs';
+import '@tastic/core';
 
 interface UnlockedAchievement {
     id: string;
@@ -18,7 +19,7 @@ interface AchievementUnlockOwner {
     profile?: Profile | null;
     color: string;
 }
-interface Props$7<Seat extends number> {
+interface Props$4<Seat extends number> {
     unlocks: Partial<Record<Seat, UnlockedAchievement[]>>;
     seats: readonly Seat[];
     owners: Record<Seat, AchievementUnlockOwner>;
@@ -26,32 +27,7 @@ interface Props$7<Seat extends number> {
     fg?: string;
     style?: ViewStyle;
 }
-declare function AchievementUnlockList<Seat extends number>({ unlocks, seats, owners, tierColors, fg: fgOverride, style }: Props$7<Seat>): react.JSX.Element | null;
-
-type PopoverAlign = 'left' | 'right' | 'center';
-type PopoverVerticalAlign = 'below' | 'above';
-type PopoverRotation = ViewRotation;
-interface AlignResult {
-    align: PopoverAlign;
-    verticalAlign: PopoverVerticalAlign;
-    maxHeight: number;
-    measured: boolean;
-    triggerRef: RefObject<View | null>;
-}
-declare function useAutoAlign(open: boolean, contentWidth: number, contentHeight: number, rotation?: PopoverRotation): {
-    align: PopoverAlign;
-    maxHeight: number;
-    measured: boolean;
-    triggerRef: RefObject<View | null>;
-    verticalAlign: PopoverVerticalAlign;
-};
-
-interface PopoverHost {
-    openId: string | null;
-    toggle: (id: string) => void;
-    close: () => void;
-}
-declare function usePopoverHost(): PopoverHost;
+declare function AchievementUnlockList<Seat extends number>({ unlocks, seats, owners, tierColors, fg: fgOverride, style }: Props$4<Seat>): react.JSX.Element | null;
 
 interface MenuOption<T extends string | number> {
     value: T;
@@ -77,7 +53,7 @@ interface MultiSelectSection<T extends string | number> {
     allClear?: boolean;
 }
 type MenuSection = SingleSelectSection<any> | MultiSelectSection<any>;
-interface Props$6 {
+interface Props$3 {
     id: string;
     host: PopoverHost;
     icon: string;
@@ -97,7 +73,7 @@ interface Props$6 {
         clear: string;
     };
 }
-declare function SectionedDropdown({ id, host, icon, accessibilityLabel, sections, accentColor, mutedColor, onAccentColor, dark, align: forcedAlign, alignOverride, rotation: rotationOverride, autoDismiss, labelFontFamily, allClearLabels }: Props$6): react.JSX.Element;
+declare function SectionedDropdown({ id, host, icon, accessibilityLabel, sections, accentColor, mutedColor, onAccentColor, dark, align: forcedAlign, alignOverride, rotation: rotationOverride, autoDismiss, labelFontFamily, allClearLabels }: Props$3): react.JSX.Element;
 
 interface ControlSchemePickerProps<T extends string | number> {
     id: string;
@@ -129,32 +105,6 @@ interface CornerStatusBadgesProps {
 }
 declare function CornerStatusBadges({ orientationMode, p1OnRight, p1, p2 }: CornerStatusBadgesProps): react.JSX.Element;
 
-declare function getInlineColorPickerContentSize(swatchCount: number, windowWidth: number, columns?: number): {
-    width: number;
-    height: number;
-};
-interface Props$5 {
-    id: string;
-    host: PopoverHost;
-    value: string;
-    onChange: (hex: string) => void;
-    previewValue?: (hex: string) => string;
-    swatches?: SeedColor[];
-    takenValue?: string;
-    allowSwapTaken?: boolean;
-    dark: boolean;
-    align?: 'left' | 'right' | 'center';
-    alignOverride?: AlignResult;
-    rotation?: PopoverRotation;
-    icon?: string;
-    tag?: string;
-    labelFontFamily?: string;
-    autoDismiss?: boolean;
-    columns?: number;
-    size?: number;
-}
-declare function InlineColorPicker({ id, host, value, onChange, previewValue, swatches, takenValue, allowSwapTaken, dark, align: forcedAlign, alignOverride, rotation: rotationOverride, icon, tag, labelFontFamily, autoDismiss, columns, size }: Props$5): react.JSX.Element;
-
 declare const LABELED_DROPDOWN_POPOVER_WIDTH = 180;
 declare function getLabeledDropdownContentHeight(optionCount: number): number;
 interface LabeledDropdownOption<T extends string> {
@@ -162,7 +112,7 @@ interface LabeledDropdownOption<T extends string> {
     label: string;
     icon?: string;
 }
-interface Props$4<T extends string> {
+interface Props$2<T extends string> {
     id: string;
     host: PopoverHost;
     options: LabeledDropdownOption<T>[];
@@ -173,7 +123,7 @@ interface Props$4<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$4<T>): react.JSX.Element;
+declare function LabeledDropdown<T extends string>({ id, host, options, value, onChange, color, dark, align: forcedAlign, alignOverride }: Props$2<T>): react.JSX.Element;
 
 declare function loadSkiaWeb(): Promise<void>;
 
@@ -215,25 +165,6 @@ interface PlayerSetupPanelProps<C extends string = string> {
 }
 declare function PlayerSetupPanel<C extends string = string>({ idPrefix, host, label, labelFontFamily, color, onColorChange, swatches, takenColor, allowSwapTaken, colorCaption, showColor, colorAlignOverride, colorRotation, isHuman, secondPicker, secondPickerId, ready, onToggleReady, dark, showReadyButton, profiles, selectedProfileId, takenProfileId, guestLabel, onProfileSelect, onManageProfiles, cpuDifficulty, cpuDifficultyOptions, onCpuDifficultyChange, humanIcon, cpuIcon }: PlayerSetupPanelProps<C>): react.JSX.Element;
 
-interface Props$3 {
-    visible: boolean;
-    children: ReactNode;
-    align?: 'left' | 'right' | 'center';
-    verticalAlign?: 'below' | 'above';
-    caretColor?: string;
-    caretBorderColor?: string;
-    caretBorderWidth?: number;
-    triggerSize?: number;
-}
-declare function PopoverBody({ visible, children, align, verticalAlign, caretColor, caretBorderColor, caretBorderWidth, triggerSize }: Props$3): react.JSX.Element | null;
-
-interface Props$2 {
-    active: boolean;
-    onPress: () => void;
-    style?: StyleProp<ViewStyle>;
-}
-declare function PressAwayOverlay({ active, onPress, style }: Props$2): react.JSX.Element | null;
-
 interface Props$1 {
     color: string;
     ready: boolean;
@@ -279,4 +210,4 @@ declare function useQuitConfirmation(hasProgress: () => boolean, onConfirmedBack
 
 declare function useZoneClampedAlign(open: boolean, contentWidth: number, contentHeight: number, rotation?: PopoverRotation): ReturnType<typeof useAutoAlign>;
 
-export { AchievementUnlockList, type AchievementUnlockOwner, type AlignResult, ControlSchemePicker, type ControlSchemePickerProps, type CornerStatusBadgeSeat, CornerStatusBadges, type CornerStatusBadgesProps, InlineColorPicker, LABELED_DROPDOWN_POPOVER_WIDTH, LabeledDropdown, type LabeledDropdownOption, type MenuOption, type MenuSection, type MultiSelectSection, type OrientationMode, PlayerSetupPanel, type PlayerSetupPanelProps, type PopoverAlign, PopoverBody, type PopoverHost, type PopoverRotation, type PopoverVerticalAlign, PressAwayOverlay, type QuitConfirmation, ReadyButton, SectionedDropdown, SharedActionBand, type SingleSelectSection, TriggerGaugeHost, type TriggerGaugeProps, type UnlockedAchievement, getColorPopoverId, getCpuDifficultyPopoverId, getInlineColorPickerContentSize, getLabeledDropdownContentHeight, getProfilePopoverId, loadSkiaWeb, useAutoAlign, usePopoverHost, useQuitConfirmation, useZoneClampedAlign };
+export { AchievementUnlockList, type AchievementUnlockOwner, AlignResult, ControlSchemePicker, type ControlSchemePickerProps, type CornerStatusBadgeSeat, CornerStatusBadges, type CornerStatusBadgesProps, LABELED_DROPDOWN_POPOVER_WIDTH, LabeledDropdown, type LabeledDropdownOption, type MenuOption, type MenuSection, type MultiSelectSection, type OrientationMode, PlayerSetupPanel, type PlayerSetupPanelProps, PopoverHost, PopoverRotation, type QuitConfirmation, ReadyButton, SectionedDropdown, SharedActionBand, type SingleSelectSection, TriggerGaugeHost, type TriggerGaugeProps, type UnlockedAchievement, getColorPopoverId, getCpuDifficultyPopoverId, getLabeledDropdownContentHeight, getProfilePopoverId, loadSkiaWeb, useAutoAlign, useQuitConfirmation, useZoneClampedAlign };

package/dist/index.d.ts

@@ -1,12 +1,13 @@
-export { AchievementCatalogSection, AchievementRow, ActivityStatSection, BaseSettingsDialog, BaseSettingsDialogProps, BaseStatsScreen, COMPACT_DIALOG_HEIGHT, ConfirmDialog, ConfirmDialogProps, ContentGutter, CornerActionButtons, DialogHeader, DialogHeaderProps, LOCKED_BADGE_COLOR, MONO_FONT, OverlayBackdrop, OverlayBackdropProps, OverlayCard, OverlayCardProps, OverlayCardThemeColors, RotatedFrame, RotatedFrameProps, StaggeredWord, StaggeredWordProps, StatRow, StatSection, UpdateDialog, UpdateDialogProps, getStaggeredWordDuration, isCompactDialogHeight, overlayActionStyles, overlayStyles, useCompactDialog, useOverlayCardColors } from './chrome/index.js';
+import { PopoverHost, AlignResult, PopoverRotation, useAutoAlign } from './chrome/index.js';
+export { AchievementCatalogSection, AchievementRow, ActivityStatSection, BaseSettingsDialog, BaseSettingsDialogProps, BaseStatsScreen, COMPACT_DIALOG_HEIGHT, ConfirmDialog, ConfirmDialogProps, ContentGutter, CornerActionButtons, DialogHeader, DialogHeaderProps, InlineColorPicker, LOCKED_BADGE_COLOR, MONO_FONT, OverlayBackdrop, OverlayBackdropProps, OverlayCard, OverlayCardProps, OverlayCardThemeColors, PopoverAlign, PopoverBody, PopoverVerticalAlign, PressAwayOverlay, RotatedFrame, RotatedFrameProps, StaggeredWord, StaggeredWordProps, StatRow, StatSection, UpdateDialog, UpdateDialogProps, WELL_SHADOW, WellColors, getInlineColorPickerContentSize, getStaggeredWordDuration, isCompactDialogHeight, overlayActionStyles, overlayStyles, useCompactDialog, useOverlayCardColors, usePopoverHost, useWellColors } from './chrome/index.js';
 import * as react from 'react';
-import { RefObject, ReactNode } from 'react';
+import { ReactNode } from 'react';
 import { AchievementTier } from '@tastic/achievements';
 import { Profile } from '@tastic/profile';
-import { ViewStyle, View, StyleProp } from 'react-native';
-import { ViewRotation } from '@tastic/core';
+import { ViewStyle, StyleProp } from 'react-native';
 import { SeedColor } from '@rific/auto-paper';
 export { SkiaGate, SkiaGateProps } from './SkiaGate.js';
+import '@tastic/core';
 
 interface UnlockedAchievement {
     id: string;
@@ -18,7 +19,7 @@ interface AchievementUnlockOwner {
     profile?: Profile | null;
     color: string;
 }
-interface Props$7<Seat extends number> {
+interface Props$4<Seat extends number> {
     unlocks: Partial<Record<Seat, UnlockedAchievement[]>>;
     seats: readonly Seat[];
     owners: Record<Seat, AchievementUnlockOwner>;
@@ -26,32 +27,7 @@ interface Props$7<Seat extends number> {
     fg?: string;
     style?: ViewStyle;
 }
-declare function AchievementUnlockList<Seat extends number>({ unlocks, seats, owners, tierColors, fg: fgOverride, style }: Props$7<Seat>): react.JSX.Element | null;
-
-type PopoverAlign = 'left' | 'right' | 'center';
-type PopoverVerticalAlign = 'below' | 'above';
-type PopoverRotation = ViewRotation;
-interface AlignResult {
-    align: PopoverAlign;
-    verticalAlign: PopoverVerticalAlign;
-    maxHeight: number;
-    measured: boolean;
-    triggerRef: RefObject<View | null>;
-}
-declare function useAutoAlign(open: boolean, contentWidth: number, contentHeight: number, rotation?: PopoverRotation): {
-    align: PopoverAlign;
-    maxHeight: number;
-    measured: boolean;
-    triggerRef: RefObject<View | null>;
-    verticalAlign: PopoverVerticalAlign;
-};
-
-interface PopoverHost {
-    openId: string | null;
-    toggle: (id: string) => void;
-    close: () => void;
-}
-declare function usePopoverHost(): PopoverHost;
+declare function AchievementUnlockList<Seat extends number>({ unlocks, seats, owners, tierColors, fg: fgOverride, style }: Props$4<Seat>): react.JSX.Element | null;
 
 interface MenuOption<T extends string | number> {
     value: T;
@@ -77,7 +53,7 @@ interface MultiSelectSection<T extends string | number> {
     allClear?: boolean;
 }
 type MenuSection = SingleSelectSection<any> | MultiSelectSection<any>;
-interface Props$6 {
+interface Props$3 {
     id: string;
     host: PopoverHost;
     icon: string;
@@ -97,7 +73,7 @@ interface Props$6 {
         clear: string;
     };
 }
-declare function SectionedDropdown({ id, host, icon, accessibilityLabel, sections, accentColor, mutedColor, onAccentColor, dark, align: forcedAlign, alignOverride, rotation: rotationOverride, autoDismiss, labelFontFamily, allClearLabels }: Props$6): react.JSX.Element;
+declare function SectionedDropdown({ id, host, icon, accessibilityLabel, sections, accentColor, mutedColor, onAccentColor, dark, align: forcedAlign, alignOverride, rotation: rotationOverride, autoDismiss, labelFontFamily, allClearLabels }: Props$3): react.JSX.Element;
 
 interface ControlSchemePickerProps<T extends string | number> {
     id: string;
@@ -129,32 +105,6 @@ interface CornerStatusBadgesProps {
 }
 declare function CornerStatusBadges({ orientationMode, p1OnRight, p1, p2 }: CornerStatusBadgesProps): react.JSX.Element;
 
-declare function getInlineColorPickerContentSize(swatchCount: number, windowWidth: number, columns?: number): {
-    width: number;
-    height: number;
-};
-interface Props$5 {
-    id: string;
-    host: PopoverHost;
-    value: string;
-    onChange: (hex: string) => void;
-    previewValue?: (hex: string) => string;
-    swatches?: SeedColor[];
-    takenValue?: string;
-    allowSwapTaken?: boolean;
-    dark: boolean;
-    align?: 'left' | 'right' | 'center';
-    alignOverride?: AlignResult;
-    rotation?: PopoverRotation;
-    icon?: string;
-    tag?: string;
-    labelFontFamily?: string;
-    autoDismiss?: boolean;
-    columns?: number;
-    size?: number;
-}
-declare function InlineColorPicker({ id, host, value, onChange, previewValue, swatches, takenValue, allowSwapTaken, dark, align: forcedAlign, alignOverride, rotation: rotationOverride, icon, tag, labelFontFamily, autoDismiss, columns, size }: Props$5): react.JSX.Element;
-
 declare const LABELED_DROPDOWN_POPOVER_WIDTH = 180;
 declare function getLabeledDropdownContentHeight(optionCount: number): number;
 interface LabeledDropdownOption<T extends string> {
@@ -162,7 +112,7 @@ interface LabeledDropdownOption<T extends string> {
     label: string;
     icon?: string;
 }
-interface Props$4<T extends string> {
+interface Props$2<T extends string> {
     id: string;
     host: PopoverHost;
     options: LabeledDropdownOption<T>[];
@@ -173,7 +123,7 @@ interface Props$4<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$4<T>): react.JSX.Element;
+declare function LabeledDropdown<T extends string>({ id, host, options, value, onChange, color, dark, align: forcedAlign, alignOverride }: Props$2<T>): react.JSX.Element;
 
 declare function loadSkiaWeb(): Promise<void>;
 
@@ -215,25 +165,6 @@ interface PlayerSetupPanelProps<C extends string = string> {
 }
 declare function PlayerSetupPanel<C extends string = string>({ idPrefix, host, label, labelFontFamily, color, onColorChange, swatches, takenColor, allowSwapTaken, colorCaption, showColor, colorAlignOverride, colorRotation, isHuman, secondPicker, secondPickerId, ready, onToggleReady, dark, showReadyButton, profiles, selectedProfileId, takenProfileId, guestLabel, onProfileSelect, onManageProfiles, cpuDifficulty, cpuDifficultyOptions, onCpuDifficultyChange, humanIcon, cpuIcon }: PlayerSetupPanelProps<C>): react.JSX.Element;
 
-interface Props$3 {
-    visible: boolean;
-    children: ReactNode;
-    align?: 'left' | 'right' | 'center';
-    verticalAlign?: 'below' | 'above';
-    caretColor?: string;
-    caretBorderColor?: string;
-    caretBorderWidth?: number;
-    triggerSize?: number;
-}
-declare function PopoverBody({ visible, children, align, verticalAlign, caretColor, caretBorderColor, caretBorderWidth, triggerSize }: Props$3): react.JSX.Element | null;
-
-interface Props$2 {
-    active: boolean;
-    onPress: () => void;
-    style?: StyleProp<ViewStyle>;
-}
-declare function PressAwayOverlay({ active, onPress, style }: Props$2): react.JSX.Element | null;
-
 interface Props$1 {
     color: string;
     ready: boolean;
@@ -279,4 +210,4 @@ declare function useQuitConfirmation(hasProgress: () => boolean, onConfirmedBack
 
 declare function useZoneClampedAlign(open: boolean, contentWidth: number, contentHeight: number, rotation?: PopoverRotation): ReturnType<typeof useAutoAlign>;
 
-export { AchievementUnlockList, type AchievementUnlockOwner, type AlignResult, ControlSchemePicker, type ControlSchemePickerProps, type CornerStatusBadgeSeat, CornerStatusBadges, type CornerStatusBadgesProps, InlineColorPicker, LABELED_DROPDOWN_POPOVER_WIDTH, LabeledDropdown, type LabeledDropdownOption, type MenuOption, type MenuSection, type MultiSelectSection, type OrientationMode, PlayerSetupPanel, type PlayerSetupPanelProps, type PopoverAlign, PopoverBody, type PopoverHost, type PopoverRotation, type PopoverVerticalAlign, PressAwayOverlay, type QuitConfirmation, ReadyButton, SectionedDropdown, SharedActionBand, type SingleSelectSection, TriggerGaugeHost, type TriggerGaugeProps, type UnlockedAchievement, getColorPopoverId, getCpuDifficultyPopoverId, getInlineColorPickerContentSize, getLabeledDropdownContentHeight, getProfilePopoverId, loadSkiaWeb, useAutoAlign, usePopoverHost, useQuitConfirmation, useZoneClampedAlign };
+export { AchievementUnlockList, type AchievementUnlockOwner, AlignResult, ControlSchemePicker, type ControlSchemePickerProps, type CornerStatusBadgeSeat, CornerStatusBadges, type CornerStatusBadgesProps, LABELED_DROPDOWN_POPOVER_WIDTH, LabeledDropdown, type LabeledDropdownOption, type MenuOption, type MenuSection, type MultiSelectSection, type OrientationMode, PlayerSetupPanel, type PlayerSetupPanelProps, PopoverHost, PopoverRotation, type QuitConfirmation, ReadyButton, SectionedDropdown, SharedActionBand, type SingleSelectSection, TriggerGaugeHost, type TriggerGaugeProps, type UnlockedAchievement, getColorPopoverId, getCpuDifficultyPopoverId, getLabeledDropdownContentHeight, getProfilePopoverId, loadSkiaWeb, useAutoAlign, useQuitConfirmation, useZoneClampedAlign };