@rpg-engine/long-bow 0.5.32 → 0.5.34

package/dist/stories/RPGUIContainers.stories.d.ts

@@ -1,5 +1,5 @@
 import { Meta } from '@storybook/react';
-import { IRPGUIContainerProps } from '../../src/components/RPGUIContainer';
+import { IRPGUIContainerProps } from '../components/RPGUI/RPGUIContainer';
 declare const meta: Meta;
 export default meta;
 export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, IRPGUIContainerProps>;

package/package.json

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

package/src/components/Abstractions/SlotsContainer.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import { IPosition } from '../../types/eventTypes';
 import { DraggableContainer } from '../DraggableContainer';
-import { RPGUIContainerTypes } from '../RPGUIContainer';
+import { RPGUIContainerTypes } from '../RPGUI/RPGUIContainer';
 
 interface IProps {
   children: React.ReactNode;

package/src/components/Chatdeprecated/ChatDeprecated.tsx

@@ -7,7 +7,7 @@ import { uiColors } from '../../constants/uiColors';
 import { uiFonts } from '../../constants/uiFonts';
 import { Button, ButtonTypes } from '../Button';
 import { Input } from '../Input';
-import { RPGUIContainer, RPGUIContainerTypes } from '../RPGUIContainer';
+import { RPGUIContainer, RPGUIContainerTypes } from '../RPGUI/RPGUIContainer';
 import { Column } from '../shared/Column';
 
 interface IEmitter {

package/src/components/CraftBook/CraftBook.tsx

@@ -11,7 +11,7 @@ import { uiColors } from '../../constants/uiColors';
 import { Button, ButtonTypes } from '../Button';
 import { DraggableContainer } from '../DraggableContainer';
 import { InputRadio } from '../InputRadio';
-import { RPGUIContainerTypes } from '../RPGUIContainer';
+import { RPGUIContainerTypes } from '../RPGUI/RPGUIContainer';
 import { CraftingRecipe } from './CraftingRecipe';
 
 export interface IItemCraftSelectorProps {

package/src/components/DraggableContainer.tsx

@@ -4,7 +4,7 @@ import styled from 'styled-components';
 import { uiFonts } from '../constants/uiFonts';
 import { useOutsideClick } from '../hooks/useOutsideAlerter';
 import { IPosition } from '../types/eventTypes';
-import { RPGUIContainerTypes } from './RPGUIContainer';
+import { RPGUIContainerTypes } from './RPGUI/RPGUIContainer';
 
 export interface IDraggableContainerProps {
   children: React.ReactNode;

package/src/components/Equipment/EquipmentSet.tsx

@@ -13,7 +13,7 @@ import { DraggableContainer } from '../DraggableContainer';
 import DraggedItem from '../Item/Inventory/DraggedItem';
 import { ItemSlot } from '../Item/Inventory/ItemSlot';
 import { DraggingProvider } from '../Item/Inventory/context/DraggingContext';
-import { RPGUIContainerTypes } from '../RPGUIContainer';
+import { RPGUIContainerTypes } from '../RPGUI/RPGUIContainer';
 
 export interface IEquipmentSetProps {
   equipmentSet: IEquipmentSet;

package/src/components/ImageCarousel/ImageCarousel.tsx

@@ -2,7 +2,7 @@ import React, { useState } from 'react';
 import styled from 'styled-components';
 import SelectArrow from '../Arrow/SelectArrow';
 import { DraggableContainer } from '../DraggableContainer';
-import { RPGUIContainerTypes } from '../RPGUIContainer';
+import { RPGUIContainerTypes } from '../RPGUI/RPGUIContainer';
 import { DynamicText } from '../typography/DynamicText';
 
 export interface ITextImageProps {

package/src/components/Item/Inventory/ItemQuantitySelector.tsx

@@ -2,7 +2,10 @@ import React, { useEffect, useRef, useState } from 'react';
 import styled from 'styled-components';
 import { Button, ButtonTypes } from '../../Button';
 import { Input } from '../../Input';
-import { RPGUIContainer, RPGUIContainerTypes } from '../../RPGUIContainer';
+import {
+  RPGUIContainer,
+  RPGUIContainerTypes,
+} from '../../RPGUI/RPGUIContainer';
 import { RangeSlider, RangeSliderType } from '../../RangeSlider';
 
 export interface IItemQuantitySelectorProps {

package/src/components/Marketplace/Marketplace.tsx

@@ -4,7 +4,7 @@ import styled from 'styled-components';
 import { Button, ButtonTypes } from '../Button';
 import { DraggableContainer } from '../DraggableContainer';
 import { Pager } from '../Pager';
-import { RPGUIContainerTypes } from '../RPGUIContainer';
+import { RPGUIContainerTypes } from '../RPGUI/RPGUIContainer';
 import { BuyPanel } from './BuyPanel';
 import { ManagmentPanel } from './ManagmentPanel';
 

package/src/components/Multitab/TabsContainer.tsx

@@ -1,7 +1,7 @@
 import React, { useState } from 'react';
 import styled from 'styled-components';
 import { DraggableContainer } from '../DraggableContainer';
-import { RPGUIContainerTypes } from '../RPGUIContainer';
+import { RPGUIContainerTypes } from '../RPGUI/RPGUIContainer';
 import { Tab } from './Tab';
 
 interface ITab {

package/src/components/NPCDialog/NPCDialog.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import styled from 'styled-components';
-import { RPGUIContainer, RPGUIContainerTypes } from '../RPGUIContainer';
+import { RPGUIContainer, RPGUIContainerTypes } from '../RPGUI/RPGUIContainer';
 import { NPCDialogText } from './NPCDialogText';
 import {
   IQuestionDialog,

package/src/components/NPCDialog/NPCMultiDialog.tsx

@@ -1,9 +1,9 @@
 import React, { useEffect, useState } from 'react';
 import styled from 'styled-components';
-import { RPGUIContainer, RPGUIContainerTypes } from '../RPGUIContainer';
+import { RPGUIContainer, RPGUIContainerTypes } from '../RPGUI/RPGUIContainer';
+import { NPCDialogText } from './NPCDialogText';
 import aliceDefaultThumbnail from './img/npcDialog/npcThumbnails/alice.png';
 import pressSpaceGif from './img/space.gif';
-import { NPCDialogText } from './NPCDialogText';
 
 export enum ImgSide {
   right = 'right',

package/src/components/PartySystem/PartyCreate/PartyCreate.tsx

@@ -4,7 +4,7 @@ import { uiColors } from '../../../constants/uiColors';
 import { Button, ButtonTypes } from '../../Button';
 import { DraggableContainer } from '../../DraggableContainer';
 import { Input } from '../../Input';
-import { RPGUIContainerTypes } from '../../RPGUIContainer';
+import { RPGUIContainerTypes } from '../../RPGUI/RPGUIContainer';
 
 export interface IPartyCreateProps {
   onClose: () => void;

package/src/components/PartySystem/PartyDashboard/PartyDashboard.tsx

@@ -3,7 +3,7 @@ import styled from 'styled-components';
 import { uiColors } from '../../../constants/uiColors';
 import { Button, ButtonTypes } from '../../Button';
 import { DraggableContainer } from '../../DraggableContainer';
-import { RPGUIContainerTypes } from '../../RPGUIContainer';
+import { RPGUIContainerTypes } from '../../RPGUI/RPGUIContainer';
 import { IPartyRowProps, PartyRow } from './PartyRows';
 
 export interface IPartyDashboardProps {

package/src/components/PartySystem/PartyInvite/PartyInvite.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import styled from 'styled-components';
 import { uiColors } from '../../../constants/uiColors';
 import { DraggableContainer } from '../../DraggableContainer';
-import { RPGUIContainerTypes } from '../../RPGUIContainer';
+import { RPGUIContainerTypes } from '../../RPGUI/RPGUIContainer';
 import { IPlayersRowProps, PlayersRow } from './PlayersRows';
 
 export interface IPartyInviteProps {

package/src/components/PartySystem/PartyManager/PartyManager.tsx

@@ -3,7 +3,7 @@ import React from 'react';
 import styled from 'styled-components';
 import { uiColors } from '../../../constants/uiColors';
 import { DraggableContainer } from '../../DraggableContainer';
-import { RPGUIContainerTypes } from '../../RPGUIContainer';
+import { RPGUIContainerTypes } from '../../RPGUI/RPGUIContainer';
 import { PartyManagerRow } from './PartyManagerRows';
 
 export interface IPartyManagerProps {

package/src/components/QuestInfo/QuestInfo.tsx

@@ -7,7 +7,7 @@ import SelectArrow from '../Arrow/SelectArrow';
 import { Button, ButtonTypes } from '../Button';
 import { DraggableContainer } from '../DraggableContainer';
 
-import { RPGUIContainerTypes } from '../RPGUIContainer';
+import { RPGUIContainerTypes } from '../RPGUI/RPGUIContainer';
 import { Column } from '../shared/Column';
 import thumbnailDefault from './img/default.png';
 

package/src/components/QuestList.tsx

@@ -3,7 +3,7 @@ import React from 'react';
 import styled from 'styled-components';
 import { uiFonts } from '../constants/uiFonts';
 import { DraggableContainer } from './DraggableContainer';
-import { RPGUIContainerTypes } from './RPGUIContainer';
+import { RPGUIContainerTypes } from './RPGUI/RPGUIContainer';
 
 export interface IQuestListProps {
   quests?: IQuest[];

package/src/components/RPGUI/RPGUIOverrides.tsx

@@ -0,0 +1,9 @@
+import React from 'react';
+import { RPGUIScrollbar } from './RPGUIScrollbar';
+interface IProps {
+  children: React.ReactNode;
+}
+
+export const RPGUIOverrides = ({ children }: IProps) => {
+  return <RPGUIScrollbar>{children}</RPGUIScrollbar>;
+};

package/src/components/{RPGUIRoot.tsx → RPGUI/RPGUIRoot.tsx}

@@ -1,6 +1,7 @@
 import React from 'react';
-import 'rpgui/rpgui.min.css';
+import 'rpgui/rpgui.css';
 import 'rpgui/rpgui.min.js';
+import { RPGUIOverrides } from './RPGUIOverrides';
 
 interface IProps {
   children: React.ReactNode;
@@ -10,5 +11,9 @@ interface IProps {
 export const _RPGUI = RPGUI;
 
 export const RPGUIRoot: React.FC<IProps> = ({ children }) => {
-  return <div className="rpgui-content">{children}</div>;
+  return (
+    <RPGUIOverrides>
+      <div className="rpgui-content">{children}</div>
+    </RPGUIOverrides>
+  );
 };

package/src/components/RPGUI/RPGUIScrollbar.tsx

@@ -0,0 +1,24 @@
+import React from 'react';
+import styled from 'styled-components';
+
+interface IProps {
+  children: React.ReactNode;
+}
+
+export const RPGUIScrollbar = ({ children }: IProps) => {
+  return <Container>{children}</Container>;
+};
+
+const Container = styled.div`
+  /* Override RPGUI CSS */
+
+  .rpgui-content ::-webkit-scrollbar,
+  .rpgui-content::-webkit-scrollbar {
+    width: 25px;
+  }
+
+  .rpgui-content ::-webkit-scrollbar-track,
+  .rpgui-content::-webkit-scrollbar-track {
+    background-size: 25px 60px;
+  }
+`;

package/src/components/RadioInput/RadioInput.tsx

@@ -2,7 +2,7 @@ import React, { useState } from 'react';
 import styled from 'styled-components';
 import { Button, ButtonTypes } from '../Button';
 import { DraggableContainer } from '../DraggableContainer';
-import { RPGUIContainerTypes } from '../RPGUIContainer';
+import { RPGUIContainerTypes } from '../RPGUI/RPGUIContainer';
 import { RadioButton } from './RadioButton';
 
 export interface IRadioItems {

package/src/components/Spellbook/Spellbook.tsx

@@ -4,7 +4,7 @@ import styled from 'styled-components';
 import { uiFonts } from '../../constants/uiFonts';
 import { DraggableContainer } from '../DraggableContainer';
 import { Input } from '../Input';
-import { RPGUIContainerTypes } from '../RPGUIContainer';
+import { RPGUIContainerTypes } from '../RPGUI/RPGUIContainer';
 import { ShortcutsSetter } from '../Shortcuts/ShortcutsSetter';
 import { Spell } from './Spell';
 

package/src/components/TradingMenu/TradingMenu.tsx

@@ -8,7 +8,7 @@ import React, { useState } from 'react';
 import styled from 'styled-components';
 import { Button, ButtonTypes } from '../Button';
 import { DraggableContainer } from '../DraggableContainer';
-import { RPGUIContainerTypes } from '../RPGUIContainer';
+import { RPGUIContainerTypes } from '../RPGUI/RPGUIContainer';
 import { TradingItemRow } from './TradingItemRow';
 
 export interface ITradingMenu {

package/src/components/itemSelector/ItemSelector.tsx

@@ -2,7 +2,7 @@ import React, { useEffect, useState } from 'react';
 import styled from 'styled-components';
 import { Button, ButtonTypes } from '../Button';
 import { DraggableContainer } from '../DraggableContainer';
-import { RPGUIContainerTypes } from '../RPGUIContainer';
+import { RPGUIContainerTypes } from '../RPGUI/RPGUIContainer';
 import { SpriteFromAtlas } from '../shared/SpriteFromAtlas';
 
 export interface IOptionsItemSelectorProps {

package/src/index.tsx

@@ -28,8 +28,8 @@ export * from './components/ProgressBar';
 export * from './components/PropertySelect/PropertySelect';
 export * from './components/QuestInfo/QuestInfo';
 export * from './components/QuestList';
-export * from './components/RPGUIContainer';
-export * from './components/RPGUIRoot';
+export * from './components/RPGUI/RPGUIContainer';
+export * from './components/RPGUI/RPGUIRoot';
 export * from './components/RadioButton';
 export * from './components/RangeSlider';
 export * from './components/Shortcuts/Shortcuts';

package/src/stories/Button.stories.tsx

@@ -1,7 +1,7 @@
 import { Meta, Story } from '@storybook/react';
 import React from 'react';
 import { Button, ButtonTypes, IButtonProps } from '../../src/components/Button';
-import { RPGUIRoot } from '../../src/components/RPGUIRoot';
+import { RPGUIRoot } from '../components/RPGUI/RPGUIRoot';
 
 const meta: Meta = {
   title: 'Button',

package/src/stories/CharacterStatus.stories.tsx

@@ -4,7 +4,7 @@ import {
   CharacterStatus,
   ICharacterStatusProps,
 } from '../components/CharacterStatus/CharacterStatus';
-import { RPGUIRoot } from '../components/RPGUIRoot';
+import { RPGUIRoot } from '../components/RPGUI/RPGUIRoot';
 
 const meta: Meta = {
   title: 'Character Status',

package/src/stories/Chat.stories.tsx

@@ -2,7 +2,7 @@ import { ChatMessageType, IChatMessage } from '@rpg-engine/shared';
 import { Meta, Story } from '@storybook/react';
 import React from 'react';
 import { Chat } from '../components/Chat/Chat';
-import { RPGUIRoot } from '../components/RPGUIRoot';
+import { RPGUIRoot } from '../components/RPGUI/RPGUIRoot';
 
 const meta: Meta = {
   title: 'Chat',

package/src/stories/ChatDeprecated.stories.tsx

@@ -2,7 +2,7 @@ import { ChatMessageType, IChatMessage } from '@rpg-engine/shared';
 import { Meta, Story } from '@storybook/react';
 import React from 'react';
 import { ChatDeprecated } from '../components/Chatdeprecated/ChatDeprecated';
-import { RPGUIRoot } from '../components/RPGUIRoot';
+import { RPGUIRoot } from '../components/RPGUI/RPGUIRoot';
 
 const meta: Meta = {
   title: 'ChatDeprecated',

package/src/stories/ChatRevamp.stories.tsx

@@ -5,7 +5,7 @@ import {
   ChatRevamp,
   IChatRevampProps,
 } from '../components/ChatRevamp/ChatRevamp';
-import { RPGUIRoot } from '../components/RPGUIRoot';
+import { RPGUIRoot } from '../components/RPGUI/RPGUIRoot';
 
 const meta: Meta = {
   title: 'ChatRevamp',

package/src/stories/CheckButton.stories.tsx

@@ -8,8 +8,8 @@ import {
 import {
   RPGUIContainer,
   RPGUIContainerTypes,
-} from '../../src/components/RPGUIContainer';
-import { RPGUIRoot } from '../../src/components/RPGUIRoot';
+} from '../components/RPGUI/RPGUIContainer';
+import { RPGUIRoot } from '../components/RPGUI/RPGUIRoot';
 
 const meta: Meta = {
   title: 'Check Input',

package/src/stories/DayNightPeriod.stories.tsx

@@ -1,7 +1,7 @@
 import { PeriodOfDay } from '@rpg-engine/shared';
 import { Meta, Story } from '@storybook/react';
 import React from 'react';
-import { RPGUIRoot } from '../components/RPGUIRoot';
+import { RPGUIRoot } from '../components/RPGUI/RPGUIRoot';
 import {
   DayNightPeriod,
   IPeriodOfDayDisplayProps,

package/src/stories/DraggableContainer.stories.tsx

@@ -4,7 +4,7 @@ import {
   DraggableContainer,
   IDraggableContainerProps,
 } from '../../src/components/DraggableContainer';
-import { RPGUIRoot } from '../../src/components/RPGUIRoot';
+import { RPGUIRoot } from '../components/RPGUI/RPGUIRoot';
 
 const meta: Meta = {
   title: 'Draggable Container',

package/src/stories/EquipmentSet.stories.tsx

@@ -5,8 +5,8 @@ import {
   EquipmentSet,
   IEquipmentSetProps,
 } from '../../src/components/Equipment/EquipmentSet';
-import { RPGUIRoot } from '../../src/components/RPGUIRoot';
 import { equipmentSetMock } from '../../src/mocks/equipmentSet.mocks';
+import { RPGUIRoot } from '../components/RPGUI/RPGUIRoot';
 import atlasJSON from '../mocks/atlas/items/items.json';
 import atlasIMG from '../mocks/atlas/items/items.png';
 import { IPosition } from '../types/eventTypes';

package/src/stories/HistoryDialog.stories.tsx

@@ -1,10 +1,5 @@
 import { Meta, Story } from '@storybook/react';
 import React from 'react';
-import { RPGUIRoot } from '../components/RPGUIRoot';
-import aliceDefaultThumbnail from '../components/NPCDialog/img/npcDialog/npcThumbnails/alice.png';
-import ImgBackground01 from '../components/NPCDialog/img/background01.png';
-import ImgBackground02 from '../components/NPCDialog/img/background02.png';
-import ImgBackground03 from '../components/NPCDialog/img/background03.png';
 import {
   HistoryDialog,
   IHistoryDialogProps,
@@ -13,6 +8,11 @@ import {
   ImgSide,
   NPCMultiDialogType,
 } from '../components/NPCDialog/NPCMultiDialog';
+import ImgBackground01 from '../components/NPCDialog/img/background01.png';
+import ImgBackground02 from '../components/NPCDialog/img/background02.png';
+import ImgBackground03 from '../components/NPCDialog/img/background03.png';
+import aliceDefaultThumbnail from '../components/NPCDialog/img/npcDialog/npcThumbnails/alice.png';
+import { RPGUIRoot } from '../components/RPGUI/RPGUIRoot';
 
 const meta: Meta = {
   title: 'NPC History Dialog',

package/src/stories/ImageCarousel.stories.tsx

@@ -6,7 +6,7 @@ import {
   ImageCarousel,
 } from '../components/ImageCarousel/ImageCarousel';
 import image from '../components/ImageCarousel/images/001.png';
-import { RPGUIRoot } from '../components/RPGUIRoot';
+import { RPGUIRoot } from '../components/RPGUI/RPGUIRoot';
 
 const meta: Meta = {
   title: 'Tutorial System/Image Carousel',

package/src/stories/ItemContainer.stories.tsx

@@ -5,9 +5,9 @@ import {
   IItemContainerProps,
   ItemContainer,
 } from '../../src/components/Item/Inventory/ItemContainer';
-import { RPGUIRoot } from '../../src/components/RPGUIRoot';
 import { equipmentSetMock } from '../../src/mocks/equipmentSet.mocks';
 import { itemContainerMock } from '../../src/mocks/itemContainer.mocks';
+import { RPGUIRoot } from '../components/RPGUI/RPGUIRoot';
 import { ScalableContainer } from '../components/shared/ScalableContainer';
 import { UI_BREAKPOINT_SMALL_LAPTOP } from '../constants/uiBreakpoints';
 import { useShortcuts } from '../hooks/useShortcuts';

package/src/stories/ItemInfoDisplay.stories.tsx

@@ -4,7 +4,7 @@ import {
   IItemInfoDisplayProps,
   ItemInfoDisplay,
 } from '../components/Item/Cards/ItemInfoDisplay';
-import { RPGUIRoot } from '../components/RPGUIRoot';
+import { RPGUIRoot } from '../components/RPGUI/RPGUIRoot';
 import atlasJSON from '../mocks/atlas/items/items.json';
 import atlasIMG from '../mocks/atlas/items/items.png';
 import { equipmentSetMock } from '../mocks/equipmentSet.mocks';

package/src/stories/ItemTradingComponent.stories.tsx

@@ -1,9 +1,9 @@
 import { ITradeResponseItem } from '@rpg-engine/shared';
 import { Meta } from '@storybook/react';
 import React, { useState } from 'react';
-import { RPGUIRoot } from '../components/RPGUIRoot';
-import { itemMock } from '../components/TradingMenu/items.mock';
+import { RPGUIRoot } from '../components/RPGUI/RPGUIRoot';
 import { TradingItemRow } from '../components/TradingMenu/TradingItemRow';
+import { itemMock } from '../components/TradingMenu/items.mock';
 import atlasJSON from '../mocks/atlas/items/items.json';
 import atlasIMG from '../mocks/atlas/items/items.png';
 

package/src/stories/Leaderboard.stories.tsx

@@ -4,7 +4,7 @@ import {
   ILeaderboardProps,
   Leaderboard,
 } from '../components/Leaderboard/Leaderboard';
-import { RPGUIRoot } from '../components/RPGUIRoot';
+import { RPGUIRoot } from '../components/RPGUI/RPGUIRoot';
 import {
   leaderboardClassRankingItems,
   leaderboardLevelRankingItems,

package/src/stories/ListMenu.stories.tsx

@@ -1,7 +1,7 @@
 import { Meta, Story } from '@storybook/react';
 import React from 'react';
 import { IListMenuProps, ListMenu } from '../../src/components/ListMenu';
-import { RPGUIRoot } from '../../src/components/RPGUIRoot';
+import { RPGUIRoot } from '../components/RPGUI/RPGUIRoot';
 
 const meta: Meta = {
   /* 👇 The title prop is optional.

package/src/stories/Multitab.stories.tsx

@@ -6,7 +6,7 @@ import {
   MultitabType,
   TabsContainer,
 } from '../../src/components/Multitab/TabsContainer';
-import { RPGUIRoot } from '../../src/components/RPGUIRoot';
+import { RPGUIRoot } from '../components/RPGUI/RPGUIRoot';
 
 const meta: Meta = {
   title: 'MultiTabs',

package/src/stories/NPCDialog.stories.tsx

@@ -9,7 +9,7 @@ import {
   IQuestionDialog,
   IQuestionDialogAnswer,
 } from '../../src/components/NPCDialog/QuestionDialog/QuestionDialog';
-import { RPGUIRoot } from '../../src/components/RPGUIRoot';
+import { RPGUIRoot } from '../components/RPGUI/RPGUIRoot';
 
 const meta: Meta = {
   title: 'NPC Dialog',

package/src/stories/NPCMultiDialog.stories.tsx

@@ -1,13 +1,13 @@
 import { Meta, Story } from '@storybook/react';
 import React from 'react';
-import { RPGUIRoot } from '../../src/components/RPGUIRoot';
-import aliceDefaultThumbnail from '../components/NPCDialog/img/npcDialog/npcThumbnails/alice.png';
 import {
-  ImgSide,
   INPCMultiDialogProps,
+  ImgSide,
   NPCMultiDialog,
   NPCMultiDialogType,
 } from '../components/NPCDialog/NPCMultiDialog';
+import aliceDefaultThumbnail from '../components/NPCDialog/img/npcDialog/npcThumbnails/alice.png';
+import { RPGUIRoot } from '../components/RPGUI/RPGUIRoot';
 
 const meta: Meta = {
   title: 'NPC MultiDialog',

package/src/stories/PartyCreate.stories.tsx

@@ -1,7 +1,7 @@
 import { Meta, Story } from '@storybook/react';
 import React from 'react';
 import { IPartyCreateProps, PartyCreate } from '../components/PartySystem';
-import { RPGUIRoot } from '../components/RPGUIRoot';
+import { RPGUIRoot } from '../components/RPGUI/RPGUIRoot';
 
 const meta: Meta = {
   title: 'Party System/Party Create',

package/src/stories/PartyDashboard.stories.tsx

@@ -5,7 +5,7 @@ import {
   PartyDashboard,
 } from '../components/PartySystem/PartyDashboard/PartyDashboard';
 import { mockedPartyRows } from '../components/PartySystem/mockedConstantes/mockedValues';
-import { RPGUIRoot } from '../components/RPGUIRoot';
+import { RPGUIRoot } from '../components/RPGUI/RPGUIRoot';
 
 const meta: Meta = {
   title: 'Party System/Party Dashboard',

package/src/stories/PartyInvite.stories.tsx

@@ -5,7 +5,7 @@ import {
   PartyInvite,
 } from '../components/PartySystem/PartyInvite/PartyInvite';
 import { mockedPlayersRows } from '../components/PartySystem/mockedConstantes/mockedValues';
-import { RPGUIRoot } from '../components/RPGUIRoot';
+import { RPGUIRoot } from '../components/RPGUI/RPGUIRoot';
 
 const meta: Meta = {
   title: 'Party System/Party Invite',

package/src/stories/PartyManager.stories.tsx

@@ -5,7 +5,7 @@ import {
   IPartyManagerProps,
   PartyManager,
 } from '../components/PartySystem/PartyManager/PartyManager';
-import { RPGUIRoot } from '../components/RPGUIRoot';
+import { RPGUIRoot } from '../components/RPGUI/RPGUIRoot';
 
 const meta: Meta = {
   title: 'Party System/Party Manager',

package/src/stories/ProgressBar.stories.tsx

@@ -1,7 +1,7 @@
 import { Story } from '@storybook/react';
 import React from 'react';
 import { IBarProps, ProgressBar } from '../../src/components/ProgressBar';
-import { RPGUIRoot } from '../../src/components/RPGUIRoot';
+import { RPGUIRoot } from '../components/RPGUI/RPGUIRoot';
 
 export default {
   title: 'Progress Bar',

package/src/stories/QuestInfo.stories.tsx

@@ -5,7 +5,7 @@ import {
   IQuestInfoProps,
   QuestInfo,
 } from '../../src/components/QuestInfo/QuestInfo';
-import { RPGUIRoot } from '../../src/components/RPGUIRoot';
+import { RPGUIRoot } from '../components/RPGUI/RPGUIRoot';
 const meta: Meta = {
   title: 'Quest Info',
   component: QuestInfo,

package/src/stories/QuestList.stories.tsx

@@ -2,7 +2,7 @@ import { QuestStatus, QuestType } from '@rpg-engine/shared';
 import { Story } from '@storybook/react';
 import React from 'react';
 import { IQuestListProps, QuestList } from '../components/QuestList';
-import { RPGUIRoot } from '../components/RPGUIRoot';
+import { RPGUIRoot } from '../components/RPGUI/RPGUIRoot';
 
 export default {
   title: 'Quest List',

package/src/stories/RPGUIContainers.stories.tsx

@@ -4,8 +4,8 @@ import {
   IRPGUIContainerProps,
   RPGUIContainer,
   RPGUIContainerTypes,
-} from '../../src/components/RPGUIContainer';
-import { RPGUIRoot } from '../../src/components/RPGUIRoot';
+} from '../components/RPGUI/RPGUIContainer';
+import { RPGUIRoot } from '../components/RPGUI/RPGUIRoot';
 
 const meta: Meta = {
   title: 'RPGUI Container',