@rpg-engine/long-bow 0.8.194 → 0.8.196

package/dist/components/itemSelector/GemSelector.d.ts

@@ -0,0 +1,11 @@
+import { IGemSchema, IItem } from '@rpg-engine/shared';
+import React from 'react';
+export interface IGemSelectorProps {
+    atlasJSON: any;
+    atlasIMG: any;
+    item: IItem;
+    scale?: number;
+    onClose: () => void;
+    onSelect: (selectedGems: IGemSchema[]) => void;
+}
+export declare const GemSelector: React.FC<IGemSelectorProps>;

package/dist/components/itemSelector/ItemSelector.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+export interface IOptionsItemSelectorProps {
+    name: string;
+    description?: string;
+    imageKey: string;
+}
+export interface IItemSelectorProps {
+    atlasJSON: any;
+    atlasIMG: any;
+    options: IOptionsItemSelectorProps[];
+    onClose: () => void;
+    onSelect: (value: string) => void;
+}
+export declare const ItemSelector: React.FC<IItemSelectorProps>;

package/dist/components/shared/AdvancedFilters/AdvancedFilters.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+export interface IFilterOption {
+    id: number;
+    value: string;
+    option: string;
+}
+export interface IFilterSection {
+    type: 'range' | 'dropdown';
+    label: string;
+    key: string;
+    options?: IFilterOption[];
+    value?: string | [number | undefined, number | undefined];
+    onChange: (value: any) => void;
+}
+interface IAdvancedFiltersProps {
+    isOpen: boolean;
+    onToggle: () => void;
+    sections: IFilterSection[];
+    onClearAll: () => void;
+    hasActiveFilters: boolean;
+    onClose?: () => void;
+}
+export declare const AdvancedFilters: React.FC<IAdvancedFiltersProps>;
+export {};

package/dist/components/shared/BaseTooltip.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+interface IBaseTooltipProps {
+    children: React.ReactNode;
+    width?: string;
+}
+export declare const TooltipTitle: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Section: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const SectionTitle: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StatsContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StatItem: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const BaseTooltip: React.FC<IBaseTooltipProps>;
+export default BaseTooltip;

package/dist/components/shared/CTAButton/CTAButton.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+interface ICTAButtonProps {
+    icon: React.ReactNode;
+    label?: React.ReactNode;
+    onClick?: (e: React.MouseEvent) => void;
+    className?: string;
+    fullWidth?: boolean;
+    textColor?: string;
+    iconColor?: string;
+    disabled?: boolean;
+    pulse?: boolean;
+}
+export declare const CTAButton: React.FC<ICTAButtonProps>;
+export {};

package/dist/components/shared/Card/Card.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+export interface ICardProps {
+    title: string;
+    description: string;
+    imageUrl?: string | {
+        src: string;
+        default?: string;
+    };
+    category?: string;
+    onClick?: () => void;
+    footer?: React.ReactNode;
+    className?: string;
+}
+export declare const ShoppingCard: React.FC<ICardProps>;

package/dist/components/shared/Collapsible/Collapsible.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+interface ICollapsibleProps {
+    title: string;
+    children: React.ReactNode;
+    defaultOpen?: boolean;
+    className?: string;
+}
+export declare const Collapsible: React.FC<ICollapsibleProps>;
+export {};

package/dist/components/shared/Column.d.ts

@@ -0,0 +1,8 @@
+interface IColumn {
+    flex?: number;
+    alignItems?: string;
+    justifyContent?: string;
+    flexWrap?: string;
+}
+export declare const Column: import("styled-components").StyledComponent<"div", any, IColumn, never>;
+export {};

package/dist/components/shared/CustomScrollbar.d.ts

@@ -0,0 +1,9 @@
+/**
+ * A reusable CSS mixin for a sleek, thin, 4px webkit scrollbar.
+ * Drops the thick native OS scrollbar arrows and housing.
+ */
+export declare const customScrollbarCSS: import("styled-components").FlattenSimpleInterpolation;
+/**
+ * A basic div wrapper that applies the custom scrollbar style and guarantees overflow-y.
+ */
+export declare const CustomScrollbarContainer: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/components/shared/DCRateStrip.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const DCRateStrip: React.FC;

