@rpg-engine/long-bow 0.8.191 → 0.8.193

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rpg-engine/long-bow",
-  "version": "0.8.191",
+  "version": "0.8.193",
   "license": "MIT",
   "main": "dist/index.js",
   "typings": "dist/index.d.ts",

package/src/components/SkillInfoOverlay.tsx

@@ -0,0 +1,100 @@
+import React from 'react';
+import styled from 'styled-components';
+import { ISkillInfoEntry } from '../constants/skillInfoData';
+
+interface IProps {
+  info: ISkillInfoEntry;
+  onClose: () => void;
+}
+
+export const SkillInfoOverlay: React.FC<IProps> = ({ info, onClose }) => (
+  <Overlay>
+    <Header>
+      <ColorBar $color={info.color} />
+      <Title $color={info.color}>{info.name}</Title>
+      <CloseBtn onPointerDown={onClose}>✕</CloseBtn>
+    </Header>
+    <Section>
+      <Label>What it does</Label>
+      <Text>{info.description}</Text>
+    </Section>
+    <Section>
+      <Label>How to train</Label>
+      <Text>{info.howToTrain}</Text>
+    </Section>
+    {info.notes && (
+      <Section>
+        <Label>Notes</Label>
+        <Text>{info.notes}</Text>
+      </Section>
+    )}
+  </Overlay>
+);
+
+const Overlay = styled.div`
+  position: absolute;
+  inset: 0;
+  background: rgba(20, 20, 30, 0.97);
+  z-index: 10;
+  overflow-y: auto;
+  padding: 0.75rem;
+  display: flex;
+  flex-direction: column;
+  gap: 0.75rem;
+`;
+
+const Header = styled.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  gap: 0.4rem;
+  margin-bottom: 0.25rem;
+`;
+
+const ColorBar = styled.div<{ $color: string }>`
+  width: 3px;
+  height: 1rem;
+  background: ${({ $color }) => $color};
+  border-radius: 2px;
+  flex-shrink: 0;
+`;
+
+const Title = styled.span<{ $color: string }>`
+  font-size: 0.65rem;
+  font-weight: bold;
+  flex: 1;
+  color: ${({ $color }) => $color};
+`;
+
+const CloseBtn = styled.div`
+  cursor: pointer;
+  color: rgba(255, 255, 255, 0.6);
+  font-size: 0.7rem;
+  line-height: 1;
+  padding: 2px 4px;
+
+  &:hover {
+    color: rgba(255, 255, 255, 0.9);
+  }
+`;
+
+const Section = styled.div`
+  display: flex;
+  flex-direction: column;
+  gap: 0.15rem;
+`;
+
+const Label = styled.span`
+  font-size: 0.5rem;
+  font-weight: bold;
+  text-transform: uppercase;
+  letter-spacing: 0.05em;
+  color: rgba(255, 255, 255, 0.45);
+`;
+
+const Text = styled.p`
+  font-size: 0.55rem;
+  line-height: 1.5;
+  color: rgba(255, 255, 255, 0.85);
+  margin: 0;
+`;

package/src/components/SkillProgressBar.tsx

@@ -27,6 +27,7 @@ export interface ISkillProgressBarProps {
   atlasJSON: any;
   atlasIMG: any;
   buffAndDebuff?: number;
+  onClick?: () => void;
 }
 
 export const SkillProgressBar: React.FC<ISkillProgressBarProps> = ({
@@ -43,6 +44,7 @@ export const SkillProgressBar: React.FC<ISkillProgressBarProps> = ({
   atlasJSON,
 
   buffAndDebuff,
+  onClick,
 }) => {
   // Use CharacterClass.None as default if skillKey is provided but characterClass is not
   const effectiveClass = characterClass ?? CharacterClass.None;
@@ -107,7 +109,7 @@ export const SkillProgressBar: React.FC<ISkillProgressBarProps> = ({
   };
 
   return (
-    <>
+    <ClickableRow onClick={onClick} $isClickable={!!onClick}>
       <ProgressTitle>
         {buffAndDebuff !== undefined && (
           <>
@@ -182,7 +184,7 @@ export const SkillProgressBar: React.FC<ISkillProgressBarProps> = ({
           <SkillPointsDisplay>{progress.toFixed(2)}%</SkillPointsDisplay>
         </SkillDisplayContainer>
       )}
-    </>
+    </ClickableRow>
   );
 };
 
@@ -263,3 +265,20 @@ const TitleNameContainer = styled.div`
   display: flex;
   justify-content: space-between;
 `;
+
+const ClickableRow = styled.div<{ $isClickable: boolean }>`
+  cursor: ${({ $isClickable }) => ($isClickable ? 'pointer' : 'default')};
+  border-radius: 4px;
+  transition: background-color 0.15s ease;
+
+  ${({ $isClickable }) =>
+    $isClickable &&
+    `
+    &:hover {
+      background-color: rgba(255, 255, 255, 0.05);
+    }
+    &:active {
+      background-color: rgba(255, 255, 255, 0.1);
+    }
+  `}
+`;

package/src/components/SkillsContainer.tsx

@@ -6,10 +6,12 @@ import {
   CharacterClass,
   getXPForLevel,
 } from '@rpg-engine/shared';
-import React from 'react';
+import React, { useState } from 'react';
 import styled from 'styled-components';
 import { uiColors } from '../constants/uiColors';
+import { SKILL_INFO_DATA } from '../constants/skillInfoData';
 import { DraggableContainer } from './DraggableContainer';
+import { SkillInfoOverlay } from './SkillInfoOverlay';
 import { SkillProgressBar } from './SkillProgressBar';
 
 export interface ISkillContainerProps {
@@ -94,6 +96,9 @@ export const SkillsContainer: React.FC<ISkillContainerProps> = ({
   atlasJSON,
   scale,
 }) => {
+  const [selectedSkillKey, setSelectedSkillKey] = useState<string | null>(null);
+  const selectedInfo = selectedSkillKey ? SKILL_INFO_DATA[selectedSkillKey] : null;
+
   const onRenderSkillCategory = (
     category: 'attributes' | 'combat' | 'crafting'
   ) => {
@@ -135,6 +140,7 @@ export const SkillsContainer: React.FC<ISkillContainerProps> = ({
           atlasIMG={atlasIMG}
           atlasJSON={atlasJSON}
           buffAndDebuff={skillDetails.buffAndDebuff}
+          onClick={() => setSelectedSkillKey(key)}
         />
       );
     }
@@ -152,6 +158,12 @@ export const SkillsContainer: React.FC<ISkillContainerProps> = ({
       {onCloseButton && (
         <CloseButton onPointerDown={onCloseButton}>X</CloseButton>
       )}
+      {selectedInfo && (
+        <SkillInfoOverlay
+          info={selectedInfo}
+          onClose={() => setSelectedSkillKey(null)}
+        />
+      )}
       <SkillsContainerDiv id="skillsDiv">
         <SkillSplitDiv>
           <p>General</p>
@@ -168,6 +180,7 @@ export const SkillsContainer: React.FC<ISkillContainerProps> = ({
             texturePath={'swords/broad-sword.png'}
             atlasIMG={atlasIMG}
             atlasJSON={atlasJSON}
+            onClick={() => setSelectedSkillKey('level')}
           />
 
           <p>Combat Skills</p>
@@ -195,6 +208,7 @@ export const SkillsContainer: React.FC<ISkillContainerProps> = ({
 };
 
 const SkillsDraggableContainer = styled(DraggableContainer)`
