@rpg-engine/long-bow 0.7.28 → 0.7.30

package/src/stories/{Chat.stories.tsx → Features/chat/Chat.stories.tsx}

@@ -1,11 +1,11 @@
 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/RPGUI/RPGUIRoot';
+import { Chat } from '../../../components/Chat/Chat';
+import { RPGUIRoot } from '../../../components/RPGUI/RPGUIRoot';
 
 const meta: Meta = {
-  title: 'Chat',
+  title: 'Features/Chat System/Chat',
   component: Chat,
 };
 

package/src/stories/{ChatDeprecated.stories.tsx → Features/chat/ChatDeprecated.stories.tsx}

@@ -1,11 +1,11 @@
 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/RPGUI/RPGUIRoot';
+import { ChatDeprecated } from '../../../components/Chatdeprecated/ChatDeprecated';
+import { RPGUIRoot } from '../../../components/RPGUI/RPGUIRoot';
 
 const meta: Meta = {
-  title: 'ChatDeprecated',
+  title: 'Features/Chat System/ChatDeprecated',
   component: ChatDeprecated,
 };
 

package/src/stories/{ChatRevamp.stories.tsx → Features/chat/ChatRevamp.stories.tsx}

@@ -2,12 +2,12 @@ import { ChatMessageType } from '@rpg-engine/shared';
 import { Meta, Story } from '@storybook/react';
 import React from 'react';
 
-import { ChatRevamp } from '../components/ChatRevamp/ChatRevamp';
-import { IChatRevampProps } from '../components/ChatRevamp/types';
-import { RPGUIRoot } from '../components/RPGUI/RPGUIRoot';
+import { ChatRevamp } from '../../../components/ChatRevamp/ChatRevamp';
+import { IChatRevampProps } from '../../../components/ChatRevamp/types';
+import { RPGUIRoot } from '../../../components/RPGUI/RPGUIRoot';
 
 const meta: Meta = {
-  title: 'ChatRevamp',
+  title: 'Features/Chat System/ChatRevamp',
   component: ChatRevamp,
 };
 

package/src/stories/{CircullarController.stories.tsx → Features/controller/CircullarController.stories.tsx}

@@ -1,17 +1,18 @@
 import { Meta, Story } from '@storybook/react';
 import React from 'react';
-import { RPGUIRoot } from '..';
+
 import {
   CircularController,
   CircularControllerProps,
-} from '../components/CircularController/CircularController';
-import atlasJSON from '../mocks/atlas/items/items.json';
-import atlasIMG from '../mocks/atlas/items/items.png';
-import { itemContainerMock } from '../mocks/itemContainer.mocks';
-import { shortcutMock } from '../mocks/shortcut.mocks';
+} from '../../../components/CircularController/CircularController';
+import { RPGUIRoot } from '../../../components/RPGUI/RPGUIRoot';
+import atlasJSON from '../../../mocks/atlas/items/items.json';
+import atlasIMG from '../../../mocks/atlas/items/items.png';
+import { itemContainerMock } from '../../../mocks/itemContainer.mocks';
+import { shortcutMock } from '../../../mocks/shortcut.mocks';
 
 const meta: Meta = {
-  title: 'Circular Controller',
+  title: 'Features/Controllers/Circular Controller',
   component: CircularController,
 };
 

package/src/stories/{CraftBook.stories.tsx → Features/craftbook/CraftBook.stories.tsx}

@@ -1,14 +1,14 @@
 import { Meta, Story } from '@storybook/react';
 import React from 'react';
-import { RPGUIRoot } from '..';
-import { CraftBook } from '../components/CraftBook/CraftBook';
-import { craftableItems } from '../components/CraftBook/MockItems';
-import atlasJSON from '../mocks/atlas/items/items.json';
-import atlasIMG from '../mocks/atlas/items/items.png';
-import { equipmentSetMock } from '../mocks/equipmentSet.mocks';
+import { RPGUIRoot } from '../../..';
+import { CraftBook } from '../../../components/CraftBook/CraftBook';
+import { craftableItems } from '../../../components/CraftBook/MockItems';
+import atlasJSON from '../../../mocks/atlas/items/items.json';
+import atlasIMG from '../../../mocks/atlas/items/items.png';
+import { equipmentSetMock } from '../../../mocks/equipmentSet.mocks';
 
 const meta: Meta = {
-  title: 'Craft Book',
+  title: 'Features/Crafting/Craft Book',
   component: CraftBook,
 };
 