package/dist/components/shared/Divider/Divider.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+interface IDividerProps {
+    className?: string;
+    margin?: string;
+}
+export declare const Divider: React.FC<IDividerProps>;
+export {};

package/dist/components/shared/Ellipsis.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+interface IProps {
+    children: React.ReactNode;
+    maxLines?: 1 | 2 | 3 | 4 | 5;
+    maxWidth: string;
+    fontSize?: string;
+    center?: boolean;
+}
+export declare const Ellipsis: ({ children, maxLines, maxWidth, fontSize, center, }: IProps) => JSX.Element;
+export {};

package/dist/components/shared/ItemRowWrapper.d.ts

@@ -0,0 +1,3 @@
+export declare const ItemRowWrapper: import("styled-components").StyledComponent<"div", any, {
+    $isHighlighted?: boolean | undefined;
+}, never>;

package/dist/components/shared/LabelPill/LabelPill.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export interface ILabelPillProps {
+    children: React.ReactNode;
+    background?: string;
+    borderColor?: string;
+    color?: string;
+    className?: string;
+}
+export declare const LabelPill: React.FC<ILabelPillProps>;

package/dist/components/shared/LabelPill/index.d.ts

@@ -0,0 +1 @@
+export * from './LabelPill';

package/dist/components/shared/PaginatedContent/PaginatedContent.d.ts

@@ -0,0 +1,27 @@
+import React from 'react';
+import { IOptionsProps } from '../../Dropdown';
+interface IPaginatedContentProps<T> {
+    items: T[];
+    itemsPerPage?: number;
+    renderItem: (item: T) => React.ReactNode;
+    emptyMessage?: string;
+    className?: string;
+    filterOptions?: {
+        options: IOptionsProps[];
+        selectedOption: string;
+        onOptionChange: (value: string) => void;
+    };
+    searchOptions?: {
+        value: string;
+        onChange: (value: string) => void;
+        placeholder?: string;
+        rightElement?: React.ReactNode;
+    };
+    dependencies?: any[];
+    tabId?: string;
+    layout?: 'grid' | 'list';
+    gridColumns?: number;
+    itemHeight?: string;
+}
+export declare const PaginatedContent: <T extends unknown>({ items, itemsPerPage, renderItem, emptyMessage, className, filterOptions, searchOptions, dependencies, tabId, layout, gridColumns, itemHeight, }: IPaginatedContentProps<T>) => React.ReactElement;
+export {};

package/dist/components/shared/Pagination/Pagination.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+interface PaginationProps {
+    currentPage: number;
+    totalPages: number;
+    onPageChange: (page: number) => void;
+    className?: string;
+}
+export declare const Pagination: React.FC<PaginationProps>;
+export {};

package/dist/components/shared/Portal/Portal.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+interface IPortalProps {
+    children: React.ReactNode;
+}
+export declare const Portal: React.FC<IPortalProps>;
+export {};

package/dist/components/shared/RadioOption.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+export interface IRadioOptionProps {
+    selected: boolean;
+    disabled?: boolean;
+    onSelect: () => void;
+    children: React.ReactNode;
+}
+/**
+ * A selectable row with an amber radio circle indicator.
+ * Used for single-select option lists throughout the Marketplace UI.
+ * Export `RadioCircle` separately so consumers can compose custom layouts.
+ */
+export declare const RadioOption: React.FC<IRadioOptionProps>;
+export declare const RadioCircle: import("styled-components").StyledComponent<"div", any, {
+    $selected: boolean;
+}, never>;
+/** Convenience wrapper for option label text with RPGUI font override. */
+export declare const RadioOptionLabel: import("styled-components").StyledComponent<"span", any, {
+    $disabled?: boolean | undefined;
+}, never>;
+/** Convenience wrapper for option sub-text with RPGUI font override. */
+export declare const RadioOptionSub: import("styled-components").StyledComponent<"span", any, {}, never>;

package/dist/components/shared/ScalableContainer.d.ts

@@ -0,0 +1,7 @@
+interface IScalableContainerProps {
+    scale?: number;
+    centralize?: boolean;
+    breakPoint?: string;
+}
+export declare const ScalableContainer: import("styled-components").StyledComponent<"div", any, IScalableContainerProps, never>;
+export {};