+  position: relative;
   border: 1px solid black;
 
   max-width: 450px;

package/src/constants/skillInfoData.ts

@@ -0,0 +1,158 @@
+export interface ISkillInfoEntry {
+  name: string;
+  color: string;
+  description: string;
+  howToTrain: string;
+  notes?: string;
+}
+
+const COMBAT_COLOR = '#C5283D';
+const CRAFTING_COLOR = '#597DCE';
+const ATTRIBUTE_COLOR = '#6833A3';
+const LEVEL_COLOR = '#0E79B2';
+
+export const SKILL_INFO_DATA: Record<string, ISkillInfoEntry> = {
+  first: {
+    name: 'Fist',
+    color: COMBAT_COLOR,
+    description: 'Governs your effectiveness when fighting unarmed or with punch-type weapons. Your level directly scales unarmed attack damage and attack speed.',
+    howToTrain: 'Deal damage to enemies while fighting with no weapon equipped or while wearing leather gloves.',
+    notes: 'No equipment is required to train this skill — useful for new players. Berserker class receives a strong affinity bonus.',
+  },
+  club: {
+    name: 'Club',
+    color: COMBAT_COLOR,
+    description: 'Determines your proficiency with mace-type weapons such as clubs and hammers. Higher level increases damage dealt and reduces attack interval.',
+    howToTrain: 'Deal damage to enemies while wielding any mace-type weapon.',
+    notes: 'Mace weapons deal more consistent damage than swords but have slower attack speed. Useful against heavily armored enemies.',
+  },
+  sword: {
+    name: 'Sword',
+    color: COMBAT_COLOR,
+    description: 'Governs your mastery of one-handed and two-handed swords. Level scales both the damage bonus and effective swing speed of sword attacks.',
+    howToTrain: 'Deal damage to enemies while wielding any sword-type weapon.',
+    notes: 'Swords are the most balanced combat skill — moderate damage, moderate speed. Knight class has an affinity bonus to sword progression.',
+  },
+  axe: {
+    name: 'Axe',
+    color: COMBAT_COLOR,
+    description: 'Controls your skill with axe-type weapons. High axe level gives the biggest per-hit damage increase of any melee weapon type.',
+    howToTrain: 'Deal damage to enemies while wielding any axe-type weapon.',
+    notes: 'Axes have the highest damage ceiling of melee weapons but the slowest base attack speed. Best for burst damage on single targets.',
+  },
+  distance: {
+    name: 'Distance',
+    color: COMBAT_COLOR,
+    description: 'Measures your accuracy and damage with ranged weapons such as bows, crossbows, and spears. Level reduces miss chance and increases projectile damage.',
+    howToTrain: 'Deal damage to enemies using any ranged weapon.',
+    notes: 'Allows attacking from a safe range. Archer class receives a notable affinity bonus. Vigor level affects the delay between ranged shots.',
+  },
+  shielding: {
+    name: 'Shielding',
+    color: COMBAT_COLOR,
+    description: 'Represents your skill at blocking with shields. Higher level increases the percentage of incoming damage blocked per successful shield block and lowers block failure chance.',
+    howToTrain: 'Receive attacks from enemies while a shield is equipped in your off-hand slot.',
+    notes: 'Purely defensive — trains only when you are being hit, not when you attack. Any shield enables training. Paladin and Knight classes have affinity bonuses.',
+  },
+  dagger: {
+    name: 'Dagger',
+    color: COMBAT_COLOR,
+    description: 'Governs your technique with daggers and short blades. Daggers are fast but deal less per-hit damage; high level compensates with additional attack speed and critical hit probability.',
+    howToTrain: 'Deal damage to enemies while wielding any dagger-type weapon.',
+    notes: 'Daggers have the fastest attack speed of any melee weapon type. Rogue class has a strong affinity bonus to dagger progression.',
+  },
+
+  fishing: {
+    name: 'Fishing',
+    color: CRAFTING_COLOR,
+    description: 'Determines your success rate and yield when fishing. Higher levels unlock catches of rarer fish species and reduce waiting time between bites.',
+    howToTrain: 'Use a fishing rod near any water body with a fish resource. Each successful catch grants Skill Points.',
+    notes: 'A fishing rod must be equipped. Caught fish can be cooked with the Cooking skill. Druid class has a 10% bonus.',
+  },
+  farming: {
+    name: 'Farming',
+    color: CRAFTING_COLOR,
+    description: 'Controls your efficiency when cultivating crops. Level affects harvest quantity, double-harvest chance, and which rare crop varieties you can grow.',
+    howToTrain: 'Plant seeds in farming spots using a watering can, then harvest mature crops. Each harvest grants Skill Points.',
+    notes: 'Requires seeds (purchasable from farming NPCs) and a watering can. Crops must be watered at least once before harvest. Druid class has a 20% affinity bonus.',
+  },
+  mining: {
+    name: 'Mining',
+    color: CRAFTING_COLOR,
+    description: 'Governs your ability to extract ore and stone from rock nodes. Level determines which ore types you can mine and how many resources you yield per swing.',
+    howToTrain: 'Mine rock or ore nodes with a pickaxe. Each successful resource extraction grants Skill Points.',
+    notes: 'A pickaxe must be equipped. Higher mining levels unlock rarer ores found in deeper zones. Dwarf race has a 20% bonus.',
+  },
+  lumberjacking: {
+    name: 'Lumberjacking',
+    color: CRAFTING_COLOR,
+    description: 'Controls your skill at chopping trees for wood. Level determines which tree types you can cut and the number of logs obtained per swing.',
+    howToTrain: 'Chop tree resource nodes with an axe equipped. Each log obtained grants Skill Points.',
+    notes: 'Any axe-type weapon doubles as a lumberjacking tool — there is no separate lumberjacking tool. Rarer wood types require higher skill and appear in higher-level zones.',
+  },
+  blacksmithing: {
+    name: 'Blacksmithing',
+    color: CRAFTING_COLOR,
+    description: 'Determines your ability to craft metal equipment such as weapons and armor at forge stations. Higher level unlocks stronger recipes and improves crafted item quality.',
+    howToTrain: "Craft metal items at a blacksmith's forge using ingots and other materials. Each successful craft grants Skill Points.",
+    notes: 'Requires materials obtained from mining. Blacksmithing produces tradeable equipment items. Higher level recipes require rare ingots. Rogue class has a 10% bonus.',
+  },
+  cooking: {
+    name: 'Cooking',
+    color: CRAFTING_COLOR,
+    description: 'Governs your ability to prepare food from raw ingredients. Cooked food restores HP or provides temporary stat buffs. Higher level produces more potent food.',
+    howToTrain: 'Cook raw food items at a cooking station or campfire. Each successful cook grants Skill Points.',
+    notes: 'Raw ingredients come from fishing, farming, and monster drops. Cooked meals restore more HP than potions at equivalent cost and can provide additional buffs.',
+  },
+  alchemy: {
+    name: 'Alchemy',
+    color: CRAFTING_COLOR,
+    description: 'Controls your skill at brewing potions and elixirs. Higher levels unlock stronger potion recipes, reduce failure chance, and increase the potency of brewed potions.',
+    howToTrain: 'Brew potions at an alchemy station using herbs, reagents, and vials. Each successful brew grants Skill Points.',
+    notes: 'Herb reagents are gathered from nature nodes across the world. High-level alchemy produces Greater and Superior potions that substantially outperform shop-bought equivalents. Druid has a 20% bonus.',
+  },
+
+  magic: {
+    name: 'Magic',
+    color: ATTRIBUTE_COLOR,
+    description: 'Governs the power and efficiency of spells and magic-type weapons. Higher Magic level increases spell damage, spell range, and reduces mana consumption.',
+    howToTrain: 'Deal damage to enemies using spells from your spellbook, or fight while wielding a magic staff or wand.',
+    notes: 'Magic starts at level 0 and is one of the slower attributes to train since it requires active spell use. Sorcerer and Mage classes receive strong affinity bonuses. Also increases maximum mana.',
+  },
+  magicResistance: {
+    name: 'Magic Resistance',
+    color: ATTRIBUTE_COLOR,
+    description: 'Reduces the damage taken from incoming magical attacks and spells. Each level of magic resistance reduces a percentage of spell damage received.',
+    howToTrain: 'Receive magic damage from enemies (spells, magical attacks, staff hits aimed at you).',
+    notes: 'Purely defensive — trains only when you are the target of magical attacks. Cannot be trained offensively. Essential for characters that frequently face casters or magic creatures.',
+  },
+  strength: {
+    name: 'Strength',
+    color: ATTRIBUTE_COLOR,
+    description: 'Directly increases melee attack damage for all physical weapon types. Also increases how much weight your character can carry.',
+    howToTrain: 'Deal melee damage to enemies using any physical weapon or unarmed combat.',
+    notes: 'Applies to all physical weapon types regardless of which combat skill you use. Warrior and Berserker classes gain Strength faster due to class affinity.',
+  },
+  resistance: {
+    name: 'Resistance',
+    color: ATTRIBUTE_COLOR,
+    description: 'Reduces incoming physical damage from melee and ranged attacks. Higher resistance provides a percentage reduction to the physical damage you receive per hit.',
+    howToTrain: 'Receive physical damage from enemies (melee hits, arrows, projectiles).',
+    notes: 'Passive defense — trains only when you take physical damage. Tank-oriented classes (Paladin, Knight) receive faster resistance growth. Stacks with Shielding for substantial physical damage reduction.',
+  },
+  dexterity: {
+    name: 'Dexterity',
+    color: ATTRIBUTE_COLOR,
+    description: 'Increases your attack speed (reduces attack interval) and improves your chance to dodge incoming attacks. Also slightly improves accuracy with ranged weapons.',
+    howToTrain: 'Deal physical damage to enemies or successfully dodge incoming attacks.',
+    notes: 'Attack speed compounds with damage — more attacks per second means proportionally more total damage. One of the most impactful combat attributes. Archer and Rogue classes have strong dexterity affinity.',
+  },
+
+  level: {
+    name: 'Character Level',
+    color: LEVEL_COLOR,
+    description: 'Your overall character level, derived from total Experience Points (XP) accumulated. It summarizes your overall progress and may unlock access to certain areas or content.',
+    howToTrain: 'XP is gained by killing monsters, completing quests, and reaching skill level milestones. Unlike skill SP, all XP accumulates into a single shared pool that determines your character level.',
+    notes: 'Uses a cubic progression formula (level³ × 3 XP per level), so higher levels require exponentially more XP. Character level itself does not directly affect combat — individual skill levels handle that.',
+  },
+};