package/src/stories/{FriendList.stories.tsx → Features/friend/FriendList.stories.tsx}

@@ -1,10 +1,10 @@
 import type { Meta } from "@storybook/react";
 import React from 'react';
-import { FriendList } from "../components/Friends/FriendList";
-import { RPGUIRoot } from "../components/RPGUI/RPGUIRoot";
+import { FriendList } from "../../../components/Friends/FriendList";
+import { RPGUIRoot } from "../../../components/RPGUI/RPGUIRoot";
 
 const meta :Meta = {
-  title: 'Friend System/Friend List',
+  title: 'Features/Friend System/Friend List',
   component: FriendList
 };
 

package/src/stories/{Leaderboard.stories.tsx → Features/leaderboard/Leaderboard.stories.tsx}

@@ -3,16 +3,16 @@ import React from 'react';
 import {
   ILeaderboardProps,
   Leaderboard,
-} from '../components/Leaderboard/Leaderboard';
-import { RPGUIRoot } from '../components/RPGUI/RPGUIRoot';
+} from '../../../components/Leaderboard/Leaderboard';
+import { RPGUIRoot } from '../../../components/RPGUI/RPGUIRoot';
 import {
   leaderboardClassRankingItems,
   leaderboardLevelRankingItems,
   leaderboardSkillRankingItems,
-} from '../mocks/leaderboard.mocks';
+} from '../../../mocks/leaderboard.mocks';
 
 const meta: Meta = {
-  title: 'Leaderboard',
+  title: 'Features/Ranking/Leaderboard',
   component: Leaderboard,
 };
 

package/src/stories/{PartyCreate.stories.tsx → Features/party/PartyCreate.stories.tsx}

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

package/src/stories/{PartyDashboard.stories.tsx → Features/party/PartyDashboard.stories.tsx}

@@ -3,12 +3,12 @@ import React from 'react';
 import {
   IPartyDashboardProps,
   PartyDashboard,
-} from '../components/PartySystem/PartyDashboard/PartyDashboard';
-import { mockedPartyRows } from '../components/PartySystem/mockedConstantes/mockedValues';
-import { RPGUIRoot } from '../components/RPGUI/RPGUIRoot';
+} from '../../../components/PartySystem/PartyDashboard/PartyDashboard';
+import { mockedPartyRows } from '../../../components/PartySystem/mockedConstantes/mockedValues';
+import { RPGUIRoot } from '../../../components/RPGUI/RPGUIRoot';
 
 const meta: Meta = {
-  title: 'Party System/Party Dashboard',
+  title: 'Features/Party System/Party Dashboard',
   component: PartyDashboard,
 };
 

package/src/stories/{PartyInvite.stories.tsx → Features/party/PartyInvite.stories.tsx}

@@ -3,12 +3,12 @@ import React from 'react';
 import {
   IPartyInviteProps,
   PartyInvite,
-} from '../components/PartySystem/PartyInvite/PartyInvite';
-import { mockedPlayersRows } from '../components/PartySystem/mockedConstantes/mockedValues';
-import { RPGUIRoot } from '../components/RPGUI/RPGUIRoot';
+} from '../../../components/PartySystem/PartyInvite/PartyInvite';
+import { mockedPlayersRows } from '../../../components/PartySystem/mockedConstantes/mockedValues';
+import { RPGUIRoot } from '../../../components/RPGUI/RPGUIRoot';
 
 const meta: Meta = {
-  title: 'Party System/Party Invite',
+  title: 'Features/Party System/Party Invite',
   component: PartyInvite,
 };
 

package/src/stories/{PartyManager.stories.tsx → Features/party/PartyManager.stories.tsx}