package/dist/components/shared/ScrollableContent/ScrollableContent.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+import { IOptionsProps } from '../../Dropdown';
+interface IScrollableContentProps<T> {
+    items: T[];
+    renderItem: (item: T) => React.ReactNode;
+    emptyMessage?: string;
+    className?: string;
+    filterOptions?: {
+        options: IOptionsProps[];
+        selectedOption: string;
+        onOptionChange: (value: string) => void;
+    };
+    searchOptions?: {
+        value: string;
+        onChange: (value: string) => void;
+        placeholder?: string;
+    };
+    layout?: 'grid' | 'list';
+    gridColumns?: number;
+    maxHeight?: string;
+}
+export declare const ScrollableContent: <T extends unknown>({ items, renderItem, emptyMessage, className, filterOptions, searchOptions, layout, gridColumns, maxHeight, }: IScrollableContentProps<T>) => React.ReactElement;
+export {};

package/dist/components/shared/SearchBar/SearchBar.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+interface ISearchBarProps {
+    value: string;
+    onChange: (value: string) => void;
+    placeholder?: string;
+    className?: string;
+    rightElement?: React.ReactNode;
+}
+export declare const SearchBar: React.FC<ISearchBarProps>;
+export {};

package/dist/components/shared/SearchHeader/SearchHeader.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import { IOptionsProps } from '../../Dropdown';
+interface ISearchHeaderProps {
+    searchOptions?: {
+        value: string;
+        onChange: (value: string) => void;
+        placeholder?: string;
+        rightElement?: React.ReactNode;
+    };
+    filterOptions?: {
+        options: IOptionsProps[];
+        selectedOption: string;
+        onOptionChange: (value: string) => void;
+    };
+    className?: string;
+}
+export declare const SearchHeader: React.FC<ISearchHeaderProps>;
+export {};

package/dist/components/shared/SegmentedToggle/SegmentedToggle.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+export interface ISegmentedToggleOption {
+    id: string;
+    label: React.ReactNode;
+}
+export interface ISegmentedToggleProps {
+    options: ISegmentedToggleOption[];
+    activeId: string;
+    onChange: (id: string) => void;
+    className?: string;
+}
+export declare const SegmentedToggle: React.FC<ISegmentedToggleProps>;

package/dist/components/shared/SegmentedToggle/index.d.ts

@@ -0,0 +1 @@
+export * from './SegmentedToggle';

package/dist/components/shared/ShoppingCart/CartCard.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+export interface ICardProps {
+    title: string;
+    description: string;
+    imageUrl?: string | {
+        src: string;
+        default?: string;
+    };
+    category?: string;
+    onClick?: () => void;
+    footer?: React.ReactNode;
+    className?: string;
+}
+export declare const ShoppingCard: React.FC<ICardProps>;

package/dist/components/shared/ShoppingCart/CartCardHorizontal.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+export interface ICardProps {
+    title: string;
+    description: string;
+    imageUrl?: string | {
+        src: string;
+        default?: string;
+    };
+    onClick?: () => void;
+    footer?: React.ReactNode;
+    className?: string;
+}
+export declare const ShoppingCardHorizontal: React.FC<ICardProps>;

package/dist/components/shared/SimpleTooltip.d.ts

@@ -0,0 +1,12 @@
+import React, { ReactNode } from 'react';
+interface TooltipProps {
+    content: string | ReactNode;
+    direction?: 'top' | 'bottom' | 'left' | 'right';
+    backgroundColor?: string;
+    textColor?: string;
+    children: ReactNode;
+    showDelay?: number;
+    hideDelay?: number;
+}
+export declare const SimpleTooltip: React.FC<TooltipProps>;
+export {};

package/dist/components/shared/SpriteFromAtlas.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+interface IProps {
+    atlasJSON: any;
+    atlasIMG: any;
+    spriteKey: string;
+    width?: number;
+    height?: number;
+    grayScale?: boolean;
+    opacity?: number;
+    tintColor?: string;
+    onPointerDown?: () => void;
+    containerStyle?: any;
+    imgStyle?: any;
+    imgScale?: number;
+    imgClassname?: string;
+    centered?: boolean;
+    borderRadius?: string;
+}
+export declare const SpriteFromAtlas: React.FC<IProps>;
+export {};