package/dist/components/Abstractions/ModalPortal.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-interface ModalPortalProps {
-    children: React.ReactNode;
-}
-declare const ModalPortal: React.FC<ModalPortalProps>;
-export default ModalPortal;

package/dist/components/Abstractions/SlotsContainer.d.ts

@@ -1,18 +0,0 @@
-import React from 'react';
-import { IPosition } from '../../types/eventTypes';
-interface IProps {
-    children: React.ReactNode;
-    title: string;
-    onClose?: () => void;
-    onPositionChange?: (position: IPosition) => void;
-    onPositionChangeEnd?: (position: IPosition) => void;
-    onPositionChangeStart?: (position: IPosition) => void;
-    onOutsideClick?: () => void;
-    initialPosition?: IPosition;
-    scale?: number;
-    width?: string;
-    isFullScreen?: boolean;
-    opacity?: number;
-}
-export declare const SlotsContainer: React.FC<IProps>;
-export {};

package/dist/components/Arrow/SelectArrow.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-export interface ArrowBarProps extends React.HTMLAttributes<HTMLDivElement> {
-    direction: 'right' | 'left';
-    onPointerDown: () => void;
-    size?: number;
-    scale?: number;
-}
-export declare const SelectArrow: React.FC<ArrowBarProps>;
-export default SelectArrow;