@@ -6,15 +6,15 @@ import React from 'react';
 import {
   getMockedPlayersRowsLeader,
   getMockedPlayersRowsNotLeader,
-} from '../components/PartySystem';
+} from '../../../components/PartySystem';
 import {
   IPartyManagerProps,
   PartyManager,
-} from '../components/PartySystem/PartyManager/PartyManager';
-import { RPGUIRoot } from '../components/RPGUI/RPGUIRoot';
+} from '../../../components/PartySystem/PartyManager/PartyManager';
+import { RPGUIRoot } from '../../../components/RPGUI/RPGUIRoot';
 
 const meta: Meta = {
-  title: 'Party System/Party Manager',
+  title: 'Features/Party System/Party Manager',
   component: PartyManager,
 };
 

package/src/stories/{QuestInfo.stories.tsx → Features/quest/QuestInfo.stories.tsx}

@@ -4,10 +4,10 @@ import React from 'react';
 import {
   IQuestInfoProps,
   QuestInfo,
-} from '../components/Quests/QuestInfo/QuestInfo';
-import { RPGUIRoot } from '../components/RPGUI/RPGUIRoot';
+} from '../../../components/Quests/QuestInfo/QuestInfo';
+import { RPGUIRoot } from '../../../components/RPGUI/RPGUIRoot';
 const meta: Meta = {
-  title: 'Quest Info',
+  title: 'Features/Quest/Quest Info',
   component: QuestInfo,
 };
 

package/src/stories/{QuestList.stories.tsx → Features/quest/QuestList.stories.tsx}

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

package/src/stories/{Shortcuts.stories.tsx → Features/shortcuts/Shortcuts.stories.tsx}

@@ -1,14 +1,17 @@
 import { Meta, Story } from '@storybook/react';
 import React from 'react';
-import { RPGUIRoot } from '../components/RPGUI/RPGUIRoot';
-import { Shortcuts, ShortcutsProps } from '../components/Shortcuts/Shortcuts';
-import { SHORTCUTS_STORAGE_KEY } from '../components/Spellbook/constants';
-import atlasJSON from '../mocks/atlas/items/items.json';
-import atlasIMG from '../mocks/atlas/items/items.png';
-import { itemContainerMock } from '../mocks/itemContainer.mocks';
+import { RPGUIRoot } from '../../../components/RPGUI/RPGUIRoot';
+import {
+  Shortcuts,
+  ShortcutsProps,
+} from '../../../components/Shortcuts/Shortcuts';
+import { SHORTCUTS_STORAGE_KEY } from '../../../components/Spellbook/constants';
+import atlasJSON from '../../../mocks/atlas/items/items.json';
+import atlasIMG from '../../../mocks/atlas/items/items.png';
+import { itemContainerMock } from '../../../mocks/itemContainer.mocks';
 
 const meta: Meta = {
-  title: 'Shortcuts',
+  title: 'Features/Shortcuts/Shortcuts',
   component: Shortcuts,
 };
 

package/src/stories/{SpellInfoDisplay.stories.tsx → Features/spells/SpellInfoDisplay.stories.tsx}

@@ -1,14 +1,14 @@
 import { Story } from '@storybook/react';
 import React from 'react';
-import { RPGUIRoot } from '../components/RPGUI/RPGUIRoot';
+import { RPGUIRoot } from '../../../components/RPGUI/RPGUIRoot';
 import {
   ISpellInfoDisplayProps,
   SpellInfoDisplay,
-} from '../components/Spellbook/cards/SpellInfoDisplay';
-import { mockSpells } from '../components/Spellbook/mockSpells';
+} from '../../../components/Spellbook/cards/SpellInfoDisplay';
+import { mockSpells } from '../../../components/Spellbook/mockSpells';
 
 export default {
-  title: 'Spell info',
+  title: 'Features/Spells/Spell info',
   component: SpellInfoDisplay,
 };
 

package/src/stories/{Spellbook.stories.tsx → Features/spells/Spellbook.stories.tsx}

@@ -1,18 +1,21 @@
 import { IRawSpell, IShortcut, ShortcutType } from '@rpg-engine/shared';
 import { Meta, Story } from '@storybook/react';
 import React, { useEffect, useState } from 'react';