package/dist/components/shared/Tabs/Tabs.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+export interface ITabOption {
+    id: string;
+    label: React.ReactNode;
+    icon?: React.ReactNode;
+}
+export interface ITabsProps {
+    options: ITabOption[];
+    activeTabId: string;
+    onTabChange: (tabId: string) => void;
+    className?: string;
+}
+export declare const Tabs: React.FC<ITabsProps>;

package/dist/components/shared/Tabs/index.d.ts

@@ -0,0 +1 @@
+export * from './Tabs';

package/dist/components/typography/DynamicText.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface IProps {
+    text: string;
+    onFinish?: () => void;
+    onStart?: () => void;
+}
+export declare const DynamicText: React.FC<IProps>;
+export {};

package/dist/constants/skillInfoData.d.ts

@@ -0,0 +1,8 @@
+export interface ISkillInfoEntry {
+    name: string;
+    color: string;
+    description: string;
+    howToTrain: string;
+    notes?: string;
+}
+export declare const SKILL_INFO_DATA: Record<string, ISkillInfoEntry>;

package/dist/constants/uiBreakpoints.d.ts

@@ -0,0 +1,2 @@
+export declare const UI_BREAKPOINT_MOBILE = "950px";
+export declare const UI_BREAKPOINT_SMALL_LAPTOP = "1400px";

package/dist/constants/uiColors.d.ts

@@ -0,0 +1,22 @@
+export declare const uiColors: {
+    lightGray: string;
+    gray: string;
+    darkGray: string;
+    darkYellow: string;
+    yellow: string;
+    orange: string;
+    cardinal: string;
+    red: string;
+    darkRed: string;
+    raisinBlack: string;
+    navyBlue: string;
+    purple: string;
+    darkPurple: string;
+    blue: string;
+    darkBlue: string;
+    brown: string;
+    lightGreen: string;
+    green: string;
+    brownGreen: string;
+    white: string;
+};

package/dist/constants/uiDevices.d.ts

@@ -0,0 +1 @@
+export declare const IS_MOBILE_OR_TABLET: boolean;

package/dist/constants/uiFonts.d.ts

@@ -0,0 +1,12 @@
+export declare const uiFonts: {
+    size: {
+        xxsmall: string;
+        xsmall: string;
+        small: string;
+        medium: string;
+        large: string;
+        xLarge: string;
+        xxLarge: string;
+        xxxLarge: string;
+    };
+};

package/dist/hooks/useCharacterSkinNavigation.d.ts

@@ -0,0 +1,7 @@
+import { ICharacterProps } from '../components/Character/CharacterSelection';
+export declare const useCharacterSkinNavigation: (availableCharacters: ICharacterProps[], itemKey: string) => {
+    currentIndex: number;
+    currentCharacter: ICharacterProps;
+    handlePreviousSkin: () => void;
+    handleNextSkin: () => void;
+};

package/dist/hooks/useChat.d.ts

@@ -0,0 +1,19 @@
+import { PrivateChatCharacter } from '../components/ChatRevamp/types';
+interface IUseChat {
+    minimizedByDefault: boolean;
+    isPrivate: boolean;
+    onChangeTab: (tabId: string) => void;
+    onPreviousChatCharacterClick?: (character: PrivateChatCharacter) => void;
+    hideSearchCharacterUI?: () => void;
+    unseenMessageCharacterIds?: string[];
+}
+export declare const useChat: ({ minimizedByDefault, isPrivate, onChangeTab, onPreviousChatCharacterClick, hideSearchCharacterUI, unseenMessageCharacterIds, }: IUseChat) => {
+    showRecentChats: boolean;
+    isExpanded: boolean;
+    toggleExpand: () => void;
+    toggleRecentChats: () => void;
+    handleTabChange: (tabId: string) => void;
+    handlePreviousChatCharacterClick: (character: PrivateChatCharacter) => void;
+    hasUnseenMessages: boolean | undefined;
+};
+export {};

package/dist/hooks/useCursorPosition.d.ts

@@ -0,0 +1,6 @@
+import { IPosition } from '../types/eventTypes';
+interface ICursorPositionProps {
+    scale?: number;
+}
+export declare const useCursorPosition: ({ scale }: ICursorPositionProps) => IPosition;
+export {};

package/dist/hooks/useEventListener.d.ts