package/dist/components/AsyncDropdown.d.ts

@@ -1,14 +0,0 @@
-import React from 'react';
-export interface IAsyncDropdownOptionsProps {
-    id: number;
-    value: string;
-    option: string | JSX.Element;
-}
-export interface IAsyncDropdownProps {
-    options: IAsyncDropdownOptionsProps[];
-    width?: string;
-    onChange: (value: string) => void;
-    defaultValue?: string;
-    opensUp?: boolean;
-}
-export declare const AsyncDropdown: React.FC<IAsyncDropdownProps>;

package/dist/components/Button.d.ts

@@ -1,12 +0,0 @@
-import React from 'react';
-export declare enum ButtonTypes {
-    RPGUIButton = "rpgui-button",
-    RPGUIGoldButton = "rpgui-button golden"
-}
-export interface IButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
-    disabled?: boolean;
-    children: React.ReactNode;
-    buttonType: ButtonTypes;
-    onPointerDown?: (e: any) => void;
-}
-export declare const Button: ({ disabled, children, buttonType, onPointerDown, ...props }: IButtonProps) => JSX.Element;

package/dist/components/Character/CharacterSelection.d.ts

@@ -1,13 +0,0 @@
-import React from 'react';
-export interface ICharacterProps {
-    name: string;
-    textureKey: string;
-}
-export interface ICharacterSelectionProps {
-    availableCharacters: ICharacterProps[];
-    atlasJSON: any;
-    atlasIMG: any;
-    onChange: (textureKey: string) => void;
-}
-export declare const CharacterSelection: React.FC<ICharacterSelectionProps>;
-export default CharacterSelection;

