From efa2631e4ce3964dd62d70617665c867ba5f0bb9 Mon Sep 17 00:00:00 2001 From: Pedro Nauck Date: Tue, 24 May 2022 18:40:52 -0300 Subject: [PATCH] feat: implement accordion component (#204) --- packages/app/package.json | 4 +- packages/app/postcss.config.js | 2 + packages/app/src/components/Accordion.tsx | 102 ++++++ packages/app/src/components/Dialog.tsx | 2 +- packages/app/src/main.tsx | 2 +- .../app/src/{index.css => styles/base.css} | 76 +--- .../app/src/styles/components/accordion.css | 79 +++++ packages/app/src/styles/components/button.css | 39 +++ .../src/styles/components/coin-selector.css | 11 + packages/app/src/styles/index.css | 10 + packages/app/src/styles/utilities.css | 16 + pnpm-lock.yaml | 328 +++--------------- 12 files changed, 311 insertions(+), 360 deletions(-) create mode 100644 packages/app/src/components/Accordion.tsx rename packages/app/src/{index.css => styles/base.css} (73%) create mode 100644 packages/app/src/styles/components/accordion.css create mode 100644 packages/app/src/styles/components/button.css create mode 100644 packages/app/src/styles/components/coin-selector.css create mode 100644 packages/app/src/styles/index.css create mode 100644 packages/app/src/styles/utilities.css diff --git a/packages/app/package.json b/packages/app/package.json index 0fb92996..1842644f 100644 --- a/packages/app/package.json +++ b/packages/app/package.json @@ -19,8 +19,7 @@ "@fuel-ts/contract": "0.0.0-master-6c8ce489", "@fuel-ts/providers": "0.0.0-master-6c8ce489", "@headlessui/react": "^1.6.2", - "@radix-ui/react-dialog": "^0.1.7", - "@radix-ui/react-tooltip": "^0.1.7", + "@radix-ui/react-accordion": "^0.1.6", "@react-aria/button": "^3.4.4", "@react-aria/dialog": "^3.1.9", "@react-aria/focus": "^3.5.5", @@ -72,6 +71,7 @@ "autoprefixer": "^10.4.2", "eslint": "^8.4.1", "postcss": "^8.4.7", + "postcss-import": "^14.1.0", "tailwindcss": "^3.0.23", "typechain": "^8.0.0", "typechain-target-fuels": "0.0.0-master-6c8ce489", diff --git a/packages/app/postcss.config.js b/packages/app/postcss.config.js index 12a703d9..e569373f 100644 --- a/packages/app/postcss.config.js +++ b/packages/app/postcss.config.js @@ -1,5 +1,7 @@ module.exports = { plugins: { + 'postcss-import': {}, + 'tailwindcss/nesting': {}, tailwindcss: {}, autoprefixer: {}, }, diff --git a/packages/app/src/components/Accordion.tsx b/packages/app/src/components/Accordion.tsx new file mode 100644 index 00000000..e4ec1832 --- /dev/null +++ b/packages/app/src/components/Accordion.tsx @@ -0,0 +1,102 @@ +import * as AC from "@radix-ui/react-accordion"; +import cx from "classnames"; +import type { FC } from "react"; +import { forwardRef } from "react"; +import { BiChevronDown } from "react-icons/bi"; + +type BaseAccordionProps = + | (AC.AccordionSingleProps & React.RefAttributes) + | (AC.AccordionMultipleProps & React.RefAttributes); + +export type AccordionProps = BaseAccordionProps & { + className?: string; +}; + +type AccordionComponent = FC & { + Item: typeof AccordionItem; + Trigger: typeof AccordionTrigger; + Content: typeof AccordionContent; +}; + +/** + * Component implemented based on from Radix's Accordion component. + * You can check about props on their website. + * @see https://www.radix-ui.com/docs/primitives/components/accordion + * @example + * ```jsx + * + * + * Hello world + * + * Yes. It's unstyled by default, giving you + *
freedom over the look and feel. + * + * + * + * Is it unstyled? + * + * Yes. It's unstyled by default, giving you + *
freedom over the look and feel. + * + * + * + * ```jsx + */ +export const Accordion: AccordionComponent = ({ className, ...props }) => ( + +); + +export type AccordionItemProps = AC.AccordionItemProps & { + className?: string; +}; + +export const AccordionItem = forwardRef( + ({ className, ...props }, ref) => ( + + ) +); + +export type AccordionTriggerProps = AC.AccordionTriggerProps & { + className?: string; +}; + +export const AccordionTrigger = forwardRef< + HTMLButtonElement, + AccordionTriggerProps +>(({ children, className, ...props }, ref) => ( + + + {children} + + + +)); + +export type AccordionContentProps = AC.AccordionContentProps & { + className?: string; +}; + +export const AccordionContent = forwardRef< + HTMLDivElement, + AccordionContentProps +>(({ children, className, ...props }, ref) => ( + +
{children}
+ +)); + +Accordion.Item = AccordionItem; +Accordion.Trigger = AccordionTrigger; +Accordion.Content = AccordionContent; diff --git a/packages/app/src/components/Dialog.tsx b/packages/app/src/components/Dialog.tsx index ee0f00e9..da3cbb23 100644 --- a/packages/app/src/components/Dialog.tsx +++ b/packages/app/src/components/Dialog.tsx @@ -66,7 +66,7 @@ export const Dialog: DialogComponent = ({ state, ...props }) => { ref ); - usePreventScroll(); + usePreventScroll({ isDisabled: !state.isOpen }); const { modalProps } = useModal(); const { dialogProps, titleProps } = useReactAriaDialog(props, ref); const ctxValue = { diff --git a/packages/app/src/main.tsx b/packages/app/src/main.tsx index a4a62b08..aba604c1 100644 --- a/packages/app/src/main.tsx +++ b/packages/app/src/main.tsx @@ -1,6 +1,6 @@ import "@fontsource/fira-code"; import "@fontsource/inter/variable.css"; -import "./index.css"; +import "./styles/index.css"; import { createRoot } from "react-dom/client"; diff --git a/packages/app/src/index.css b/packages/app/src/styles/base.css similarity index 73% rename from packages/app/src/index.css rename to packages/app/src/styles/base.css index 5c2f85e3..fbaebba5 100644 --- a/packages/app/src/index.css +++ b/packages/app/src/styles/base.css @@ -1,8 +1,5 @@ -@tailwind base; -@tailwind components; -@tailwind utilities; - body { + overflow-y: auto; margin: 0; line-height: 1.55; -webkit-font-smoothing: antialiased; @@ -15,74 +12,3 @@ body, background-color: #23262d; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 304 304' width='304' height='304'%3E%3Cpath fill='%23444a56' fill-opacity='0.03' d='M44.1 224a5 5 0 1 1 0 2H0v-2h44.1zm160 48a5 5 0 1 1 0 2H82v-2h122.1zm57.8-46a5 5 0 1 1 0-2H304v2h-42.1zm0 16a5 5 0 1 1 0-2H304v2h-42.1zm6.2-114a5 5 0 1 1 0 2h-86.2a5 5 0 1 1 0-2h86.2zm-256-48a5 5 0 1 1 0 2H0v-2h12.1zm185.8 34a5 5 0 1 1 0-2h86.2a5 5 0 1 1 0 2h-86.2zM258 12.1a5 5 0 1 1-2 0V0h2v12.1zm-64 208a5 5 0 1 1-2 0v-54.2a5 5 0 1 1 2 0v54.2zm48-198.2V80h62v2h-64V21.9a5 5 0 1 1 2 0zm16 16V64h46v2h-48V37.9a5 5 0 1 1 2 0zm-128 96V208h16v12.1a5 5 0 1 1-2 0V210h-16v-76.1a5 5 0 1 1 2 0zm-5.9-21.9a5 5 0 1 1 0 2H114v48H85.9a5 5 0 1 1 0-2H112v-48h12.1zm-6.2 130a5 5 0 1 1 0-2H176v-74.1a5 5 0 1 1 2 0V242h-60.1zm-16-64a5 5 0 1 1 0-2H114v48h10.1a5 5 0 1 1 0 2H112v-48h-10.1zM66 284.1a5 5 0 1 1-2 0V274H50v30h-2v-32h18v12.1zM236.1 176a5 5 0 1 1 0 2H226v94h48v32h-2v-30h-48v-98h12.1zm25.8-30a5 5 0 1 1 0-2H274v44.1a5 5 0 1 1-2 0V146h-10.1zm-64 96a5 5 0 1 1 0-2H208v-80h16v-14h-42.1a5 5 0 1 1 0-2H226v18h-16v80h-12.1zm86.2-210a5 5 0 1 1 0 2H272V0h2v32h10.1zM98 101.9V146H53.9a5 5 0 1 1 0-2H96v-42.1a5 5 0 1 1 2 0zM53.9 34a5 5 0 1 1 0-2H80V0h2v34H53.9zm60.1 3.9V66H82v64H69.9a5 5 0 1 1 0-2H80V64h32V37.9a5 5 0 1 1 2 0zM101.9 82a5 5 0 1 1 0-2H128V37.9a5 5 0 1 1 2 0V82h-28.1zm16-64a5 5 0 1 1 0-2H146v44.1a5 5 0 1 1-2 0V18h-26.1zm102.2 270a5 5 0 1 1 0 2H98v14h-2v-16h124.1zM242 149.9V160h16v34h-16v62h48v48h-2v-46h-48v-66h16v-30h-16v-12.1a5 5 0 1 1 2 0zM53.9 18a5 5 0 1 1 0-2H64V2H48V0h18v18H53.9zm112 32a5 5 0 1 1 0-2H192V0h50v2h-48v48h-28.1zm-48-48a5 5 0 0 1-9.8-2h2.07a3 3 0 1 0 5.66 0H178v34h-18V21.9a5 5 0 1 1 2 0V32h14V2h-58.1zm0 96a5 5 0 1 1 0-2H137l32-32h39V21.9a5 5 0 1 1 2 0V66h-40.17l-32 32H117.9zm28.1 90.1a5 5 0 1 1-2 0v-76.51L175.59 80H224V21.9a5 5 0 1 1 2 0V82h-49.59L146 112.41v75.69zm16 32a5 5 0 1 1-2 0v-99.51L184.59 96H300.1a5 5 0 0 1 3.9-3.9v2.07a3 3 0 0 0 0 5.66v2.07a5 5 0 0 1-3.9-3.9H185.41L162 121.41v98.69zm-144-64a5 5 0 1 1-2 0v-3.51l48-48V48h32V0h2v50H66v55.41l-48 48v2.69zM50 53.9v43.51l-48 48V208h26.1a5 5 0 1 1 0 2H0v-65.41l48-48V53.9a5 5 0 1 1 2 0zm-16 16V89.41l-34 34v-2.82l32-32V69.9a5 5 0 1 1 2 0zM12.1 32a5 5 0 1 1 0 2H9.41L0 43.41V40.6L8.59 32h3.51zm265.8 18a5 5 0 1 1 0-2h18.69l7.41-7.41v2.82L297.41 50H277.9zm-16 160a5 5 0 1 1 0-2H288v-71.41l16-16v2.82l-14 14V210h-28.1zm-208 32a5 5 0 1 1 0-2H64v-22.59L40.59 194H21.9a5 5 0 1 1 0-2H41.41L66 216.59V242H53.9zm150.2 14a5 5 0 1 1 0 2H96v-56.6L56.6 162H37.9a5 5 0 1 1 0-2h19.5L98 200.6V256h106.1zm-150.2 2a5 5 0 1 1 0-2H80v-46.59L48.59 178H21.9a5 5 0 1 1 0-2H49.41L82 208.59V258H53.9zM34 39.8v1.61L9.41 66H0v-2h8.59L32 40.59V0h2v39.8zM2 300.1a5 5 0 0 1 3.9 3.9H3.83A3 3 0 0 0 0 302.17V256h18v48h-2v-46H2v42.1zM34 241v63h-2v-62H0v-2h34v1zM17 18H0v-2h16V0h2v18h-1zm273-2h14v2h-16V0h2v16zm-32 273v15h-2v-14h-14v14h-2v-16h18v1zM0 92.1A5.02 5.02 0 0 1 6 97a5 5 0 0 1-6 4.9v-2.07a3 3 0 1 0 0-5.66V92.1zM80 272h2v32h-2v-32zm37.9 32h-2.07a3 3 0 0 0-5.66 0h-2.07a5 5 0 0 1 9.8 0zM5.9 0A5.02 5.02 0 0 1 0 5.9V3.83A3 3 0 0 0 3.83 0H5.9zm294.2 0h2.07A3 3 0 0 0 304 3.83V5.9a5 5 0 0 1-3.9-5.9zm3.9 300.1v2.07a3 3 0 0 0-1.83 1.83h-2.07a5 5 0 0 1 3.9-3.9zM97 100a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-48 32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 48a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-64a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 96a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-144a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-96 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm96 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-64a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-32 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM49 36a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-32 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM33 68a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-48a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 240a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-64a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm80-176a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 48a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm112 176a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM17 180a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM17 84a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 64a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6z'%3E%3C/path%3E%3C/svg%3E"); } - -/* - Layer components -*/ - -@layer components { - .focus-ring:not([aria-disabled="true"]) { - @apply focus:outline-none focus:ring-inset focus:ring-1; - @apply focus:ring-primary-500 active:ring-0 disabled:ring-0; - } - .transition-main { - @apply transition ease-in duration-100; - } - .link { - @apply text-primary-400 no-underline hover:underline rounded-lg; - @apply focus:outline-none focus:underline; - } - .button { - @apply appearance-none transition-main inline-flex items-center rounded-md gap-2; - @apply border focus-ring btn-active cursor-pointer; - @apply disabled:cursor-default disabled:opacity-50; - } - .button--sm { - @apply text-sm px-2 h-8; - } - .button--md { - @apply text-base px-4 py-2; - } - .button--lg { - @apply text-lg px-4 py-2; - } - .button--base { - @apply text-gray-400 hover:text-primary-500 border-gray-700; - @apply focus:border-primary-500 active:border-gray-700; - @apply disabled:border-transparent disabled:text-gray-400; - } - .button--ghost { - @apply text-gray-400 border-transparent hover:bg-white/5; - @apply focus:border-primary-500 active:border-gray-700; - @apply disabled:border-transparent disabled:bg-white/0; - } - .button--primary { - @apply bg-primary-500 hover:bg-primary-600; - @apply text-primary-100 font-semibold border-transparent; - @apply focus:ring-primary-300 focus:border-primary-300; - @apply active:border-transparent disabled:bg-primary-500; - } - .btn-active { - @apply active:scale-[0.98] disabled:scale-100; - } - *[aria-pressed="true"], - *[data-pressed="true"] { - @apply scale-[0.9] disabled:scale-100; - } - .inner-shadow { - box-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.2); - } - - /** - * Coin Selector - */ - .coin-selector { - @apply h-10 px-2 rounded-xl gap-1 bg-gray-800; - } - .coin-selector:not([aria-disabled="true"]) { - @apply hover:text-gray-300 hover:border-gray-600; - } - .coin-selector[aria-disabled="true"] { - @apply opacity-100; - } -} diff --git a/packages/app/src/styles/components/accordion.css b/packages/app/src/styles/components/accordion.css new file mode 100644 index 00000000..729d3e5d --- /dev/null +++ b/packages/app/src/styles/components/accordion.css @@ -0,0 +1,79 @@ +@layer components { + @keyframes slide-down { + from { + height: 0; + } + to { + height: var(--radix-accordion-content-height); + } + } + + @keyframes slide-up { + from { + height: var(--radix-accordion-content-height); + } + to { + height: 0; + } + } + + .accordion--root { + @apply max-w-[100%] rounded-lg; + } + + .accordion--item { + @apply overflow-hidden mt-[1px]; + + &:first-child { + @apply mt-0 rounded-tl-lg rounded-tr-lg; + } + &:last-child { + @apply rounded-bl-lg rounded-br-lg; + } + &:focus-within { + @apply relative z-10; + } + + & ~ & { + @apply mt-3; + } + } + + .accordion--header { + all: unset; + @apply px-1 flex border-b-2 border-b-gray-700; + } + + .accordion--trigger { + all: unset; + @apply flex-1 flex items-center justify-between; + @apply text-gray-200; + + &:hover { + @apply cursor-pointer; + } + } + + .accordion--icon { + transition: transform 300ms cubic-bezier(0.87, 0, 0.13, 1); + + [data-state="open"] & { + transform: rotate(180deg); + } + } + + .accordion--content { + @apply overflow-hidden text-gray-400 break-words w-full; + + &[data-state="open"] { + animation: slide-down 300ms cubic-bezier(0.87, 0, 0.13, 1) forwards; + } + &[data-state="close"] { + animation: slide-up 300ms cubic-bezier(0.87, 0, 0.13, 1) forwards; + } + + & > div { + @apply px-1 mt-3; + } + } +} diff --git a/packages/app/src/styles/components/button.css b/packages/app/src/styles/components/button.css new file mode 100644 index 00000000..aec14a8b --- /dev/null +++ b/packages/app/src/styles/components/button.css @@ -0,0 +1,39 @@ +@layer components { + .button { + @apply appearance-none transition-main inline-flex items-center rounded-md gap-2; + @apply border focus-ring btn-active cursor-pointer; + @apply disabled:cursor-default disabled:opacity-50; + } + .button--sm { + @apply text-sm px-2 h-8; + } + .button--md { + @apply text-base px-4 py-2; + } + .button--lg { + @apply text-lg px-4 py-2; + } + .button--base { + @apply text-gray-400 hover:text-primary-500 border-gray-700; + @apply focus:border-primary-500 active:border-gray-700; + @apply disabled:border-transparent disabled:text-gray-400; + } + .button--ghost { + @apply text-gray-400 border-transparent hover:bg-white/5; + @apply focus:border-primary-500 active:border-gray-700; + @apply disabled:border-transparent disabled:bg-white/0; + } + .button--primary { + @apply bg-primary-500 hover:bg-primary-600; + @apply text-primary-100 font-semibold border-transparent; + @apply focus:ring-primary-300 focus:border-primary-300; + @apply active:border-transparent disabled:bg-primary-500; + } + .btn-active { + @apply active:scale-[0.98] disabled:scale-100; + } + *[aria-pressed="true"], + *[data-pressed="true"] { + @apply scale-[0.9] disabled:scale-100; + } +} diff --git a/packages/app/src/styles/components/coin-selector.css b/packages/app/src/styles/components/coin-selector.css new file mode 100644 index 00000000..941ccf9a --- /dev/null +++ b/packages/app/src/styles/components/coin-selector.css @@ -0,0 +1,11 @@ +@layer components { + .coin-selector { + @apply h-10 px-2 rounded-xl gap-1 bg-gray-800; + } + .coin-selector:not([aria-disabled="true"]) { + @apply hover:text-gray-300 hover:border-gray-600; + } + .coin-selector[aria-disabled="true"] { + @apply opacity-100; + } +} diff --git a/packages/app/src/styles/index.css b/packages/app/src/styles/index.css new file mode 100644 index 00000000..2dcacb62 --- /dev/null +++ b/packages/app/src/styles/index.css @@ -0,0 +1,10 @@ +@import "tailwindcss/base"; +@import "./base.css"; + +@import "tailwindcss/components"; +@import "./components/accordion.css"; +@import "./components/button.css"; +@import "./components/coin-selector.css"; + +@import "tailwindcss/utilities"; +@import "./utilities.css"; diff --git a/packages/app/src/styles/utilities.css b/packages/app/src/styles/utilities.css new file mode 100644 index 00000000..136a8340 --- /dev/null +++ b/packages/app/src/styles/utilities.css @@ -0,0 +1,16 @@ +@layer utilities { + .focus-ring:not([aria-disabled="true"]) { + @apply focus:outline-none focus:ring-inset focus:ring-1; + @apply focus:ring-primary-500 active:ring-0 disabled:ring-0; + } + .transition-main { + @apply transition ease-in duration-100; + } + .link { + @apply text-primary-400 no-underline hover:underline rounded-lg; + @apply focus:outline-none focus:underline; + } + .inner-shadow { + box-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.2); + } +} diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 68937b42..7dc14b04 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -51,8 +51,7 @@ importers: '@fuel-ts/contract': 0.0.0-master-6c8ce489 '@fuel-ts/providers': 0.0.0-master-6c8ce489 '@headlessui/react': ^1.6.2 - '@radix-ui/react-dialog': ^0.1.7 - '@radix-ui/react-tooltip': ^0.1.7 + '@radix-ui/react-accordion': ^0.1.6 '@react-aria/button': ^3.4.4 '@react-aria/dialog': ^3.1.9 '@react-aria/focus': ^3.5.5 @@ -89,6 +88,7 @@ importers: graphql-request: ^4.2.0 jotai: ^1.6.6 postcss: ^8.4.7 + postcss-import: ^14.1.0 react: ^18.1.0 react-content-loader: ^6.2.0 react-dom: ^18.1.0 @@ -113,8 +113,7 @@ importers: '@fuel-ts/contract': 0.0.0-master-6c8ce489 '@fuel-ts/providers': 0.0.0-master-6c8ce489 '@headlessui/react': 1.6.2_ef5jwxihqo6n7gxfmzogljlgcm - '@radix-ui/react-dialog': 0.1.7_ohobp6rpsmerwlq5ipwfh5yigy - '@radix-ui/react-tooltip': 0.1.7_ef5jwxihqo6n7gxfmzogljlgcm + '@radix-ui/react-accordion': 0.1.6_react@18.1.0 '@react-aria/button': 3.4.4_react@18.1.0 '@react-aria/dialog': 3.1.9_react@18.1.0 '@react-aria/focus': 3.5.5_react@18.1.0 @@ -165,6 +164,7 @@ importers: autoprefixer: 10.4.7_postcss@8.4.14 eslint: 8.15.0 postcss: 8.4.14 + postcss-import: 14.1.0_postcss@8.4.14 tailwindcss: 3.0.24 typechain: 8.0.0_typescript@4.6.4 typechain-target-fuels: 0.0.0-master-6c8ce489 @@ -2656,91 +2656,61 @@ packages: '@nodelib/fs.scandir': 2.1.5 fastq: 1.13.0 - /@radix-ui/popper/0.1.0: - resolution: {integrity: sha512-uzYeElL3w7SeNMuQpXiFlBhTT+JyaNMCwDfjKkrzugEcYrf5n52PHqncNdQPUtR42hJh8V9FsqyEDbDxkeNjJQ==} - dependencies: - '@babel/runtime': 7.17.9 - csstype: 3.1.0 - dev: false - /@radix-ui/primitive/0.1.0: resolution: {integrity: sha512-tqxZKybwN5Fa3VzZry4G6mXAAb9aAqKmPtnVbZpL0vsBwvOHTBwsjHVPXylocYLwEtBY9SCe665bYnNB515uoA==} dependencies: '@babel/runtime': 7.17.9 dev: false - /@radix-ui/react-arrow/0.1.4_react@18.1.0: - resolution: {integrity: sha512-BB6XzAb7Ml7+wwpFdYVtZpK1BlMgqyafSQNGzhIpSZ4uXvXOHPlR5GP8M449JkeQzgQjv9Mp1AsJxFC0KuOtuA==} + /@radix-ui/react-accordion/0.1.6_react@18.1.0: + resolution: {integrity: sha512-LOXlqPU6y6EMBopdRIKCWFvMPY1wPTQ4uJiX7ZVxldrMJcM7imBzI3wlRTkPCHZ3FLHmpuw+cQi3du23pzJp1g==} peerDependencies: react: ^16.8 || ^17.0 dependencies: '@babel/runtime': 7.17.9 + '@radix-ui/primitive': 0.1.0 + '@radix-ui/react-collapsible': 0.1.6_react@18.1.0 + '@radix-ui/react-collection': 0.1.4_react@18.1.0 + '@radix-ui/react-compose-refs': 0.1.0_react@18.1.0 + '@radix-ui/react-context': 0.1.1_react@18.1.0 + '@radix-ui/react-id': 0.1.5_react@18.1.0 '@radix-ui/react-primitive': 0.1.4_react@18.1.0 + '@radix-ui/react-use-controllable-state': 0.1.0_react@18.1.0 react: 18.1.0 dev: false - /@radix-ui/react-compose-refs/0.1.0_react@18.1.0: - resolution: {integrity: sha512-eyclbh+b77k+69Dk72q3694OHrn9B3QsoIRx7ywX341U9RK1ThgQjMFZoPtmZNQTksXHLNEiefR8hGVeFyInGg==} - peerDependencies: - react: ^16.8 || ^17.0 - dependencies: - '@babel/runtime': 7.17.9 - react: 18.1.0 - dev: false - - /@radix-ui/react-context/0.1.1_react@18.1.0: - resolution: {integrity: sha512-PkyVX1JsLBioeu0jB9WvRpDBBLtLZohVDT3BB5CTSJqActma8S8030P57mWZb4baZifMvN7KKWPAA40UmWKkQg==} - peerDependencies: - react: ^16.8 || ^17.0 - dependencies: - '@babel/runtime': 7.17.9 - react: 18.1.0 - dev: false - - /@radix-ui/react-dialog/0.1.7_ohobp6rpsmerwlq5ipwfh5yigy: - resolution: {integrity: sha512-jXt8srGhHBRvEr9jhEAiwwJzWCWZoGRJ030aC9ja/gkRJbZdy0iD3FwXf+Ff4RtsZyLUMHW7VUwFOlz3Ixe1Vw==} + /@radix-ui/react-collapsible/0.1.6_react@18.1.0: + resolution: {integrity: sha512-Gkf8VuqMc6HTLzA2AxVYnyK6aMczVLpatCjdD9Lj4wlYLXCz9KtiqZYslLMeqnQFLwLyZS0WKX/pQ8j5fioIBw==} peerDependencies: react: ^16.8 || ^17.0 - react-dom: ^16.8 || ^17.0 dependencies: '@babel/runtime': 7.17.9 '@radix-ui/primitive': 0.1.0 '@radix-ui/react-compose-refs': 0.1.0_react@18.1.0 '@radix-ui/react-context': 0.1.1_react@18.1.0 - '@radix-ui/react-dismissable-layer': 0.1.5_react@18.1.0 - '@radix-ui/react-focus-guards': 0.1.0_react@18.1.0 - '@radix-ui/react-focus-scope': 0.1.4_react@18.1.0 '@radix-ui/react-id': 0.1.5_react@18.1.0 - '@radix-ui/react-portal': 0.1.4_ef5jwxihqo6n7gxfmzogljlgcm '@radix-ui/react-presence': 0.1.2_react@18.1.0 '@radix-ui/react-primitive': 0.1.4_react@18.1.0 - '@radix-ui/react-slot': 0.1.2_react@18.1.0 '@radix-ui/react-use-controllable-state': 0.1.0_react@18.1.0 - aria-hidden: 1.1.3 + '@radix-ui/react-use-layout-effect': 0.1.0_react@18.1.0 react: 18.1.0 - react-dom: 18.1.0_react@18.1.0 - react-remove-scroll: 2.5.3_7cpxmzzodpxnolj5zcc5cr63ji - transitivePeerDependencies: - - '@types/react' dev: false - /@radix-ui/react-dismissable-layer/0.1.5_react@18.1.0: - resolution: {integrity: sha512-J+fYWijkX4M4QKwf9dtu1oC0U6e6CEl8WhBp3Ad23yz2Hia0XCo6Pk/mp5CAFy4QBtQedTSkhW05AdtSOEoajQ==} + /@radix-ui/react-collection/0.1.4_react@18.1.0: + resolution: {integrity: sha512-3muGI15IdgaDFjOcO7xX8a35HQRBRF6LH9pS6UCeZeRmbslkVeHyJRQr2rzICBUoX7zgIA0kXyMDbpQnJGyJTA==} peerDependencies: react: ^16.8 || ^17.0 dependencies: '@babel/runtime': 7.17.9 - '@radix-ui/primitive': 0.1.0 '@radix-ui/react-compose-refs': 0.1.0_react@18.1.0 + '@radix-ui/react-context': 0.1.1_react@18.1.0 '@radix-ui/react-primitive': 0.1.4_react@18.1.0 - '@radix-ui/react-use-body-pointer-events': 0.1.1_react@18.1.0 - '@radix-ui/react-use-callback-ref': 0.1.0_react@18.1.0 - '@radix-ui/react-use-escape-keydown': 0.1.0_react@18.1.0 + '@radix-ui/react-slot': 0.1.2_react@18.1.0 react: 18.1.0 dev: false - /@radix-ui/react-focus-guards/0.1.0_react@18.1.0: - resolution: {integrity: sha512-kRx/swAjEfBpQ3ns7J3H4uxpXuWCqN7MpALiSDOXiyo2vkWv0L9sxvbpZeTulINuE3CGMzicVMuNc/VWXjFKOg==} + /@radix-ui/react-compose-refs/0.1.0_react@18.1.0: + resolution: {integrity: sha512-eyclbh+b77k+69Dk72q3694OHrn9B3QsoIRx7ywX341U9RK1ThgQjMFZoPtmZNQTksXHLNEiefR8hGVeFyInGg==} peerDependencies: react: ^16.8 || ^17.0 dependencies: @@ -2748,15 +2718,12 @@ packages: react: 18.1.0 dev: false - /@radix-ui/react-focus-scope/0.1.4_react@18.1.0: - resolution: {integrity: sha512-fbA4ES3H4Wkxp+OeLhvN6SwL7mXNn/aBtUf7DRYxY9+Akrf7dRxl2ck4lgcpPsSg3zSDsEwLcY+h5cmj5yvlug==} + /@radix-ui/react-context/0.1.1_react@18.1.0: + resolution: {integrity: sha512-PkyVX1JsLBioeu0jB9WvRpDBBLtLZohVDT3BB5CTSJqActma8S8030P57mWZb4baZifMvN7KKWPAA40UmWKkQg==} peerDependencies: react: ^16.8 || ^17.0 dependencies: '@babel/runtime': 7.17.9 - '@radix-ui/react-compose-refs': 0.1.0_react@18.1.0 - '@radix-ui/react-primitive': 0.1.4_react@18.1.0 - '@radix-ui/react-use-callback-ref': 0.1.0_react@18.1.0 react: 18.1.0 dev: false @@ -2770,36 +2737,6 @@ packages: react: 18.1.0 dev: false - /@radix-ui/react-popper/0.1.4_react@18.1.0: - resolution: {integrity: sha512-18gDYof97t8UQa7zwklG1Dr8jIdj3u+rVOQLzPi9f5i1YQak/pVGkaqw8aY+iDUknKKuZniTk/7jbAJUYlKyOw==} - peerDependencies: - react: ^16.8 || ^17.0 - dependencies: - '@babel/runtime': 7.17.9 - '@radix-ui/popper': 0.1.0 - '@radix-ui/react-arrow': 0.1.4_react@18.1.0 - '@radix-ui/react-compose-refs': 0.1.0_react@18.1.0 - '@radix-ui/react-context': 0.1.1_react@18.1.0 - '@radix-ui/react-primitive': 0.1.4_react@18.1.0 - '@radix-ui/react-use-rect': 0.1.1_react@18.1.0 - '@radix-ui/react-use-size': 0.1.1_react@18.1.0 - '@radix-ui/rect': 0.1.1 - react: 18.1.0 - dev: false - - /@radix-ui/react-portal/0.1.4_ef5jwxihqo6n7gxfmzogljlgcm: - resolution: {integrity: sha512-MO0wRy2eYRTZ/CyOri9NANCAtAtq89DEtg90gicaTlkCfdqCLEBsLb+/q66BZQTr3xX/Vq01nnVfc/TkCqoqvw==} - peerDependencies: - react: ^16.8 || ^17.0 - react-dom: ^16.8 || ^17.0 - dependencies: - '@babel/runtime': 7.17.9 - '@radix-ui/react-primitive': 0.1.4_react@18.1.0 - '@radix-ui/react-use-layout-effect': 0.1.0_react@18.1.0 - react: 18.1.0 - react-dom: 18.1.0_react@18.1.0 - dev: false - /@radix-ui/react-presence/0.1.2_react@18.1.0: resolution: {integrity: sha512-3BRlFZraooIUfRlyN+b/Xs5hq1lanOOo/+3h6Pwu2GMFjkGKKa4Rd51fcqGqnVlbr3jYg+WLuGyAV4KlgqwrQw==} peerDependencies: @@ -2831,41 +2768,6 @@ packages: react: 18.1.0 dev: false - /@radix-ui/react-tooltip/0.1.7_ef5jwxihqo6n7gxfmzogljlgcm: - resolution: {integrity: sha512-eiBUsVOHenZ0JR16tl970bB0DafJBz6mFgSGfIGIVpflFj0LIsIDiLMsYyvYdx1KwwsIUDTEZtxcPm/sWjPzqA==} - peerDependencies: - react: ^16.8 || ^17.0 - react-dom: ^16.8 || ^17.0 - dependencies: - '@babel/runtime': 7.17.9 - '@radix-ui/primitive': 0.1.0 - '@radix-ui/react-compose-refs': 0.1.0_react@18.1.0 - '@radix-ui/react-context': 0.1.1_react@18.1.0 - '@radix-ui/react-id': 0.1.5_react@18.1.0 - '@radix-ui/react-popper': 0.1.4_react@18.1.0 - '@radix-ui/react-portal': 0.1.4_ef5jwxihqo6n7gxfmzogljlgcm - '@radix-ui/react-presence': 0.1.2_react@18.1.0 - '@radix-ui/react-primitive': 0.1.4_react@18.1.0 - '@radix-ui/react-slot': 0.1.2_react@18.1.0 - '@radix-ui/react-use-controllable-state': 0.1.0_react@18.1.0 - '@radix-ui/react-use-escape-keydown': 0.1.0_react@18.1.0 - '@radix-ui/react-use-previous': 0.1.1_react@18.1.0 - '@radix-ui/react-use-rect': 0.1.1_react@18.1.0 - '@radix-ui/react-visually-hidden': 0.1.4_react@18.1.0 - react: 18.1.0 - react-dom: 18.1.0_react@18.1.0 - dev: false - - /@radix-ui/react-use-body-pointer-events/0.1.1_react@18.1.0: - resolution: {integrity: sha512-R8leV2AWmJokTmERM8cMXFHWSiv/fzOLhG/JLmRBhLTAzOj37EQizssq4oW0Z29VcZy2tODMi9Pk/htxwb+xpA==} - peerDependencies: - react: ^16.8 || ^17.0 - dependencies: - '@babel/runtime': 7.17.9 - '@radix-ui/react-use-layout-effect': 0.1.0_react@18.1.0 - react: 18.1.0 - dev: false - /@radix-ui/react-use-callback-ref/0.1.0_react@18.1.0: resolution: {integrity: sha512-Va041McOFFl+aV+sejvl0BS2aeHx86ND9X/rVFmEFQKTXCp6xgUK0NGUAGcgBlIjnJSbMYPGEk1xKSSlVcN2Aw==} peerDependencies: @@ -2885,16 +2787,6 @@ packages: react: 18.1.0 dev: false - /@radix-ui/react-use-escape-keydown/0.1.0_react@18.1.0: - resolution: {integrity: sha512-tDLZbTGFmvXaazUXXv8kYbiCcbAE8yKgng9s95d8fCO+Eundv0Jngbn/hKPhDDs4jj9ChwRX5cDDnlaN+ugYYQ==} - peerDependencies: - react: ^16.8 || ^17.0 - dependencies: - '@babel/runtime': 7.17.9 - '@radix-ui/react-use-callback-ref': 0.1.0_react@18.1.0 - react: 18.1.0 - dev: false - /@radix-ui/react-use-layout-effect/0.1.0_react@18.1.0: resolution: {integrity: sha512-+wdeS51Y+E1q1Wmd+1xSSbesZkpVj4jsg0BojCbopWvgq5iBvixw5vgemscdh58ep98BwUbsFYnrywFhV9yrVg==} peerDependencies: @@ -2904,50 +2796,6 @@ packages: react: 18.1.0 dev: false - /@radix-ui/react-use-previous/0.1.1_react@18.1.0: - resolution: {integrity: sha512-O/ZgrDBr11dR8rhO59ED8s5zIXBRFi8MiS+CmFGfi7MJYdLbfqVOmQU90Ghf87aifEgWe6380LA69KBneaShAg==} - peerDependencies: - react: ^16.8 || ^17.0 - dependencies: - '@babel/runtime': 7.17.9 - react: 18.1.0 - dev: false - - /@radix-ui/react-use-rect/0.1.1_react@18.1.0: - resolution: {integrity: sha512-kHNNXAsP3/PeszEmM/nxBBS9Jbo93sO+xuMTcRfwzXsmxT5gDXQzAiKbZQ0EecCPtJIzqvr7dlaQi/aP1PKYqQ==} - peerDependencies: - react: ^16.8 || ^17.0 - dependencies: - '@babel/runtime': 7.17.9 - '@radix-ui/rect': 0.1.1 - react: 18.1.0 - dev: false - - /@radix-ui/react-use-size/0.1.1_react@18.1.0: - resolution: {integrity: sha512-pTgWM5qKBu6C7kfKxrKPoBI2zZYZmp2cSXzpUiGM3qEBQlMLtYhaY2JXdXUCxz+XmD1YEjc8oRwvyfsD4AG4WA==} - peerDependencies: - react: ^16.8 || ^17.0 - dependencies: - '@babel/runtime': 7.17.9 - react: 18.1.0 - dev: false - - /@radix-ui/react-visually-hidden/0.1.4_react@18.1.0: - resolution: {integrity: sha512-K/q6AEEzqeeEq/T0NPChvBqnwlp8Tl4NnQdrI/y8IOY7BRR+Ug0PEsVk6g48HJ7cA1//COugdxXXVVK/m0X1mA==} - peerDependencies: - react: ^16.8 || ^17.0 - dependencies: - '@babel/runtime': 7.17.9 - '@radix-ui/react-primitive': 0.1.4_react@18.1.0 - react: 18.1.0 - dev: false - - /@radix-ui/rect/0.1.1: - resolution: {integrity: sha512-g3hnE/UcOg7REdewduRPAK88EPuLZtaq7sA9ouu8S+YEtnyFRI16jgv6GZYe3VMoQLL1T171ebmEPtDjyxWLzw==} - dependencies: - '@babel/runtime': 7.17.9 - dev: false - /@react-aria/button/3.4.4_react@18.1.0: resolution: {integrity: sha512-Z4jh8WLXNk8BJZ28beXTJWFwnhdjyC6ymby7qD/UDckqbm5OqM18EqYbKmJVF3+MRScunZdGg2aw0jkNpzo+3w==} peerDependencies: @@ -4311,13 +4159,6 @@ packages: /argparse/2.0.1: resolution: {integrity: sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==} - /aria-hidden/1.1.3: - resolution: {integrity: sha512-RhVWFtKH5BiGMycI72q2RAFMLQi8JP9bLuQXgR5a8Znp7P5KOIADSJeyfI8PCVxLEp067B2HbP5JIiI/PXIZeA==} - engines: {node: '>=8.5.0'} - dependencies: - tslib: 1.14.1 - dev: false - /aria-query/4.2.2: resolution: {integrity: sha512-o/HelwhuKpTj/frsOsbNLNgnNGVIFsVP/SW2BSF14gVl7kAfMOJ6/8wUAUvG1R1NHKrfG+2sHZTu0yauT1qBrA==} engines: {node: '>=6.0'} @@ -5375,10 +5216,6 @@ packages: engines: {node: '>=8'} dev: true - /detect-node-es/1.1.0: - resolution: {integrity: sha512-ypdmJU/TbBby2Dxibuv7ZLW3Bs1QEmM7nHjEANfohJLvE0XVujisn1qPJcZxg+qDucsr+bP6fLD1rPS3AhJ7EQ==} - dev: false - /detect-node/2.1.0: resolution: {integrity: sha512-T0NIuQpnTvFDATNuHN5roPwSBG83rFsuO+MXXH9/3N1eFbn4wcPjttvjMLEPWJ0RGUYgQE7cGgS3tNxbqCGM7g==} dev: false @@ -6789,11 +6626,6 @@ packages: has: 1.0.3 has-symbols: 1.0.3 - /get-nonce/1.0.1: - resolution: {integrity: sha512-FJhYRoDaiatfEkUK8HKlicmu/3SGFD51q3itKDGoSTysQJBnfOcxU5GxnhE1E6soB76MbT0MBtnKJuXyAx+96Q==} - engines: {node: '>=6'} - dev: false - /get-package-type/0.1.0: resolution: {integrity: sha512-pjzuKtY64GYfWizNAJ0fr9VqttZkNiK2iS430LtIHzjBEr6bX8Am2zm4sW4Ro5wjWW5cAlRL1qAMTcXbjNAO2Q==} engines: {node: '>=8.0.0'} @@ -7250,12 +7082,6 @@ packages: tslib: 2.4.0 dev: false - /invariant/2.2.4: - resolution: {integrity: sha512-phJfQVBuaJM5raOpJjSfkiD6BpbCE4Ns//LaXl6wGYtUBY83nWS6Rf9tXm2e8VaK60JEjYldbPif/A2B1C2gNA==} - dependencies: - loose-envify: 1.4.0 - dev: false - /ip-regex/2.1.0: resolution: {integrity: sha1-+ni/XS5pE8kRzp+BnuUUa7bYROk=} engines: {node: '>=4'} @@ -9489,6 +9315,11 @@ packages: hasBin: true dev: true + /pify/2.3.0: + resolution: {integrity: sha1-7RQaasBDqEnqWISY59yosVMw6Qw=} + engines: {node: '>=0.10.0'} + dev: true + /pify/3.0.0: resolution: {integrity: sha1-5aSs0sEB/fPZpNB/DbxNtJ3SgXY=} engines: {node: '>=4'} @@ -9515,6 +9346,18 @@ packages: engines: {node: '>=0.10.0'} dev: true + /postcss-import/14.1.0_postcss@8.4.14: + resolution: {integrity: sha512-flwI+Vgm4SElObFVPpTIT7SU7R3qk2L7PyduMcokiaVKuWv9d/U+Gm/QAd8NDLuykTWTkcrjOeD2Pp1rMeBTGw==} + engines: {node: '>=10.0.0'} + peerDependencies: + postcss: ^8.0.0 + dependencies: + postcss: 8.4.14 + postcss-value-parser: 4.2.0 + read-cache: 1.0.0 + resolve: 1.22.0 + dev: true + /postcss-js/4.0.0_postcss@8.4.14: resolution: {integrity: sha512-77QESFBwgX4irogGVPgQ5s07vLvFqWr228qZY+w6lW599cRlK/HmnlivnnVUxkjHnCu4J16PDMHcH+e+2HbvTQ==} engines: {node: ^12 || ^14 || >= 16} @@ -9837,41 +9680,6 @@ packages: engines: {node: '>=0.10.0'} dev: true - /react-remove-scroll-bar/2.3.1_7cpxmzzodpxnolj5zcc5cr63ji: - resolution: {integrity: sha512-IvGX3mJclEF7+hga8APZczve1UyGMkMG+tjS0o/U1iLgvZRpjFAQEUBJ4JETfvbNlfNnZnoDyWJCICkA15Mghg==} - engines: {node: '>=10'} - peerDependencies: - '@types/react': ^16.8.0 || ^17.0.0 || ^18.0.0 - react: ^16.8.0 || ^17.0.0 || ^18.0.0 - peerDependenciesMeta: - '@types/react': - optional: true - dependencies: - '@types/react': 18.0.9 - react: 18.1.0 - react-style-singleton: 2.2.0_7cpxmzzodpxnolj5zcc5cr63ji - tslib: 2.4.0 - dev: false - - /react-remove-scroll/2.5.3_7cpxmzzodpxnolj5zcc5cr63ji: - resolution: {integrity: sha512-NQ1bXrxKrnK5pFo/GhLkXeo3CrK5steI+5L+jynwwIemvZyfXqaL0L5BzwJd7CSwNCU723DZaccvjuyOdoy3Xw==} - engines: {node: '>=10'} - peerDependencies: - '@types/react': ^16.8.0 || ^17.0.0 || ^18.0.0 - react: ^16.8.0 || ^17.0.0 || ^18.0.0 - peerDependenciesMeta: - '@types/react': - optional: true - dependencies: - '@types/react': 18.0.9 - react: 18.1.0 - react-remove-scroll-bar: 2.3.1_7cpxmzzodpxnolj5zcc5cr63ji - react-style-singleton: 2.2.0_7cpxmzzodpxnolj5zcc5cr63ji - tslib: 2.4.0 - use-callback-ref: 1.3.0_7cpxmzzodpxnolj5zcc5cr63ji - use-sidecar: 1.1.2_7cpxmzzodpxnolj5zcc5cr63ji - dev: false - /react-router-dom/6.3.0_ef5jwxihqo6n7gxfmzogljlgcm: resolution: {integrity: sha512-uaJj7LKytRxZNQV8+RbzJWnJ8K2nPsOOEuX7aQstlMZKQT0164C+X2w6bnkqU3sjtLvpd5ojrezAyfZ1+0sStw==} peerDependencies: @@ -9893,23 +9701,6 @@ packages: react: 18.1.0 dev: false - /react-style-singleton/2.2.0_7cpxmzzodpxnolj5zcc5cr63ji: - resolution: {integrity: sha512-nK7mN92DMYZEu3cQcAhfwE48NpzO5RpxjG4okbSqRRbfal9Pk+fG2RdQXTMp+f6all1hB9LIJSt+j7dCYrU11g==} - engines: {node: '>=10'} - peerDependencies: - '@types/react': ^16.8.0 || ^17.0.0 || ^18.0.0 - react: ^16.8.0 || ^17.0.0 || ^18.0.0 - peerDependenciesMeta: - '@types/react': - optional: true - dependencies: - '@types/react': 18.0.9 - get-nonce: 1.0.1 - invariant: 2.2.4 - react: 18.1.0 - tslib: 2.4.0 - dev: false - /react/18.1.0: resolution: {integrity: sha512-4oL8ivCz5ZEPyclFQXaNksK3adutVS8l2xzZU0cqEFrE9Sb7fC0EFK5uEk74wIreL1DERyjvsU915j1pcT2uEQ==} engines: {node: '>=0.10.0'} @@ -9917,6 +9708,12 @@ packages: loose-envify: 1.4.0 dev: false + /read-cache/1.0.0: + resolution: {integrity: sha1-5mTvMRYRZsl1HNvo28+GtftY93Q=} + dependencies: + pify: 2.3.0 + dev: true + /read-pkg-up/7.0.1: resolution: {integrity: sha512-zK0TB7Xd6JpCLmlLmufqykGE+/TlOePD6qKClNW7hHDKFh/J7/7gCWGR7joEQEW1bKq3a3yUZSObOoWLFQ4ohg==} engines: {node: '>=8'} @@ -11631,37 +11428,6 @@ packages: engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0} dev: false - /use-callback-ref/1.3.0_7cpxmzzodpxnolj5zcc5cr63ji: - resolution: {integrity: sha512-3FT9PRuRdbB9HfXhEq35u4oZkvpJ5kuYbpqhCfmiZyReuRgpnhDlbr2ZEnnuS0RrJAPn6l23xjFg9kpDM+Ms7w==} - engines: {node: '>=10'} - peerDependencies: - '@types/react': ^16.8.0 || ^17.0.0 || ^18.0.0 - react: ^16.8.0 || ^17.0.0 || ^18.0.0 - peerDependenciesMeta: - '@types/react': - optional: true - dependencies: - '@types/react': 18.0.9 - react: 18.1.0 - tslib: 2.4.0 - dev: false - - /use-sidecar/1.1.2_7cpxmzzodpxnolj5zcc5cr63ji: - resolution: {integrity: sha512-epTbsLuzZ7lPClpz2TyryBfztm7m+28DlEv2ZCQ3MDr5ssiwyOwGH/e5F9CkfWjJ1t4clvI58yF822/GUkjjhw==} - engines: {node: '>=10'} - peerDependencies: - '@types/react': ^16.9.0 || ^17.0.0 || ^18.0.0 - react: ^16.8.0 || ^17.0.0 || ^18.0.0 - peerDependenciesMeta: - '@types/react': - optional: true - dependencies: - '@types/react': 18.0.9 - detect-node-es: 1.1.0 - react: 18.1.0 - tslib: 2.4.0 - dev: false - /use/3.1.1: resolution: {integrity: sha512-cwESVXlO3url9YWlFW/TA9cshCEhtu7IKJ/p5soJ/gGpj7vbvFrAY/eIioQ6Dw23KjZhYgiIo8HOs1nQ2vr/oQ==} engines: {node: '>=0.10.0'}