diff --git a/.pnp.cjs b/.pnp.cjs
index 5e62be15..343ab8f7 100755
--- a/.pnp.cjs
+++ b/.pnp.cjs
@@ -3555,6 +3555,15 @@ const RAW_RUNTIME_STATE =
           ["@floating-ui/utils", "npm:0.2.1"]\
         ],\
         "linkType": "HARD"\
+      }],\
+      ["npm:1.6.3", {\
+        "packageLocation": "../../.yarn/berry/cache/@floating-ui-dom-npm-1.6.3-cf39e1c671-10c0.zip/node_modules/@floating-ui/dom/",\
+        "packageDependencies": [\
+          ["@floating-ui/dom", "npm:1.6.3"],\
+          ["@floating-ui/core", "npm:1.6.0"],\
+          ["@floating-ui/utils", "npm:0.2.1"]\
+        ],\
+        "linkType": "HARD"\
       }]\
     ]],\
     ["@floating-ui/react-dom", [\
@@ -7167,6 +7176,16 @@ const RAW_RUNTIME_STATE =
         "linkType": "HARD"\
       }]\
     ]],\
+    ["@types/react-transition-group", [\
+      ["npm:4.4.10", {\
+        "packageLocation": "../../.yarn/berry/cache/@types-react-transition-group-npm-4.4.10-5e11bed850-10c0.zip/node_modules/@types/react-transition-group/",\
+        "packageDependencies": [\
+          ["@types/react-transition-group", "npm:4.4.10"],\
+          ["@types/react", "npm:18.2.48"]\
+        ],\
+        "linkType": "HARD"\
+      }]\
+    ]],\
     ["@types/resolve", [\
       ["npm:1.20.6", {\
         "packageLocation": "../../.yarn/berry/cache/@types-resolve-npm-1.20.6-6ab126a04b-10c0.zip/node_modules/@types/resolve/",\
@@ -7802,6 +7821,7 @@ const RAW_RUNTIME_STATE =
           ["react-hook-form", "virtual:9845906954fdbefbb879db24fa8772d77a945dca59f459806df47a5b67245d4bc6502880b373cca7201062c81bea9f13f699f52de2004c037e79dbdbd5d97fb3#npm:7.50.0"],\
           ["react-intersection-observer", "virtual:9845906954fdbefbb879db24fa8772d77a945dca59f459806df47a5b67245d4bc6502880b373cca7201062c81bea9f13f699f52de2004c037e79dbdbd5d97fb3#npm:9.8.0"],\
           ["react-router-dom", "virtual:9845906954fdbefbb879db24fa8772d77a945dca59f459806df47a5b67245d4bc6502880b373cca7201062c81bea9f13f699f52de2004c037e79dbdbd5d97fb3#npm:6.21.3"],\
+          ["react-select", "virtual:9845906954fdbefbb879db24fa8772d77a945dca59f459806df47a5b67245d4bc6502880b373cca7201062c81bea9f13f699f52de2004c037e79dbdbd5d97fb3#npm:5.8.0"],\
           ["the-new-css-reset", "npm:1.11.2"],\
           ["typescript", "patch:typescript@npm%3A5.3.3#optional!builtin<compat/typescript>::version=5.3.3&hash=e012d7"],\
           ["vite", "virtual:9845906954fdbefbb879db24fa8772d77a945dca59f459806df47a5b67245d4bc6502880b373cca7201062c81bea9f13f699f52de2004c037e79dbdbd5d97fb3#npm:5.0.11"]\
@@ -9298,6 +9318,17 @@ const RAW_RUNTIME_STATE =
         "linkType": "HARD"\
       }]\
     ]],\
+    ["dom-helpers", [\
+      ["npm:5.2.1", {\
+        "packageLocation": "../../.yarn/berry/cache/dom-helpers-npm-5.2.1-b38bb4470b-10c0.zip/node_modules/dom-helpers/",\
+        "packageDependencies": [\
+          ["dom-helpers", "npm:5.2.1"],\
+          ["@babel/runtime", "npm:7.23.9"],\
+          ["csstype", "npm:3.1.3"]\
+        ],\
+        "linkType": "HARD"\
+      }]\
+    ]],\
     ["dotenv", [\
       ["npm:16.4.1", {\
         "packageLocation": "../../.yarn/berry/cache/dotenv-npm-16.4.1-07f53222f2-10c0.zip/node_modules/dotenv/",\
@@ -12338,6 +12369,15 @@ const RAW_RUNTIME_STATE =
         "linkType": "HARD"\
       }]\
     ]],\
+    ["memoize-one", [\
+      ["npm:6.0.0", {\
+        "packageLocation": "../../.yarn/berry/cache/memoize-one-npm-6.0.0-8b2a2cd020-10c0.zip/node_modules/memoize-one/",\
+        "packageDependencies": [\
+          ["memoize-one", "npm:6.0.0"]\
+        ],\
+        "linkType": "HARD"\
+      }]\
+    ]],\
     ["memoizerific", [\
       ["npm:1.11.3", {\
         "packageLocation": "../../.yarn/berry/cache/memoizerific-npm-1.11.3-3cd7adb7ec-10c0.zip/node_modules/memoizerific/",\
@@ -14049,6 +14089,41 @@ const RAW_RUNTIME_STATE =
         "linkType": "HARD"\
       }]\
     ]],\