package/dist/components/Character/CharacterSkinSelectionModal.d.ts

@@ -1,12 +0,0 @@
-import React from 'react';
-import { ICharacterProps } from './CharacterSelection';
-export interface ICharacterSkinSelectionModalProps {
-    isOpen: boolean;
-    onClose: () => void;
-    onConfirm: (textureKey: string) => void;
-    availableCharacters: ICharacterProps[];
-    atlasJSON: any;
-    atlasIMG: any;
-    initialSelectedSkin?: string;
-}
-export declare const CharacterSkinSelectionModal: React.FC<ICharacterSkinSelectionModalProps>;

package/dist/components/Character/SkinSelectionGrid.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-import { ICharacterProps } from './CharacterSelection';
-export interface ISkinSelectionGridProps {
-    availableCharacters: ICharacterProps[];
-    initialSelectedSkin?: string;
-    onChange: (skinKey: string) => void;
-    atlasJSON: any;
-    atlasIMG: any;
-}
-export declare const SkinSelectionGrid: React.FC<ISkinSelectionGridProps>;
-export default SkinSelectionGrid;

package/dist/components/CharacterStatus/CharacterStatus.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-export interface ICharacterStatusProps {
-    healthValue: number;
-    healthMaxValue: number;
-    manaValue: number;
-    manaMaxValue: number;
-    charName: string;
-}
-export declare const CharacterStatus: React.FC<ICharacterStatusProps>;