@@ -0,0 +1 @@
+export declare const useEventListener: (type: any, handler: any, el?: Window & typeof globalThis) => void;

package/dist/hooks/useLocalStorage.d.ts

@@ -0,0 +1 @@
+export declare function useLocalStorage<T>(key: string, initialValue: T): readonly [T, (value: T | ((val: T) => T)) => void];

package/dist/hooks/useOutsideAlerter.d.ts

@@ -0,0 +1 @@
+export declare function useOutsideClick(ref: any, id: string): void;

package/dist/hooks/usePackFiltering.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { IItemPack } from '@rpg-engine/shared';
+export declare const usePackFiltering: (packs: IItemPack[]) => {
+    searchQuery: string;
+    setSearchQuery: import("react").Dispatch<import("react").SetStateAction<string>>;
+    filteredPacks: IItemPack[];
+};

package/dist/hooks/useQuantityControl.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+export declare const useQuantityControl: (initialQuantity?: number, min?: number, max?: number) => {
+    quantity: number;
+    setQuantity: import("react").Dispatch<import("react").SetStateAction<number>>;
+    handleQuantityChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    handleBlur: () => void;
+    incrementQuantity: () => void;
+    decrementQuantity: () => void;
+    resetQuantity: () => void;
+};

package/dist/hooks/useScrollOnDrag.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+interface IUseScrollOnDragProps {
+    containerRef: React.RefObject<HTMLDivElement>;
+    threshold: number;
+    scrollStep: number;
+}
+export declare const useScrollOnDrag: ({ containerRef, threshold, scrollStep, }: IUseScrollOnDragProps) => {
+    startScrolling: (clientY: number) => void;
+    stopScrolling: () => void;
+};
+export {};

package/dist/hooks/useShortcuts.d.ts

@@ -0,0 +1,12 @@
+import { IItem, IShortcut } from '@rpg-engine/shared';
+interface IUseShortcuts {
+    itemContainer: {
+        slots: Record<number, IItem | null | undefined>;
+    };
+}
+export declare const useShortcuts: ({ itemContainer }: IUseShortcuts) => {
+    shortcuts: IShortcut[];
+    setItemShortcut: (key: string, index: number) => void;
+    removeShortcut: (index: number) => void;
+};
+export {};

package/dist/hooks/useStoreFiltering.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { IProductBlueprint, ItemType } from '@rpg-engine/shared';
+import { IOptionsProps } from '../components/Dropdown';
+export declare const useStoreFiltering: (items: IProductBlueprint[]) => {
+    searchQuery: string;
+    setSearchQuery: import("react").Dispatch<import("react").SetStateAction<string>>;
+    selectedCategory: ItemType | "all";
+    setSelectedCategory: import("react").Dispatch<import("react").SetStateAction<ItemType | "all">>;
+    categoryOptions: IOptionsProps[];
+    filteredItems: IProductBlueprint[];
+};

package/dist/hooks/useTapAndHold.d.ts

@@ -0,0 +1,10 @@
+interface ITapAndHoldProps {
+    onHoldFn: (...args: any[]) => void;
+    holdTime?: number;
+}
+export declare const useTapAndHold: ({ onHoldFn: onHold, holdTime }: ITapAndHoldProps) => {
+    onTouchStart: () => void;
+    onTouchEnd: () => void;
+    onTouchCancel: () => void;
+};
+export {};

package/dist/hooks/useTooltipPosition.d.ts

@@ -0,0 +1,15 @@
+interface ITooltipPosition {
+    x: number;
+    y: number;
+}
+interface ITooltipState<T> {
+    item: T | null;
+    position: ITooltipPosition;
+}
+export declare const useTooltipPosition: <T>() => {
+    tooltipState: ITooltipState<T> | null;
+    handleMouseEnter: (item: T, event: React.MouseEvent) => void;
+    handleMouseLeave: () => void;
+    TOOLTIP_WIDTH: number;
+};
+export {};

package/dist/hooks/useTouchTarget.d.ts

@@ -0,0 +1,5 @@
+interface IEventWithTarget {
+    target: EventTarget | null;
+}
+export declare function useTouchTarget(): (e: MouseEvent | TouchEvent | IEventWithTarget) => HTMLElement;
+export default useTouchTarget;