+    ["react-select", [\
+      ["npm:5.8.0", {\
+        "packageLocation": "../../.yarn/berry/cache/react-select-npm-5.8.0-468e0395bb-10c0.zip/node_modules/react-select/",\
+        "packageDependencies": [\
+          ["react-select", "npm:5.8.0"]\
+        ],\
+        "linkType": "SOFT"\
+      }],\
+      ["virtual:9845906954fdbefbb879db24fa8772d77a945dca59f459806df47a5b67245d4bc6502880b373cca7201062c81bea9f13f699f52de2004c037e79dbdbd5d97fb3#npm:5.8.0", {\
+        "packageLocation": "./.yarn/__virtual__/react-select-virtual-7a2c609099/3/.yarn/berry/cache/react-select-npm-5.8.0-468e0395bb-10c0.zip/node_modules/react-select/",\
+        "packageDependencies": [\
+          ["react-select", "virtual:9845906954fdbefbb879db24fa8772d77a945dca59f459806df47a5b67245d4bc6502880b373cca7201062c81bea9f13f699f52de2004c037e79dbdbd5d97fb3#npm:5.8.0"],\
+          ["@babel/runtime", "npm:7.23.9"],\
+          ["@emotion/cache", "npm:11.11.0"],\
+          ["@emotion/react", "virtual:de80dc576383b2386358abc0e9fe49c00e3397fe355a0337462b73ab3115c2e557eb85784ee0fe776394cc11dd020b4e84dbbd75acf72ee6d54415d82d21f5c5#npm:11.11.3"],\
+          ["@floating-ui/dom", "npm:1.6.3"],\
+          ["@types/react", "npm:18.2.48"],\
+          ["@types/react-dom", "npm:18.2.18"],\
+          ["@types/react-transition-group", "npm:4.4.10"],\
+          ["memoize-one", "npm:6.0.0"],\
+          ["prop-types", "npm:15.8.1"],\
+          ["react", "npm:18.2.0"],\
+          ["react-dom", "virtual:de80dc576383b2386358abc0e9fe49c00e3397fe355a0337462b73ab3115c2e557eb85784ee0fe776394cc11dd020b4e84dbbd75acf72ee6d54415d82d21f5c5#npm:18.2.0"],\
+          ["react-transition-group", "virtual:7a2c6090995d562710f85524a44fd68933e1b1fd02d7b4a822f976f640183643314e81b95d214e5b763d84122b40de71406b5ebb4439019bf1994315f06b2579#npm:4.4.5"],\
+          ["use-isomorphic-layout-effect", "virtual:7a2c6090995d562710f85524a44fd68933e1b1fd02d7b4a822f976f640183643314e81b95d214e5b763d84122b40de71406b5ebb4439019bf1994315f06b2579#npm:1.1.2"]\
+        ],\
+        "packagePeers": [\
+          "@types/react-dom",\
+          "@types/react",\
+          "react-dom",\
+          "react"\
+        ],\
+        "linkType": "HARD"\
+      }]\
+    ]],\
     ["react-style-singleton", [\
       ["npm:2.2.1", {\
         "packageLocation": "../../.yarn/berry/cache/react-style-singleton-npm-2.2.1-e45b97b153-10c0.zip/node_modules/react-style-singleton/",\
@@ -14090,6 +14165,36 @@ const RAW_RUNTIME_STATE =
         "linkType": "HARD"\
       }]\
     ]],\
+    ["react-transition-group", [\
+      ["npm:4.4.5", {\
+        "packageLocation": "../../.yarn/berry/cache/react-transition-group-npm-4.4.5-98ea4ef96e-10c0.zip/node_modules/react-transition-group/",\
+        "packageDependencies": [\
+          ["react-transition-group", "npm:4.4.5"]\
+        ],\
+        "linkType": "SOFT"\
+      }],\
+      ["virtual:7a2c6090995d562710f85524a44fd68933e1b1fd02d7b4a822f976f640183643314e81b95d214e5b763d84122b40de71406b5ebb4439019bf1994315f06b2579#npm:4.4.5", {\
+        "packageLocation": "./.yarn/__virtual__/react-transition-group-virtual-f6ce558bae/3/.yarn/berry/cache/react-transition-group-npm-4.4.5-98ea4ef96e-10c0.zip/node_modules/react-transition-group/",\
+        "packageDependencies": [\
+          ["react-transition-group", "virtual:7a2c6090995d562710f85524a44fd68933e1b1fd02d7b4a822f976f640183643314e81b95d214e5b763d84122b40de71406b5ebb4439019bf1994315f06b2579#npm:4.4.5"],\
+          ["@babel/runtime", "npm:7.23.9"],\
+          ["@types/react", "npm:18.2.48"],\
+          ["@types/react-dom", "npm:18.2.18"],\
+          ["dom-helpers", "npm:5.2.1"],\
+          ["loose-envify", "npm:1.4.0"],\
+          ["prop-types", "npm:15.8.1"],\
+          ["react", "npm:18.2.0"],\
+          ["react-dom", "virtual:de80dc576383b2386358abc0e9fe49c00e3397fe355a0337462b73ab3115c2e557eb85784ee0fe776394cc11dd020b4e84dbbd75acf72ee6d54415d82d21f5c5#npm:18.2.0"]\
+        ],\
+        "packagePeers": [\
+          "@types/react-dom",\
+          "@types/react",\
+          "react-dom",\
+          "react"\
+        ],\
+        "linkType": "HARD"\
+      }]\
+    ]],\
     ["read-pkg", [\
       ["npm:5.2.0", {\
         "packageLocation": "../../.yarn/berry/cache/read-pkg-npm-5.2.0-50426bd8dc-10c0.zip/node_modules/read-pkg/",\
@@ -15870,6 +15975,28 @@ const RAW_RUNTIME_STATE =
         "linkType": "HARD"\
       }]\
     ]],\