package/dist/components/Chat/Chat.d.ts

@@ -1,25 +0,0 @@
-import React from 'react';
-import { ChatMessage } from '../ChatRevamp/types';
-export interface IStyles {
-    textColor?: string;
-    buttonColor?: string;
-    buttonBackgroundColor?: string;
-    width?: string;
-    height?: string;
-}
-export interface IEmitter {
-    _id: string;
-    name: string;
-}
-export interface IChatProps {
-    chatMessages: ChatMessage[];
-    onSendChatMessage: (message: string) => void;
-    onCloseButton: () => void;
-    onFocus?: () => void;
-    onBlur?: () => void;
-    opacity?: number;
-    sendMessage: boolean;
-    styles?: IStyles;
-    isExpanded: boolean;
-}
-export declare const Chat: React.FC<IChatProps>;

package/dist/components/ChatRevamp/ChatContent.d.ts

@@ -1,28 +0,0 @@
-import React from 'react';
-import { IStyles } from '../Chat/Chat';
-import { ChatMessage, PrivateChatCharacter } from './types';
-interface IChatContentProps {
-    isPrivate: boolean;
-    isTrade: boolean;
-    isGlobal: boolean;
-    searchCharacterUI: boolean;
-    chatMessages: ChatMessage[];
-    onSendGlobalChatMessage: (message: string) => void;
-    onSendLocalChatMessage: (message: string) => void;
-    onSendPrivateChatMessage: (message: string) => void;
-    onSendTradeMessage: (message: string) => void;
-    onCloseButton: () => void;
-    styles?: IStyles;
-    onFocus?: () => void;
-    onBlur?: () => void;
-    isExpanded: boolean;
-    autoCloseOnSend: boolean;
-    onChangeCharacterName: (characterName: string) => void;
-    privateChatCharacters?: PrivateChatCharacter[];
-    hideSearchCharacterUI: () => void;
-    onCharacterClick?: (character: PrivateChatCharacter) => void;
-    isGuild: boolean;
-    onSendGuildChatMessage: (message: string) => void;
-}
-export declare const ChatContent: React.FC<IChatContentProps>;
-export {};

package/dist/components/ChatRevamp/ChatRevamp.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import { IChatRevampProps } from './types';
-export declare const ChatRevamp: React.FC<IChatRevampProps>;

package/dist/components/ChatRevamp/ChatTabs.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-interface ChatTabsProps {
-    tabs: {
-        label: string;
-        id: string;
-    }[];
-    activeTab: string;
-    onChangeTab: (tabId: string) => void;
-}
-export declare const ChatTabs: React.FC<ChatTabsProps>;
-export {};

package/dist/components/ChatRevamp/ExpandButton.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-interface ExpandButtonProps {
-    isExpanded: boolean;
-    onClick: () => void;
-}
-export declare const ExpandButton: React.FC<ExpandButtonProps>;
-export {};