-import { RPGUIRoot } from '../components/RPGUI/RPGUIRoot';
-import { ISpellbookProps, Spellbook } from '../components/Spellbook/Spellbook';
+import { RPGUIRoot } from '../../../components/RPGUI/RPGUIRoot';
+import {
+  ISpellbookProps,
+  Spellbook,
+} from '../../../components/Spellbook/Spellbook';
 import {
   SHORTCUTS_STORAGE_KEY,
   defaultShortcut,
-} from '../components/Spellbook/constants';
-import { mockSpells } from '../components/Spellbook/mockSpells';
-import atlasJSON from '../mocks/atlas/items/items.json';
-import atlasIMG from '../mocks/atlas/items/items.png';
+} from '../../../components/Spellbook/constants';
+import { mockSpells } from '../../../components/Spellbook/mockSpells';
+import atlasJSON from '../../../mocks/atlas/items/items.json';
+import atlasIMG from '../../../mocks/atlas/items/items.png';
 
 const meta: Meta = {
-  title: 'Spellbook',
+  title: 'Features/Spells/Spellbook',
   component: Spellbook,
 };
 

package/src/stories/{ItemTradingComponent.stories.tsx → Features/trading/ItemTradingComponent.stories.tsx}

@@ -1,14 +1,14 @@
 import { ITradeResponseItem } from '@rpg-engine/shared';
 import { Meta } from '@storybook/react';
 import React, { useState } from 'react';
-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';
+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';
 
 const meta: Meta = {
-  title: 'Trading Item',
+  title: 'Features/Trading/Trading Item',
   component: TradingItemRow,
 };
 export default meta;

package/src/stories/{Marketplace.stories.tsx → Features/trading/Marketplace.stories.tsx}

@@ -1,14 +1,14 @@
 import { Meta, Story } from '@storybook/react';
 import React from 'react';
-import { RPGUIRoot } from '..';
-import { Marketplace } from '../components/Marketplace/Marketplace';
-import atlasJSON from '../mocks/atlas/items/items.json';
-import atlasIMG from '../mocks/atlas/items/items.png';
-import { equipmentSetMock } from '../mocks/equipmentSet.mocks';
-import { items } from '../mocks/itemContainer.mocks';
+import { RPGUIRoot } from '../../..';
+import { Marketplace } from '../../../components/Marketplace/Marketplace';
+import atlasJSON from '../../../mocks/atlas/items/items.json';
+import atlasIMG from '../../../mocks/atlas/items/items.png';
+import { equipmentSetMock } from '../../../mocks/equipmentSet.mocks';
+import { items } from '../../../mocks/itemContainer.mocks';
 
 const meta: Meta = {
-  title: 'Marketplace',
+  title: 'Features/Marketplace/Marketplace',
   component: Marketplace,
 };
 

package/src/stories/{MarketplaceRows.stories.tsx → Features/trading/MarketplaceRows.stories.tsx}

@@ -1,13 +1,13 @@
 import { Meta, Story } from '@storybook/react';
 import React from 'react';
-import { RPGUIRoot } from '..';
-import { MarketplaceRows } from '../components/Marketplace/MarketplaceRows';
-import atlasJSON from '../mocks/atlas/items/items.json';
-import atlasIMG from '../mocks/atlas/items/items.png';
-import { items } from '../mocks/itemContainer.mocks';
+import { RPGUIRoot } from '../../..';
+import { MarketplaceRows } from '../../../components/Marketplace/MarketplaceRows';
+import atlasJSON from '../../../mocks/atlas/items/items.json';
+import atlasIMG from '../../../mocks/atlas/items/items.png';
+import { items } from '../../../mocks/itemContainer.mocks';
 
 const meta: Meta = {
-  title: 'MarketplaceRows',
+  title: 'Features/Marketplace/MarketplaceRows',
   component: MarketplaceRows,
 };
 

package/src/stories/{TradingMenu.stories.tsx → Features/trading/TradingMenu.stories.tsx}

@@ -1,18 +1,18 @@
 import { ITradeRequestItem } from '@rpg-engine/shared';
 import { Meta, Story } from '@storybook/react';
 import React from 'react';