+    ["use-isomorphic-layout-effect", [\
+      ["npm:1.1.2", {\
+        "packageLocation": "../../.yarn/berry/cache/use-isomorphic-layout-effect-npm-1.1.2-65facd0a4b-10c0.zip/node_modules/use-isomorphic-layout-effect/",\
+        "packageDependencies": [\
+          ["use-isomorphic-layout-effect", "npm:1.1.2"]\
+        ],\
+        "linkType": "SOFT"\
+      }],\
+      ["virtual:7a2c6090995d562710f85524a44fd68933e1b1fd02d7b4a822f976f640183643314e81b95d214e5b763d84122b40de71406b5ebb4439019bf1994315f06b2579#npm:1.1.2", {\
+        "packageLocation": "./.yarn/__virtual__/use-isomorphic-layout-effect-virtual-163045e361/3/.yarn/berry/cache/use-isomorphic-layout-effect-npm-1.1.2-65facd0a4b-10c0.zip/node_modules/use-isomorphic-layout-effect/",\
+        "packageDependencies": [\
+          ["use-isomorphic-layout-effect", "virtual:7a2c6090995d562710f85524a44fd68933e1b1fd02d7b4a822f976f640183643314e81b95d214e5b763d84122b40de71406b5ebb4439019bf1994315f06b2579#npm:1.1.2"],\
+          ["@types/react", "npm:18.2.48"],\
+          ["react", "npm:18.2.0"]\
+        ],\
+        "packagePeers": [\
+          "@types/react",\
+          "react"\
+        ],\
+        "linkType": "HARD"\
+      }]\
+    ]],\
     ["use-resize-observer", [\
       ["npm:9.1.0", {\
         "packageLocation": "../../.yarn/berry/cache/use-resize-observer-npm-9.1.0-ee1d268d88-10c0.zip/node_modules/use-resize-observer/",\
diff --git a/.yarn/install-state.gz b/.yarn/install-state.gz
index c855b908..0ac2f280 100644
Binary files a/.yarn/install-state.gz and b/.yarn/install-state.gz differ
diff --git a/apps/admin/package.json b/apps/admin/package.json
index 1ce3d91d..d526b1f4 100644
--- a/apps/admin/package.json
+++ b/apps/admin/package.json
@@ -24,6 +24,7 @@
     "react-hook-form": "^7.50.0",
     "react-intersection-observer": "^9.8.0",
     "react-router-dom": "^6.21.3",
+    "react-select": "^5.8.0",
     "the-new-css-reset": "^1.11.2"
   },
   "devDependencies": {
diff --git a/apps/admin/src/App.tsx b/apps/admin/src/App.tsx
index 5f601fc5..a22e1812 100644
--- a/apps/admin/src/App.tsx
+++ b/apps/admin/src/App.tsx
@@ -13,7 +13,9 @@ import OAuthApplePage from './pages/OAuth/OAuthApplePage';
 import OAuthKakaoPage from './pages/OAuth/OAuthKakaoPage';
 import ShowAddCompletePage from './pages/ShowAddCompletePage/ShowAddCompletePage';
 import ShowAddPage from './pages/ShowAddPage/ShowAddPage';
+import ShowEnteryPage from './pages/ShowEnteryPage/ShowEnterancePage';
 import ShowInfoPage from './pages/ShowInfoPage/ShowInfoPage';
+import ShowReservationPage from './pages/ShowReservationPage/ShowReservationPage';
 import ShowTicketPage from './pages/ShowTicketPage/ShowTicketPage';
 import SignUpCompletePage from './pages/SignUpComplete/SignUpCompletePage';
 
@@ -86,8 +88,8 @@ const privateRoutes = [
       { path: PATH.SHOW_ADD_TICKET, element: <ShowAddPage step="ticket" /> },
       { path: PATH.SHOW_INFO, element: <ShowInfoPage /> },
       { path: PATH.SHOW_TICKET, element: <ShowTicketPage /> },
-      { path: PATH.SHOW_RESERVATION, element: null },
-      { path: PATH.SHOW_ENTRY, element: null },
+      { path: PATH.SHOW_RESERVATION, element: <ShowReservationPage /> },
+      { path: PATH.SHOW_ENTRY, element: <ShowEnteryPage /> },
       {
         path: PATH.SHOW_ADD_COMPLETE,
         element: <ShowAddCompletePage />,
diff --git a/apps/admin/src/components/ShowList/index.tsx b/apps/admin/src/components/ShowList/index.tsx
index eaf25e06..be9b4e44 100644
--- a/apps/admin/src/components/ShowList/index.tsx
+++ b/apps/admin/src/components/ShowList/index.tsx
@@ -51,6 +51,7 @@ const ShowList = ({ shows }: Props) => {
       {isEmpty ? (
         <ShowListItem
           isEmpty
+          id={0}
           thumbnailPath=""
           title=""
           date=""
diff --git a/apps/admin/src/components/ShowListItem/index.tsx b/apps/admin/src/components/ShowListItem/index.tsx
index fc7a3dfa..c197a363 100644
--- a/apps/admin/src/components/ShowListItem/index.tsx
+++ b/apps/admin/src/components/ShowListItem/index.tsx
@@ -2,11 +2,15 @@ import { ChevronRightIcon } from '@boolti/icon';
 import { Badge } from '@boolti/ui';
 import { differenceInDays, format, isAfter, isBefore, isToday } from 'date-fns';
 import { ko } from 'date-fns/locale';
+import { generatePath, useNavigate } from 'react-router-dom';
+
+import { PATH } from '~/constants/routes';
 
 import Styled from './ShowListItem.styles';
 
 interface Props {
   isEmpty?: boolean;
+  id: number;
   title: string;
   date: string;
   hostName: string;
@@ -33,13 +37,13 @@ function getBadgeProps(
       colorTheme: 'grey',
     };
   }
-  if (isBefore(salesStartTime, today)) {
+  if (isBefore(today, salesStartTime)) {
     return {
-      children: `티켓 판매 오픈 D-${differenceInDays(today, salesStartTime)}`,
+      children: `티켓 판매 오픈 D-${differenceInDays(salesStartTime, today)}`,
       colorTheme: 'purple',
     };
   }
-  if (isAfter(salesStartTime, today) && isBefore(salesEndTime, today)) {
+  if (isAfter(today, salesStartTime) && isBefore(today, salesEndTime)) {
     return {
       children: '티켓 판매 중',
       colorTheme: 'blue',
@@ -54,18 +58,24 @@ function getBadgeProps(
 const ShowListItem = ({
   isEmpty,
   thumbnailPath,
+  id,
   title,
   date,
   hostName,
   salesStartTime,
   salesEndTime,
 }: Props) => {
+  const navigate = useNavigate();
   return (
     <Styled.Container as={isEmpty ? 'div' : 'li'}>
       {isEmpty ? (
         <Styled.EmptyText>아직 등록한 공연이 없어요.</Styled.EmptyText>
       ) : (
-        <Styled.Button>
+        <Styled.Button
+          onClick={() => {
+            navigate(generatePath(PATH.SHOW_INFO, { showId: id }));
+          }}
+        >
           <Styled.Poster thumbnailPath={thumbnailPath} />
           <Styled.TextContainer>
             <Styled.TitleContainer>
diff --git a/apps/admin/src/components/TicketTypeSelect/index.tsx b/apps/admin/src/components/TicketTypeSelect/index.tsx
new file mode 100644
index 00000000..967ed6ac
--- /dev/null
+++ b/apps/admin/src/components/TicketTypeSelect/index.tsx
@@ -0,0 +1,82 @@
+import { ChevronRightIcon } from '@boolti/icon';
+import { useTheme } from '@emotion/react';
+import Select from 'react-select';
+
+interface Props {
+  onChange: (value: string) => void;
+}
+
+const TicketTypeSelect = ({ onChange }: Props) => {
+  const theme = useTheme();
+  return (
+    <Select
+      onChange={(newItem) => newItem?.value && onChange(newItem.value)}
+      components={{ DropdownIndicator: ChevronRightIcon }}
+      isSearchable={false}
+      options={[
+        { value: 'ALL', label: '티켓 전체' },
+        { value: 'SALE', label: '일반 티켓' },
+        { value: 'INVITE', label: '초청 티켓' },
+      ]}
+      defaultValue={{ value: 'ALL', label: '티켓 전체' }}
+      styles={{
+        control: (base) => ({
+          ...base,
+          cursor: 'pointer',
+          border: 'none !important',
+          boxShadow: 'none !important',
+          padding: 12,
+        }),
+        valueContainer: (base) => ({
+          ...base,
+          border: 'none',
+          padding: 0,
+          margin: 0,
+        }),
+        singleValue: (base) => ({
+          ...base,
+          fontSize: '15px',
+          lineHeight: '23px',
+          margin: 0,
+          color: theme.palette.grey.g90,
+        }),
+        indicatorSeparator: () => ({
+          display: 'none',
+        }),
+        indicatorsContainer: () => ({
+          marginLeft: 12,
+          width: 20,
+          height: 20,
+          '& > svg': {
+            transform: 'rotate(90deg)',
+          },
+        }),
+        input: (base) => ({
+          ...base,
+          fontSize: '15px',
+          lineHeight: '23px',
+          padding: 0,
+          margin: 0,
+          color: theme.palette.grey.g90,
+        }),
+        menu: (base) => ({
+          ...base,
+          margin: 0,
+        }),
+        menuList: () => ({}),
+        option: (base, state) => ({
+          ...base,
+          cursor: 'pointer',
+          padding: '8px 20px 8px 12px',
+          fontSize: 14,
+          fontWeight: state.isSelected ? 600 : 400,
+          color: theme.palette.grey.g90,
+          lineHeight: '22px',
+          background: 'none !important',
+        }),
+      }}
+    />
+  );
+};
+
+export default TicketTypeSelect;
diff --git a/apps/admin/src/pages/ShowEnteryPage/ShowEnterancePage.tsx b/apps/admin/src/pages/ShowEnteryPage/ShowEnterancePage.tsx
new file mode 100644
index 00000000..4a333c5a
--- /dev/null
+++ b/apps/admin/src/pages/ShowEnteryPage/ShowEnterancePage.tsx
@@ -0,0 +1,22 @@
+import { useShowDetail } from '@boolti/api';
+import { useParams } from 'react-router-dom';
+
+import ShowDetailLayout from '~/components/ShowDetailLayout';
+
+import Styled from './ShowEnteryPage.styles';
+
+const ShowEnteryPage = () => {
+  const params = useParams<{ showId: string }>();
+
+  const { data: show } = useShowDetail(Number(params!.showId));
+
+  if (!show) return null;
+
+  return (
+    <ShowDetailLayout showName={show.name}>
+      <Styled.Container></Styled.Container>
+    </ShowDetailLayout>
+  );
+};
+
+export default ShowEnteryPage;
diff --git a/apps/admin/src/pages/ShowEnteryPage/ShowEnteryPage.styles.ts b/apps/admin/src/pages/ShowEnteryPage/ShowEnteryPage.styles.ts
new file mode 100644
index 00000000..926aad8a
--- /dev/null
+++ b/apps/admin/src/pages/ShowEnteryPage/ShowEnteryPage.styles.ts
@@ -0,0 +1,10 @@
+import styled from '@emotion/styled';
+
+const Container = styled.div`
+  padding: 0 20px;
+  margin: 40px 0 68px;
+`;
+
+export default {
+  Container,
+};
diff --git a/apps/admin/src/pages/ShowReservationPage/ShowReservationPage.styles.ts b/apps/admin/src/pages/ShowReservationPage/ShowReservationPage.styles.ts
new file mode 100644
index 00000000..78a72257
--- /dev/null
+++ b/apps/admin/src/pages/ShowReservationPage/ShowReservationPage.styles.ts
@@ -0,0 +1,154 @@
+import styled from '@emotion/styled';
+
+const Container = styled.div`
+  padding: 0 20px;
+  margin: 40px 0 68px;
+`;
+
+const Empty = styled.div`
+  margin: 0 auto;
+  width: 1080px;
+  height: 770px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  white-space: pre-wrap;
+  text-align: center;
+  ${({ theme }) => theme.typo.b4};
+  color: ${({ theme }) => theme.palette.grey.g40};
+`;
+
+const TicketSummaryContainer = styled.div`
+  display: flex;
+  margin-bottom: 40px;
+`;
+
+const TicketSummary = styled.div<{ colorTheme: 'grey' | 'red' }>`
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  width: 260px;
+  padding: 16px 20px;
+  border-radius: 8px;
+  ${({ colorTheme, theme }) => {
+    switch (colorTheme) {
+      case 'grey':
+        return `
+          background-color: ${theme.palette.grey.g00};
+          color: ${theme.palette.grey.g60};
+          & > b {
+            color: ${theme.palette.grey.g90};
+          }
+        `;
+      case 'red':
+        return `
+          background-color: ${theme.palette.primary.o0};
+          color: ${theme.palette.primary.o2};
+        `;
+    }
+  }}
+  &:not(:last-child) {
+    margin-right: 12px;
+  }
+`;
+
+const TicketSumamryLabel = styled.span`
+  ${({ theme }) => theme.typo.b2};
+`;
+
+const TicketSumamryValue = styled.b`
+  ${({ theme }) => theme.typo.sh2};
+`;
+
+const TicketReservationSummaryContainer = styled.div`
+  display: flex;
+  justify-content: center;
+  align-items: center;
+`;
+
+const TicketReservationSummaryButton = styled.button<{ isSelected?: boolean }>`
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  cursor: ${({ isSelected }) => (isSelected ? 'unset' : 'pointer')};
+  ${({ theme }) => theme.typo.sh1};
+  color: ${({ theme, isSelected }) =>
+    isSelected ? theme.palette.grey.g90 : theme.palette.grey.g70};
+  margin-right: 16px;
+  padding: 8px 4px;
+  &:last-of-type {
+    margin-right: auto;
+  }
+
+  & > span {
+    display: inline-flex;
+    justify-content: center;
+    align-items: center;
+    min-width: 20px;
+    border-radius: 30px;
+    margin-left: 4px;
+    ${({ theme }) => theme.typo.c1};
+    color: ${({ theme }) => theme.palette.grey.w};
+    background-color: ${({ theme, isSelected }) =>
+    isSelected ? theme.palette.grey.g90 : theme.palette.grey.g70};
+  }
+`;
+
+const InputContainer = styled.div`
+  position: relative;
+`;
+
+const Input = styled.input`
+  display: flex;
+  width: 262px;
+  padding: 8px 72px 8px 16px;
+  justify-content: space-between;
+  align-items: center;
+  border-radius: 100px;
+  margin-left: 8px;
+  border: 1px solid ${({ theme }) => theme.palette.grey.g20};
+  background-color: ${({ theme }) => theme.palette.grey.w};
+  ${({ theme }) => theme.typo.b2};
+  color: ${({ theme }) => theme.palette.grey.g90};
+  transition: border-color 0.2s ease-in-out;
+  &:focus {
+    border-color: ${({ theme }) => theme.palette.primary.o1};
+  }
+  &:placeholder-shown {
+    color: ${({ theme }) => theme.palette.grey.g30};
+  }
+`;
+
+const ButtonContainer = styled.div`
+  position: absolute;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  top: 50%;
+  right: 12px;
+  transform: translateY(-50%);
+`;
+
+const InputButton = styled.button`
+  width: 24px;
+  height: 24px;
+  cursor: pointer;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+`;
+
+export default {
+  Container,
+  TicketSummaryContainer,
+  TicketSummary,
+  TicketSumamryLabel,
+  TicketSumamryValue,
+  TicketReservationSummaryContainer,
+  TicketReservationSummaryButton,
+  InputContainer,
+  Input,
+  InputButton,
+  ButtonContainer,
+  Empty,
+};
diff --git a/apps/admin/src/pages/ShowReservationPage/ShowReservationPage.tsx b/apps/admin/src/pages/ShowReservationPage/ShowReservationPage.tsx
new file mode 100644
index 00000000..e38ac10e
--- /dev/null
+++ b/apps/admin/src/pages/ShowReservationPage/ShowReservationPage.tsx
@@ -0,0 +1,99 @@
+import { useShowDetail, useShowReservationSummary } from '@boolti/api';
+import { ClearIcon, SearchIcon } from '@boolti/icon';
+import { useState } from 'react';
+import { useParams } from 'react-router-dom';
+
+import ShowDetailLayout from '~/components/ShowDetailLayout';
+import TicketTypeSelect from '~/components/TicketTypeSelect';
+
+import Styled from './ShowReservationPage.styles';
+
+const ShowReservationPage = () => {
+  const params = useParams<{ showId: string }>();
+  const [, setSelectedTicketType] = useState('ALL');
+  const [searchText, setSearchText] = useState('');
+
+  const showId = Number(params!.showId);
+  const { data: show } = useShowDetail(showId);
+  const { data: reservationSummary } = useShowReservationSummary(showId);
+  // const { data: reservations = [], hasNextPage } = useShowReservations(showId);
+
+  if (!show || !reservationSummary) return null;
+
+  const {
+    salesTicketSoldCount,
+    totalSalesAmount,
+    invitationTicketSoldCount,
+    totalSoldCount,
+    waitCount,
+    completeCount,
+    cancelCount,
+  } = reservationSummary;
+
+  return (
+    <ShowDetailLayout showName={show.name}>
+      {totalSoldCount === 0 ? (
+        <Styled.Empty>
+          아직 판매한 티켓이 없어요.{'\n'}
+          티켓을 판매하고 예매자 명단을 관리해 보세요.
+        </Styled.Empty>
+      ) : (
+        <Styled.Container>
+          <Styled.TicketSummaryContainer>
+            <Styled.TicketSummary colorTheme="grey">
+              <Styled.TicketSumamryLabel>일반 티켓</Styled.TicketSumamryLabel>
+              <Styled.TicketSumamryValue>{salesTicketSoldCount}매</Styled.TicketSumamryValue>
+            </Styled.TicketSummary>
+            <Styled.TicketSummary colorTheme="grey">
+              <Styled.TicketSumamryLabel>초청 티켓</Styled.TicketSumamryLabel>
+              <Styled.TicketSumamryValue>{invitationTicketSoldCount}매</Styled.TicketSumamryValue>
+            </Styled.TicketSummary>
+            <Styled.TicketSummary colorTheme="grey">
+              <Styled.TicketSumamryLabel>총 발권된 티켓</Styled.TicketSumamryLabel>
+              <Styled.TicketSumamryValue>{totalSoldCount}매</Styled.TicketSumamryValue>
+            </Styled.TicketSummary>
+            <Styled.TicketSummary colorTheme="red">
+              <Styled.TicketSumamryLabel>공연 수익</Styled.TicketSumamryLabel>
+              <Styled.TicketSumamryValue>
+                {totalSalesAmount.toLocaleString()}원
+              </Styled.TicketSumamryValue>
+            </Styled.TicketSummary>
+          </Styled.TicketSummaryContainer>
+          <Styled.TicketReservationSummaryContainer>
+            <Styled.TicketReservationSummaryButton isSelected>
+              발권 대기 <span>{waitCount}</span>
+            </Styled.TicketReservationSummaryButton>
+            <Styled.TicketReservationSummaryButton>
+              발권 완료 <span>{completeCount}</span>
+            </Styled.TicketReservationSummaryButton>
+            <Styled.TicketReservationSummaryButton>
+              발권 취소 <span>{cancelCount}</span>
+            </Styled.TicketReservationSummaryButton>
+            <TicketTypeSelect onChange={(value) => setSelectedTicketType(value)} />
+            <Styled.InputContainer>
+              <Styled.Input
+                value={searchText}
+                onChange={(event) => {
+                  setSearchText(event.target.value);
+                }}
+                placeholder="예매자 이름, 연락처 검색"
+              />
+              <Styled.ButtonContainer>
+                {searchText !== '' && (
+                  <Styled.InputButton onClick={() => setSearchText('')}>
+                    <ClearIcon />
+                  </Styled.InputButton>
+                )}
+                <Styled.InputButton>
+                  <SearchIcon />
+                </Styled.InputButton>
+              </Styled.ButtonContainer>
+            </Styled.InputContainer>
+          </Styled.TicketReservationSummaryContainer>
+        </Styled.Container>
+      )}
+    </ShowDetailLayout>
+  );
+};
+
+export default ShowReservationPage;
diff --git a/apps/storybook/stories/Icon.stories.mdx b/apps/storybook/stories/Icon.stories.mdx
index f18268d5..a13cc2f0 100644
--- a/apps/storybook/stories/Icon.stories.mdx
+++ b/apps/storybook/stories/Icon.stories.mdx
@@ -18,6 +18,7 @@ import {
   SearchIcon,
   TicketIcon,
   UpDownIcon,
+  ClearIcon,
   UsersIcon,
   WalletIcon,
   BNK,
@@ -78,6 +79,9 @@ import {
   <IconItem name='WalletIcon'>
     <WalletIcon />
   </IconItem>
+  <IconItem name='ClearIcon'>
+    <ClearIcon />
+  </IconItem>
   <IconItem name='UsersIcon'>
     <UsersIcon />
   </IconItem>
diff --git a/packages/api/src/queries/index.ts b/packages/api/src/queries/index.ts
index fa3794e4..3279126d 100644
--- a/packages/api/src/queries/index.ts
+++ b/packages/api/src/queries/index.ts
@@ -3,6 +3,8 @@ import useInvitationTicketList from './useInvitationTicketList';
 import useSalesTicketList from './useSalesTicketList';
 import useShowDetail from './useShowDetail';
 import useShowList from './useShowList';
+import useShowReservations from './useShowReservations';
+import useShowReservationSummary from './useShowReservationSummary';
 import useShowSalesInfo from './useShowSalesInfo';
 import useUserAccountInfo from './useUserAccountInfo';
 import useUserSummary from './useUserSummary';
@@ -13,6 +15,8 @@ export {
   useSalesTicketList,
   useShowDetail,
   useShowList,
+  useShowReservations,
+  useShowReservationSummary,
   useShowSalesInfo,
   useUserAccountInfo,
   useUserSummary,
diff --git a/packages/api/src/queries/useShowReservationSummary.ts b/packages/api/src/queries/useShowReservationSummary.ts
new file mode 100644
index 00000000..5336a9e6
--- /dev/null
+++ b/packages/api/src/queries/useShowReservationSummary.ts
@@ -0,0 +1,8 @@
+import { useQuery } from '@tanstack/react-query';
+
+import { queryKeys } from '../queryKey';
+
+const useShowReservationSummary = (showId: number) =>
+  useQuery(queryKeys.show.reservationSummary(showId));
+
+export default useShowReservationSummary;
diff --git a/packages/api/src/queries/useShowReservations.ts b/packages/api/src/queries/useShowReservations.ts
new file mode 100644
index 00000000..4c252e4c
--- /dev/null
+++ b/packages/api/src/queries/useShowReservations.ts
@@ -0,0 +1,18 @@
+import { useInfiniteQuery } from '@tanstack/react-query';
+
+import { queryKeys } from '../queryKey';
+import { ReservationStatus, TicketType } from '../types';
+
+const useShowReservations = (
+  showId: number,
+  reservationNameOrPhoneNumber: string | undefined = undefined,
+  ticketType: TicketType | undefined = undefined,
+  ticketStatus: ReservationStatus | undefined = undefined,
+) =>
+  useInfiniteQuery({
+    ...queryKeys.show.reservation(showId, reservationNameOrPhoneNumber, ticketType, ticketStatus),
+    getNextPageParam: (lastPage) => (lastPage.last ? undefined : lastPage.number + 1),
+    getPreviousPageParam: (firstPage) => (firstPage.first ? undefined : firstPage.number - 1),
+  });
+
+export default useShowReservations;
diff --git a/packages/api/src/queryKey.ts b/packages/api/src/queryKey.ts
index d407f65c..11406b11 100644
--- a/packages/api/src/queryKey.ts
+++ b/packages/api/src/queryKey.ts
@@ -2,19 +2,19 @@ import { createQueryKeys, mergeQueryKeys } from '@lukemorales/query-key-factory'
 
 import { fetcher } from './fetcher';
 import {
+  PageReservationResponse,
+  ReservationStatus,
+  ReservationSummaryResponse,
   ShowInvitationCodeListResponse,
   ShowInvitationTicketResponse,
   ShowResponse,
   ShowSalesInfoResponse,
   ShowSalesTicketResponse,
   ShowSummaryResponse,
+  TicketType,
 } from './types/show';
 import { SettlementAccountInfoResponse, UserProfileSummaryResponse } from './types/users';
 
-export interface Hello {
-  hello: string;
-}
-
 export const showQueryKeys = createQueryKeys('show', {
   detail: (showId: number) => ({
     queryKey: [showId],
@@ -28,6 +28,26 @@ export const showQueryKeys = createQueryKeys('show', {
     queryKey: [showId],
     queryFn: () => fetcher.get<ShowSalesInfoResponse>(`web/v1/host/shows/${showId}/sales-infos`),
   }),
+  reservationSummary: (showId: number) => ({
+    queryKey: [showId],
+    queryFn: () =>
+      fetcher.get<ReservationSummaryResponse>(`web/v1/host/shows/${showId}/reservation-summaries`),
+  }),
+  reservation: (
+    showId: number,
+    reservationNameOrPhoneNumber: string | undefined = undefined,
+    ticketType: TicketType | undefined = undefined,
+    ticketStatus: ReservationStatus | undefined = undefined,
+  ) => ({
+    queryKey: [showId, reservationNameOrPhoneNumber, ticketType, ticketStatus],
+    queryFn: ({ pageParam = 0 }) => {
+      return fetcher.get<PageReservationResponse>(`web/v1/host/shows/${showId}/reservations`, {
+        searchParams: {
+          page: pageParam,
+        },
+      });
+    },
+  }),
   salesTicketList: (showId: number) => ({
     queryKey: [showId],
     queryFn: () =>
diff --git a/packages/api/src/types/show.ts b/packages/api/src/types/show.ts
index f7a4a0a0..cd7f7ad5 100644
--- a/packages/api/src/types/show.ts
+++ b/packages/api/src/types/show.ts
@@ -59,6 +59,86 @@ export interface ShowSalesInfoResponse {
   ticketNotice: string;
 }
 
+export type TicketType = 'SALE' | 'INVITE';
+
+export type ReservationStatus =
+  | 'WAITING_FOR_DEPOSIT'
+  | 'CANCELLED'
+  | 'RESERVATION_COMPLETED'
+  | 'WAITING_FOR_REFUND'
+  | 'REFUND_COMPLETED';
+
+export interface ReservationResponse {
+  /** 티켓 ID */
+  ticketId: number;
+  /** 티켓 유형 */
+  ticketType: TicketType;
+  /** 티켓 이름 */
+  ticketName: string;
+  /** 예매 ID */
+  reservationId: number;
+  /** 예매자 이름 */
+  reservationName: string;
+  /** 예매자 전화번호 */
+  reservationPhoneNumber: string;
+  /** 예매 상태 */
+  reservationStatus: ReservationStatus;
+  /** 티켓 가격 */
+  ticketPrice: number;
+  /** 결제 수단 */
+  means: 'ACCOUNT_TRANSFER' | 'CARD';
+  /** 티켓 발권일시 */
+  ticketIssuedAt: string;
+  /** 티켓 생성일시.아마 예매일과 동일 */
+  ticketCreatedAt: string;
+}
+
+export interface PageReservationResponse {
+  totalPages: number;
+  totalElements: number;
+  size: number;
+  content: ReservationResponse[];
+  number: number;
+  sort: {
+    empty: boolean;
+    sorted: boolean;
+    unsorted: boolean;
+  };
+  numberOfElements: number;
+  pageable: {
+    offset: number;
+    sort: {
+      empty: boolean;
+      sorted: boolean;
+      unsorted: boolean;
+    };
+    pageNumber: number;
+    pageSize: number;
+    unpaged: boolean;
+    paged: boolean;
+  };
+  first: boolean;
+  last: boolean;
+  empty: boolean;
+}
+
+export interface ReservationSummaryResponse {
+  /** 판매 티켓 발권 수량 */
+  salesTicketSoldCount: number;
+  /** 초대 티켓 발권 수량 */
+  invitationTicketSoldCount: number;
+  /** 총 판매 티켓 수량 */
+  totalSoldCount: number;
+  /** 총 판매 금액 */
+  totalSalesAmount: number;
+  /** 발권 대기 건수 */
+  waitCount: number;
+  /** 발권 완료 건수 */
+  completeCount: number;
+  /** 발권 취소 건수 */
+  cancelCount: number;
+}
+
 export type ShowSalesTicketResponse = {
   id: number;
   ticketName: string;
diff --git a/packages/config-eslint/index.js b/packages/config-eslint/index.js
index 3b457a08..7e92f06d 100644
--- a/packages/config-eslint/index.js
+++ b/packages/config-eslint/index.js
@@ -6,7 +6,7 @@ module.exports = {
     'plugin:@typescript-eslint/recommended',
     'plugin:react-hooks/recommended',
     'plugin:import/recommended',
-    'plugin:prettier/recommended',
+    "prettier"
   ],
   ignorePatterns: ['dist', '.eslintrc.cjs'],
   parser: '@typescript-eslint/parser',
diff --git a/packages/icon/src/components/Clear.tsx b/packages/icon/src/components/Clear.tsx
new file mode 100644
index 00000000..ff9073f7
--- /dev/null
+++ b/packages/icon/src/components/Clear.tsx
@@ -0,0 +1,14 @@
+export const Clear = () => {
+  return (
+    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
+      <path
+        d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z"
+        fill="currentColor"
+      />
+      <path
+        d="M12.9329 12.0008L15.7918 9.13666C16.0516 8.87628 16.0516 8.45566 15.7918 8.19528C15.5319 7.93491 15.112 7.93491 14.8521 8.19528L11.9933 11.0595L9.13453 8.19528C8.87464 7.93491 8.45481 7.93491 8.19492 8.19528C7.93503 8.45566 7.93503 8.87628 8.19492 9.13666L11.0537 12.0008L8.19492 14.865C7.93503 15.1254 7.93503 15.546 8.19492 15.8064C8.3282 15.9399 8.49479 16 8.66806 16C8.84132 16 9.00791 15.9332 9.14119 15.8064L12 12.9422L14.8588 15.8064C14.9921 15.9399 15.1587 16 15.3319 16C15.5052 16 15.6718 15.9332 15.8051 15.8064C16.065 15.546 16.065 15.1254 15.8051 14.865L12.9463 12.0008H12.9329Z"
+        fill="white"
+      />
+    </svg>
+  );
+};
diff --git a/packages/icon/src/components/index.ts b/packages/icon/src/components/index.ts
index d1d87503..905abef2 100644
--- a/packages/icon/src/components/index.ts
+++ b/packages/icon/src/components/index.ts
@@ -14,6 +14,7 @@ import { ChevronRight } from './ChevronRight';
 import { ChevronUp } from './ChevronUp';
 import { ChinaCB } from './ChinaCB';
 import { Citi } from './Citi';
+import { Clear } from './Clear';
 import { Clock } from './Clock';
 import { Close } from './Close';
 import { CU } from './CU';
@@ -71,6 +72,7 @@ export {
   ChevronUp as ChevronUpIcon,
   ChinaCB,
   Citi,
+  Clear as ClearIcon,
   Clock as ClockIcon,
   Close as CloseIcon,
   CU,
diff --git a/yarn.lock b/yarn.lock
index f54b2e70..c2fd1aa8 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1462,21 +1462,21 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/runtime@npm:^7.12.5, @babel/runtime@npm:^7.18.3":
-  version: 7.23.8
-  resolution: "@babel/runtime@npm:7.23.8"
+"@babel/runtime@npm:^7.12.0, @babel/runtime@npm:^7.13.10, @babel/runtime@npm:^7.17.8, @babel/runtime@npm:^7.5.5, @babel/runtime@npm:^7.8.4, @babel/runtime@npm:^7.8.7, @babel/runtime@npm:^7.9.2":
+  version: 7.23.9
+  resolution: "@babel/runtime@npm:7.23.9"
   dependencies:
     regenerator-runtime: "npm:^0.14.0"
-  checksum: 10c0/ba5e8fbb32ef04f6cab5e89c54a0497c2fde7b730595cc1af93496270314f13ff2c6a9360fdb2f0bdd4d6b376752ce3cf85642bd6b876969a6a62954934c2df8
+  checksum: 10c0/e71205fdd7082b2656512cc98e647d9ea7e222e4fe5c36e9e5adc026446fcc3ba7b3cdff8b0b694a0b78bb85db83e7b1e3d4c56ef90726682b74f13249cf952d
   languageName: node
   linkType: hard
 
-"@babel/runtime@npm:^7.13.10, @babel/runtime@npm:^7.17.8, @babel/runtime@npm:^7.8.4, @babel/runtime@npm:^7.9.2":
-  version: 7.23.9
-  resolution: "@babel/runtime@npm:7.23.9"
+"@babel/runtime@npm:^7.12.5, @babel/runtime@npm:^7.18.3":
+  version: 7.23.8
+  resolution: "@babel/runtime@npm:7.23.8"
   dependencies:
     regenerator-runtime: "npm:^0.14.0"
-  checksum: 10c0/e71205fdd7082b2656512cc98e647d9ea7e222e4fe5c36e9e5adc026446fcc3ba7b3cdff8b0b694a0b78bb85db83e7b1e3d4c56ef90726682b74f13249cf952d
+  checksum: 10c0/ba5e8fbb32ef04f6cab5e89c54a0497c2fde7b730595cc1af93496270314f13ff2c6a9360fdb2f0bdd4d6b376752ce3cf85642bd6b876969a6a62954934c2df8
   languageName: node
   linkType: hard
 
@@ -1680,7 +1680,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@emotion/cache@npm:^11.11.0":
+"@emotion/cache@npm:^11.11.0, @emotion/cache@npm:^11.4.0":
   version: 11.11.0
   resolution: "@emotion/cache@npm:11.11.0"
   dependencies:
@@ -1716,7 +1716,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@emotion/react@npm:^11.11.3":
+"@emotion/react@npm:^11.11.3, @emotion/react@npm:^11.8.1":
   version: 11.11.3
   resolution: "@emotion/react@npm:11.11.3"
   dependencies:
@@ -2171,7 +2171,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@floating-ui/core@npm:^1.6.0":
+"@floating-ui/core@npm:^1.0.0, @floating-ui/core@npm:^1.6.0":
   version: 1.6.0
   resolution: "@floating-ui/core@npm:1.6.0"
   dependencies:
@@ -2180,6 +2180,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@floating-ui/dom@npm:^1.0.1":
+  version: 1.6.3
+  resolution: "@floating-ui/dom@npm:1.6.3"
+  dependencies:
+    "@floating-ui/core": "npm:^1.0.0"
+    "@floating-ui/utils": "npm:^0.2.0"
+  checksum: 10c0/d6cac10877918ce5a8d1a24b21738d2eb130a0191043d7c0dd43bccac507844d3b4dc5d4107d3891d82f6007945ca8fb4207a1252506e91c37e211f0f73cf77e
+  languageName: node
+  linkType: hard
+
 "@floating-ui/dom@npm:^1.6.1":
   version: 1.6.1
   resolution: "@floating-ui/dom@npm:1.6.1"
@@ -2202,7 +2212,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@floating-ui/utils@npm:^0.2.1":
+"@floating-ui/utils@npm:^0.2.0, @floating-ui/utils@npm:^0.2.1":
   version: 0.2.1
   resolution: "@floating-ui/utils@npm:0.2.1"
   checksum: 10c0/ee77756712cf5b000c6bacf11992ffb364f3ea2d0d51cc45197a7e646a17aeb86ea4b192c0b42f3fbb29487aee918a565e84f710b8c3645827767f406a6b4cc9
@@ -4450,6 +4460,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@types/react-transition-group@npm:^4.4.0":
+  version: 4.4.10
+  resolution: "@types/react-transition-group@npm:4.4.10"
+  dependencies:
+    "@types/react": "npm:*"
+  checksum: 10c0/3eb9bca143abc21eb781aa5cb1bded0c9335689d515bf0513fb8e63217b7a8122c6a323ecd5644a06938727e1f467ee061d8df1c93b68825a80ff1b47ab777a2
+  languageName: node
+  linkType: hard
+
 "@types/react@npm:*, @types/react@npm:^18.2.43":
   version: 18.2.48
   resolution: "@types/react@npm:18.2.48"
@@ -4855,6 +4874,7 @@ __metadata:
     react-hook-form: "npm:^7.50.0"
     react-intersection-observer: "npm:^9.8.0"
     react-router-dom: "npm:^6.21.3"
+    react-select: "npm:^5.8.0"
     the-new-css-reset: "npm:^1.11.2"
     typescript: "npm:^5.2.2"
     vite: "npm:^5.0.8"
@@ -6121,6 +6141,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"dom-helpers@npm:^5.0.1":
+  version: 5.2.1
+  resolution: "dom-helpers@npm:5.2.1"
+  dependencies:
+    "@babel/runtime": "npm:^7.8.7"
+    csstype: "npm:^3.0.2"
+  checksum: 10c0/f735074d66dd759b36b158fa26e9d00c9388ee0e8c9b16af941c38f014a37fc80782de83afefd621681b19ac0501034b4f1c4a3bff5caa1b8667f0212b5e124c
+  languageName: node
+  linkType: hard
+
 "dotenv-expand@npm:^10.0.0":
   version: 10.0.0
   resolution: "dotenv-expand@npm:10.0.0"
@@ -8751,6 +8781,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"memoize-one@npm:^6.0.0":
+  version: 6.0.0
+  resolution: "memoize-one@npm:6.0.0"
+  checksum: 10c0/45c88e064fd715166619af72e8cf8a7a17224d6edf61f7a8633d740ed8c8c0558a4373876c9b8ffc5518c2b65a960266adf403cc215cb1e90f7e262b58991f54
+  languageName: node
+  linkType: hard
+
 "memoizerific@npm:^1.11.3":
   version: 1.11.3
   resolution: "memoizerific@npm:1.11.3"
@@ -9755,7 +9792,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"prop-types@npm:^15.7.2, prop-types@npm:^15.8.1":
+"prop-types@npm:^15.6.0, prop-types@npm:^15.6.2, prop-types@npm:^15.7.2, prop-types@npm:^15.8.1":
   version: 15.8.1
   resolution: "prop-types@npm:15.8.1"
   dependencies:
@@ -10105,6 +10142,26 @@ __metadata:
   languageName: node
   linkType: hard
 
+"react-select@npm:^5.8.0":
+  version: 5.8.0
+  resolution: "react-select@npm:5.8.0"
+  dependencies:
+    "@babel/runtime": "npm:^7.12.0"
+    "@emotion/cache": "npm:^11.4.0"
+    "@emotion/react": "npm:^11.8.1"
+    "@floating-ui/dom": "npm:^1.0.1"
+    "@types/react-transition-group": "npm:^4.4.0"
+    memoize-one: "npm:^6.0.0"
+    prop-types: "npm:^15.6.0"
+    react-transition-group: "npm:^4.3.0"
+    use-isomorphic-layout-effect: "npm:^1.1.2"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0 || ^18.0.0
+    react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
+  checksum: 10c0/b4b98aaf117ee5cc4642871b7bd51fd0e2697988d0b880f30b21e933ca90258959147117d8aada36713b622e0e4cb06bd18ec02069f3f108896e0d31e69e3c16
+  languageName: node
+  linkType: hard
+
 "react-style-singleton@npm:^2.2.1":
   version: 2.2.1
   resolution: "react-style-singleton@npm:2.2.1"
@@ -10122,6 +10179,21 @@ __metadata:
   languageName: node
   linkType: hard
 
+"react-transition-group@npm:^4.3.0":
+  version: 4.4.5
+  resolution: "react-transition-group@npm:4.4.5"
+  dependencies:
+    "@babel/runtime": "npm:^7.5.5"
+    dom-helpers: "npm:^5.0.1"
+    loose-envify: "npm:^1.4.0"
+    prop-types: "npm:^15.6.2"
+  peerDependencies:
+    react: ">=16.6.0"
+    react-dom: ">=16.6.0"
+  checksum: 10c0/2ba754ba748faefa15f87c96dfa700d5525054a0141de8c75763aae6734af0740e77e11261a1e8f4ffc08fd9ab78510122e05c21c2d79066c38bb6861a886c82
+  languageName: node
+  linkType: hard
+
 "react@npm:^18.2.0":
   version: 18.2.0
   resolution: "react@npm:18.2.0"
@@ -11750,6 +11822,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"use-isomorphic-layout-effect@npm:^1.1.2":
+  version: 1.1.2
+  resolution: "use-isomorphic-layout-effect@npm:1.1.2"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0 || ^18.0.0
+  peerDependenciesMeta:
+    "@types/react":
+      optional: true
+  checksum: 10c0/d8deea8b85e55ac6daba237a889630bfdbf0ebf60e9e22b6a78a78c26fabe6025e04ada7abef1e444e6786227d921e648b2707db8b3564daf757264a148a6e23
+  languageName: node
+  linkType: hard
+
 "use-resize-observer@npm:^9.1.0":
   version: 9.1.0
   resolution: "use-resize-observer@npm:9.1.0"