package/dist/components/ChatRevamp/RecentChats.d.ts

@@ -1,17 +0,0 @@
-import React from 'react';
-import { PrivateChatCharacter } from './types';
-interface IRecentChatsProps {
-    showRecentChats: boolean;
-    toggleRecentChats: () => void;
-    hasUnseenMessages: boolean;
-    showSearchCharacterUI: () => void;
-    recentChatCharacters?: PrivateChatCharacter[];
-    recentSelectedChatCharacterId?: string;
-    unseenMessageCharacterIds?: string[];
-    onPreviousChatCharacterClick: (character: PrivateChatCharacter) => void;
-    onRemoveRecentChatCharacter?: (character: PrivateChatCharacter) => void;
-    isPrivate: boolean;
-    hideSearchCharacterUI: () => void;
-}
-export declare const RecentChats: React.FC<IRecentChatsProps>;
-export {};

package/dist/components/ChatRevamp/SearchCharacter.d.ts

@@ -1,14 +0,0 @@
-import React from 'react';
-import { IStyles } from '../Chat/Chat';
-import { PrivateChatCharacter } from './types';
-interface ISearchCharacterProps {
-    onFocus?: () => void;
-    onBlur?: () => void;
-    onChangeCharacterName: (characterName: string) => void;
-    styles?: IStyles;
-    recentCharacters?: PrivateChatCharacter[];
-    onCharacterClick?: (character: PrivateChatCharacter) => void;
-    hideSearchCharacterUI: () => void;
-}
-export declare const SearchCharacter: React.FC<ISearchCharacterProps>;
-export {};

package/dist/components/ChatRevamp/types.d.ts

@@ -1,34 +0,0 @@
-import { ICharacter, IGlobalChatMessage, ILocalChatMessage, IPrivateChatMessage, ITradeChatMessage } from '@rpg-engine/shared';
-import { IStyles } from '../Chat/Chat';
-export declare type PrivateChatCharacter = Pick<ICharacter, '_id' | 'name'>;
-export declare type ChatMessage = ILocalChatMessage | IPrivateChatMessage | ITradeChatMessage | IGlobalChatMessage;
-export interface IChatRevampProps {
-    chatMessages: ChatMessage[];
-    onSendGlobalChatMessage: (message: string) => void;
-    onSendGuildChatMessage: (message: string) => void;
-    onChangeCharacterName: (characterName: string) => void;
-    onFocus?: () => void;
-    onBlur?: () => void;
-    onCloseButton: () => void;
-    styles?: IStyles;
-    tabs: any[];
-    onChangeTab: (tab: string) => void;
-    activeTab?: string;
-    privateChatCharacters?: PrivateChatCharacter[];
-    onCharacterClick?: (character: PrivateChatCharacter) => void;
-    onSendPrivateChatMessage: (message: string) => void;
-    recentChatCharacters?: PrivateChatCharacter[];
-    recentSelectedChatCharacterId?: string;
-    onPreviousChatCharacterClick?: (character: PrivateChatCharacter) => void;
-    onRemoveRecentChatCharacter?: (character: PrivateChatCharacter) => void;
-    unseenMessageCharacterIds?: string[];
-    onSendTradeMessage: (message: string) => void;
-    searchCharacterUI?: boolean;
-    hideSearchCharacterUI?: () => void;
-    showSearchCharacterUI?: () => void;
-    minimizedByDefault?: boolean;
-    autoCloseOnSend?: boolean;
-    onSendLocalChatMessage: (message: string) => void;
-    onDiscordClick?: () => void;
-    onWhatsAppClick?: () => void;
-}

package/dist/components/Chatdeprecated/ChatDeprecated.d.ts

@@ -1,13 +0,0 @@
-import { ILocalChatMessage } from '@rpg-engine/shared';
-import React from 'react';
-export interface IChatDeprecatedProps {
-    chatMessages: ILocalChatMessage[];
-    onSendChatMessage: (message: string) => void;
-    onCloseButton: () => void;
-    onFocus?: () => void;
-    onBlur?: () => void;
-    opacity?: number;
-    width?: string;
-    height?: string;
-}
-export declare const ChatDeprecated: React.FC<IChatDeprecatedProps>;