-import { RPGUIRoot } from '../components/RPGUI/RPGUIRoot';
+import { RPGUIRoot } from '../../../components/RPGUI/RPGUIRoot';
 import {
   ITradingMenu,
   TradingMenu,
-} from '../components/TradingMenu/TradingMenu';
-import { itemMock } from '../components/TradingMenu/items.mock';
-import atlasJSON from '../mocks/atlas/items/items.json';
-import atlasIMG from '../mocks/atlas/items/items.png';
-import { equipmentSetMock } from '../mocks/equipmentSet.mocks';
+} from '../../../components/TradingMenu/TradingMenu';
+import { itemMock } from '../../../components/TradingMenu/items.mock';
+import atlasJSON from '../../../mocks/atlas/items/items.json';
+import atlasIMG from '../../../mocks/atlas/items/items.png';
+import { equipmentSetMock } from '../../../mocks/equipmentSet.mocks';
 
 const meta: Meta = {
-  title: 'Trading Menu',
+  title: 'Features/Trading/Trading Menu',
   component: TradingMenu,
 };
 

package/src/stories/{DayNightPeriod.stories.tsx → Features/weather/DayNightPeriod.stories.tsx}

@@ -1,14 +1,14 @@
 import { PeriodOfDay } from '@rpg-engine/shared';
 import { Meta, Story } from '@storybook/react';
 import React from 'react';
-import { RPGUIRoot } from '../components/RPGUI/RPGUIRoot';
+import { RPGUIRoot } from '../../../components/RPGUI/RPGUIRoot';
 import {
   DayNightPeriod,
   IPeriodOfDayDisplayProps,
-} from '../components/TimeWidget/DayNightPeriod/DayNightPeriod';
+} from '../../../components/TimeWidget/DayNightPeriod/DayNightPeriod';
 
 const meta: Meta = {
-  title: 'Day and Night Period',
+  title: 'Features/Weather/Day and Night Period',
   component: DayNightPeriod,
 };
 

package/src/stories/{TimeWidget.stories.tsx → Features/weather/TimeWidget.stories.tsx}

@@ -1,14 +1,14 @@
 import { PeriodOfDay } from '@rpg-engine/shared';
 import { Meta, Story } from '@storybook/react';
 import React from 'react';
-import { RPGUIRoot } from '../components/RPGUI/RPGUIRoot';
+import { RPGUIRoot } from '../../../components/RPGUI/RPGUIRoot';
 import {
   IClockWidgetProps,
   TimeWidget,
-} from '../components/TimeWidget/TimeWidget';
+} from '../../../components/TimeWidget/TimeWidget';
 
 const meta: Meta = {
-  title: 'Time Widget',
+  title: 'Features/Weather/Time Widget',
   component: TimeWidget,
 };
 

package/src/stories/{ItemInfoDisplay.stories.tsx → Item/ItemInfoDisplay.stories.tsx}

@@ -3,15 +3,15 @@ import React from 'react';
 import {
   IItemInfoDisplayProps,
   ItemInfoDisplay,
-} from '../components/Item/Cards/ItemInfoDisplay';
-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';
-import { items } from '../mocks/itemContainer.mocks';
+} from '../../components/Item/Cards/ItemInfoDisplay';
+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';
+import { items } from '../../mocks/itemContainer.mocks';
 
 export default {
-  title: 'Item info',
+  title: 'Item/Info/Item info',
   component: ItemInfoDisplay,
 };
 

package/src/stories/{NPCDialog.stories.tsx → NPC/dialog/NPCDialog.stories.tsx}

