diff --git a/.pnp.cjs b/.pnp.cjs index 07fd8e7..840455e 100755 --- a/.pnp.cjs +++ b/.pnp.cjs @@ -28,6 +28,8 @@ const RAW_RUNTIME_STATE = "packageDependencies": [\ ["@commitlint/cli", "npm:19.6.1"],\ ["@commitlint/config-conventional", "npm:19.6.0"],\ + ["@radix-ui/react-dialog", "virtual:bf4b7fdd92a9723d0b8b3c0ad1d9b3bf177b06bda2d8d90eee6bb9b559bcf7f6a4e86d3e1e4088168d00f3b758fa58c40c57bffe4a3e68627cd86f7a3c1c2191#npm:1.1.5"],\ + ["@radix-ui/react-visually-hidden", "virtual:bf4b7fdd92a9723d0b8b3c0ad1d9b3bf177b06bda2d8d90eee6bb9b559bcf7f6a4e86d3e1e4088168d00f3b758fa58c40c57bffe4a3e68627cd86f7a3c1c2191#npm:1.1.1"],\ ["@storybook/addon-essentials", "virtual:bf4b7fdd92a9723d0b8b3c0ad1d9b3bf177b06bda2d8d90eee6bb9b559bcf7f6a4e86d3e1e4088168d00f3b758fa58c40c57bffe4a3e68627cd86f7a3c1c2191#npm:8.5.0"],\ ["@storybook/addon-interactions", "virtual:bf4b7fdd92a9723d0b8b3c0ad1d9b3bf177b06bda2d8d90eee6bb9b559bcf7f6a4e86d3e1e4088168d00f3b758fa58c40c57bffe4a3e68627cd86f7a3c1c2191#npm:8.5.0"],\ ["@storybook/addon-links", "virtual:bf4b7fdd92a9723d0b8b3c0ad1d9b3bf177b06bda2d8d90eee6bb9b559bcf7f6a4e86d3e1e4088168d00f3b758fa58c40c57bffe4a3e68627cd86f7a3c1c2191#npm:8.5.0"],\ @@ -2278,6 +2280,427 @@ const RAW_RUNTIME_STATE = "linkType": "HARD"\ }]\ ]],\ + ["@radix-ui/primitive", [\ + ["npm:1.1.1", {\ + "packageLocation": "./.yarn/cache/@radix-ui-primitive-npm-1.1.1-758e8c9172-6457bd8d1a.zip/node_modules/@radix-ui/primitive/",\ + "packageDependencies": [\ + ["@radix-ui/primitive", "npm:1.1.1"]\ + ],\ + "linkType": "HARD"\ + }]\ + ]],\ + ["@radix-ui/react-compose-refs", [\ + ["npm:1.1.1", {\ + "packageLocation": "./.yarn/cache/@radix-ui-react-compose-refs-npm-1.1.1-2480de3ef9-3e84580024.zip/node_modules/@radix-ui/react-compose-refs/",\ + "packageDependencies": [\ + ["@radix-ui/react-compose-refs", "npm:1.1.1"]\ + ],\ + "linkType": "SOFT"\ + }],\ + ["virtual:5c250568c0c5c23d295e66cf48eafb9443988da8119b081acc1a66c32705fe6541f862f293bf80f25180ae8db61e89bf87b75c2b4a6dd5c9652fe5c2995529d5#npm:1.1.1", {\ + "packageLocation": "./.yarn/__virtual__/@radix-ui-react-compose-refs-virtual-fa73a2a7a1/0/cache/@radix-ui-react-compose-refs-npm-1.1.1-2480de3ef9-3e84580024.zip/node_modules/@radix-ui/react-compose-refs/",\ + "packageDependencies": [\ + ["@radix-ui/react-compose-refs", "virtual:5c250568c0c5c23d295e66cf48eafb9443988da8119b081acc1a66c32705fe6541f862f293bf80f25180ae8db61e89bf87b75c2b4a6dd5c9652fe5c2995529d5#npm:1.1.1"],\ + ["@types/react", "npm:18.3.18"],\ + ["react", "npm:18.3.1"]\ + ],\ + "packagePeers": [\ + "@types/react",\ + "react"\ + ],\ + "linkType": "HARD"\ + }]\ + ]],\ + ["@radix-ui/react-context", [\ + ["npm:1.1.1", {\ + "packageLocation": "./.yarn/cache/@radix-ui-react-context-npm-1.1.1-bafaecc686-fc4ace9d79.zip/node_modules/@radix-ui/react-context/",\ + "packageDependencies": [\ + ["@radix-ui/react-context", "npm:1.1.1"]\ + ],\ + "linkType": "SOFT"\ + }],\ + ["virtual:5c250568c0c5c23d295e66cf48eafb9443988da8119b081acc1a66c32705fe6541f862f293bf80f25180ae8db61e89bf87b75c2b4a6dd5c9652fe5c2995529d5#npm:1.1.1", {\ + "packageLocation": "./.yarn/__virtual__/@radix-ui-react-context-virtual-5157e89bb1/0/cache/@radix-ui-react-context-npm-1.1.1-bafaecc686-fc4ace9d79.zip/node_modules/@radix-ui/react-context/",\ + "packageDependencies": [\ + ["@radix-ui/react-context", "virtual:5c250568c0c5c23d295e66cf48eafb9443988da8119b081acc1a66c32705fe6541f862f293bf80f25180ae8db61e89bf87b75c2b4a6dd5c9652fe5c2995529d5#npm:1.1.1"],\ + ["@types/react", "npm:18.3.18"],\ + ["react", "npm:18.3.1"]\ + ],\ + "packagePeers": [\ + "@types/react",\ + "react"\ + ],\ + "linkType": "HARD"\ + }]\ + ]],\ + ["@radix-ui/react-dialog", [\ + ["npm:1.1.5", {\ + "packageLocation": "./.yarn/cache/@radix-ui-react-dialog-npm-1.1.5-56b8cc7ab3-486f1b6cb9.zip/node_modules/@radix-ui/react-dialog/",\ + "packageDependencies": [\ + ["@radix-ui/react-dialog", "npm:1.1.5"]\ + ],\ + "linkType": "SOFT"\ + }],\ + ["virtual:bf4b7fdd92a9723d0b8b3c0ad1d9b3bf177b06bda2d8d90eee6bb9b559bcf7f6a4e86d3e1e4088168d00f3b758fa58c40c57bffe4a3e68627cd86f7a3c1c2191#npm:1.1.5", {\ + "packageLocation": "./.yarn/__virtual__/@radix-ui-react-dialog-virtual-5c250568c0/0/cache/@radix-ui-react-dialog-npm-1.1.5-56b8cc7ab3-486f1b6cb9.zip/node_modules/@radix-ui/react-dialog/",\ + "packageDependencies": [\ + ["@radix-ui/react-dialog", "virtual:bf4b7fdd92a9723d0b8b3c0ad1d9b3bf177b06bda2d8d90eee6bb9b559bcf7f6a4e86d3e1e4088168d00f3b758fa58c40c57bffe4a3e68627cd86f7a3c1c2191#npm:1.1.5"],\ + ["@radix-ui/primitive", "npm:1.1.1"],\ + ["@radix-ui/react-compose-refs", "virtual:5c250568c0c5c23d295e66cf48eafb9443988da8119b081acc1a66c32705fe6541f862f293bf80f25180ae8db61e89bf87b75c2b4a6dd5c9652fe5c2995529d5#npm:1.1.1"],\ + ["@radix-ui/react-context", "virtual:5c250568c0c5c23d295e66cf48eafb9443988da8119b081acc1a66c32705fe6541f862f293bf80f25180ae8db61e89bf87b75c2b4a6dd5c9652fe5c2995529d5#npm:1.1.1"],\ + ["@radix-ui/react-dismissable-layer", "virtual:5c250568c0c5c23d295e66cf48eafb9443988da8119b081acc1a66c32705fe6541f862f293bf80f25180ae8db61e89bf87b75c2b4a6dd5c9652fe5c2995529d5#npm:1.1.4"],\ + ["@radix-ui/react-focus-guards", "virtual:5c250568c0c5c23d295e66cf48eafb9443988da8119b081acc1a66c32705fe6541f862f293bf80f25180ae8db61e89bf87b75c2b4a6dd5c9652fe5c2995529d5#npm:1.1.1"],\ + ["@radix-ui/react-focus-scope", "virtual:5c250568c0c5c23d295e66cf48eafb9443988da8119b081acc1a66c32705fe6541f862f293bf80f25180ae8db61e89bf87b75c2b4a6dd5c9652fe5c2995529d5#npm:1.1.1"],\ + ["@radix-ui/react-id", "virtual:5c250568c0c5c23d295e66cf48eafb9443988da8119b081acc1a66c32705fe6541f862f293bf80f25180ae8db61e89bf87b75c2b4a6dd5c9652fe5c2995529d5#npm:1.1.0"],\ + ["@radix-ui/react-portal", "virtual:5c250568c0c5c23d295e66cf48eafb9443988da8119b081acc1a66c32705fe6541f862f293bf80f25180ae8db61e89bf87b75c2b4a6dd5c9652fe5c2995529d5#npm:1.1.3"],\ + ["@radix-ui/react-presence", "virtual:5c250568c0c5c23d295e66cf48eafb9443988da8119b081acc1a66c32705fe6541f862f293bf80f25180ae8db61e89bf87b75c2b4a6dd5c9652fe5c2995529d5#npm:1.1.2"],\ + ["@radix-ui/react-primitive", "virtual:5c250568c0c5c23d295e66cf48eafb9443988da8119b081acc1a66c32705fe6541f862f293bf80f25180ae8db61e89bf87b75c2b4a6dd5c9652fe5c2995529d5#npm:2.0.1"],\ + ["@radix-ui/react-slot", "virtual:5c250568c0c5c23d295e66cf48eafb9443988da8119b081acc1a66c32705fe6541f862f293bf80f25180ae8db61e89bf87b75c2b4a6dd5c9652fe5c2995529d5#npm:1.1.1"],\ + ["@radix-ui/react-use-controllable-state", "virtual:5c250568c0c5c23d295e66cf48eafb9443988da8119b081acc1a66c32705fe6541f862f293bf80f25180ae8db61e89bf87b75c2b4a6dd5c9652fe5c2995529d5#npm:1.1.0"],\ + ["@types/react", "npm:18.3.18"],\ + ["@types/react-dom", "virtual:bf4b7fdd92a9723d0b8b3c0ad1d9b3bf177b06bda2d8d90eee6bb9b559bcf7f6a4e86d3e1e4088168d00f3b758fa58c40c57bffe4a3e68627cd86f7a3c1c2191#npm:18.3.5"],\ + ["aria-hidden", "npm:1.2.4"],\ + ["react", "npm:18.3.1"],\ + ["react-dom", "virtual:bf4b7fdd92a9723d0b8b3c0ad1d9b3bf177b06bda2d8d90eee6bb9b559bcf7f6a4e86d3e1e4088168d00f3b758fa58c40c57bffe4a3e68627cd86f7a3c1c2191#npm:18.3.1"],\ + ["react-remove-scroll", "virtual:5c250568c0c5c23d295e66cf48eafb9443988da8119b081acc1a66c32705fe6541f862f293bf80f25180ae8db61e89bf87b75c2b4a6dd5c9652fe5c2995529d5#npm:2.6.3"]\ + ],\ + "packagePeers": [\ + "@types/react-dom",\ + "@types/react",\ + "react-dom",\ + "react"\ + ],\ + "linkType": "HARD"\ + }]\ + ]],\ + ["@radix-ui/react-dismissable-layer", [\ + ["npm:1.1.4", {\ + "packageLocation": "./.yarn/cache/@radix-ui-react-dismissable-layer-npm-1.1.4-c9500c86c8-8657bf3e7e.zip/node_modules/@radix-ui/react-dismissable-layer/",\ + "packageDependencies": [\ + ["@radix-ui/react-dismissable-layer", "npm:1.1.4"]\ + ],\ + "linkType": "SOFT"\ + }],\ + ["virtual:5c250568c0c5c23d295e66cf48eafb9443988da8119b081acc1a66c32705fe6541f862f293bf80f25180ae8db61e89bf87b75c2b4a6dd5c9652fe5c2995529d5#npm:1.1.4", {\ + "packageLocation": "./.yarn/__virtual__/@radix-ui-react-dismissable-layer-virtual-9f9dcdaf59/0/cache/@radix-ui-react-dismissable-layer-npm-1.1.4-c9500c86c8-8657bf3e7e.zip/node_modules/@radix-ui/react-dismissable-layer/",\ + "packageDependencies": [\ + ["@radix-ui/react-dismissable-layer", "virtual:5c250568c0c5c23d295e66cf48eafb9443988da8119b081acc1a66c32705fe6541f862f293bf80f25180ae8db61e89bf87b75c2b4a6dd5c9652fe5c2995529d5#npm:1.1.4"],\ + ["@radix-ui/primitive", "npm:1.1.1"],\ + ["@radix-ui/react-compose-refs", "virtual:5c250568c0c5c23d295e66cf48eafb9443988da8119b081acc1a66c32705fe6541f862f293bf80f25180ae8db61e89bf87b75c2b4a6dd5c9652fe5c2995529d5#npm:1.1.1"],\ + ["@radix-ui/react-primitive", "virtual:5c250568c0c5c23d295e66cf48eafb9443988da8119b081acc1a66c32705fe6541f862f293bf80f25180ae8db61e89bf87b75c2b4a6dd5c9652fe5c2995529d5#npm:2.0.1"],\ + ["@radix-ui/react-use-callback-ref", "virtual:9f9dcdaf5901958c78efa2392d9299bb381a71460708930508e4449872424c266f0c601ad84b4cbb05a13eee5867c3f70e780af659c17dd10a3fc7b354d86228#npm:1.1.0"],\ + ["@radix-ui/react-use-escape-keydown", "virtual:9f9dcdaf5901958c78efa2392d9299bb381a71460708930508e4449872424c266f0c601ad84b4cbb05a13eee5867c3f70e780af659c17dd10a3fc7b354d86228#npm:1.1.0"],\ + ["@types/react", "npm:18.3.18"],\ + ["@types/react-dom", "virtual:bf4b7fdd92a9723d0b8b3c0ad1d9b3bf177b06bda2d8d90eee6bb9b559bcf7f6a4e86d3e1e4088168d00f3b758fa58c40c57bffe4a3e68627cd86f7a3c1c2191#npm:18.3.5"],\ + ["react", "npm:18.3.1"],\ + ["react-dom", "virtual:bf4b7fdd92a9723d0b8b3c0ad1d9b3bf177b06bda2d8d90eee6bb9b559bcf7f6a4e86d3e1e4088168d00f3b758fa58c40c57bffe4a3e68627cd86f7a3c1c2191#npm:18.3.1"]\ + ],\ + "packagePeers": [\ + "@types/react-dom",\ + "@types/react",\ + "react-dom",\ + "react"\ + ],\ + "linkType": "HARD"\ + }]\ + ]],\ + ["@radix-ui/react-focus-guards", [\ + ["npm:1.1.1", {\ + "packageLocation": "./.yarn/cache/@radix-ui-react-focus-guards-npm-1.1.1-81f7ac7cf0-2e99750ca5.zip/node_modules/@radix-ui/react-focus-guards/",\ + "packageDependencies": [\ + ["@radix-ui/react-focus-guards", "npm:1.1.1"]\ + ],\ + "linkType": "SOFT"\ + }],\ + ["virtual:5c250568c0c5c23d295e66cf48eafb9443988da8119b081acc1a66c32705fe6541f862f293bf80f25180ae8db61e89bf87b75c2b4a6dd5c9652fe5c2995529d5#npm:1.1.1", {\ + "packageLocation": "./.yarn/__virtual__/@radix-ui-react-focus-guards-virtual-ba0a88184a/0/cache/@radix-ui-react-focus-guards-npm-1.1.1-81f7ac7cf0-2e99750ca5.zip/node_modules/@radix-ui/react-focus-guards/",\ + "packageDependencies": [\ + ["@radix-ui/react-focus-guards", "virtual:5c250568c0c5c23d295e66cf48eafb9443988da8119b081acc1a66c32705fe6541f862f293bf80f25180ae8db61e89bf87b75c2b4a6dd5c9652fe5c2995529d5#npm:1.1.1"],\ + ["@types/react", "npm:18.3.18"],\ + ["react", "npm:18.3.1"]\ + ],\ + "packagePeers": [\ + "@types/react",\ + "react"\ + ],\ + "linkType": "HARD"\ + }]\ + ]],\ + ["@radix-ui/react-focus-scope", [\ + ["npm:1.1.1", {\ + "packageLocation": "./.yarn/cache/@radix-ui-react-focus-scope-npm-1.1.1-eaf894ac65-a430264a32.zip/node_modules/@radix-ui/react-focus-scope/",\ + "packageDependencies": [\ + ["@radix-ui/react-focus-scope", "npm:1.1.1"]\ + ],\ + "linkType": "SOFT"\ + }],\ + ["virtual:5c250568c0c5c23d295e66cf48eafb9443988da8119b081acc1a66c32705fe6541f862f293bf80f25180ae8db61e89bf87b75c2b4a6dd5c9652fe5c2995529d5#npm:1.1.1", {\ + "packageLocation": "./.yarn/__virtual__/@radix-ui-react-focus-scope-virtual-4e62c501bf/0/cache/@radix-ui-react-focus-scope-npm-1.1.1-eaf894ac65-a430264a32.zip/node_modules/@radix-ui/react-focus-scope/",\ + "packageDependencies": [\ + ["@radix-ui/react-focus-scope", "virtual:5c250568c0c5c23d295e66cf48eafb9443988da8119b081acc1a66c32705fe6541f862f293bf80f25180ae8db61e89bf87b75c2b4a6dd5c9652fe5c2995529d5#npm:1.1.1"],\ + ["@radix-ui/react-compose-refs", "virtual:5c250568c0c5c23d295e66cf48eafb9443988da8119b081acc1a66c32705fe6541f862f293bf80f25180ae8db61e89bf87b75c2b4a6dd5c9652fe5c2995529d5#npm:1.1.1"],\ + ["@radix-ui/react-primitive", "virtual:5c250568c0c5c23d295e66cf48eafb9443988da8119b081acc1a66c32705fe6541f862f293bf80f25180ae8db61e89bf87b75c2b4a6dd5c9652fe5c2995529d5#npm:2.0.1"],\ + ["@radix-ui/react-use-callback-ref", "virtual:9f9dcdaf5901958c78efa2392d9299bb381a71460708930508e4449872424c266f0c601ad84b4cbb05a13eee5867c3f70e780af659c17dd10a3fc7b354d86228#npm:1.1.0"],\ + ["@types/react", "npm:18.3.18"],\ + ["@types/react-dom", "virtual:bf4b7fdd92a9723d0b8b3c0ad1d9b3bf177b06bda2d8d90eee6bb9b559bcf7f6a4e86d3e1e4088168d00f3b758fa58c40c57bffe4a3e68627cd86f7a3c1c2191#npm:18.3.5"],\ + ["react", "npm:18.3.1"],\ + ["react-dom", "virtual:bf4b7fdd92a9723d0b8b3c0ad1d9b3bf177b06bda2d8d90eee6bb9b559bcf7f6a4e86d3e1e4088168d00f3b758fa58c40c57bffe4a3e68627cd86f7a3c1c2191#npm:18.3.1"]\ + ],\ + "packagePeers": [\ + "@types/react-dom",\ + "@types/react",\ + "react-dom",\ + "react"\ + ],\ + "linkType": "HARD"\ + }]\ + ]],\ + ["@radix-ui/react-id", [\ + ["npm:1.1.0", {\ + "packageLocation": "./.yarn/cache/@radix-ui-react-id-npm-1.1.0-520751ed60-acf13e29e5.zip/node_modules/@radix-ui/react-id/",\ + "packageDependencies": [\ + ["@radix-ui/react-id", "npm:1.1.0"]\ + ],\ + "linkType": "SOFT"\ + }],\ + ["virtual:5c250568c0c5c23d295e66cf48eafb9443988da8119b081acc1a66c32705fe6541f862f293bf80f25180ae8db61e89bf87b75c2b4a6dd5c9652fe5c2995529d5#npm:1.1.0", {\ + "packageLocation": "./.yarn/__virtual__/@radix-ui-react-id-virtual-5c244d354b/0/cache/@radix-ui-react-id-npm-1.1.0-520751ed60-acf13e29e5.zip/node_modules/@radix-ui/react-id/",\ + "packageDependencies": [\ + ["@radix-ui/react-id", "virtual:5c250568c0c5c23d295e66cf48eafb9443988da8119b081acc1a66c32705fe6541f862f293bf80f25180ae8db61e89bf87b75c2b4a6dd5c9652fe5c2995529d5#npm:1.1.0"],\ + ["@radix-ui/react-use-layout-effect", "virtual:5c244d354bef42ce878d59d62335b237cdf324168be51086f1b8f898f860e19b2aec28b76bec93885a80b746e0550d6fbd652d2f1bd3b3ee4c4574e7695a228a#npm:1.1.0"],\ + ["@types/react", "npm:18.3.18"],\ + ["react", "npm:18.3.1"]\ + ],\ + "packagePeers": [\ + "@types/react",\ + "react"\ + ],\ + "linkType": "HARD"\ + }]\ + ]],\ + ["@radix-ui/react-portal", [\ + ["npm:1.1.3", {\ + "packageLocation": "./.yarn/cache/@radix-ui-react-portal-npm-1.1.3-4dd747e0ee-b3cd1a8151.zip/node_modules/@radix-ui/react-portal/",\ + "packageDependencies": [\ + ["@radix-ui/react-portal", "npm:1.1.3"]\ + ],\ + "linkType": "SOFT"\ + }],\ + ["virtual:5c250568c0c5c23d295e66cf48eafb9443988da8119b081acc1a66c32705fe6541f862f293bf80f25180ae8db61e89bf87b75c2b4a6dd5c9652fe5c2995529d5#npm:1.1.3", {\ + "packageLocation": "./.yarn/__virtual__/@radix-ui-react-portal-virtual-08fd77d25a/0/cache/@radix-ui-react-portal-npm-1.1.3-4dd747e0ee-b3cd1a8151.zip/node_modules/@radix-ui/react-portal/",\ + "packageDependencies": [\ + ["@radix-ui/react-portal", "virtual:5c250568c0c5c23d295e66cf48eafb9443988da8119b081acc1a66c32705fe6541f862f293bf80f25180ae8db61e89bf87b75c2b4a6dd5c9652fe5c2995529d5#npm:1.1.3"],\ + ["@radix-ui/react-primitive", "virtual:5c250568c0c5c23d295e66cf48eafb9443988da8119b081acc1a66c32705fe6541f862f293bf80f25180ae8db61e89bf87b75c2b4a6dd5c9652fe5c2995529d5#npm:2.0.1"],\ + ["@radix-ui/react-use-layout-effect", "virtual:5c244d354bef42ce878d59d62335b237cdf324168be51086f1b8f898f860e19b2aec28b76bec93885a80b746e0550d6fbd652d2f1bd3b3ee4c4574e7695a228a#npm:1.1.0"],\ + ["@types/react", "npm:18.3.18"],\ + ["@types/react-dom", "virtual:bf4b7fdd92a9723d0b8b3c0ad1d9b3bf177b06bda2d8d90eee6bb9b559bcf7f6a4e86d3e1e4088168d00f3b758fa58c40c57bffe4a3e68627cd86f7a3c1c2191#npm:18.3.5"],\ + ["react", "npm:18.3.1"],\ + ["react-dom", "virtual:bf4b7fdd92a9723d0b8b3c0ad1d9b3bf177b06bda2d8d90eee6bb9b559bcf7f6a4e86d3e1e4088168d00f3b758fa58c40c57bffe4a3e68627cd86f7a3c1c2191#npm:18.3.1"]\ + ],\ + "packagePeers": [\ + "@types/react-dom",\ + "@types/react",\ + "react-dom",\ + "react"\ + ],\ + "linkType": "HARD"\ + }]\ + ]],\ + ["@radix-ui/react-presence", [\ + ["npm:1.1.2", {\ + "packageLocation": "./.yarn/cache/@radix-ui-react-presence-npm-1.1.2-9951e170a0-0c6fa28136.zip/node_modules/@radix-ui/react-presence/",\ + "packageDependencies": [\ + ["@radix-ui/react-presence", "npm:1.1.2"]\ + ],\ + "linkType": "SOFT"\ + }],\ + ["virtual:5c250568c0c5c23d295e66cf48eafb9443988da8119b081acc1a66c32705fe6541f862f293bf80f25180ae8db61e89bf87b75c2b4a6dd5c9652fe5c2995529d5#npm:1.1.2", {\ + "packageLocation": "./.yarn/__virtual__/@radix-ui-react-presence-virtual-b5164dbc0f/0/cache/@radix-ui-react-presence-npm-1.1.2-9951e170a0-0c6fa28136.zip/node_modules/@radix-ui/react-presence/",\ + "packageDependencies": [\ + ["@radix-ui/react-presence", "virtual:5c250568c0c5c23d295e66cf48eafb9443988da8119b081acc1a66c32705fe6541f862f293bf80f25180ae8db61e89bf87b75c2b4a6dd5c9652fe5c2995529d5#npm:1.1.2"],\ + ["@radix-ui/react-compose-refs", "virtual:5c250568c0c5c23d295e66cf48eafb9443988da8119b081acc1a66c32705fe6541f862f293bf80f25180ae8db61e89bf87b75c2b4a6dd5c9652fe5c2995529d5#npm:1.1.1"],\ + ["@radix-ui/react-use-layout-effect", "virtual:5c244d354bef42ce878d59d62335b237cdf324168be51086f1b8f898f860e19b2aec28b76bec93885a80b746e0550d6fbd652d2f1bd3b3ee4c4574e7695a228a#npm:1.1.0"],\ + ["@types/react", "npm:18.3.18"],\ + ["@types/react-dom", "virtual:bf4b7fdd92a9723d0b8b3c0ad1d9b3bf177b06bda2d8d90eee6bb9b559bcf7f6a4e86d3e1e4088168d00f3b758fa58c40c57bffe4a3e68627cd86f7a3c1c2191#npm:18.3.5"],\ + ["react", "npm:18.3.1"],\ + ["react-dom", "virtual:bf4b7fdd92a9723d0b8b3c0ad1d9b3bf177b06bda2d8d90eee6bb9b559bcf7f6a4e86d3e1e4088168d00f3b758fa58c40c57bffe4a3e68627cd86f7a3c1c2191#npm:18.3.1"]\ + ],\ + "packagePeers": [\ + "@types/react-dom",\ + "@types/react",\ + "react-dom",\ + "react"\ + ],\ + "linkType": "HARD"\ + }]\ + ]],\ + ["@radix-ui/react-primitive", [\ + ["npm:2.0.1", {\ + "packageLocation": "./.yarn/cache/@radix-ui-react-primitive-npm-2.0.1-a63c88e534-6a562bec14.zip/node_modules/@radix-ui/react-primitive/",\ + "packageDependencies": [\ + ["@radix-ui/react-primitive", "npm:2.0.1"]\ + ],\ + "linkType": "SOFT"\ + }],\ + ["virtual:5c250568c0c5c23d295e66cf48eafb9443988da8119b081acc1a66c32705fe6541f862f293bf80f25180ae8db61e89bf87b75c2b4a6dd5c9652fe5c2995529d5#npm:2.0.1", {\ + "packageLocation": "./.yarn/__virtual__/@radix-ui-react-primitive-virtual-765778dc2a/0/cache/@radix-ui-react-primitive-npm-2.0.1-a63c88e534-6a562bec14.zip/node_modules/@radix-ui/react-primitive/",\ + "packageDependencies": [\ + ["@radix-ui/react-primitive", "virtual:5c250568c0c5c23d295e66cf48eafb9443988da8119b081acc1a66c32705fe6541f862f293bf80f25180ae8db61e89bf87b75c2b4a6dd5c9652fe5c2995529d5#npm:2.0.1"],\ + ["@radix-ui/react-slot", "virtual:5c250568c0c5c23d295e66cf48eafb9443988da8119b081acc1a66c32705fe6541f862f293bf80f25180ae8db61e89bf87b75c2b4a6dd5c9652fe5c2995529d5#npm:1.1.1"],\ + ["@types/react", "npm:18.3.18"],\ + ["@types/react-dom", "virtual:bf4b7fdd92a9723d0b8b3c0ad1d9b3bf177b06bda2d8d90eee6bb9b559bcf7f6a4e86d3e1e4088168d00f3b758fa58c40c57bffe4a3e68627cd86f7a3c1c2191#npm:18.3.5"],\ + ["react", "npm:18.3.1"],\ + ["react-dom", "virtual:bf4b7fdd92a9723d0b8b3c0ad1d9b3bf177b06bda2d8d90eee6bb9b559bcf7f6a4e86d3e1e4088168d00f3b758fa58c40c57bffe4a3e68627cd86f7a3c1c2191#npm:18.3.1"]\ + ],\ + "packagePeers": [\ + "@types/react-dom",\ + "@types/react",\ + "react-dom",\ + "react"\ + ],\ + "linkType": "HARD"\ + }]\ + ]],\ + ["@radix-ui/react-slot", [\ + ["npm:1.1.1", {\ + "packageLocation": "./.yarn/cache/@radix-ui-react-slot-npm-1.1.1-23892fb17a-f3cc71c165.zip/node_modules/@radix-ui/react-slot/",\ + "packageDependencies": [\ + ["@radix-ui/react-slot", "npm:1.1.1"]\ + ],\ + "linkType": "SOFT"\ + }],\ + ["virtual:5c250568c0c5c23d295e66cf48eafb9443988da8119b081acc1a66c32705fe6541f862f293bf80f25180ae8db61e89bf87b75c2b4a6dd5c9652fe5c2995529d5#npm:1.1.1", {\ + "packageLocation": "./.yarn/__virtual__/@radix-ui-react-slot-virtual-24517c8127/0/cache/@radix-ui-react-slot-npm-1.1.1-23892fb17a-f3cc71c165.zip/node_modules/@radix-ui/react-slot/",\ + "packageDependencies": [\ + ["@radix-ui/react-slot", "virtual:5c250568c0c5c23d295e66cf48eafb9443988da8119b081acc1a66c32705fe6541f862f293bf80f25180ae8db61e89bf87b75c2b4a6dd5c9652fe5c2995529d5#npm:1.1.1"],\ + ["@radix-ui/react-compose-refs", "virtual:5c250568c0c5c23d295e66cf48eafb9443988da8119b081acc1a66c32705fe6541f862f293bf80f25180ae8db61e89bf87b75c2b4a6dd5c9652fe5c2995529d5#npm:1.1.1"],\ + ["@types/react", "npm:18.3.18"],\ + ["react", "npm:18.3.1"]\ + ],\ + "packagePeers": [\ + "@types/react",\ + "react"\ + ],\ + "linkType": "HARD"\ + }]\ + ]],\ + ["@radix-ui/react-use-callback-ref", [\ + ["npm:1.1.0", {\ + "packageLocation": "./.yarn/cache/@radix-ui-react-use-callback-ref-npm-1.1.0-1727bf35c9-e954863f3b.zip/node_modules/@radix-ui/react-use-callback-ref/",\ + "packageDependencies": [\ + ["@radix-ui/react-use-callback-ref", "npm:1.1.0"]\ + ],\ + "linkType": "SOFT"\ + }],\ + ["virtual:9f9dcdaf5901958c78efa2392d9299bb381a71460708930508e4449872424c266f0c601ad84b4cbb05a13eee5867c3f70e780af659c17dd10a3fc7b354d86228#npm:1.1.0", {\ + "packageLocation": "./.yarn/__virtual__/@radix-ui-react-use-callback-ref-virtual-298f5a1700/0/cache/@radix-ui-react-use-callback-ref-npm-1.1.0-1727bf35c9-e954863f3b.zip/node_modules/@radix-ui/react-use-callback-ref/",\ + "packageDependencies": [\ + ["@radix-ui/react-use-callback-ref", "virtual:9f9dcdaf5901958c78efa2392d9299bb381a71460708930508e4449872424c266f0c601ad84b4cbb05a13eee5867c3f70e780af659c17dd10a3fc7b354d86228#npm:1.1.0"],\ + ["@types/react", "npm:18.3.18"],\ + ["react", "npm:18.3.1"]\ + ],\ + "packagePeers": [\ + "@types/react",\ + "react"\ + ],\ + "linkType": "HARD"\ + }]\ + ]],\ + ["@radix-ui/react-use-controllable-state", [\ + ["npm:1.1.0", {\ + "packageLocation": "./.yarn/cache/@radix-ui-react-use-controllable-state-npm-1.1.0-53300dd6f2-2af883b5b2.zip/node_modules/@radix-ui/react-use-controllable-state/",\ + "packageDependencies": [\ + ["@radix-ui/react-use-controllable-state", "npm:1.1.0"]\ + ],\ + "linkType": "SOFT"\ + }],\ + ["virtual:5c250568c0c5c23d295e66cf48eafb9443988da8119b081acc1a66c32705fe6541f862f293bf80f25180ae8db61e89bf87b75c2b4a6dd5c9652fe5c2995529d5#npm:1.1.0", {\ + "packageLocation": "./.yarn/__virtual__/@radix-ui-react-use-controllable-state-virtual-385a820c06/0/cache/@radix-ui-react-use-controllable-state-npm-1.1.0-53300dd6f2-2af883b5b2.zip/node_modules/@radix-ui/react-use-controllable-state/",\ + "packageDependencies": [\ + ["@radix-ui/react-use-controllable-state", "virtual:5c250568c0c5c23d295e66cf48eafb9443988da8119b081acc1a66c32705fe6541f862f293bf80f25180ae8db61e89bf87b75c2b4a6dd5c9652fe5c2995529d5#npm:1.1.0"],\ + ["@radix-ui/react-use-callback-ref", "virtual:9f9dcdaf5901958c78efa2392d9299bb381a71460708930508e4449872424c266f0c601ad84b4cbb05a13eee5867c3f70e780af659c17dd10a3fc7b354d86228#npm:1.1.0"],\ + ["@types/react", "npm:18.3.18"],\ + ["react", "npm:18.3.1"]\ + ],\ + "packagePeers": [\ + "@types/react",\ + "react"\ + ],\ + "linkType": "HARD"\ + }]\ + ]],\ + ["@radix-ui/react-use-escape-keydown", [\ + ["npm:1.1.0", {\ + "packageLocation": "./.yarn/cache/@radix-ui-react-use-escape-keydown-npm-1.1.0-2bbf5ae5e9-910fd696e5.zip/node_modules/@radix-ui/react-use-escape-keydown/",\ + "packageDependencies": [\ + ["@radix-ui/react-use-escape-keydown", "npm:1.1.0"]\ + ],\ + "linkType": "SOFT"\ + }],\ + ["virtual:9f9dcdaf5901958c78efa2392d9299bb381a71460708930508e4449872424c266f0c601ad84b4cbb05a13eee5867c3f70e780af659c17dd10a3fc7b354d86228#npm:1.1.0", {\ + "packageLocation": "./.yarn/__virtual__/@radix-ui-react-use-escape-keydown-virtual-fe84c0ce7b/0/cache/@radix-ui-react-use-escape-keydown-npm-1.1.0-2bbf5ae5e9-910fd696e5.zip/node_modules/@radix-ui/react-use-escape-keydown/",\ + "packageDependencies": [\ + ["@radix-ui/react-use-escape-keydown", "virtual:9f9dcdaf5901958c78efa2392d9299bb381a71460708930508e4449872424c266f0c601ad84b4cbb05a13eee5867c3f70e780af659c17dd10a3fc7b354d86228#npm:1.1.0"],\ + ["@radix-ui/react-use-callback-ref", "virtual:9f9dcdaf5901958c78efa2392d9299bb381a71460708930508e4449872424c266f0c601ad84b4cbb05a13eee5867c3f70e780af659c17dd10a3fc7b354d86228#npm:1.1.0"],\ + ["@types/react", "npm:18.3.18"],\ + ["react", "npm:18.3.1"]\ + ],\ + "packagePeers": [\ + "@types/react",\ + "react"\ + ],\ + "linkType": "HARD"\ + }]\ + ]],\ + ["@radix-ui/react-use-layout-effect", [\ + ["npm:1.1.0", {\ + "packageLocation": "./.yarn/cache/@radix-ui-react-use-layout-effect-npm-1.1.0-710cee2d09-9bf87ece18.zip/node_modules/@radix-ui/react-use-layout-effect/",\ + "packageDependencies": [\ + ["@radix-ui/react-use-layout-effect", "npm:1.1.0"]\ + ],\ + "linkType": "SOFT"\ + }],\ + ["virtual:5c244d354bef42ce878d59d62335b237cdf324168be51086f1b8f898f860e19b2aec28b76bec93885a80b746e0550d6fbd652d2f1bd3b3ee4c4574e7695a228a#npm:1.1.0", {\ + "packageLocation": "./.yarn/__virtual__/@radix-ui-react-use-layout-effect-virtual-9c57b3b7ce/0/cache/@radix-ui-react-use-layout-effect-npm-1.1.0-710cee2d09-9bf87ece18.zip/node_modules/@radix-ui/react-use-layout-effect/",\ + "packageDependencies": [\ + ["@radix-ui/react-use-layout-effect", "virtual:5c244d354bef42ce878d59d62335b237cdf324168be51086f1b8f898f860e19b2aec28b76bec93885a80b746e0550d6fbd652d2f1bd3b3ee4c4574e7695a228a#npm:1.1.0"],\ + ["@types/react", "npm:18.3.18"],\ + ["react", "npm:18.3.1"]\ + ],\ + "packagePeers": [\ + "@types/react",\ + "react"\ + ],\ + "linkType": "HARD"\ + }]\ + ]],\ + ["@radix-ui/react-visually-hidden", [\ + ["npm:1.1.1", {\ + "packageLocation": "./.yarn/cache/@radix-ui-react-visually-hidden-npm-1.1.1-d1e551a0fa-9a34b8e09d.zip/node_modules/@radix-ui/react-visually-hidden/",\ + "packageDependencies": [\ + ["@radix-ui/react-visually-hidden", "npm:1.1.1"]\ + ],\ + "linkType": "SOFT"\ + }],\ + ["virtual:bf4b7fdd92a9723d0b8b3c0ad1d9b3bf177b06bda2d8d90eee6bb9b559bcf7f6a4e86d3e1e4088168d00f3b758fa58c40c57bffe4a3e68627cd86f7a3c1c2191#npm:1.1.1", {\ + "packageLocation": "./.yarn/__virtual__/@radix-ui-react-visually-hidden-virtual-28b806a908/0/cache/@radix-ui-react-visually-hidden-npm-1.1.1-d1e551a0fa-9a34b8e09d.zip/node_modules/@radix-ui/react-visually-hidden/",\ + "packageDependencies": [\ + ["@radix-ui/react-visually-hidden", "virtual:bf4b7fdd92a9723d0b8b3c0ad1d9b3bf177b06bda2d8d90eee6bb9b559bcf7f6a4e86d3e1e4088168d00f3b758fa58c40c57bffe4a3e68627cd86f7a3c1c2191#npm:1.1.1"],\ + ["@radix-ui/react-primitive", "virtual:5c250568c0c5c23d295e66cf48eafb9443988da8119b081acc1a66c32705fe6541f862f293bf80f25180ae8db61e89bf87b75c2b4a6dd5c9652fe5c2995529d5#npm:2.0.1"],\ + ["@types/react", "npm:18.3.18"],\ + ["@types/react-dom", "virtual:bf4b7fdd92a9723d0b8b3c0ad1d9b3bf177b06bda2d8d90eee6bb9b559bcf7f6a4e86d3e1e4088168d00f3b758fa58c40c57bffe4a3e68627cd86f7a3c1c2191#npm:18.3.5"],\ + ["react", "npm:18.3.1"],\ + ["react-dom", "virtual:bf4b7fdd92a9723d0b8b3c0ad1d9b3bf177b06bda2d8d90eee6bb9b559bcf7f6a4e86d3e1e4088168d00f3b758fa58c40c57bffe4a3e68627cd86f7a3c1c2191#npm:18.3.1"]\ + ],\ + "packagePeers": [\ + "@types/react-dom",\ + "@types/react",\ + "react-dom",\ + "react"\ + ],\ + "linkType": "HARD"\ + }]\ + ]],\ ["@rollup/pluginutils", [\ ["npm:5.1.4", {\ "packageLocation": "./.yarn/cache/@rollup-pluginutils-npm-5.1.4-83ce21024f-6d58fbc6f1.zip/node_modules/@rollup/pluginutils/",\ @@ -4681,6 +5104,16 @@ const RAW_RUNTIME_STATE = "linkType": "HARD"\ }]\ ]],\ + ["aria-hidden", [\ + ["npm:1.2.4", {\ + "packageLocation": "./.yarn/cache/aria-hidden-npm-1.2.4-9bb601e7c8-8abcab2e14.zip/node_modules/aria-hidden/",\ + "packageDependencies": [\ + ["aria-hidden", "npm:1.2.4"],\ + ["tslib", "npm:2.8.1"]\ + ],\ + "linkType": "HARD"\ + }]\ + ]],\ ["aria-query", [\ ["npm:5.3.0", {\ "packageLocation": "./.yarn/cache/aria-query-npm-5.3.0-76575ac83b-2bff0d4eba.zip/node_modules/aria-query/",\ @@ -6169,6 +6602,15 @@ const RAW_RUNTIME_STATE = "linkType": "HARD"\ }]\ ]],\ + ["detect-node-es", [\ + ["npm:1.1.0", {\ + "packageLocation": "./.yarn/cache/detect-node-es-npm-1.1.0-2ad57e0b50-e562f00de2.zip/node_modules/detect-node-es/",\ + "packageDependencies": [\ + ["detect-node-es", "npm:1.1.0"]\ + ],\ + "linkType": "HARD"\ + }]\ + ]],\ ["diff", [\ ["npm:4.0.2", {\ "packageLocation": "./.yarn/cache/diff-npm-4.0.2-73133c7102-81b91f9d39.zip/node_modules/diff/",\ @@ -7455,6 +7897,15 @@ const RAW_RUNTIME_STATE = "linkType": "HARD"\ }]\ ]],\ + ["get-nonce", [\ + ["npm:1.0.1", {\ + "packageLocation": "./.yarn/cache/get-nonce-npm-1.0.1-6272950b34-2d7df55279.zip/node_modules/get-nonce/",\ + "packageDependencies": [\ + ["get-nonce", "npm:1.0.1"]\ + ],\ + "linkType": "HARD"\ + }]\ + ]],\ ["get-package-type", [\ ["npm:0.1.0", {\ "packageLocation": "./.yarn/cache/get-package-type-npm-0.1.0-6c70cdc8ab-e34cdf447f.zip/node_modules/get-package-type/",\ @@ -10105,6 +10556,8 @@ const RAW_RUNTIME_STATE = ["misik", "workspace:."],\ ["@commitlint/cli", "npm:19.6.1"],\ ["@commitlint/config-conventional", "npm:19.6.0"],\ + ["@radix-ui/react-dialog", "virtual:bf4b7fdd92a9723d0b8b3c0ad1d9b3bf177b06bda2d8d90eee6bb9b559bcf7f6a4e86d3e1e4088168d00f3b758fa58c40c57bffe4a3e68627cd86f7a3c1c2191#npm:1.1.5"],\ + ["@radix-ui/react-visually-hidden", "virtual:bf4b7fdd92a9723d0b8b3c0ad1d9b3bf177b06bda2d8d90eee6bb9b559bcf7f6a4e86d3e1e4088168d00f3b758fa58c40c57bffe4a3e68627cd86f7a3c1c2191#npm:1.1.1"],\ ["@storybook/addon-essentials", "virtual:bf4b7fdd92a9723d0b8b3c0ad1d9b3bf177b06bda2d8d90eee6bb9b559bcf7f6a4e86d3e1e4088168d00f3b758fa58c40c57bffe4a3e68627cd86f7a3c1c2191#npm:8.5.0"],\ ["@storybook/addon-interactions", "virtual:bf4b7fdd92a9723d0b8b3c0ad1d9b3bf177b06bda2d8d90eee6bb9b559bcf7f6a4e86d3e1e4088168d00f3b758fa58c40c57bffe4a3e68627cd86f7a3c1c2191#npm:8.5.0"],\ ["@storybook/addon-links", "virtual:bf4b7fdd92a9723d0b8b3c0ad1d9b3bf177b06bda2d8d90eee6bb9b559bcf7f6a4e86d3e1e4088168d00f3b758fa58c40c57bffe4a3e68627cd86f7a3c1c2191#npm:8.5.0"],\ @@ -11212,6 +11665,57 @@ const RAW_RUNTIME_STATE = "linkType": "HARD"\ }]\ ]],\ + ["react-remove-scroll", [\ + ["npm:2.6.3", {\ + "packageLocation": "./.yarn/cache/react-remove-scroll-npm-2.6.3-69dfb9d480-068e9704ff.zip/node_modules/react-remove-scroll/",\ + "packageDependencies": [\ + ["react-remove-scroll", "npm:2.6.3"]\ + ],\ + "linkType": "SOFT"\ + }],\ + ["virtual:5c250568c0c5c23d295e66cf48eafb9443988da8119b081acc1a66c32705fe6541f862f293bf80f25180ae8db61e89bf87b75c2b4a6dd5c9652fe5c2995529d5#npm:2.6.3", {\ + "packageLocation": "./.yarn/__virtual__/react-remove-scroll-virtual-4a5e4b8709/0/cache/react-remove-scroll-npm-2.6.3-69dfb9d480-068e9704ff.zip/node_modules/react-remove-scroll/",\ + "packageDependencies": [\ + ["react-remove-scroll", "virtual:5c250568c0c5c23d295e66cf48eafb9443988da8119b081acc1a66c32705fe6541f862f293bf80f25180ae8db61e89bf87b75c2b4a6dd5c9652fe5c2995529d5#npm:2.6.3"],\ + ["@types/react", "npm:18.3.18"],\ + ["react", "npm:18.3.1"],\ + ["react-remove-scroll-bar", "virtual:4a5e4b8709bef5b1104f0f75e6a2a185160568d3fd086a60bf2760e2da8b91b582a6dd81e739dd525d9484896d11fec864a3d3a70f5c0a2697a72f1170c3446b#npm:2.3.8"],\ + ["react-style-singleton", "virtual:4a5e4b8709bef5b1104f0f75e6a2a185160568d3fd086a60bf2760e2da8b91b582a6dd81e739dd525d9484896d11fec864a3d3a70f5c0a2697a72f1170c3446b#npm:2.2.3"],\ + ["tslib", "npm:2.8.1"],\ + ["use-callback-ref", "virtual:4a5e4b8709bef5b1104f0f75e6a2a185160568d3fd086a60bf2760e2da8b91b582a6dd81e739dd525d9484896d11fec864a3d3a70f5c0a2697a72f1170c3446b#npm:1.3.3"],\ + ["use-sidecar", "virtual:4a5e4b8709bef5b1104f0f75e6a2a185160568d3fd086a60bf2760e2da8b91b582a6dd81e739dd525d9484896d11fec864a3d3a70f5c0a2697a72f1170c3446b#npm:1.1.3"]\ + ],\ + "packagePeers": [\ + "@types/react",\ + "react"\ + ],\ + "linkType": "HARD"\ + }]\ + ]],\ + ["react-remove-scroll-bar", [\ + ["npm:2.3.8", {\ + "packageLocation": "./.yarn/cache/react-remove-scroll-bar-npm-2.3.8-21a578f734-9a0675c66c.zip/node_modules/react-remove-scroll-bar/",\ + "packageDependencies": [\ + ["react-remove-scroll-bar", "npm:2.3.8"]\ + ],\ + "linkType": "SOFT"\ + }],\ + ["virtual:4a5e4b8709bef5b1104f0f75e6a2a185160568d3fd086a60bf2760e2da8b91b582a6dd81e739dd525d9484896d11fec864a3d3a70f5c0a2697a72f1170c3446b#npm:2.3.8", {\ + "packageLocation": "./.yarn/__virtual__/react-remove-scroll-bar-virtual-44c26e3ad3/0/cache/react-remove-scroll-bar-npm-2.3.8-21a578f734-9a0675c66c.zip/node_modules/react-remove-scroll-bar/",\ + "packageDependencies": [\ + ["react-remove-scroll-bar", "virtual:4a5e4b8709bef5b1104f0f75e6a2a185160568d3fd086a60bf2760e2da8b91b582a6dd81e739dd525d9484896d11fec864a3d3a70f5c0a2697a72f1170c3446b#npm:2.3.8"],\ + ["@types/react", "npm:18.3.18"],\ + ["react", "npm:18.3.1"],\ + ["react-style-singleton", "virtual:4a5e4b8709bef5b1104f0f75e6a2a185160568d3fd086a60bf2760e2da8b91b582a6dd81e739dd525d9484896d11fec864a3d3a70f5c0a2697a72f1170c3446b#npm:2.2.3"],\ + ["tslib", "npm:2.8.1"]\ + ],\ + "packagePeers": [\ + "@types/react",\ + "react"\ + ],\ + "linkType": "HARD"\ + }]\ + ]],\ ["react-router", [\ ["npm:7.1.3", {\ "packageLocation": "./.yarn/cache/react-router-npm-7.1.3-690b1d22ca-f42f7b2455.zip/node_modules/react-router/",\ @@ -11269,6 +11773,30 @@ const RAW_RUNTIME_STATE = "linkType": "HARD"\ }]\ ]],\ + ["react-style-singleton", [\ + ["npm:2.2.3", {\ + "packageLocation": "./.yarn/cache/react-style-singleton-npm-2.2.3-18f32c05f7-841938ff16.zip/node_modules/react-style-singleton/",\ + "packageDependencies": [\ + ["react-style-singleton", "npm:2.2.3"]\ + ],\ + "linkType": "SOFT"\ + }],\ + ["virtual:4a5e4b8709bef5b1104f0f75e6a2a185160568d3fd086a60bf2760e2da8b91b582a6dd81e739dd525d9484896d11fec864a3d3a70f5c0a2697a72f1170c3446b#npm:2.2.3", {\ + "packageLocation": "./.yarn/__virtual__/react-style-singleton-virtual-76e396e3c1/0/cache/react-style-singleton-npm-2.2.3-18f32c05f7-841938ff16.zip/node_modules/react-style-singleton/",\ + "packageDependencies": [\ + ["react-style-singleton", "virtual:4a5e4b8709bef5b1104f0f75e6a2a185160568d3fd086a60bf2760e2da8b91b582a6dd81e739dd525d9484896d11fec864a3d3a70f5c0a2697a72f1170c3446b#npm:2.2.3"],\ + ["@types/react", "npm:18.3.18"],\ + ["get-nonce", "npm:1.0.1"],\ + ["react", "npm:18.3.1"],\ + ["tslib", "npm:2.8.1"]\ + ],\ + "packagePeers": [\ + "@types/react",\ + "react"\ + ],\ + "linkType": "HARD"\ + }]\ + ]],\ ["readdirp", [\ ["npm:4.1.1", {\ "packageLocation": "./.yarn/cache/readdirp-npm-4.1.1-c531313b8b-a1afc90d0e.zip/node_modules/readdirp/",\ @@ -13010,6 +13538,53 @@ const RAW_RUNTIME_STATE = "linkType": "HARD"\ }]\ ]],\ + ["use-callback-ref", [\ + ["npm:1.3.3", {\ + "packageLocation": "./.yarn/cache/use-callback-ref-npm-1.3.3-e40f41fcdb-f887488c6e.zip/node_modules/use-callback-ref/",\ + "packageDependencies": [\ + ["use-callback-ref", "npm:1.3.3"]\ + ],\ + "linkType": "SOFT"\ + }],\ + ["virtual:4a5e4b8709bef5b1104f0f75e6a2a185160568d3fd086a60bf2760e2da8b91b582a6dd81e739dd525d9484896d11fec864a3d3a70f5c0a2697a72f1170c3446b#npm:1.3.3", {\ + "packageLocation": "./.yarn/__virtual__/use-callback-ref-virtual-2006b68312/0/cache/use-callback-ref-npm-1.3.3-e40f41fcdb-f887488c6e.zip/node_modules/use-callback-ref/",\ + "packageDependencies": [\ + ["use-callback-ref", "virtual:4a5e4b8709bef5b1104f0f75e6a2a185160568d3fd086a60bf2760e2da8b91b582a6dd81e739dd525d9484896d11fec864a3d3a70f5c0a2697a72f1170c3446b#npm:1.3.3"],\ + ["@types/react", "npm:18.3.18"],\ + ["react", "npm:18.3.1"],\ + ["tslib", "npm:2.8.1"]\ + ],\ + "packagePeers": [\ + "@types/react",\ + "react"\ + ],\ + "linkType": "HARD"\ + }]\ + ]],\ + ["use-sidecar", [\ + ["npm:1.1.3", {\ + "packageLocation": "./.yarn/cache/use-sidecar-npm-1.1.3-f8e5c3c185-161599bf92.zip/node_modules/use-sidecar/",\ + "packageDependencies": [\ + ["use-sidecar", "npm:1.1.3"]\ + ],\ + "linkType": "SOFT"\ + }],\ + ["virtual:4a5e4b8709bef5b1104f0f75e6a2a185160568d3fd086a60bf2760e2da8b91b582a6dd81e739dd525d9484896d11fec864a3d3a70f5c0a2697a72f1170c3446b#npm:1.1.3", {\ + "packageLocation": "./.yarn/__virtual__/use-sidecar-virtual-b1ea854df6/0/cache/use-sidecar-npm-1.1.3-f8e5c3c185-161599bf92.zip/node_modules/use-sidecar/",\ + "packageDependencies": [\ + ["use-sidecar", "virtual:4a5e4b8709bef5b1104f0f75e6a2a185160568d3fd086a60bf2760e2da8b91b582a6dd81e739dd525d9484896d11fec864a3d3a70f5c0a2697a72f1170c3446b#npm:1.1.3"],\ + ["@types/react", "npm:18.3.18"],\ + ["detect-node-es", "npm:1.1.0"],\ + ["react", "npm:18.3.1"],\ + ["tslib", "npm:2.8.1"]\ + ],\ + "packagePeers": [\ + "@types/react",\ + "react"\ + ],\ + "linkType": "HARD"\ + }]\ + ]],\ ["util", [\ ["npm:0.12.5", {\ "packageLocation": "./.yarn/cache/util-npm-0.12.5-3668276f26-c27054de2c.zip/node_modules/util/",\ diff --git a/.yarn/cache/@radix-ui-primitive-npm-1.1.1-758e8c9172-6457bd8d1a.zip b/.yarn/cache/@radix-ui-primitive-npm-1.1.1-758e8c9172-6457bd8d1a.zip new file mode 100644 index 0000000..0dce8a4 Binary files /dev/null and b/.yarn/cache/@radix-ui-primitive-npm-1.1.1-758e8c9172-6457bd8d1a.zip differ diff --git a/.yarn/cache/@radix-ui-react-compose-refs-npm-1.1.1-2480de3ef9-3e84580024.zip b/.yarn/cache/@radix-ui-react-compose-refs-npm-1.1.1-2480de3ef9-3e84580024.zip new file mode 100644 index 0000000..2ae42cb Binary files /dev/null and b/.yarn/cache/@radix-ui-react-compose-refs-npm-1.1.1-2480de3ef9-3e84580024.zip differ diff --git a/.yarn/cache/@radix-ui-react-context-npm-1.1.1-bafaecc686-fc4ace9d79.zip b/.yarn/cache/@radix-ui-react-context-npm-1.1.1-bafaecc686-fc4ace9d79.zip new file mode 100644 index 0000000..da132d3 Binary files /dev/null and b/.yarn/cache/@radix-ui-react-context-npm-1.1.1-bafaecc686-fc4ace9d79.zip differ diff --git a/.yarn/cache/@radix-ui-react-dialog-npm-1.1.5-56b8cc7ab3-486f1b6cb9.zip b/.yarn/cache/@radix-ui-react-dialog-npm-1.1.5-56b8cc7ab3-486f1b6cb9.zip new file mode 100644 index 0000000..17a456d Binary files /dev/null and b/.yarn/cache/@radix-ui-react-dialog-npm-1.1.5-56b8cc7ab3-486f1b6cb9.zip differ diff --git a/.yarn/cache/@radix-ui-react-dismissable-layer-npm-1.1.4-c9500c86c8-8657bf3e7e.zip b/.yarn/cache/@radix-ui-react-dismissable-layer-npm-1.1.4-c9500c86c8-8657bf3e7e.zip new file mode 100644 index 0000000..70d037e Binary files /dev/null and b/.yarn/cache/@radix-ui-react-dismissable-layer-npm-1.1.4-c9500c86c8-8657bf3e7e.zip differ diff --git a/.yarn/cache/@radix-ui-react-focus-guards-npm-1.1.1-81f7ac7cf0-2e99750ca5.zip b/.yarn/cache/@radix-ui-react-focus-guards-npm-1.1.1-81f7ac7cf0-2e99750ca5.zip new file mode 100644 index 0000000..76567eb Binary files /dev/null and b/.yarn/cache/@radix-ui-react-focus-guards-npm-1.1.1-81f7ac7cf0-2e99750ca5.zip differ diff --git a/.yarn/cache/@radix-ui-react-focus-scope-npm-1.1.1-eaf894ac65-a430264a32.zip b/.yarn/cache/@radix-ui-react-focus-scope-npm-1.1.1-eaf894ac65-a430264a32.zip new file mode 100644 index 0000000..5374b1b Binary files /dev/null and b/.yarn/cache/@radix-ui-react-focus-scope-npm-1.1.1-eaf894ac65-a430264a32.zip differ diff --git a/.yarn/cache/@radix-ui-react-id-npm-1.1.0-520751ed60-acf13e29e5.zip b/.yarn/cache/@radix-ui-react-id-npm-1.1.0-520751ed60-acf13e29e5.zip new file mode 100644 index 0000000..d74a819 Binary files /dev/null and b/.yarn/cache/@radix-ui-react-id-npm-1.1.0-520751ed60-acf13e29e5.zip differ diff --git a/.yarn/cache/@radix-ui-react-portal-npm-1.1.3-4dd747e0ee-b3cd1a8151.zip b/.yarn/cache/@radix-ui-react-portal-npm-1.1.3-4dd747e0ee-b3cd1a8151.zip new file mode 100644 index 0000000..5566434 Binary files /dev/null and b/.yarn/cache/@radix-ui-react-portal-npm-1.1.3-4dd747e0ee-b3cd1a8151.zip differ diff --git a/.yarn/cache/@radix-ui-react-presence-npm-1.1.2-9951e170a0-0c6fa28136.zip b/.yarn/cache/@radix-ui-react-presence-npm-1.1.2-9951e170a0-0c6fa28136.zip new file mode 100644 index 0000000..dd87745 Binary files /dev/null and b/.yarn/cache/@radix-ui-react-presence-npm-1.1.2-9951e170a0-0c6fa28136.zip differ diff --git a/.yarn/cache/@radix-ui-react-primitive-npm-2.0.1-a63c88e534-6a562bec14.zip b/.yarn/cache/@radix-ui-react-primitive-npm-2.0.1-a63c88e534-6a562bec14.zip new file mode 100644 index 0000000..facf8a4 Binary files /dev/null and b/.yarn/cache/@radix-ui-react-primitive-npm-2.0.1-a63c88e534-6a562bec14.zip differ diff --git a/.yarn/cache/@radix-ui-react-slot-npm-1.1.1-23892fb17a-f3cc71c165.zip b/.yarn/cache/@radix-ui-react-slot-npm-1.1.1-23892fb17a-f3cc71c165.zip new file mode 100644 index 0000000..26bbd6e Binary files /dev/null and b/.yarn/cache/@radix-ui-react-slot-npm-1.1.1-23892fb17a-f3cc71c165.zip differ diff --git a/.yarn/cache/@radix-ui-react-use-callback-ref-npm-1.1.0-1727bf35c9-e954863f3b.zip b/.yarn/cache/@radix-ui-react-use-callback-ref-npm-1.1.0-1727bf35c9-e954863f3b.zip new file mode 100644 index 0000000..d44d2f5 Binary files /dev/null and b/.yarn/cache/@radix-ui-react-use-callback-ref-npm-1.1.0-1727bf35c9-e954863f3b.zip differ diff --git a/.yarn/cache/@radix-ui-react-use-controllable-state-npm-1.1.0-53300dd6f2-2af883b5b2.zip b/.yarn/cache/@radix-ui-react-use-controllable-state-npm-1.1.0-53300dd6f2-2af883b5b2.zip new file mode 100644 index 0000000..15d9489 Binary files /dev/null and b/.yarn/cache/@radix-ui-react-use-controllable-state-npm-1.1.0-53300dd6f2-2af883b5b2.zip differ diff --git a/.yarn/cache/@radix-ui-react-use-escape-keydown-npm-1.1.0-2bbf5ae5e9-910fd696e5.zip b/.yarn/cache/@radix-ui-react-use-escape-keydown-npm-1.1.0-2bbf5ae5e9-910fd696e5.zip new file mode 100644 index 0000000..7ec9a07 Binary files /dev/null and b/.yarn/cache/@radix-ui-react-use-escape-keydown-npm-1.1.0-2bbf5ae5e9-910fd696e5.zip differ diff --git a/.yarn/cache/@radix-ui-react-use-layout-effect-npm-1.1.0-710cee2d09-9bf87ece18.zip b/.yarn/cache/@radix-ui-react-use-layout-effect-npm-1.1.0-710cee2d09-9bf87ece18.zip new file mode 100644 index 0000000..3961b9e Binary files /dev/null and b/.yarn/cache/@radix-ui-react-use-layout-effect-npm-1.1.0-710cee2d09-9bf87ece18.zip differ diff --git a/.yarn/cache/@radix-ui-react-visually-hidden-npm-1.1.1-d1e551a0fa-9a34b8e09d.zip b/.yarn/cache/@radix-ui-react-visually-hidden-npm-1.1.1-d1e551a0fa-9a34b8e09d.zip new file mode 100644 index 0000000..514df3a Binary files /dev/null and b/.yarn/cache/@radix-ui-react-visually-hidden-npm-1.1.1-d1e551a0fa-9a34b8e09d.zip differ diff --git a/.yarn/cache/aria-hidden-npm-1.2.4-9bb601e7c8-8abcab2e14.zip b/.yarn/cache/aria-hidden-npm-1.2.4-9bb601e7c8-8abcab2e14.zip new file mode 100644 index 0000000..0f4c981 Binary files /dev/null and b/.yarn/cache/aria-hidden-npm-1.2.4-9bb601e7c8-8abcab2e14.zip differ diff --git a/.yarn/cache/detect-node-es-npm-1.1.0-2ad57e0b50-e562f00de2.zip b/.yarn/cache/detect-node-es-npm-1.1.0-2ad57e0b50-e562f00de2.zip new file mode 100644 index 0000000..80463a4 Binary files /dev/null and b/.yarn/cache/detect-node-es-npm-1.1.0-2ad57e0b50-e562f00de2.zip differ diff --git a/.yarn/cache/get-nonce-npm-1.0.1-6272950b34-2d7df55279.zip b/.yarn/cache/get-nonce-npm-1.0.1-6272950b34-2d7df55279.zip new file mode 100644 index 0000000..b645217 Binary files /dev/null and b/.yarn/cache/get-nonce-npm-1.0.1-6272950b34-2d7df55279.zip differ diff --git a/.yarn/cache/react-remove-scroll-bar-npm-2.3.8-21a578f734-9a0675c66c.zip b/.yarn/cache/react-remove-scroll-bar-npm-2.3.8-21a578f734-9a0675c66c.zip new file mode 100644 index 0000000..31ec941 Binary files /dev/null and b/.yarn/cache/react-remove-scroll-bar-npm-2.3.8-21a578f734-9a0675c66c.zip differ diff --git a/.yarn/cache/react-remove-scroll-npm-2.6.3-69dfb9d480-068e9704ff.zip b/.yarn/cache/react-remove-scroll-npm-2.6.3-69dfb9d480-068e9704ff.zip new file mode 100644 index 0000000..9a66936 Binary files /dev/null and b/.yarn/cache/react-remove-scroll-npm-2.6.3-69dfb9d480-068e9704ff.zip differ diff --git a/.yarn/cache/react-style-singleton-npm-2.2.3-18f32c05f7-841938ff16.zip b/.yarn/cache/react-style-singleton-npm-2.2.3-18f32c05f7-841938ff16.zip new file mode 100644 index 0000000..9065d8e Binary files /dev/null and b/.yarn/cache/react-style-singleton-npm-2.2.3-18f32c05f7-841938ff16.zip differ diff --git a/.yarn/cache/use-callback-ref-npm-1.3.3-e40f41fcdb-f887488c6e.zip b/.yarn/cache/use-callback-ref-npm-1.3.3-e40f41fcdb-f887488c6e.zip new file mode 100644 index 0000000..80a88ca Binary files /dev/null and b/.yarn/cache/use-callback-ref-npm-1.3.3-e40f41fcdb-f887488c6e.zip differ diff --git a/.yarn/cache/use-sidecar-npm-1.1.3-f8e5c3c185-161599bf92.zip b/.yarn/cache/use-sidecar-npm-1.1.3-f8e5c3c185-161599bf92.zip new file mode 100644 index 0000000..75cab67 Binary files /dev/null and b/.yarn/cache/use-sidecar-npm-1.1.3-f8e5c3c185-161599bf92.zip differ diff --git a/package.json b/package.json index 3b91d21..7f93646 100644 --- a/package.json +++ b/package.json @@ -16,6 +16,8 @@ "cypress": "cypress open" }, "dependencies": { + "@radix-ui/react-dialog": "^1.1.5", + "@radix-ui/react-visually-hidden": "^1.1.1", "@tanstack/react-query": "^5.64.2", "classnames": "^2.5.1", "react": "^18.3.1", diff --git a/src/components/ReceiptEdit/ReceiptEdit.tsx b/src/components/ReceiptEdit/ReceiptEdit.tsx index b40792b..a7e2404 100644 --- a/src/components/ReceiptEdit/ReceiptEdit.tsx +++ b/src/components/ReceiptEdit/ReceiptEdit.tsx @@ -11,8 +11,12 @@ const ReceiptEdit = () => { const [placeName, setPlaceName] = useState("청담커피 앤 토스트"); const [foodName, setFoodName] = useState("카야토스트+음료세트"); - const { isFocus: isPlaceFocus, onFocus: handlePlaceFocus, onBlur: handlePlaceBlur } = useFocus(); - const { isFocus: isFoodFocus, onFocus: handleFoodFocus, onBlur: handleFoodBlur } = useFocus(); + const { + isFocus: isPlaceFocus, + onFocus: handlePlaceFocus, + onBlur: handlePlaceBlur, + } = useFocus({}); + const { isFocus: isFoodFocus, onFocus: handleFoodFocus, onBlur: handleFoodBlur } = useFocus({}); return (
diff --git a/src/components/SelectTag/SelectTag.tsx b/src/components/SelectTag/SelectTag.tsx index 4d1cc43..ee515ea 100644 --- a/src/components/SelectTag/SelectTag.tsx +++ b/src/components/SelectTag/SelectTag.tsx @@ -1,6 +1,7 @@ import { useState } from "react"; import styles from "@/components/SelectTag/SelectTag.module.scss"; +import TagSheet from "@/components/SelectTag/TagSheet/TagSheet"; import Button from "@/components/ui/Button/Button"; import Tag from "@/components/ui/Tag/Tag"; import Text from "@/components/ui/Text/Text"; @@ -22,15 +23,20 @@ const TAG_LIST = [ const SelectTag = () => { const [selectedTagList, setSelectedTagList] = useState([]); + const [isBottomSheetOpen, setIsBottomSheetOpen] = useState(false); const handleTagClick = (e: React.MouseEvent) => { const tag = e.currentTarget.textContent || ""; - if (selectedTagList.includes(tag)) { - setSelectedTagList(selectedTagList.filter((selectedTag) => selectedTag !== tag)); - } else { - setSelectedTagList([...selectedTagList, tag]); - } + setSelectedTagList((prevSelectedTags) => + prevSelectedTags.includes(tag) + ? prevSelectedTags.filter((selectedTag) => selectedTag !== tag) + : [...prevSelectedTags, tag], + ); + }; + + const handleSheetClose = () => { + setIsBottomSheetOpen(false); }; return ( @@ -53,13 +59,15 @@ const SelectTag = () => { isSelect={selectedTagList.includes(tag)} /> ))} - + setIsBottomSheetOpen(true)} />
+ + ); }; diff --git a/src/components/SelectTag/TagSheet/TagSheet.module.scss b/src/components/SelectTag/TagSheet/TagSheet.module.scss new file mode 100644 index 0000000..5bad5c9 --- /dev/null +++ b/src/components/SelectTag/TagSheet/TagSheet.module.scss @@ -0,0 +1,74 @@ +.DialogOverlay { + position: fixed; + inset: 0; + background: rgba(0, 0, 0, 0.3); + z-index: 2; + max-width: 37.5rem; + margin: 0 auto; +} + +.BottomSheet { + position: fixed; + bottom: 0; + width: 100%; + max-width: 37.5rem; + height: 80%; + background: var(--color-white); + border-radius: 1.25rem 1.25rem 0 0; + padding: 1.25rem; + z-index: 3; + display: flex; + flex-direction: column; + justify-content: space-between; + transition: transform 0.3s ease-out; + + &.Open { + animation: slide-in-from-bottom 0.3s ease-out forwards; + } + + &.Closed { + animation: slide-out-to-bottom 0.3s ease-in forwards; + } + + & > h1 { + margin-top: 2rem; + } + + & > button { + margin-top: auto; + } +} + +.IconBox { + display: flex; + justify-content: flex-end; +} + +.Input { + margin-top: 1.5rem; +} + +.LengthText { + display: flex; + margin-top: 0.625rem; +} + +@keyframes slide-in-from-bottom { + 0% { + transform: translateY(100%); + opacity: 0; + } + 100% { + transform: translateY(0); + opacity: 1; + } +} + +@keyframes slide-out-to-bottom { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(100%); + } +} diff --git a/src/components/SelectTag/TagSheet/TagSheet.tsx b/src/components/SelectTag/TagSheet/TagSheet.tsx new file mode 100644 index 0000000..981ebd1 --- /dev/null +++ b/src/components/SelectTag/TagSheet/TagSheet.tsx @@ -0,0 +1,92 @@ +import { useState } from "react"; + +import * as Dialog from "@radix-ui/react-dialog"; +import * as VisuallyHidden from "@radix-ui/react-visually-hidden"; +import classNames from "classnames"; + +import styles from "@/components/SelectTag/TagSheet/TagSheet.module.scss"; +import Button from "@/components/ui/Button/Button"; +import Icon from "@/components/ui/Icon/Icon"; +import Input from "@/components/ui/Input/Input"; +import Text from "@/components/ui/Text/Text"; + +import { useFocus } from "@/hooks/common/useFocus"; + +interface TagSheetProps { + isOpen: boolean; + handleClose: () => void; +} + +const TagSheet = ({ isOpen, handleClose }: TagSheetProps) => { + const { isFocus, onFocus, onBlur } = useFocus({ defaultFocus: true }); + + const [newTag, setNewTag] = useState(""); + + const isInputError = newTag.length > 20; + const isInputEmpty = newTag.length === 0; + + const handleInputChange = (e: React.ChangeEvent) => { + setNewTag(e.target.value); + }; + + return ( + + + + + {/* 미사용 코드 콘솔 warning 제거용 */} + + Title + Description + + +
+ +
+ + 더 넣고 싶은 내용이 있나요? + + +
+ {isInputError ? ( + + *20글자 이내로 입력할 수 있어요. + + ) : ( + <> + + * + + + {newTag.length} + + + /20 + + + )} +
+ + } ); diff --git a/src/components/ui/Input/Input.types.ts b/src/components/ui/Input/Input.types.ts index bd0bd8b..becdb7e 100644 --- a/src/components/ui/Input/Input.types.ts +++ b/src/components/ui/Input/Input.types.ts @@ -3,4 +3,5 @@ type InputFieldVariant = "primary" | "secondary"; export interface InputProps extends React.InputHTMLAttributes { variant?: InputFieldVariant; isFocus?: boolean; + isError?: boolean; } diff --git a/src/components/ui/Text/Text.module.scss b/src/components/ui/Text/Text.module.scss index d773582..4cec6b0 100644 --- a/src/components/ui/Text/Text.module.scss +++ b/src/components/ui/Text/Text.module.scss @@ -4,7 +4,7 @@ line-height: 1.5; @each $color-name - in ("white", "black", "primary", "secondary", "tertiary", "quarternary", "gradient") + in ("white", "black", "primary", "secondary", "tertiary", "quarternary", "gradient", "error") { @if $color-name == "gradient" { &.color-#{$color-name} { diff --git a/src/components/ui/Text/Text.stories.tsx b/src/components/ui/Text/Text.stories.tsx index c7d2165..4df5972 100644 --- a/src/components/ui/Text/Text.stories.tsx +++ b/src/components/ui/Text/Text.stories.tsx @@ -93,6 +93,9 @@ export const ColorPorps: StoryObj = {
+
+ +
), }; diff --git a/src/components/ui/Text/Text.types.ts b/src/components/ui/Text/Text.types.ts index 8971eaf..8b7120c 100644 --- a/src/components/ui/Text/Text.types.ts +++ b/src/components/ui/Text/Text.types.ts @@ -19,7 +19,8 @@ type TextColor = | "secondary" | "tertiary" | "quarternary" - | "gradient"; + | "gradient" + | "error"; export interface TextProps extends React.HTMLAttributes { as?: React.ElementType; diff --git a/src/hooks/common/useFocus.ts b/src/hooks/common/useFocus.ts index c72405c..00e6080 100644 --- a/src/hooks/common/useFocus.ts +++ b/src/hooks/common/useFocus.ts @@ -1,7 +1,7 @@ import { useState } from "react"; -export const useFocus = () => { - const [isFocus, setIsFocus] = useState(false); +export const useFocus = ({ defaultFocus }: { defaultFocus?: boolean }) => { + const [isFocus, setIsFocus] = useState(defaultFocus); const onFocus = () => { setIsFocus(true); diff --git a/src/styles/_variables.scss b/src/styles/_variables.scss index 7151803..4603c72 100644 --- a/src/styles/_variables.scss +++ b/src/styles/_variables.scss @@ -23,6 +23,7 @@ var(--color-primary-pink), var(--color-primary-purple) ); + --color-text-error: #d45085; --color-white: #ffffff; --color-black: #000000; @@ -35,7 +36,6 @@ --color-gray600: #363642; --color-gray700: #161636; --color-bg-gradient: linear-gradient(180deg, #ffffff, #dcdce8); - --color-bg-error: #d45085; --color-primary-purple: #443fb6; --color-primary-pink: #d444ba; } diff --git a/src/styles/global.scss b/src/styles/global.scss index 0e78698..01a5b27 100644 --- a/src/styles/global.scss +++ b/src/styles/global.scss @@ -27,3 +27,13 @@ textarea { outline: none; background-color: transparent; } + +body[data-scroll-locked] { + overflow: visible !important; + padding: 0 !important; + position: static !important; +} + +html body[data-scroll-locked] { + margin: 0 auto !important; +} diff --git a/yarn.lock b/yarn.lock index 242d8f2..9abb521 100644 --- a/yarn.lock +++ b/yarn.lock @@ -1543,6 +1543,292 @@ __metadata: languageName: node linkType: hard +"@radix-ui/primitive@npm:1.1.1": + version: 1.1.1 + resolution: "@radix-ui/primitive@npm:1.1.1" + checksum: 10c0/6457bd8d1aa4ecb948e5d2a2484fc570698b2ab472db6d915a8f1eec04823f80423efa60b5ba840f0693bec2ca380333cc5f3b52586b40f407d9f572f9261f8d + languageName: node + linkType: hard + +"@radix-ui/react-compose-refs@npm:1.1.1": + version: 1.1.1 + resolution: "@radix-ui/react-compose-refs@npm:1.1.1" + peerDependencies: + "@types/react": "*" + react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc + peerDependenciesMeta: + "@types/react": + optional: true + checksum: 10c0/3e84580024e66e3cc5b9ae79355e787815c1d2a3c7d46e7f47900a29c33751ca24cf4ac8903314957ab1f7788aebe1687e2258641c188cf94653f7ddf8f70627 + languageName: node + linkType: hard + +"@radix-ui/react-context@npm:1.1.1": + version: 1.1.1 + resolution: "@radix-ui/react-context@npm:1.1.1" + peerDependencies: + "@types/react": "*" + react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc + peerDependenciesMeta: + "@types/react": + optional: true + checksum: 10c0/fc4ace9d79d7954c715ade765e06c95d7e1b12a63a536bcbe842fb904f03f88fc5bd6e38d44bd23243d37a270b4c44380fedddaeeae2d274f0b898a20665aba2 + languageName: node + linkType: hard + +"@radix-ui/react-dialog@npm:^1.1.5": + version: 1.1.5 + resolution: "@radix-ui/react-dialog@npm:1.1.5" + dependencies: + "@radix-ui/primitive": "npm:1.1.1" + "@radix-ui/react-compose-refs": "npm:1.1.1" + "@radix-ui/react-context": "npm:1.1.1" + "@radix-ui/react-dismissable-layer": "npm:1.1.4" + "@radix-ui/react-focus-guards": "npm:1.1.1" + "@radix-ui/react-focus-scope": "npm:1.1.1" + "@radix-ui/react-id": "npm:1.1.0" + "@radix-ui/react-portal": "npm:1.1.3" + "@radix-ui/react-presence": "npm:1.1.2" + "@radix-ui/react-primitive": "npm:2.0.1" + "@radix-ui/react-slot": "npm:1.1.1" + "@radix-ui/react-use-controllable-state": "npm:1.1.0" + aria-hidden: "npm:^1.2.4" + react-remove-scroll: "npm:^2.6.2" + peerDependencies: + "@types/react": "*" + "@types/react-dom": "*" + react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc + react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc + peerDependenciesMeta: + "@types/react": + optional: true + "@types/react-dom": + optional: true + checksum: 10c0/486f1b6cb9de310ab03ec201701b79912eb38565175bbbd6b6399ff0d7ca5fd2ead7bb7f072a8d2acf07d0a53154e7292abee404ca9f9a26b826a649cee06a21 + languageName: node + linkType: hard + +"@radix-ui/react-dismissable-layer@npm:1.1.4": + version: 1.1.4 + resolution: "@radix-ui/react-dismissable-layer@npm:1.1.4" + dependencies: + "@radix-ui/primitive": "npm:1.1.1" + "@radix-ui/react-compose-refs": "npm:1.1.1" + "@radix-ui/react-primitive": "npm:2.0.1" + "@radix-ui/react-use-callback-ref": "npm:1.1.0" + "@radix-ui/react-use-escape-keydown": "npm:1.1.0" + peerDependencies: + "@types/react": "*" + "@types/react-dom": "*" + react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc + react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc + peerDependenciesMeta: + "@types/react": + optional: true + "@types/react-dom": + optional: true + checksum: 10c0/8657bf3e7e9e6ffeec9b23fbea4ae4e35f0a8fb474b5562636c721be82a95df30da32b9957dfc3826caa0b2e0b79a1333e7589d64de44b3ea02a667c83622efb + languageName: node + linkType: hard + +"@radix-ui/react-focus-guards@npm:1.1.1": + version: 1.1.1 + resolution: "@radix-ui/react-focus-guards@npm:1.1.1" + peerDependencies: + "@types/react": "*" + react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc + peerDependenciesMeta: + "@types/react": + optional: true + checksum: 10c0/2e99750ca593083a530542a185d656b45b100752353a7a193a67566e3c256414a76fa9171d152f8c0167b8d6c1fdf62b2e07750d7af2974bf8ef39eb204aa537 + languageName: node + linkType: hard + +"@radix-ui/react-focus-scope@npm:1.1.1": + version: 1.1.1 + resolution: "@radix-ui/react-focus-scope@npm:1.1.1" + dependencies: + "@radix-ui/react-compose-refs": "npm:1.1.1" + "@radix-ui/react-primitive": "npm:2.0.1" + "@radix-ui/react-use-callback-ref": "npm:1.1.0" + peerDependencies: + "@types/react": "*" + "@types/react-dom": "*" + react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc + react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc + peerDependenciesMeta: + "@types/react": + optional: true + "@types/react-dom": + optional: true + checksum: 10c0/a430264a32e358c05dfa1c3abcf6c3d0481cbcbb2547532324c6d69fa7f9e3ed77b5eb2dd64d42808ec62c8d69abb573d6076907764af126d14ea18febf45d7b + languageName: node + linkType: hard + +"@radix-ui/react-id@npm:1.1.0": + version: 1.1.0 + resolution: "@radix-ui/react-id@npm:1.1.0" + dependencies: + "@radix-ui/react-use-layout-effect": "npm:1.1.0" + peerDependencies: + "@types/react": "*" + react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc + peerDependenciesMeta: + "@types/react": + optional: true + checksum: 10c0/acf13e29e51ee96336837fc0cfecc306328b20b0e0070f6f0f7aa7a621ded4a1ee5537cfad58456f64bae76caa7f8769231e88dc7dc106197347ee433c275a79 + languageName: node + linkType: hard + +"@radix-ui/react-portal@npm:1.1.3": + version: 1.1.3 + resolution: "@radix-ui/react-portal@npm:1.1.3" + dependencies: + "@radix-ui/react-primitive": "npm:2.0.1" + "@radix-ui/react-use-layout-effect": "npm:1.1.0" + peerDependencies: + "@types/react": "*" + "@types/react-dom": "*" + react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc + react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc + peerDependenciesMeta: + "@types/react": + optional: true + "@types/react-dom": + optional: true + checksum: 10c0/b3cd1a81513e528d261599cffda8d7d6094a8598750eaa32bac0d64dbc9a3b4d4e1c10f5bdadf7051b5fd77033b759dbeb4838dae325b94bf8251804c61508c5 + languageName: node + linkType: hard + +"@radix-ui/react-presence@npm:1.1.2": + version: 1.1.2 + resolution: "@radix-ui/react-presence@npm:1.1.2" + dependencies: + "@radix-ui/react-compose-refs": "npm:1.1.1" + "@radix-ui/react-use-layout-effect": "npm:1.1.0" + peerDependencies: + "@types/react": "*" + "@types/react-dom": "*" + react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc + react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc + peerDependenciesMeta: + "@types/react": + optional: true + "@types/react-dom": + optional: true + checksum: 10c0/0c6fa281368636308044df3be4c1f02733094b5e35ba04f26e610dd1c4315a245ffc758e0e176c444742a7a46f4328af1a9d8181e860175ec39338d06525a78d + languageName: node + linkType: hard + +"@radix-ui/react-primitive@npm:2.0.1": + version: 2.0.1 + resolution: "@radix-ui/react-primitive@npm:2.0.1" + dependencies: + "@radix-ui/react-slot": "npm:1.1.1" + peerDependencies: + "@types/react": "*" + "@types/react-dom": "*" + react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc + react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc + peerDependenciesMeta: + "@types/react": + optional: true + "@types/react-dom": + optional: true + checksum: 10c0/6a562bec14f8e9fbfe0012d6c2932b0e54518fed898fa0622300c463611e77a4ca28a969f0cd484efd6570c01c5665dd6151f736262317d01715bc4da1a7dea6 + languageName: node + linkType: hard + +"@radix-ui/react-slot@npm:1.1.1": + version: 1.1.1 + resolution: "@radix-ui/react-slot@npm:1.1.1" + dependencies: + "@radix-ui/react-compose-refs": "npm:1.1.1" + peerDependencies: + "@types/react": "*" + react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc + peerDependenciesMeta: + "@types/react": + optional: true + checksum: 10c0/f3cc71c16529c67a8407a89e0ac13a868cafa0cd05ca185b464db609aa5996a3f00588695518e420bd47ffdb4cc2f76c14cc12ea5a38fc2ca3578a30d2ca58b9 + languageName: node + linkType: hard + +"@radix-ui/react-use-callback-ref@npm:1.1.0": + version: 1.1.0 + resolution: "@radix-ui/react-use-callback-ref@npm:1.1.0" + peerDependencies: + "@types/react": "*" + react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc + peerDependenciesMeta: + "@types/react": + optional: true + checksum: 10c0/e954863f3baa151faf89ac052a5468b42650efca924417470efd1bd254b411a94c69c30de2fdbb90187b38cb984795978e12e30423dc41e4309d93d53b66d819 + languageName: node + linkType: hard + +"@radix-ui/react-use-controllable-state@npm:1.1.0": + version: 1.1.0 + resolution: "@radix-ui/react-use-controllable-state@npm:1.1.0" + dependencies: + "@radix-ui/react-use-callback-ref": "npm:1.1.0" + peerDependencies: + "@types/react": "*" + react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc + peerDependenciesMeta: + "@types/react": + optional: true + checksum: 10c0/2af883b5b25822ac226e60a6bfde647c0123a76345052a90219026059b3f7225844b2c13a9a16fba859c1cda5fb3d057f2a04503f71780e607516492db4eb3a1 + languageName: node + linkType: hard + +"@radix-ui/react-use-escape-keydown@npm:1.1.0": + version: 1.1.0 + resolution: "@radix-ui/react-use-escape-keydown@npm:1.1.0" + dependencies: + "@radix-ui/react-use-callback-ref": "npm:1.1.0" + peerDependencies: + "@types/react": "*" + react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc + peerDependenciesMeta: + "@types/react": + optional: true + checksum: 10c0/910fd696e5a0994b0e06b9cb68def8a865f47951a013ec240c77db2a9e1e726105602700ef5e5f01af49f2f18fe0e73164f9a9651021f28538ef8a30d91f3fbb + languageName: node + linkType: hard + +"@radix-ui/react-use-layout-effect@npm:1.1.0": + version: 1.1.0 + resolution: "@radix-ui/react-use-layout-effect@npm:1.1.0" + peerDependencies: + "@types/react": "*" + react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc + peerDependenciesMeta: + "@types/react": + optional: true + checksum: 10c0/9bf87ece1845c038ed95863cfccf9d75f557c2400d606343bab0ab3192b9806b9840e6aa0a0333fdf3e83cf9982632852192f3e68d7d8367bc8c788dfdf8e62b + languageName: node + linkType: hard + +"@radix-ui/react-visually-hidden@npm:^1.1.1": + version: 1.1.1 + resolution: "@radix-ui/react-visually-hidden@npm:1.1.1" + dependencies: + "@radix-ui/react-primitive": "npm:2.0.1" + peerDependencies: + "@types/react": "*" + "@types/react-dom": "*" + react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc + react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc + peerDependenciesMeta: + "@types/react": + optional: true + "@types/react-dom": + optional: true + checksum: 10c0/9a34b8e09dc79983626194fdfb4bd24c79060034a226153a2bd9f726f056139316e7a6360583567c6ccd5d9589e6d230fe2c436abea455f73e2d27b73412c412 + languageName: node + linkType: hard + "@rollup/pluginutils@npm:^5.0.2, @rollup/pluginutils@npm:^5.1.3": version: 5.1.4 resolution: "@rollup/pluginutils@npm:5.1.4" @@ -3085,6 +3371,15 @@ __metadata: languageName: node linkType: hard +"aria-hidden@npm:^1.2.4": + version: 1.2.4 + resolution: "aria-hidden@npm:1.2.4" + dependencies: + tslib: "npm:^2.0.0" + checksum: 10c0/8abcab2e1432efc4db415e97cb3959649ddf52c8fc815d7384f43f3d3abf56f1c12852575d00df9a8927f421d7e0712652dd5f8db244ea57634344e29ecfc74a + languageName: node + linkType: hard + "aria-query@npm:5.3.0": version: 5.3.0 resolution: "aria-query@npm:5.3.0" @@ -4285,6 +4580,13 @@ __metadata: languageName: node linkType: hard +"detect-node-es@npm:^1.1.0": + version: 1.1.0 + resolution: "detect-node-es@npm:1.1.0" + checksum: 10c0/e562f00de23f10c27d7119e1af0e7388407eb4b06596a25f6d79a360094a109ff285de317f02b090faae093d314cf6e73ac3214f8a5bb3a0def5bece94557fbe + languageName: node + linkType: hard + "diff-sequences@npm:^29.6.3": version: 29.6.3 resolution: "diff-sequences@npm:29.6.3" @@ -5455,6 +5757,13 @@ __metadata: languageName: node linkType: hard +"get-nonce@npm:^1.0.0": + version: 1.0.1 + resolution: "get-nonce@npm:1.0.1" + checksum: 10c0/2d7df55279060bf0568549e1ffc9b84bc32a32b7541675ca092dce56317cdd1a59a98dcc4072c9f6a980779440139a3221d7486f52c488e69dc0fd27b1efb162 + languageName: node + linkType: hard + "get-package-type@npm:^0.1.0": version: 0.1.0 resolution: "get-package-type@npm:0.1.0" @@ -7792,6 +8101,8 @@ __metadata: dependencies: "@commitlint/cli": "npm:^19.6.1" "@commitlint/config-conventional": "npm:^19.6.0" + "@radix-ui/react-dialog": "npm:^1.1.5" + "@radix-ui/react-visually-hidden": "npm:^1.1.1" "@storybook/addon-essentials": "npm:^8.5.0" "@storybook/addon-interactions": "npm:^8.5.0" "@storybook/addon-links": "npm:^8.5.0" @@ -8702,6 +9013,41 @@ __metadata: languageName: node linkType: hard +"react-remove-scroll-bar@npm:^2.3.7": + version: 2.3.8 + resolution: "react-remove-scroll-bar@npm:2.3.8" + dependencies: + react-style-singleton: "npm:^2.2.2" + tslib: "npm:^2.0.0" + peerDependencies: + "@types/react": "*" + react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 + peerDependenciesMeta: + "@types/react": + optional: true + checksum: 10c0/9a0675c66cbb52c325bdbfaed80987a829c4504cefd8ff2dd3b6b3afc9a1500b8ec57b212e92c1fb654396d07bbe18830a8146fe77677d2a29ce40b5e1f78654 + languageName: node + linkType: hard + +"react-remove-scroll@npm:^2.6.2": + version: 2.6.3 + resolution: "react-remove-scroll@npm:2.6.3" + dependencies: + react-remove-scroll-bar: "npm:^2.3.7" + react-style-singleton: "npm:^2.2.3" + tslib: "npm:^2.1.0" + use-callback-ref: "npm:^1.3.3" + use-sidecar: "npm:^1.1.3" + peerDependencies: + "@types/react": "*" + react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc + peerDependenciesMeta: + "@types/react": + optional: true + checksum: 10c0/068e9704ff26816fffc4c8903e2c6c8df7291ee08615d7c1ab0cf8751f7080e2c5a5d78ef5d908b11b9cfc189f176d312e44cb02ea291ca0466d8283b479b438 + languageName: node + linkType: hard + "react-router-dom@npm:^7.1.3": version: 7.1.3 resolution: "react-router-dom@npm:7.1.3" @@ -8732,6 +9078,22 @@ __metadata: languageName: node linkType: hard +"react-style-singleton@npm:^2.2.2, react-style-singleton@npm:^2.2.3": + version: 2.2.3 + resolution: "react-style-singleton@npm:2.2.3" + dependencies: + get-nonce: "npm:^1.0.0" + tslib: "npm:^2.0.0" + peerDependencies: + "@types/react": "*" + react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc + peerDependenciesMeta: + "@types/react": + optional: true + checksum: 10c0/841938ff16d16a6b76895f4cb2e1fea957e5fe3b30febbf03a54892dae1c9153f2383e231dea0b3ba41192ad2f2849448fa859caccd288943bce32639e971bee + languageName: node + linkType: hard + "react@npm:^16.8.0 || ^17.0.0 || ^18.0.0, react@npm:^18.3.1": version: 18.3.1 resolution: "react@npm:18.3.1" @@ -10052,7 +10414,7 @@ __metadata: languageName: node linkType: hard -"tslib@npm:^2.0.1, tslib@npm:^2.0.3, tslib@npm:^2.1.0, tslib@npm:^2.3.0": +"tslib@npm:^2.0.0, tslib@npm:^2.0.1, tslib@npm:^2.0.3, tslib@npm:^2.1.0, tslib@npm:^2.3.0": version: 2.8.1 resolution: "tslib@npm:2.8.1" checksum: 10c0/9c4759110a19c53f992d9aae23aac5ced636e99887b51b9e61def52611732872ff7668757d4e4c61f19691e36f4da981cd9485e869b4a7408d689f6bf1f14e62 @@ -10326,6 +10688,37 @@ __metadata: languageName: node linkType: hard +"use-callback-ref@npm:^1.3.3": + version: 1.3.3 + resolution: "use-callback-ref@npm:1.3.3" + dependencies: + tslib: "npm:^2.0.0" + peerDependencies: + "@types/react": "*" + react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc + peerDependenciesMeta: + "@types/react": + optional: true + checksum: 10c0/f887488c6e6075cdad4962979da1714b217bcb1ee009a9e57ce9a844bcfc4c3a99e93983dfc2e5af9e0913824d24e730090ff255e902c516dcb58d2d3837e01c + languageName: node + linkType: hard + +"use-sidecar@npm:^1.1.3": + version: 1.1.3 + resolution: "use-sidecar@npm:1.1.3" + dependencies: + detect-node-es: "npm:^1.1.0" + tslib: "npm:^2.0.0" + peerDependencies: + "@types/react": "*" + react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc + peerDependenciesMeta: + "@types/react": + optional: true + checksum: 10c0/161599bf921cfaa41c85d2b01c871975ee99260f3e874c2d41c05890d41170297bdcf314bc5185e7a700de2034ac5b888e3efc8e9f35724f4918f53538d717c9 + languageName: node + linkType: hard + "util-deprecate@npm:^1.0.2": version: 1.0.2 resolution: "util-deprecate@npm:1.0.2"