@@ -4,15 +4,15 @@ import {
   INPCDialogProps,
   NPCDialog,
   NPCDialogType,
-} from '../../src/components/NPCDialog/NPCDialog';
+} from '../../../components/NPCDialog/NPCDialog';
 import {
   IQuestionDialog,
   IQuestionDialogAnswer,
-} from '../../src/components/NPCDialog/QuestionDialog/QuestionDialog';
-import { RPGUIRoot } from '../components/RPGUI/RPGUIRoot';
+} from '../../../components/NPCDialog/QuestionDialog/QuestionDialog';
+import { RPGUIRoot } from '../../../components/RPGUI/RPGUIRoot';
 
 const meta: Meta = {
-  title: 'NPC Dialog',
+  title: 'NPC/Dialog/NPC Dialog',
   component: NPCDialog,
   argTypes: {
     text: {

package/src/stories/{HistoryDialog.stories.tsx → NPC/dialog/NPCHistoryDialog.stories.tsx}

@@ -3,19 +3,19 @@ import React from 'react';
 import {
   HistoryDialog,
   IHistoryDialogProps,
-} from '../components/HistoryDialog';
+} from '../../../components/HistoryDialog';
+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 {
   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';
+} from '../../../components/NPCDialog/NPCMultiDialog';
+import { RPGUIRoot } from '../../../components/RPGUI/RPGUIRoot';
 
 const meta: Meta = {
-  title: 'NPC History Dialog',
+  title: 'NPC/Dialog/NPC History Dialog',
   component: HistoryDialog,
   argTypes: {
     text: {

package/src/stories/{NPCMultiDialog.stories.tsx → NPC/dialog/NPCMultiDialog.stories.tsx}

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

package/src/stories/{RPGUIContainers.stories.tsx → UI/RPGUI/RPGUIContainers.stories.tsx}

@@ -4,11 +4,11 @@ import {
   IRPGUIContainerProps,
   RPGUIContainer,
   RPGUIContainerTypes,
-} from '../components/RPGUI/RPGUIContainer';
-import { RPGUIRoot } from '../components/RPGUI/RPGUIRoot';
+} from '../../../components/RPGUI/RPGUIContainer';
+import { RPGUIRoot } from '../../../components/RPGUI/RPGUIRoot';
 
 const meta: Meta = {
-  title: 'RPGUI Container',
+  title: 'UI/RPGUI/RPGUI Container',
   component: RPGUIContainer,
   argTypes: {
     type: {

package/src/stories/{StaticBook.stories.tsx → UI/books/StaticBook.stories.tsx}

@@ -1,13 +1,13 @@
 import { Meta, Story } from '@storybook/react';
 import React from 'react';
-import { RPGUIRoot } from '..';
+import { RPGUIRoot } from '../../..';
 import {
   IStaticBookProps,
   StaticBook,
-} from '../components/StaticBook/StaticBook';
+} from '../../../components/StaticBook/StaticBook';
 
 const meta: Meta = {
-  title: 'Static Book',
+  title: 'UI/Books/Static Book',
   component: StaticBook,
 };
 

package/src/stories/{Button.stories.tsx → UI/buttonsAndInputs/Button.stories.tsx}

@@ -1,10 +1,10 @@
 import { Meta, Story } from '@storybook/react';
 import React from 'react';
-import { Button, ButtonTypes, IButtonProps } from '../../src/components/Button';
-import { RPGUIRoot } from '../components/RPGUI/RPGUIRoot';
+import { Button, ButtonTypes, IButtonProps } from '../../../components/Button';
+import { RPGUIRoot } from '../../../components/RPGUI/RPGUIRoot';
 
 const meta: Meta = {
-  title: 'Button',
+  title: 'UI/Buttons & Inputs/Button',
   component: Button,
   argTypes: {
     children: {},

package/src/stories/{CheckButton.stories.tsx → UI/buttonsAndInputs/CheckItem.stories.tsx}

@@ -4,16 +4,16 @@ import {
   CheckButton,
   ICheckItems,
   ICheckProps,
-} from '../../src/components/CheckButton';
-import { CheckItem, ICheckItemProps } from '../components/CheckItem';
+} from '../../../components/CheckButton';
+import { CheckItem, ICheckItemProps } from '../../../components/CheckItem';
 import {
   RPGUIContainer,
   RPGUIContainerTypes,
-} from '../components/RPGUI/RPGUIContainer';
-import { RPGUIRoot } from '../components/RPGUI/RPGUIRoot';
+} from '../../../components/RPGUI/RPGUIContainer';
+import { RPGUIRoot } from '../../../components/RPGUI/RPGUIRoot';
 
 const meta: Meta = {
-  title: 'Check Input',
+  title: 'UI/Buttons & Inputs/Check Input',
   component: CheckButton,
 };