diff --git a/.eslintignore b/.eslintignore index f1e92792b3..ea8f6760c7 100644 --- a/.eslintignore +++ b/.eslintignore @@ -7,7 +7,7 @@ **/.git/** **/public/** **/microsite/** -**/canon-website/** +**/canon-docs/** **/templates/** **/sample-templates/** playwright.config.ts diff --git a/.prettierignore b/.prettierignore index b8696b88b1..69bfed98f0 100644 --- a/.prettierignore +++ b/.prettierignore @@ -1,7 +1,7 @@ .yarn dist microsite -canon-website +canon-docs coverage *.hbs templates diff --git a/canon-docs/.eslintrc.json b/canon-docs/.eslintrc.json new file mode 100644 index 0000000000..be99640f75 --- /dev/null +++ b/canon-docs/.eslintrc.json @@ -0,0 +1,8 @@ +{ + "extends": ["next/core-web-vitals", "next/typescript"], + "rules": { + "notice/notice": "off", + "react/forbid-elements": "off", + "jsx-a11y/alt-text": "off" + } +} diff --git a/canon-website/.gitignore b/canon-docs/.gitignore similarity index 68% rename from canon-website/.gitignore rename to canon-docs/.gitignore index 5ef6a52078..fd3dbb571a 100644 --- a/canon-website/.gitignore +++ b/canon-docs/.gitignore @@ -3,12 +3,8 @@ # dependencies /node_modules /.pnp -.pnp.* -.yarn/* -!.yarn/patches -!.yarn/plugins -!.yarn/releases -!.yarn/versions +.pnp.js +.yarn/install-state.gz # testing /coverage @@ -28,10 +24,9 @@ npm-debug.log* yarn-debug.log* yarn-error.log* -.pnpm-debug.log* -# env files (can opt-in for committing if needed) -.env* +# local env files +.env*.local # vercel .vercel diff --git a/canon-website/README.md b/canon-docs/README.md similarity index 100% rename from canon-website/README.md rename to canon-docs/README.md diff --git a/canon-website/next.config.ts b/canon-docs/next.config.mjs similarity index 64% rename from canon-website/next.config.ts rename to canon-docs/next.config.mjs index d579202722..f03bcc8727 100644 --- a/canon-website/next.config.ts +++ b/canon-docs/next.config.mjs @@ -1,8 +1,11 @@ -import type { NextConfig } from 'next'; import createMDX from '@next/mdx'; -const nextConfig: NextConfig = { +const nextConfig = { pageExtensions: ['js', 'jsx', 'md', 'mdx', 'ts', 'tsx'], + // output: 'export', + // images: { + // unoptimized: true, + // }, }; const withMDX = createMDX({}); diff --git a/canon-docs/package.json b/canon-docs/package.json new file mode 100644 index 0000000000..ac95f3d6a6 --- /dev/null +++ b/canon-docs/package.json @@ -0,0 +1,34 @@ +{ + "name": "canon-docs", + "version": "0.1.0", + "private": true, + "scripts": { + "build": "next build", + "dev": "next dev", + "dev-all": "concurrently \"next dev\" \"yarn watch-css\"", + "lint": "next lint", + "start": "next start", + "watch-css": "node scripts/watch-css.js" + }, + "dependencies": { + "@mdx-js/loader": "^3.1.0", + "@mdx-js/react": "^3.1.0", + "@next/mdx": "^15.1.4", + "@types/mdx": "^2.0.13", + "next": "14.2.23", + "react": "^18", + "react-dom": "^18", + "react-frame-component": "^5.2.7", + "shiki": "^1.26.1" + }, + "devDependencies": { + "@types/node": "^20", + "@types/react": "^18", + "@types/react-dom": "^18", + "concurrently": "^9.1.2", + "eslint": "^8", + "eslint-config-next": "14.2.23", + "lightningcss": "^1.28.2", + "typescript": "^5" + } +} diff --git a/canon-website/public/backstage.css b/canon-docs/public/backstage.css similarity index 100% rename from canon-website/public/backstage.css rename to canon-docs/public/backstage.css diff --git a/canon-website/public/components.css b/canon-docs/public/components.css similarity index 100% rename from canon-website/public/components.css rename to canon-docs/public/components.css diff --git a/canon-website/public/core.css b/canon-docs/public/core.css similarity index 100% rename from canon-website/public/core.css rename to canon-docs/public/core.css diff --git a/canon-website/public/header.png b/canon-docs/public/header.png similarity index 100% rename from canon-website/public/header.png rename to canon-docs/public/header.png diff --git a/canon-website/scripts/watch-css.js b/canon-docs/scripts/watch-css.js similarity index 100% rename from canon-website/scripts/watch-css.js rename to canon-docs/scripts/watch-css.js diff --git a/canon-website/content/about.mdx b/canon-docs/src/app/(docs)/about/page.mdx similarity index 100% rename from canon-website/content/about.mdx rename to canon-docs/src/app/(docs)/about/page.mdx diff --git a/canon-website/content/box.mdx b/canon-docs/src/app/(docs)/components/box/page.mdx similarity index 88% rename from canon-website/content/box.mdx rename to canon-docs/src/app/(docs)/components/box/page.mdx index a80f0442f1..2e1d00a274 100644 --- a/canon-website/content/box.mdx +++ b/canon-docs/src/app/(docs)/components/box/page.mdx @@ -1,9 +1,9 @@ -import { CodeBlock } from '../components/CodeBlock'; -import { PropsTable } from '../components/PropsTable'; -import { spacePropsList } from '../utils/spaceProps'; -import { Tabs } from '../components/Tabs'; -import { Snippet } from '../components/Snippet'; -import { BoxPreview } from '../snippets/box'; +import { CodeBlock } from '@/components/CodeBlock'; +import { PropsTable } from '@/components/PropsTable'; +import { spacePropsList } from '@/utils/spaceProps'; +import { Tabs } from '@/components/Tabs'; +import { Snippet } from '@/components/Snippet'; +import { BoxPreview } from '@/snippets/box'; # Box diff --git a/canon-website/content/button.mdx b/canon-docs/src/app/(docs)/components/button/page.mdx similarity index 91% rename from canon-website/content/button.mdx rename to canon-docs/src/app/(docs)/components/button/page.mdx index 9e212a0d84..c35c4888f3 100644 --- a/canon-website/content/button.mdx +++ b/canon-docs/src/app/(docs)/components/button/page.mdx @@ -1,7 +1,7 @@ -import { PropsTable } from '../components/PropsTable'; -import { Snippet } from '../components/Snippet'; -import { Tabs } from '../components/Tabs'; -import { CodeBlock } from '../components/CodeBlock'; +import { PropsTable } from '@/components/PropsTable'; +import { Snippet } from '@/components/Snippet'; +import { Tabs } from '@/components/Tabs'; +import { CodeBlock } from '@/components/CodeBlock'; import { ButtonPreview, ButtonSizes, @@ -9,8 +9,8 @@ import { ButtonFullWidth, ButtonDisabled, ButtonResponsive, -} from '../snippets/button'; -import { buttonVariants } from './_snippets'; +} from '@/snippets/button'; +import { buttonVariants } from '@/snippets/_snippets'; # Button diff --git a/canon-website/content/checkbox.mdx b/canon-docs/src/app/(docs)/components/checkbox/page.mdx similarity index 85% rename from canon-website/content/checkbox.mdx rename to canon-docs/src/app/(docs)/components/checkbox/page.mdx index f974208708..26a5d0f955 100644 --- a/canon-website/content/checkbox.mdx +++ b/canon-docs/src/app/(docs)/components/checkbox/page.mdx @@ -1,9 +1,9 @@ -import { PropsTable } from '../components/PropsTable'; -import { CheckboxPreview, CheckboxAllVariants } from '../snippets/checkbox'; -import { Snippet } from '../components/Snippet'; -import { Tabs } from '../components/Tabs'; -import { CodeBlock } from '../components/CodeBlock'; -import { BaseUI } from '../components/HeadlessBanners/BaseUI'; +import { PropsTable } from '@/components/PropsTable'; +import { CheckboxPreview, CheckboxAllVariants } from '@/snippets/checkbox'; +import { Snippet } from '@/components/Snippet'; +import { Tabs } from '@/components/Tabs'; +import { CodeBlock } from '@/components/CodeBlock'; +import { BaseUI } from '@/components/HeadlessBanners/BaseUI'; # Checkbox diff --git a/canon-website/content/container.mdx b/canon-docs/src/app/(docs)/components/container/page.mdx similarity index 86% rename from canon-website/content/container.mdx rename to canon-docs/src/app/(docs)/components/container/page.mdx index 28d656b2ad..ace3bdcaeb 100644 --- a/canon-website/content/container.mdx +++ b/canon-docs/src/app/(docs)/components/container/page.mdx @@ -1,9 +1,9 @@ -import { CodeBlock } from '../components/CodeBlock'; -import { PropsTable } from '../components/PropsTable'; -import { spacePropsList } from '../utils/spaceProps'; -import { Tabs } from '../components/Tabs'; -import { Snippet } from '../components/Snippet'; -import { ContainerPreview } from '../snippets/container'; +import { CodeBlock } from '@/components/CodeBlock'; +import { PropsTable } from '@/components/PropsTable'; +import { spacePropsList } from '@/utils/spaceProps'; +import { Tabs } from '@/components/Tabs'; +import { Snippet } from '@/components/Snippet'; +import { ContainerPreview } from '@/snippets/container'; # Container diff --git a/canon-website/content/grid.mdx b/canon-docs/src/app/(docs)/components/grid/page.mdx similarity index 91% rename from canon-website/content/grid.mdx rename to canon-docs/src/app/(docs)/components/grid/page.mdx index 639b8c7945..4e38fe39ec 100644 --- a/canon-website/content/grid.mdx +++ b/canon-docs/src/app/(docs)/components/grid/page.mdx @@ -1,10 +1,10 @@ -import { CodeBlock } from '../components/CodeBlock'; -import { PropsTable } from '../components/PropsTable'; -import { spacePropsList } from '../utils/spaceProps'; -import { Tabs } from '../components/Tabs'; -import { grid } from './_snippets'; -import { Snippet } from '../components/Snippet'; -import { GridPreview } from '../snippets/grid'; +import { CodeBlock } from '@/components/CodeBlock'; +import { PropsTable } from '@/components/PropsTable'; +import { spacePropsList } from '@/utils/spaceProps'; +import { Tabs } from '@/components/Tabs'; +import { grid } from '@/snippets/_snippets'; +import { Snippet } from '@/components/Snippet'; +import { GridPreview } from '@/snippets/grid'; # Grid diff --git a/canon-website/content/heading.mdx b/canon-docs/src/app/(docs)/components/heading/page.mdx similarity index 89% rename from canon-website/content/heading.mdx rename to canon-docs/src/app/(docs)/components/heading/page.mdx index 4ba833133a..4e3b0aa46c 100644 --- a/canon-website/content/heading.mdx +++ b/canon-docs/src/app/(docs)/components/heading/page.mdx @@ -1,12 +1,12 @@ -import { PropsTable } from '../components/PropsTable'; +import { PropsTable } from '@/components/PropsTable'; import { HeadingPreview, HeadingAllVariants, HeadingResponsive, -} from '../snippets/heading'; -import { Snippet } from '../components/Snippet'; -import { Tabs } from '../components/Tabs'; -import { CodeBlock } from '../components/CodeBlock'; +} from '@/snippets/heading'; +import { Snippet } from '@/components/Snippet'; +import { Tabs } from '@/components/Tabs'; +import { CodeBlock } from '@/components/CodeBlock'; # Heading diff --git a/canon-website/content/icon.mdx b/canon-docs/src/app/(docs)/components/icon/page.mdx similarity index 81% rename from canon-website/content/icon.mdx rename to canon-docs/src/app/(docs)/components/icon/page.mdx index afca89535e..b85b33190d 100644 --- a/canon-website/content/icon.mdx +++ b/canon-docs/src/app/(docs)/components/icon/page.mdx @@ -1,9 +1,9 @@ -import { PropsTable } from '../components/PropsTable'; +import { PropsTable } from '@/components/PropsTable'; import { icons } from '@backstage/canon'; -import { IconPreview } from '../snippets/icon'; -import { Snippet } from '../components/Snippet'; -import { Tabs } from '../components/Tabs'; -import { CodeBlock } from '../components/CodeBlock'; +import { IconPreview } from '@/snippets/icon'; +import { Snippet } from '@/components/Snippet'; +import { Tabs } from '@/components/Tabs'; +import { CodeBlock } from '@/components/CodeBlock'; # Icon diff --git a/canon-website/content/inline.mdx b/canon-docs/src/app/(docs)/components/inline/page.mdx similarity index 86% rename from canon-website/content/inline.mdx rename to canon-docs/src/app/(docs)/components/inline/page.mdx index 41b873f2ce..ac4d7e0401 100644 --- a/canon-website/content/inline.mdx +++ b/canon-docs/src/app/(docs)/components/inline/page.mdx @@ -1,9 +1,9 @@ -import { CodeBlock } from '../components/CodeBlock'; -import { PropsTable } from '../components/PropsTable'; -import { spacePropsList } from '../utils/spaceProps'; -import { Tabs } from '../components/Tabs'; -import { Snippet } from '../components/Snippet'; -import { InlinePreview } from '../snippets/inline'; +import { CodeBlock } from '@/components/CodeBlock'; +import { PropsTable } from '@/components/PropsTable'; +import { spacePropsList } from '@/utils/spaceProps'; +import { Tabs } from '@/components/Tabs'; +import { Snippet } from '@/components/Snippet'; +import { InlinePreview } from '@/snippets/inline'; # Inline diff --git a/canon-website/content/stack.mdx b/canon-docs/src/app/(docs)/components/stack/page.mdx similarity index 84% rename from canon-website/content/stack.mdx rename to canon-docs/src/app/(docs)/components/stack/page.mdx index bd4a2b9c61..7ef25c00b7 100644 --- a/canon-website/content/stack.mdx +++ b/canon-docs/src/app/(docs)/components/stack/page.mdx @@ -1,15 +1,15 @@ -import { PropsTable } from '../components/PropsTable'; -import { spacePropsList } from '../utils/spaceProps'; -import { Tabs } from '../components/Tabs'; -import { CodeBlock } from '../components/CodeBlock'; +import { PropsTable } from '@/components/PropsTable'; +import { spacePropsList } from '@/utils/spaceProps'; +import { Tabs } from '@/components/Tabs'; +import { CodeBlock } from '@/components/CodeBlock'; import { stackFAQ1, stackSimple, stackResponsive, stackAlign, -} from './_snippets'; -import { Snippet } from '../components/Snippet'; -import { StackPreview } from '../snippets/stack'; +} from '@/snippets/_snippets'; +import { Snippet } from '@/components/Snippet'; +import { StackPreview } from '@/snippets/stack'; # Stack diff --git a/canon-website/content/table.mdx b/canon-docs/src/app/(docs)/components/table/page.mdx similarity index 100% rename from canon-website/content/table.mdx rename to canon-docs/src/app/(docs)/components/table/page.mdx diff --git a/canon-website/content/text.mdx b/canon-docs/src/app/(docs)/components/text/page.mdx similarity index 94% rename from canon-website/content/text.mdx rename to canon-docs/src/app/(docs)/components/text/page.mdx index 00c4b084e5..79f9f96a6b 100644 --- a/canon-website/content/text.mdx +++ b/canon-docs/src/app/(docs)/components/text/page.mdx @@ -1,13 +1,13 @@ -import { PropsTable } from '../components/PropsTable'; +import { PropsTable } from '@/components/PropsTable'; import { TextPreview, TextAllVariants, TextResponsive, TextAllWeights, -} from '../snippets/text'; -import { Snippet } from '../components/Snippet'; -import { Tabs } from '../components/Tabs'; -import { CodeBlock } from '../components/CodeBlock'; +} from '@/snippets/text'; +import { Snippet } from '@/components/Snippet'; +import { Tabs } from '@/components/Tabs'; +import { CodeBlock } from '@/components/CodeBlock'; # Text diff --git a/canon-website/app/components/[slug]/page.module.css b/canon-docs/src/app/(docs)/layout.module.css similarity index 82% rename from canon-website/app/components/[slug]/page.module.css rename to canon-docs/src/app/(docs)/layout.module.css index b89fa65437..fa94ef3a13 100644 --- a/canon-website/app/components/[slug]/page.module.css +++ b/canon-docs/src/app/(docs)/layout.module.css @@ -1,4 +1,4 @@ -.container { +.pageContainer { width: 100%; max-width: 960px; margin: 0 auto; diff --git a/canon-docs/src/app/(docs)/layout.tsx b/canon-docs/src/app/(docs)/layout.tsx new file mode 100644 index 0000000000..161523bbf5 --- /dev/null +++ b/canon-docs/src/app/(docs)/layout.tsx @@ -0,0 +1,16 @@ +import type { Metadata } from 'next'; + +import styles from './layout.module.css'; + +export const metadata: Metadata = { + title: 'Canon', + description: 'UI library for Backstage', +}; + +export default function DocsLayout({ + children, +}: Readonly<{ + children: React.ReactNode; +}>) { + return
{children}
; +} diff --git a/canon-website/content/home.mdx b/canon-docs/src/app/(docs)/page.mdx similarity index 96% rename from canon-website/content/home.mdx rename to canon-docs/src/app/(docs)/page.mdx index 1793bc0575..4b93ed6694 100644 --- a/canon-website/content/home.mdx +++ b/canon-docs/src/app/(docs)/page.mdx @@ -1,4 +1,4 @@ -import { CodeBlock } from '../components/CodeBlock'; +import { CodeBlock } from '@/components/CodeBlock'; diff --git a/canon-website/content/iconography.mdx b/canon-docs/src/app/(docs)/theme/iconography/page.mdx similarity index 100% rename from canon-website/content/iconography.mdx rename to canon-docs/src/app/(docs)/theme/iconography/page.mdx diff --git a/canon-website/content/layout.mdx b/canon-docs/src/app/(docs)/theme/layout/page.mdx similarity index 100% rename from canon-website/content/layout.mdx rename to canon-docs/src/app/(docs)/theme/layout/page.mdx diff --git a/canon-website/content/responsive.mdx b/canon-docs/src/app/(docs)/theme/responsive/page.mdx similarity index 100% rename from canon-website/content/responsive.mdx rename to canon-docs/src/app/(docs)/theme/responsive/page.mdx diff --git a/canon-website/content/theming.mdx b/canon-docs/src/app/(docs)/theme/theming/page.mdx similarity index 100% rename from canon-website/content/theming.mdx rename to canon-docs/src/app/(docs)/theme/theming/page.mdx diff --git a/canon-website/content/typography.mdx b/canon-docs/src/app/(docs)/theme/typography/page.mdx similarity index 93% rename from canon-website/content/typography.mdx rename to canon-docs/src/app/(docs)/theme/typography/page.mdx index 9c5da6521b..86be4d2e19 100644 --- a/canon-website/content/typography.mdx +++ b/canon-docs/src/app/(docs)/theme/typography/page.mdx @@ -1,6 +1,6 @@ -import { HeadingAllVariants } from '../snippets/heading'; -import { TextAllVariants } from '../snippets/text'; -import { Snippet } from '../components/Snippet'; +import { HeadingAllVariants } from '@/snippets/heading'; +import { TextAllVariants } from '@/snippets/text'; +import { Snippet } from '@/components/Snippet'; # Typography diff --git a/canon-website/app/playground/page.tsx b/canon-docs/src/app/(playground)/playground/page.tsx similarity index 91% rename from canon-website/app/playground/page.tsx rename to canon-docs/src/app/(playground)/playground/page.tsx index c23f454630..c36a1d3492 100644 --- a/canon-website/app/playground/page.tsx +++ b/canon-docs/src/app/(playground)/playground/page.tsx @@ -1,9 +1,7 @@ 'use client'; import { ReactNode } from 'react'; -import { Grid } from '../../../packages/canon/src/components/Grid'; -import { Stack } from '../../../packages/canon/src/components/Stack'; -import { Text } from '../../../packages/canon/src/components/Text'; +import { Grid, Stack, Text } from '../../../../../packages/canon'; import { screenSizes } from '@/utils/data'; import { Frame } from '@/components/Frame'; import { usePlayground } from '@/utils/playground-context'; diff --git a/canon-website/app/playground/styles.module.css b/canon-docs/src/app/(playground)/playground/styles.module.css similarity index 100% rename from canon-website/app/playground/styles.module.css rename to canon-docs/src/app/(playground)/playground/styles.module.css diff --git a/canon-website/app/globals.css b/canon-docs/src/app/globals.css similarity index 100% rename from canon-website/app/globals.css rename to canon-docs/src/app/globals.css diff --git a/canon-website/app/icon.svg b/canon-docs/src/app/icon.svg similarity index 100% rename from canon-website/app/icon.svg rename to canon-docs/src/app/icon.svg diff --git a/canon-website/app/layout.tsx b/canon-docs/src/app/layout.tsx similarity index 58% rename from canon-website/app/layout.tsx rename to canon-docs/src/app/layout.tsx index 7a99b36e26..f51e130a67 100644 --- a/canon-website/app/layout.tsx +++ b/canon-docs/src/app/layout.tsx @@ -3,29 +3,33 @@ import { Sidebar } from '../components/Sidebar'; import styles from './page.module.css'; import { Providers } from './providers'; -import { cookies } from 'next/headers'; import './globals.css'; -import '@/public/core.css'; -import '@/public/components.css'; -import '@/public/backstage.css'; +import '/public/core.css'; +import '/public/components.css'; +import '/public/backstage.css'; export const metadata: Metadata = { title: 'Canon', description: 'UI library for Backstage', }; -export default async function RootLayout({ +export default function RootLayout({ children, }: Readonly<{ children: React.ReactNode; }>) { - const cookieStore = await cookies(); - const theme = cookieStore.get('theme')?.value || 'light'; - const themeName = cookieStore.get('theme-name')?.value || 'default'; + // const cookieStore = await cookies(); + // const theme = cookieStore.get('theme')?.value || 'light'; + // const themeName = cookieStore.get('theme-name')?.value || 'default'; return ( - +
diff --git a/canon-website/app/page.module.css b/canon-docs/src/app/page.module.css similarity index 100% rename from canon-website/app/page.module.css rename to canon-docs/src/app/page.module.css diff --git a/canon-docs/src/app/providers.tsx b/canon-docs/src/app/providers.tsx new file mode 100644 index 0000000000..5465b62e52 --- /dev/null +++ b/canon-docs/src/app/providers.tsx @@ -0,0 +1,29 @@ +/* +* Copyright 2024 The Backstage Authors +* +* Licensed under the Apache License, Version 2.0 (the "License"); +* you may not use this file except in compliance with the License. +* You may obtain a copy of the License at +* +* http://www.apache.org/licenses/LICENSE-2.0 +* +* Unless required by applicable law or agreed to in writing, software +* distributed under the License is distributed on an "AS IS" BASIS, +* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. +* See the License for the specific language governing permissions and +* limitations under the License. +*/ + +'use client'; + +import { ReactNode } from 'react'; +import { CanonProvider } from '../../../packages/canon/src/contexts/canon'; +import { PlaygroundProvider } from '@/utils/playground-context'; + +export const Providers = ({ children }: { children: ReactNode }) => { + return ( + + {children} + + ); +}; diff --git a/canon-website/components/Banner/Banner.tsx b/canon-docs/src/components/Banner/Banner.tsx similarity index 100% rename from canon-website/components/Banner/Banner.tsx rename to canon-docs/src/components/Banner/Banner.tsx diff --git a/canon-website/components/Banner/index.ts b/canon-docs/src/components/Banner/index.ts similarity index 100% rename from canon-website/components/Banner/index.ts rename to canon-docs/src/components/Banner/index.ts diff --git a/canon-website/components/Banner/styles.module.css b/canon-docs/src/components/Banner/styles.module.css similarity index 100% rename from canon-website/components/Banner/styles.module.css rename to canon-docs/src/components/Banner/styles.module.css diff --git a/canon-website/components/Chip/Chip.tsx b/canon-docs/src/components/Chip/Chip.tsx similarity index 100% rename from canon-website/components/Chip/Chip.tsx rename to canon-docs/src/components/Chip/Chip.tsx diff --git a/canon-website/components/Chip/index.ts b/canon-docs/src/components/Chip/index.ts similarity index 100% rename from canon-website/components/Chip/index.ts rename to canon-docs/src/components/Chip/index.ts diff --git a/canon-website/components/Chip/styles.module.css b/canon-docs/src/components/Chip/styles.module.css similarity index 100% rename from canon-website/components/Chip/styles.module.css rename to canon-docs/src/components/Chip/styles.module.css diff --git a/canon-website/components/CodeBlock/index.tsx b/canon-docs/src/components/CodeBlock/index.tsx similarity index 91% rename from canon-website/components/CodeBlock/index.tsx rename to canon-docs/src/components/CodeBlock/index.tsx index 8e5d1f9e35..bbcf4d63da 100644 --- a/canon-website/components/CodeBlock/index.tsx +++ b/canon-docs/src/components/CodeBlock/index.tsx @@ -1,7 +1,7 @@ import React from 'react'; import type { BundledLanguage } from 'shiki'; import { codeToHtml } from 'shiki'; -import { Text } from '../../../packages/canon/src/components/Text'; +import { Text } from '../../../../packages/canon/src/components/Text'; import styles from './styles.module.css'; interface CodeBlockProps { diff --git a/canon-website/components/CodeBlock/styles.module.css b/canon-docs/src/components/CodeBlock/styles.module.css similarity index 100% rename from canon-website/components/CodeBlock/styles.module.css rename to canon-docs/src/components/CodeBlock/styles.module.css diff --git a/canon-website/components/Columns/Columns.tsx b/canon-docs/src/components/Columns/Columns.tsx similarity index 100% rename from canon-website/components/Columns/Columns.tsx rename to canon-docs/src/components/Columns/Columns.tsx diff --git a/canon-website/components/Columns/index.ts b/canon-docs/src/components/Columns/index.ts similarity index 100% rename from canon-website/components/Columns/index.ts rename to canon-docs/src/components/Columns/index.ts diff --git a/canon-website/components/Columns/styles.css b/canon-docs/src/components/Columns/styles.css similarity index 100% rename from canon-website/components/Columns/styles.css rename to canon-docs/src/components/Columns/styles.css diff --git a/canon-website/components/DecorativeBox/index.tsx b/canon-docs/src/components/DecorativeBox/index.tsx similarity index 100% rename from canon-website/components/DecorativeBox/index.tsx rename to canon-docs/src/components/DecorativeBox/index.tsx diff --git a/canon-website/components/DecorativeBox/styles.module.css b/canon-docs/src/components/DecorativeBox/styles.module.css similarity index 100% rename from canon-website/components/DecorativeBox/styles.module.css rename to canon-docs/src/components/DecorativeBox/styles.module.css diff --git a/canon-website/components/Frame/index.tsx b/canon-docs/src/components/Frame/index.tsx similarity index 100% rename from canon-website/components/Frame/index.tsx rename to canon-docs/src/components/Frame/index.tsx diff --git a/canon-website/components/HeadlessBanners/BaseUI.tsx b/canon-docs/src/components/HeadlessBanners/BaseUI.tsx similarity index 89% rename from canon-website/components/HeadlessBanners/BaseUI.tsx rename to canon-docs/src/components/HeadlessBanners/BaseUI.tsx index b84be08dd6..6d3a727333 100644 --- a/canon-website/components/HeadlessBanners/BaseUI.tsx +++ b/canon-docs/src/components/HeadlessBanners/BaseUI.tsx @@ -1,6 +1,6 @@ import styles from './styles.module.css'; -import { Text } from '../../../packages/canon/src/components/Text'; -import { Icon } from '../../../packages/canon/src/components/Icon'; +import { Text } from '../../../../packages/canon/src/components/Text'; +import { Icon } from '../../../../packages/canon/src/components/Icon'; interface BaseUIProps { href: string; diff --git a/canon-website/components/HeadlessBanners/styles.module.css b/canon-docs/src/components/HeadlessBanners/styles.module.css similarity index 100% rename from canon-website/components/HeadlessBanners/styles.module.css rename to canon-docs/src/components/HeadlessBanners/styles.module.css diff --git a/canon-website/components/IconLibrary/IconLibrary.tsx b/canon-docs/src/components/IconLibrary/IconLibrary.tsx similarity index 77% rename from canon-website/components/IconLibrary/IconLibrary.tsx rename to canon-docs/src/components/IconLibrary/IconLibrary.tsx index 5d0daf302a..b8ca8acdea 100644 --- a/canon-website/components/IconLibrary/IconLibrary.tsx +++ b/canon-docs/src/components/IconLibrary/IconLibrary.tsx @@ -15,10 +15,10 @@ */ import React from 'react'; -import { Icon } from '../../../packages/canon/src/components/Icon'; -import type { IconNames } from '../../../packages/canon/src/components/Icon'; -import { Text } from '../../../packages/canon/src/components/Text'; -import { icons } from '../../../packages/canon/src/components/Icon/icons'; +import { Icon } from '../../../../packages/canon/src/components/Icon'; +import type { IconNames } from '../../../../packages/canon/src/components/Icon'; +import { Text } from '../../../../packages/canon/src/components/Text'; +import { icons } from '../../../../packages/canon/src/components/Icon/icons'; import styles from './styles.module.css'; export const IconLibrary = () => { diff --git a/canon-website/components/IconLibrary/index.ts b/canon-docs/src/components/IconLibrary/index.ts similarity index 100% rename from canon-website/components/IconLibrary/index.ts rename to canon-docs/src/components/IconLibrary/index.ts diff --git a/canon-website/components/IconLibrary/styles.module.css b/canon-docs/src/components/IconLibrary/styles.module.css similarity index 100% rename from canon-website/components/IconLibrary/styles.module.css rename to canon-docs/src/components/IconLibrary/styles.module.css diff --git a/canon-website/components/LayoutComponents/LayoutComponents.module.css b/canon-docs/src/components/LayoutComponents/LayoutComponents.module.css similarity index 100% rename from canon-website/components/LayoutComponents/LayoutComponents.module.css rename to canon-docs/src/components/LayoutComponents/LayoutComponents.module.css diff --git a/canon-website/components/LayoutComponents/LayoutComponents.tsx b/canon-docs/src/components/LayoutComponents/LayoutComponents.tsx similarity index 100% rename from canon-website/components/LayoutComponents/LayoutComponents.tsx rename to canon-docs/src/components/LayoutComponents/LayoutComponents.tsx diff --git a/canon-website/components/LayoutComponents/index.ts b/canon-docs/src/components/LayoutComponents/index.ts similarity index 100% rename from canon-website/components/LayoutComponents/index.ts rename to canon-docs/src/components/LayoutComponents/index.ts diff --git a/canon-website/components/LayoutComponents/svgs/box.tsx b/canon-docs/src/components/LayoutComponents/svgs/box.tsx similarity index 100% rename from canon-website/components/LayoutComponents/svgs/box.tsx rename to canon-docs/src/components/LayoutComponents/svgs/box.tsx diff --git a/canon-website/components/LayoutComponents/svgs/container.tsx b/canon-docs/src/components/LayoutComponents/svgs/container.tsx similarity index 100% rename from canon-website/components/LayoutComponents/svgs/container.tsx rename to canon-docs/src/components/LayoutComponents/svgs/container.tsx diff --git a/canon-website/components/LayoutComponents/svgs/grid.tsx b/canon-docs/src/components/LayoutComponents/svgs/grid.tsx similarity index 100% rename from canon-website/components/LayoutComponents/svgs/grid.tsx rename to canon-docs/src/components/LayoutComponents/svgs/grid.tsx diff --git a/canon-website/components/LayoutComponents/svgs/inline.tsx b/canon-docs/src/components/LayoutComponents/svgs/inline.tsx similarity index 100% rename from canon-website/components/LayoutComponents/svgs/inline.tsx rename to canon-docs/src/components/LayoutComponents/svgs/inline.tsx diff --git a/canon-website/components/LayoutComponents/svgs/stack.tsx b/canon-docs/src/components/LayoutComponents/svgs/stack.tsx similarity index 100% rename from canon-website/components/LayoutComponents/svgs/stack.tsx rename to canon-docs/src/components/LayoutComponents/svgs/stack.tsx diff --git a/canon-website/components/PropsTable/PropsTable.tsx b/canon-docs/src/components/PropsTable/PropsTable.tsx similarity index 100% rename from canon-website/components/PropsTable/PropsTable.tsx rename to canon-docs/src/components/PropsTable/PropsTable.tsx diff --git a/canon-website/components/PropsTable/index.ts b/canon-docs/src/components/PropsTable/index.ts similarity index 100% rename from canon-website/components/PropsTable/index.ts rename to canon-docs/src/components/PropsTable/index.ts diff --git a/canon-website/components/Roadmap/Roadmap.tsx b/canon-docs/src/components/Roadmap/Roadmap.tsx similarity index 100% rename from canon-website/components/Roadmap/Roadmap.tsx rename to canon-docs/src/components/Roadmap/Roadmap.tsx diff --git a/canon-website/components/Roadmap/index.ts b/canon-docs/src/components/Roadmap/index.ts similarity index 100% rename from canon-website/components/Roadmap/index.ts rename to canon-docs/src/components/Roadmap/index.ts diff --git a/canon-website/components/Roadmap/list.ts b/canon-docs/src/components/Roadmap/list.ts similarity index 100% rename from canon-website/components/Roadmap/list.ts rename to canon-docs/src/components/Roadmap/list.ts diff --git a/canon-website/components/Roadmap/styles.css b/canon-docs/src/components/Roadmap/styles.css similarity index 100% rename from canon-website/components/Roadmap/styles.css rename to canon-docs/src/components/Roadmap/styles.css diff --git a/canon-website/components/Sidebar/Sidebar.module.css b/canon-docs/src/components/Sidebar/Sidebar.module.css similarity index 100% rename from canon-website/components/Sidebar/Sidebar.module.css rename to canon-docs/src/components/Sidebar/Sidebar.module.css diff --git a/canon-website/components/Sidebar/Tabs.module.css b/canon-docs/src/components/Sidebar/Tabs.module.css similarity index 100% rename from canon-website/components/Sidebar/Tabs.module.css rename to canon-docs/src/components/Sidebar/Tabs.module.css diff --git a/canon-website/components/Sidebar/docs.tsx b/canon-docs/src/components/Sidebar/docs.tsx similarity index 94% rename from canon-website/components/Sidebar/docs.tsx rename to canon-docs/src/components/Sidebar/docs.tsx index b592b675b1..0d83b9bb0f 100644 --- a/canon-website/components/Sidebar/docs.tsx +++ b/canon-docs/src/components/Sidebar/docs.tsx @@ -2,8 +2,8 @@ import Link from 'next/link'; import { components, overview, layoutComponents, theme } from '@/utils/data'; -import { Box } from '../../../packages/canon/src/components/Box'; -import { Text } from '../../../packages/canon/src/components/Text'; +import { Box } from '../../../../packages/canon/src/components/Box'; +import { Text } from '../../../../packages/canon/src/components/Text'; import { motion } from 'framer-motion'; import styles from './Sidebar.module.css'; import { usePathname } from 'next/navigation'; diff --git a/canon-website/components/Sidebar/index.tsx b/canon-docs/src/components/Sidebar/index.tsx similarity index 92% rename from canon-website/components/Sidebar/index.tsx rename to canon-docs/src/components/Sidebar/index.tsx index 7acf971560..ecbf157d6c 100644 --- a/canon-website/components/Sidebar/index.tsx +++ b/canon-docs/src/components/Sidebar/index.tsx @@ -2,14 +2,9 @@ import styles from './Sidebar.module.css'; import { TabsVersion, TabsPages, TabsTheme } from './tabs'; import { Docs } from './docs'; import { Playground } from './playground'; -import { cookies } from 'next/headers'; import Link from 'next/link'; -export const Sidebar = async () => { - const cookieStore = await cookies(); - const theme = cookieStore.get('theme'); - const themeName = cookieStore.get('theme-name'); - +export const Sidebar = () => { return (
@@ -26,8 +21,8 @@ export const Sidebar = async () => {
- - + +
diff --git a/canon-website/components/Sidebar/playground.tsx b/canon-docs/src/components/Sidebar/playground.tsx similarity index 92% rename from canon-website/components/Sidebar/playground.tsx rename to canon-docs/src/components/Sidebar/playground.tsx index 57cbb887c9..59502f6314 100644 --- a/canon-website/components/Sidebar/playground.tsx +++ b/canon-docs/src/components/Sidebar/playground.tsx @@ -1,9 +1,9 @@ 'use client'; import { components } from '@/utils/data'; -import { Box } from '../../../packages/canon/src/components/Box'; -import { Checkbox } from '../../../packages/canon/src/components/Checkbox'; -import { Text } from '../../../packages/canon/src/components/Text'; +import { Box } from '../../../../packages/canon/src/components/Box'; +import { Checkbox } from '../../../../packages/canon/src/components/Checkbox'; +import { Text } from '../../../../packages/canon/src/components/Text'; import { motion } from 'framer-motion'; import styles from './Sidebar.module.css'; import { usePathname } from 'next/navigation'; diff --git a/canon-website/components/Sidebar/tabs.tsx b/canon-docs/src/components/Sidebar/tabs.tsx similarity index 80% rename from canon-website/components/Sidebar/tabs.tsx rename to canon-docs/src/components/Sidebar/tabs.tsx index c6bde4fc9e..e43f9a0422 100644 --- a/canon-website/components/Sidebar/tabs.tsx +++ b/canon-docs/src/components/Sidebar/tabs.tsx @@ -2,22 +2,19 @@ import styles from './Tabs.module.css'; import { Tabs } from '@base-ui-components/react/tabs'; -import { Icon } from '../../../packages/canon/src/components/Icon'; -import { Text } from '../../../packages/canon/src/components/Text'; +import { Icon } from '../../../../packages/canon/src/components/Icon'; +import { Text } from '../../../../packages/canon/src/components/Text'; import { usePathname } from 'next/navigation'; import { useRouter } from 'next/navigation'; -import { setThemeCookie, setThemeNameCookie } from './actions'; +import { usePlayground } from '@/utils/playground-context'; -export const TabsVersion = ({ - themeName, -}: { - themeName?: { value: string; name: string }; -}) => { +export const TabsVersion = () => { + const { selectedThemeName, setSelectedThemeName } = usePlayground(); return ( @@ -36,16 +33,14 @@ export const TabsVersion = ({ ); }; -export const TabsTheme = ({ - theme, -}: { - theme?: { value: string; name: string }; -}) => { +export const TabsTheme = () => { + const { selectedTheme, setSelectedTheme } = usePlayground(); + return ( diff --git a/canon-website/components/Snippet/index.tsx b/canon-docs/src/components/Snippet/index.tsx similarity index 93% rename from canon-website/components/Snippet/index.tsx rename to canon-docs/src/components/Snippet/index.tsx index aeab16298f..2c7c4c5a02 100644 --- a/canon-website/components/Snippet/index.tsx +++ b/canon-docs/src/components/Snippet/index.tsx @@ -1,6 +1,6 @@ import { ReactNode } from 'react'; import { CodeBlock } from '../CodeBlock'; -import { Text } from '../../../packages/canon/src/components/Text'; +import { Text } from '../../../../packages/canon/src/components/Text'; import { Collapsible } from '@base-ui-components/react/collapsible'; import styles from './styles.module.css'; diff --git a/canon-website/components/Snippet/styles.module.css b/canon-docs/src/components/Snippet/styles.module.css similarity index 100% rename from canon-website/components/Snippet/styles.module.css rename to canon-docs/src/components/Snippet/styles.module.css diff --git a/canon-website/components/Table/Table.tsx b/canon-docs/src/components/Table/Table.tsx similarity index 100% rename from canon-website/components/Table/Table.tsx rename to canon-docs/src/components/Table/Table.tsx diff --git a/canon-website/components/Table/index.ts b/canon-docs/src/components/Table/index.ts similarity index 100% rename from canon-website/components/Table/index.ts rename to canon-docs/src/components/Table/index.ts diff --git a/canon-website/components/Table/styles.module.css b/canon-docs/src/components/Table/styles.module.css similarity index 100% rename from canon-website/components/Table/styles.module.css rename to canon-docs/src/components/Table/styles.module.css diff --git a/canon-website/components/Tabs/index.tsx b/canon-docs/src/components/Tabs/index.tsx similarity index 100% rename from canon-website/components/Tabs/index.tsx rename to canon-docs/src/components/Tabs/index.tsx diff --git a/canon-website/components/Tabs/parts.tsx b/canon-docs/src/components/Tabs/parts.tsx similarity index 95% rename from canon-website/components/Tabs/parts.tsx rename to canon-docs/src/components/Tabs/parts.tsx index 02c4d23abd..e0ae296136 100644 --- a/canon-website/components/Tabs/parts.tsx +++ b/canon-docs/src/components/Tabs/parts.tsx @@ -2,7 +2,7 @@ import { Tabs as TabsPrimitive } from '@base-ui-components/react/tabs'; import styles from './styles.module.css'; -import { Text } from '../../../packages/canon/src/components/Text'; +import { Text } from '../../../../packages/canon/src/components/Text'; export const Root = ({ className, diff --git a/canon-website/components/Tabs/styles.module.css b/canon-docs/src/components/Tabs/styles.module.css similarity index 100% rename from canon-website/components/Tabs/styles.module.css rename to canon-docs/src/components/Tabs/styles.module.css diff --git a/canon-website/mdx-components.tsx b/canon-docs/src/mdx-components.tsx similarity index 86% rename from canon-website/mdx-components.tsx rename to canon-docs/src/mdx-components.tsx index a72521e541..84239d2995 100644 --- a/canon-website/mdx-components.tsx +++ b/canon-docs/src/mdx-components.tsx @@ -1,11 +1,11 @@ import type { MDXComponents } from 'mdx/types'; import Image, { ImageProps } from 'next/image'; -import { ReactNode, ReactElement } from 'react'; +import { ReactNode } from 'react'; import React from 'react'; import { CodeBlock } from '@/components/CodeBlock'; -import { Heading } from '../packages/canon/src/components/Heading'; -import { Text } from '../packages/canon/src/components/Text'; -import { Box } from '../packages/canon/src/components/Box'; +import { Heading } from '../../packages/canon/src/components/Heading'; +import { Text } from '../../packages/canon/src/components/Text'; +import { Box } from '../../packages/canon/src/components/Box'; export function useMDXComponents(components: MDXComponents): MDXComponents { return { diff --git a/canon-website/content/_snippets.ts b/canon-docs/src/snippets/_snippets.ts similarity index 100% rename from canon-website/content/_snippets.ts rename to canon-docs/src/snippets/_snippets.ts diff --git a/canon-website/snippets/box.tsx b/canon-docs/src/snippets/box.tsx similarity index 67% rename from canon-website/snippets/box.tsx rename to canon-docs/src/snippets/box.tsx index c41b749337..61294c0ce2 100644 --- a/canon-website/snippets/box.tsx +++ b/canon-docs/src/snippets/box.tsx @@ -1,6 +1,6 @@ 'use client'; -import * as BoxStories from '../../packages/canon/src/components/Box/Box.stories'; +import * as BoxStories from '../../../packages/canon/src/components/Box/Box.stories'; import { composeStories } from '@storybook/react'; export const BoxPreview = () => { diff --git a/canon-website/snippets/button.tsx b/canon-docs/src/snippets/button.tsx similarity index 80% rename from canon-website/snippets/button.tsx rename to canon-docs/src/snippets/button.tsx index 63e2c58f69..02b1304774 100644 --- a/canon-website/snippets/button.tsx +++ b/canon-docs/src/snippets/button.tsx @@ -1,6 +1,6 @@ 'use client'; -import * as ButtonStories from '../../packages/canon/src/components/Button/Button.stories'; +import * as ButtonStories from '../../../packages/canon/src/components/Button/Button.stories'; import { composeStories } from '@storybook/react'; export const ButtonPreview = () => { @@ -42,7 +42,9 @@ export const ButtonResponsive = () => { }; export const ButtonPlayground = () => { - const { Playground } = composeStories(ButtonStories); + // const { Playground } = composeStories(ButtonStories); - return ; + // return ; + + return
werg
; }; diff --git a/canon-website/snippets/checkbox.tsx b/canon-docs/src/snippets/checkbox.tsx similarity index 81% rename from canon-website/snippets/checkbox.tsx rename to canon-docs/src/snippets/checkbox.tsx index 231ce6864b..d52b1400b0 100644 --- a/canon-website/snippets/checkbox.tsx +++ b/canon-docs/src/snippets/checkbox.tsx @@ -1,6 +1,6 @@ 'use client'; -import * as CheckboxStories from '../../packages/canon/src/components/Checkbox/Checkbox.stories'; +import * as CheckboxStories from '../../../packages/canon/src/components/Checkbox/Checkbox.stories'; import { composeStories } from '@storybook/react'; export const CheckboxPreview = () => { diff --git a/canon-website/snippets/container.tsx b/canon-docs/src/snippets/container.tsx similarity index 64% rename from canon-website/snippets/container.tsx rename to canon-docs/src/snippets/container.tsx index 32205447a1..425411f9a0 100644 --- a/canon-website/snippets/container.tsx +++ b/canon-docs/src/snippets/container.tsx @@ -1,7 +1,7 @@ 'use client'; import { composeStories } from '@storybook/react'; -import * as ContainerStories from '../../packages/canon/src/components/Container/Container.stories'; +import * as ContainerStories from '../../../packages/canon/src/components/Container/Container.stories'; export const ContainerPreview = () => { const { Preview } = composeStories(ContainerStories); diff --git a/canon-website/snippets/grid.tsx b/canon-docs/src/snippets/grid.tsx similarity index 66% rename from canon-website/snippets/grid.tsx rename to canon-docs/src/snippets/grid.tsx index 8f1a8d64db..391bb50e9c 100644 --- a/canon-website/snippets/grid.tsx +++ b/canon-docs/src/snippets/grid.tsx @@ -1,7 +1,7 @@ 'use client'; import { composeStories } from '@storybook/react'; -import * as GridStories from '../../packages/canon/src/components/Grid/Grid.stories'; +import * as GridStories from '../../../packages/canon/src/components/Grid/Grid.stories'; export const GridPreview = () => { const { Default } = composeStories(GridStories); diff --git a/canon-website/snippets/heading.tsx b/canon-docs/src/snippets/heading.tsx similarity index 86% rename from canon-website/snippets/heading.tsx rename to canon-docs/src/snippets/heading.tsx index 7c9fb23448..ea6ce317b1 100644 --- a/canon-website/snippets/heading.tsx +++ b/canon-docs/src/snippets/heading.tsx @@ -1,6 +1,6 @@ 'use client'; -import * as HeadingStories from '../../packages/canon/src/components/Heading/Heading.stories'; +import * as HeadingStories from '../../../packages/canon/src/components/Heading/Heading.stories'; import { composeStories } from '@storybook/react'; export const HeadingPreview = () => { diff --git a/canon-website/snippets/icon.tsx b/canon-docs/src/snippets/icon.tsx similarity index 66% rename from canon-website/snippets/icon.tsx rename to canon-docs/src/snippets/icon.tsx index 975adfa9e7..4c4d44aef4 100644 --- a/canon-website/snippets/icon.tsx +++ b/canon-docs/src/snippets/icon.tsx @@ -1,6 +1,6 @@ 'use client'; -import * as IconStories from '../../packages/canon/src/components/Icon/Icon.stories'; +import * as IconStories from '../../../packages/canon/src/components/Icon/Icon.stories'; import { composeStories } from '@storybook/react'; export const IconPreview = () => { diff --git a/canon-website/snippets/inline.tsx b/canon-docs/src/snippets/inline.tsx similarity index 65% rename from canon-website/snippets/inline.tsx rename to canon-docs/src/snippets/inline.tsx index 3f5c0f6e64..2b58f2e970 100644 --- a/canon-website/snippets/inline.tsx +++ b/canon-docs/src/snippets/inline.tsx @@ -1,6 +1,6 @@ 'use client'; -import * as InlineStories from '../../packages/canon/src/components/Inline/Inline.stories'; +import * as InlineStories from '../../../packages/canon/src/components/Inline/Inline.stories'; import { composeStories } from '@storybook/react'; export const InlinePreview = () => { diff --git a/canon-website/snippets/stack.tsx b/canon-docs/src/snippets/stack.tsx similarity index 66% rename from canon-website/snippets/stack.tsx rename to canon-docs/src/snippets/stack.tsx index 2274a3d434..79a2c59e45 100644 --- a/canon-website/snippets/stack.tsx +++ b/canon-docs/src/snippets/stack.tsx @@ -1,6 +1,6 @@ 'use client'; -import * as StackStories from '../../packages/canon/src/components/Stack/Stack.stories'; +import * as StackStories from '../../../packages/canon/src/components/Stack/Stack.stories'; import { composeStories } from '@storybook/react'; export const StackPreview = () => { diff --git a/canon-website/snippets/text.tsx b/canon-docs/src/snippets/text.tsx similarity index 88% rename from canon-website/snippets/text.tsx rename to canon-docs/src/snippets/text.tsx index 4ce93c2777..34e64c3004 100644 --- a/canon-website/snippets/text.tsx +++ b/canon-docs/src/snippets/text.tsx @@ -1,6 +1,6 @@ 'use client'; -import * as TextStories from '../../packages/canon/src/components/Text/Text.stories'; +import * as TextStories from '../../../packages/canon/src/components/Text/Text.stories'; import { composeStories } from '@storybook/react'; export const TextPreview = () => { diff --git a/canon-website/utils/data.ts b/canon-docs/src/utils/data.ts similarity index 100% rename from canon-website/utils/data.ts rename to canon-docs/src/utils/data.ts diff --git a/canon-docs/src/utils/playground-context.tsx b/canon-docs/src/utils/playground-context.tsx new file mode 100644 index 0000000000..198c5a9aab --- /dev/null +++ b/canon-docs/src/utils/playground-context.tsx @@ -0,0 +1,90 @@ +import React, { + createContext, + useContext, + ReactNode, + useState, + useEffect, +} from 'react'; +import { components } from './data'; + +// Create a context with an empty array as the default value +const PlaygroundContext = createContext<{ + selectedScreenSizes: string[]; + setSelectedScreenSizes: (screenSizes: string[]) => void; + selectedComponents: string[]; + setSelectedComponents: (components: string[]) => void; + selectedTheme: string | null; + setSelectedTheme: (theme: string) => void; + selectedThemeName: string; + setSelectedThemeName: (themeName: string) => void; +}>({ + selectedScreenSizes: [], + setSelectedScreenSizes: () => {}, + selectedComponents: [], + setSelectedComponents: () => {}, + selectedTheme: 'light', + setSelectedTheme: () => {}, + selectedThemeName: 'default', + setSelectedThemeName: () => {}, +}); + +// Create a provider component +export const PlaygroundProvider = ({ children }: { children: ReactNode }) => { + // Check if running in a browser environment + const isBrowser = typeof window !== 'undefined'; + + const [selectedScreenSizes, setSelectedScreenSizes] = useState([]); + const [selectedComponents, setSelectedComponents] = useState( + components.map(component => component.slug), + ); + const [selectedTheme, setSelectedTheme] = useState(() => { + return isBrowser ? localStorage.getItem('theme') : 'light'; + }); + const [selectedThemeName, setSelectedThemeName] = useState(() => { + return isBrowser + ? localStorage.getItem('theme-name') || 'default' + : 'default'; + }); + + useEffect(() => { + if (isBrowser) { + document.documentElement.setAttribute( + 'data-theme', + selectedTheme || 'light', + ); + localStorage.setItem('theme', selectedTheme || 'light'); + } + }, [selectedTheme, isBrowser]); + + useEffect(() => { + if (isBrowser) { + document.documentElement.setAttribute( + 'data-theme-name', + selectedThemeName || 'default', + ); + localStorage.setItem('theme-name', selectedThemeName || 'default'); + } + }, [selectedThemeName, isBrowser]); + + return ( + + {children} + + ); +}; + +// Create a custom hook to use the screen sizes +export const usePlayground = () => { + return useContext(PlaygroundContext); +}; diff --git a/canon-website/utils/spaceProps.ts b/canon-docs/src/utils/spaceProps.ts similarity index 100% rename from canon-website/utils/spaceProps.ts rename to canon-docs/src/utils/spaceProps.ts diff --git a/canon-website/tsconfig.json b/canon-docs/tsconfig.json similarity index 92% rename from canon-website/tsconfig.json rename to canon-docs/tsconfig.json index d8b93235f2..7b28589304 100644 --- a/canon-website/tsconfig.json +++ b/canon-docs/tsconfig.json @@ -1,6 +1,5 @@ { "compilerOptions": { - "target": "ES2017", "lib": ["dom", "dom.iterable", "esnext"], "allowJs": true, "skipLibCheck": true, @@ -19,7 +18,7 @@ } ], "paths": { - "@/*": ["./*"] + "@/*": ["./src/*"] } }, "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"], diff --git a/canon-website/yarn.lock b/canon-docs/yarn.lock similarity index 84% rename from canon-website/yarn.lock rename to canon-docs/yarn.lock index 3bdc293c24..e03a3e202f 100644 --- a/canon-website/yarn.lock +++ b/canon-docs/yarn.lock @@ -5,44 +5,6 @@ __metadata: version: 6 cacheKey: 8 -"@babel/runtime@npm:^7.25.7, @babel/runtime@npm:^7.26.0": - version: 7.26.0 - resolution: "@babel/runtime@npm:7.26.0" - dependencies: - regenerator-runtime: ^0.14.0 - checksum: c8e2c0504ab271b3467a261a8f119bf2603eb857a0d71e37791f4e3fae00f681365073cc79f141ddaa90c6077c60ba56448004ad5429d07ac73532be9f7cf28a - languageName: node - linkType: hard - -"@base-ui-components/react@npm:^1.0.0-alpha.4": - version: 1.0.0-alpha.4 - resolution: "@base-ui-components/react@npm:1.0.0-alpha.4" - dependencies: - "@babel/runtime": ^7.26.0 - "@floating-ui/react": ^0.27.2 - "@floating-ui/utils": ^0.2.8 - prop-types: ^15.8.1 - use-sync-external-store: ^1.4.0 - peerDependencies: - "@types/react": ^17.0.0 || ^18.0.0 || ^19.0 || ^19.0.0-rc - react: ^17.0.0 || ^18.0.0 || ^19.0 || ^19.0.0-rc - react-dom: ^17.0.0 || ^18.0.0 || ^19.0 || ^19.0.0-rc - peerDependenciesMeta: - "@types/react": - optional: true - checksum: 243423587ed8149d18c0af62e95d3401118efb37066b5fd69353c454a3f90f9112398f816bddbd9f56eb03ae89202adec71ae99bfbf3a808bd4f79f430ffedc3 - languageName: node - linkType: hard - -"@emnapi/runtime@npm:^1.2.0": - version: 1.3.1 - resolution: "@emnapi/runtime@npm:1.3.1" - dependencies: - tslib: ^2.4.0 - checksum: 9a16ae7905a9c0e8956cf1854ef74e5087fbf36739abdba7aa6b308485aafdc993da07c19d7af104cd5f8e425121120852851bb3a0f78e2160e420a36d47f42f - languageName: node - linkType: hard - "@eslint-community/eslint-utils@npm:^4.2.0, @eslint-community/eslint-utils@npm:^4.4.0": version: 4.4.1 resolution: "@eslint-community/eslint-utils@npm:4.4.1" @@ -54,139 +16,45 @@ __metadata: languageName: node linkType: hard -"@eslint-community/regexpp@npm:^4.10.0, @eslint-community/regexpp@npm:^4.12.1": +"@eslint-community/regexpp@npm:^4.10.0, @eslint-community/regexpp@npm:^4.6.1": version: 4.12.1 resolution: "@eslint-community/regexpp@npm:4.12.1" checksum: 0d628680e204bc316d545b4993d3658427ca404ae646ce541fcc65306b8c712c340e5e573e30fb9f85f4855c0c5f6dca9868931f2fcced06417fbe1a0c6cd2d6 languageName: node linkType: hard -"@eslint/config-array@npm:^0.19.0": - version: 0.19.1 - resolution: "@eslint/config-array@npm:0.19.1" - dependencies: - "@eslint/object-schema": ^2.1.5 - debug: ^4.3.1 - minimatch: ^3.1.2 - checksum: 421aad712a5ef1a3d118b5e0857f79c080f9dd619a76ce19d20105d381521583786f7abb1195744af9e62a5124e6657066eb6780e920f4001846bd91c1a665f0 - languageName: node - linkType: hard - -"@eslint/core@npm:^0.9.0": - version: 0.9.1 - resolution: "@eslint/core@npm:0.9.1" - dependencies: - "@types/json-schema": ^7.0.15 - checksum: 33c8159842cc3a646caa267c008cb567ca60e0220bcdcf6e426128409953b8f6a9b142246db616c71d06331edf769c192d7e2792b3f19c2a6b8179e491512d89 - languageName: node - linkType: hard - -"@eslint/eslintrc@npm:^3, @eslint/eslintrc@npm:^3.2.0": - version: 3.2.0 - resolution: "@eslint/eslintrc@npm:3.2.0" +"@eslint/eslintrc@npm:^2.1.4": + version: 2.1.4 + resolution: "@eslint/eslintrc@npm:2.1.4" dependencies: ajv: ^6.12.4 debug: ^4.3.2 - espree: ^10.0.1 - globals: ^14.0.0 + espree: ^9.6.0 + globals: ^13.19.0 ignore: ^5.2.0 import-fresh: ^3.2.1 js-yaml: ^4.1.0 minimatch: ^3.1.2 strip-json-comments: ^3.1.1 - checksum: c898e4d12f4c9a79a61ee3c91e38eea5627a04e021cb749191e8537445858bfe32f810eca0cb2dc9902b8ad8b65ca07ef7221dc4bad52afe60cbbf50ec56c236 + checksum: 10957c7592b20ca0089262d8c2a8accbad14b4f6507e35416c32ee6b4dbf9cad67dfb77096bbd405405e9ada2b107f3797fe94362e1c55e0b09d6e90dd149127 languageName: node linkType: hard -"@eslint/js@npm:9.17.0": - version: 9.17.0 - resolution: "@eslint/js@npm:9.17.0" - checksum: b68a14ff518ffa12e3b85fa9c72b818faeff092285acfbf02da2d0fb12a681b76651638881e98845f2df2ed346ed0d33faeb1d9caac163daf232c223b7efe89c +"@eslint/js@npm:8.57.1": + version: 8.57.1 + resolution: "@eslint/js@npm:8.57.1" + checksum: 2afb77454c06e8316793d2e8e79a0154854d35e6782a1217da274ca60b5044d2c69d6091155234ed0551a1e408f86f09dd4ece02752c59568fa403e60611e880 languageName: node linkType: hard -"@eslint/object-schema@npm:^2.1.5": - version: 2.1.5 - resolution: "@eslint/object-schema@npm:2.1.5" - checksum: 5facffc832bae93c510f4d38f0f1cbfebd3d7ec772ece6b801bd09bf2dce52e781f4dea500aa133d02257e04ed6a3958fa18cbaed1f9623974a804ee60a8ca54 - languageName: node - linkType: hard - -"@eslint/plugin-kit@npm:^0.2.3": - version: 0.2.4 - resolution: "@eslint/plugin-kit@npm:0.2.4" +"@humanwhocodes/config-array@npm:^0.13.0": + version: 0.13.0 + resolution: "@humanwhocodes/config-array@npm:0.13.0" dependencies: - levn: ^0.4.1 - checksum: 5693465dca5fc6f27b090f987b51bc738f48c6a6b5678dcc1791522921834206388b462578edd362d458e8de6dcd21cce1a2e8cff47d1512411ba0389112c231 - languageName: node - linkType: hard - -"@floating-ui/core@npm:^1.6.0": - version: 1.6.9 - resolution: "@floating-ui/core@npm:1.6.9" - dependencies: - "@floating-ui/utils": ^0.2.9 - checksum: 21cbcac72a40172399570dedf0eb96e4f24b0d829980160e8d14edf08c2955ac6feffb7b94e1530c78fb7944635e52669c9257ad08570e0295efead3b5a9af91 - languageName: node - linkType: hard - -"@floating-ui/dom@npm:^1.0.0": - version: 1.6.13 - resolution: "@floating-ui/dom@npm:1.6.13" - dependencies: - "@floating-ui/core": ^1.6.0 - "@floating-ui/utils": ^0.2.9 - checksum: eabab9d860d3b5beab1c2d6936287efc4d9ab352de99062380589ef62870d59e8730397489c34a96657e128498001b5672330c4a9da0159fe8b2401ac59fe314 - languageName: node - linkType: hard - -"@floating-ui/react-dom@npm:^2.1.2": - version: 2.1.2 - resolution: "@floating-ui/react-dom@npm:2.1.2" - dependencies: - "@floating-ui/dom": ^1.0.0 - peerDependencies: - react: ">=16.8.0" - react-dom: ">=16.8.0" - checksum: 25bb031686e23062ed4222a8946e76b3f9021d40a48437bd747233c4964a766204b8a55f34fa8b259839af96e60db7c6e3714d81f1de06914294f90e86ffbc48 - languageName: node - linkType: hard - -"@floating-ui/react@npm:^0.27.2": - version: 0.27.3 - resolution: "@floating-ui/react@npm:0.27.3" - dependencies: - "@floating-ui/react-dom": ^2.1.2 - "@floating-ui/utils": ^0.2.9 - tabbable: ^6.0.0 - peerDependencies: - react: ">=17.0.0" - react-dom: ">=17.0.0" - checksum: 34a6283df3ae232546903dcdb69a5d2d13706a7ceb7b3779bb3b9b1ef042ad7241fe5d3899fd7c6713a0e890b86b56285f89a45de4344828877085a262f29713 - languageName: node - linkType: hard - -"@floating-ui/utils@npm:^0.2.8, @floating-ui/utils@npm:^0.2.9": - version: 0.2.9 - resolution: "@floating-ui/utils@npm:0.2.9" - checksum: d518b80cec5a323e54a069a1dd99a20f8221a4853ed98ac16c75275a0cc22f75de4f8ac5b121b4f8990bd45da7ad1fb015b9a1e4bac27bb1cd62444af84e9784 - languageName: node - linkType: hard - -"@humanfs/core@npm:^0.19.1": - version: 0.19.1 - resolution: "@humanfs/core@npm:0.19.1" - checksum: 611e0545146f55ddfdd5c20239cfb7911f9d0e28258787c4fc1a1f6214250830c9367aaaeace0096ed90b6739bee1e9c52ad5ba8adaf74ab8b449119303babfe - languageName: node - linkType: hard - -"@humanfs/node@npm:^0.16.6": - version: 0.16.6 - resolution: "@humanfs/node@npm:0.16.6" - dependencies: - "@humanfs/core": ^0.19.1 - "@humanwhocodes/retry": ^0.3.0 - checksum: f9cb52bb235f8b9c6fcff43a7e500669a38f8d6ce26593404a9b56365a1644e0ed60c720dc65ff6a696b1f85f3563ab055bb554ec8674f2559085ba840e47710 + "@humanwhocodes/object-schema": ^2.0.3 + debug: ^4.3.1 + minimatch: ^3.0.5 + checksum: eae69ff9134025dd2924f0b430eb324981494be26f0fddd267a33c28711c4db643242cf9fddf7dadb9d16c96b54b2d2c073e60a56477df86e0173149313bd5d6 languageName: node linkType: hard @@ -197,212 +65,24 @@ __metadata: languageName: node linkType: hard -"@humanwhocodes/retry@npm:^0.3.0": - version: 0.3.1 - resolution: "@humanwhocodes/retry@npm:0.3.1" - checksum: 7e5517bb51dbea3e02ab6cacef59a8f4b0ca023fc4b0b8cbc40de0ad29f46edd50b897c6e7fba79366a0217e3f48e2da8975056f6c35cfe19d9cc48f1d03c1dd +"@humanwhocodes/object-schema@npm:^2.0.3": + version: 2.0.3 + resolution: "@humanwhocodes/object-schema@npm:2.0.3" + checksum: d3b78f6c5831888c6ecc899df0d03bcc25d46f3ad26a11d7ea52944dc36a35ef543fad965322174238d677a43d5c694434f6607532cff7077062513ad7022631 languageName: node linkType: hard -"@humanwhocodes/retry@npm:^0.4.1": - version: 0.4.1 - resolution: "@humanwhocodes/retry@npm:0.4.1" - checksum: f11167c28e8266faba470fd273cbaafe2827523492bc18c5623015adb7ed66f46b2e542e3d756fed9ca614300249267814220c2f5f03a59e07fdfa64fc14ad52 - languageName: node - linkType: hard - -"@iframe-resizer/core@npm:5.3.2": - version: 5.3.2 - resolution: "@iframe-resizer/core@npm:5.3.2" - checksum: dccfa96e9e760827e6133dd0d57e17d5bdece6561fef73c7786a9304884ddffc1c511e29eb5a9a2dfbd642f7bc50dc5a15bd3da903eaf052e66b020a48e7018c - languageName: node - linkType: hard - -"@iframe-resizer/react@npm:^5.3.2": - version: 5.3.2 - resolution: "@iframe-resizer/react@npm:5.3.2" +"@isaacs/cliui@npm:^8.0.2": + version: 8.0.2 + resolution: "@isaacs/cliui@npm:8.0.2" dependencies: - "@babel/runtime": ^7.25.7 - "@iframe-resizer/core": 5.3.2 - peerDependencies: - react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 - react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 - checksum: fd05015db207d85d9de0726a112271860d1604eb3a7e0e5ed23d8c561f9126af1ce5f1e0829091fabeaa3d76c5eef405f5241ccf501e7df5746b521c1e5b5f20 - languageName: node - linkType: hard - -"@img/sharp-darwin-arm64@npm:0.33.5": - version: 0.33.5 - resolution: "@img/sharp-darwin-arm64@npm:0.33.5" - dependencies: - "@img/sharp-libvips-darwin-arm64": 1.0.4 - dependenciesMeta: - "@img/sharp-libvips-darwin-arm64": - optional: true - conditions: os=darwin & cpu=arm64 - languageName: node - linkType: hard - -"@img/sharp-darwin-x64@npm:0.33.5": - version: 0.33.5 - resolution: "@img/sharp-darwin-x64@npm:0.33.5" - dependencies: - "@img/sharp-libvips-darwin-x64": 1.0.4 - dependenciesMeta: - "@img/sharp-libvips-darwin-x64": - optional: true - conditions: os=darwin & cpu=x64 - languageName: node - linkType: hard - -"@img/sharp-libvips-darwin-arm64@npm:1.0.4": - version: 1.0.4 - resolution: "@img/sharp-libvips-darwin-arm64@npm:1.0.4" - conditions: os=darwin & cpu=arm64 - languageName: node - linkType: hard - -"@img/sharp-libvips-darwin-x64@npm:1.0.4": - version: 1.0.4 - resolution: "@img/sharp-libvips-darwin-x64@npm:1.0.4" - conditions: os=darwin & cpu=x64 - languageName: node - linkType: hard - -"@img/sharp-libvips-linux-arm64@npm:1.0.4": - version: 1.0.4 - resolution: "@img/sharp-libvips-linux-arm64@npm:1.0.4" - conditions: os=linux & cpu=arm64 & libc=glibc - languageName: node - linkType: hard - -"@img/sharp-libvips-linux-arm@npm:1.0.5": - version: 1.0.5 - resolution: "@img/sharp-libvips-linux-arm@npm:1.0.5" - conditions: os=linux & cpu=arm & libc=glibc - languageName: node - linkType: hard - -"@img/sharp-libvips-linux-s390x@npm:1.0.4": - version: 1.0.4 - resolution: "@img/sharp-libvips-linux-s390x@npm:1.0.4" - conditions: os=linux & cpu=s390x & libc=glibc - languageName: node - linkType: hard - -"@img/sharp-libvips-linux-x64@npm:1.0.4": - version: 1.0.4 - resolution: "@img/sharp-libvips-linux-x64@npm:1.0.4" - conditions: os=linux & cpu=x64 & libc=glibc - languageName: node - linkType: hard - -"@img/sharp-libvips-linuxmusl-arm64@npm:1.0.4": - version: 1.0.4 - resolution: "@img/sharp-libvips-linuxmusl-arm64@npm:1.0.4" - conditions: os=linux & cpu=arm64 & libc=musl - languageName: node - linkType: hard - -"@img/sharp-libvips-linuxmusl-x64@npm:1.0.4": - version: 1.0.4 - resolution: "@img/sharp-libvips-linuxmusl-x64@npm:1.0.4" - conditions: os=linux & cpu=x64 & libc=musl - languageName: node - linkType: hard - -"@img/sharp-linux-arm64@npm:0.33.5": - version: 0.33.5 - resolution: "@img/sharp-linux-arm64@npm:0.33.5" - dependencies: - "@img/sharp-libvips-linux-arm64": 1.0.4 - dependenciesMeta: - "@img/sharp-libvips-linux-arm64": - optional: true - conditions: os=linux & cpu=arm64 & libc=glibc - languageName: node - linkType: hard - -"@img/sharp-linux-arm@npm:0.33.5": - version: 0.33.5 - resolution: "@img/sharp-linux-arm@npm:0.33.5" - dependencies: - "@img/sharp-libvips-linux-arm": 1.0.5 - dependenciesMeta: - "@img/sharp-libvips-linux-arm": - optional: true - conditions: os=linux & cpu=arm & libc=glibc - languageName: node - linkType: hard - -"@img/sharp-linux-s390x@npm:0.33.5": - version: 0.33.5 - resolution: "@img/sharp-linux-s390x@npm:0.33.5" - dependencies: - "@img/sharp-libvips-linux-s390x": 1.0.4 - dependenciesMeta: - "@img/sharp-libvips-linux-s390x": - optional: true - conditions: os=linux & cpu=s390x & libc=glibc - languageName: node - linkType: hard - -"@img/sharp-linux-x64@npm:0.33.5": - version: 0.33.5 - resolution: "@img/sharp-linux-x64@npm:0.33.5" - dependencies: - "@img/sharp-libvips-linux-x64": 1.0.4 - dependenciesMeta: - "@img/sharp-libvips-linux-x64": - optional: true - conditions: os=linux & cpu=x64 & libc=glibc - languageName: node - linkType: hard - -"@img/sharp-linuxmusl-arm64@npm:0.33.5": - version: 0.33.5 - resolution: "@img/sharp-linuxmusl-arm64@npm:0.33.5" - dependencies: - "@img/sharp-libvips-linuxmusl-arm64": 1.0.4 - dependenciesMeta: - "@img/sharp-libvips-linuxmusl-arm64": - optional: true - conditions: os=linux & cpu=arm64 & libc=musl - languageName: node - linkType: hard - -"@img/sharp-linuxmusl-x64@npm:0.33.5": - version: 0.33.5 - resolution: "@img/sharp-linuxmusl-x64@npm:0.33.5" - dependencies: - "@img/sharp-libvips-linuxmusl-x64": 1.0.4 - dependenciesMeta: - "@img/sharp-libvips-linuxmusl-x64": - optional: true - conditions: os=linux & cpu=x64 & libc=musl - languageName: node - linkType: hard - -"@img/sharp-wasm32@npm:0.33.5": - version: 0.33.5 - resolution: "@img/sharp-wasm32@npm:0.33.5" - dependencies: - "@emnapi/runtime": ^1.2.0 - conditions: cpu=wasm32 - languageName: node - linkType: hard - -"@img/sharp-win32-ia32@npm:0.33.5": - version: 0.33.5 - resolution: "@img/sharp-win32-ia32@npm:0.33.5" - conditions: os=win32 & cpu=ia32 - languageName: node - linkType: hard - -"@img/sharp-win32-x64@npm:0.33.5": - version: 0.33.5 - resolution: "@img/sharp-win32-x64@npm:0.33.5" - conditions: os=win32 & cpu=x64 + string-width: ^5.1.2 + string-width-cjs: "npm:string-width@^4.2.0" + strip-ansi: ^7.0.1 + strip-ansi-cjs: "npm:strip-ansi@^6.0.1" + wrap-ansi: ^8.1.0 + wrap-ansi-cjs: "npm:wrap-ansi@^7.0.0" + checksum: 4a473b9b32a7d4d3cfb7a614226e555091ff0c5a29a1734c28c72a182c2f6699b26fc6b5c2131dfd841e86b185aea714c72201d7c98c2fba5f17709333a67aeb languageName: node linkType: hard @@ -465,23 +145,23 @@ __metadata: languageName: node linkType: hard -"@next/env@npm:15.1.3": - version: 15.1.3 - resolution: "@next/env@npm:15.1.3" - checksum: 3b6c21f8de6ad12f753f4b38750f7d915b1361382421f5477c7ffb98325b234063f2d0ab225bbe78fe9455e01f5bce28a3fa131524e0b879e3c1e9cd83bd06aa +"@next/env@npm:14.2.23": + version: 14.2.23 + resolution: "@next/env@npm:14.2.23" + checksum: dad74ff7de68992a0753f728a5b926ed6eb0af8a62deece6bbb32ba254b1f7d870e256b61db8d4c40fa811695cfc5e69ba964339f3cb8b40237cf9c28dfe747f languageName: node linkType: hard -"@next/eslint-plugin-next@npm:15.1.3": - version: 15.1.3 - resolution: "@next/eslint-plugin-next@npm:15.1.3" +"@next/eslint-plugin-next@npm:14.2.23": + version: 14.2.23 + resolution: "@next/eslint-plugin-next@npm:14.2.23" dependencies: - fast-glob: 3.3.1 - checksum: bc94149f0cff8e1da24b6d675fadf10193c8115a25656f628415b3b9051c6cc853ddb1654b31b331bd20d2990326438364118fd9c12889eb5e0e04cdc4a0a2fc + glob: 10.3.10 + checksum: 17cdf221f59cd24d82011dcc98d7c389ae710197e7bdb26c04e2ee3a1beb5db728e9a928db3adfd490d0765e54be849942602379ffdfb062ed5cbd863c060a3d languageName: node linkType: hard -"@next/mdx@npm:^15.1.3": +"@next/mdx@npm:^15.1.4": version: 15.1.4 resolution: "@next/mdx@npm:15.1.4" dependencies: @@ -498,58 +178,65 @@ __metadata: languageName: node linkType: hard -"@next/swc-darwin-arm64@npm:15.1.3": - version: 15.1.3 - resolution: "@next/swc-darwin-arm64@npm:15.1.3" +"@next/swc-darwin-arm64@npm:14.2.23": + version: 14.2.23 + resolution: "@next/swc-darwin-arm64@npm:14.2.23" conditions: os=darwin & cpu=arm64 languageName: node linkType: hard -"@next/swc-darwin-x64@npm:15.1.3": - version: 15.1.3 - resolution: "@next/swc-darwin-x64@npm:15.1.3" +"@next/swc-darwin-x64@npm:14.2.23": + version: 14.2.23 + resolution: "@next/swc-darwin-x64@npm:14.2.23" conditions: os=darwin & cpu=x64 languageName: node linkType: hard -"@next/swc-linux-arm64-gnu@npm:15.1.3": - version: 15.1.3 - resolution: "@next/swc-linux-arm64-gnu@npm:15.1.3" +"@next/swc-linux-arm64-gnu@npm:14.2.23": + version: 14.2.23 + resolution: "@next/swc-linux-arm64-gnu@npm:14.2.23" conditions: os=linux & cpu=arm64 & libc=glibc languageName: node linkType: hard -"@next/swc-linux-arm64-musl@npm:15.1.3": - version: 15.1.3 - resolution: "@next/swc-linux-arm64-musl@npm:15.1.3" +"@next/swc-linux-arm64-musl@npm:14.2.23": + version: 14.2.23 + resolution: "@next/swc-linux-arm64-musl@npm:14.2.23" conditions: os=linux & cpu=arm64 & libc=musl languageName: node linkType: hard -"@next/swc-linux-x64-gnu@npm:15.1.3": - version: 15.1.3 - resolution: "@next/swc-linux-x64-gnu@npm:15.1.3" +"@next/swc-linux-x64-gnu@npm:14.2.23": + version: 14.2.23 + resolution: "@next/swc-linux-x64-gnu@npm:14.2.23" conditions: os=linux & cpu=x64 & libc=glibc languageName: node linkType: hard -"@next/swc-linux-x64-musl@npm:15.1.3": - version: 15.1.3 - resolution: "@next/swc-linux-x64-musl@npm:15.1.3" +"@next/swc-linux-x64-musl@npm:14.2.23": + version: 14.2.23 + resolution: "@next/swc-linux-x64-musl@npm:14.2.23" conditions: os=linux & cpu=x64 & libc=musl languageName: node linkType: hard -"@next/swc-win32-arm64-msvc@npm:15.1.3": - version: 15.1.3 - resolution: "@next/swc-win32-arm64-msvc@npm:15.1.3" +"@next/swc-win32-arm64-msvc@npm:14.2.23": + version: 14.2.23 + resolution: "@next/swc-win32-arm64-msvc@npm:14.2.23" conditions: os=win32 & cpu=arm64 languageName: node linkType: hard -"@next/swc-win32-x64-msvc@npm:15.1.3": - version: 15.1.3 - resolution: "@next/swc-win32-x64-msvc@npm:15.1.3" +"@next/swc-win32-ia32-msvc@npm:14.2.23": + version: 14.2.23 + resolution: "@next/swc-win32-ia32-msvc@npm:14.2.23" + conditions: os=win32 & cpu=ia32 + languageName: node + linkType: hard + +"@next/swc-win32-x64-msvc@npm:14.2.23": + version: 14.2.23 + resolution: "@next/swc-win32-x64-msvc@npm:14.2.23" conditions: os=win32 & cpu=x64 languageName: node linkType: hard @@ -571,7 +258,7 @@ __metadata: languageName: node linkType: hard -"@nodelib/fs.walk@npm:^1.2.3": +"@nodelib/fs.walk@npm:^1.2.3, @nodelib/fs.walk@npm:^1.2.8": version: 1.2.8 resolution: "@nodelib/fs.walk@npm:1.2.8" dependencies: @@ -588,6 +275,13 @@ __metadata: languageName: node linkType: hard +"@pkgjs/parseargs@npm:^0.11.0": + version: 0.11.0 + resolution: "@pkgjs/parseargs@npm:0.11.0" + checksum: 6ad6a00fc4f2f2cfc6bff76fb1d88b8ee20bc0601e18ebb01b6d4be583733a860239a521a7fbca73b612e66705078809483549d2b18f370eb346c5155c8e4a0f + languageName: node + linkType: hard + "@rtsao/scc@npm:^1.1.0": version: 1.1.0 resolution: "@rtsao/scc@npm:1.1.0" @@ -595,7 +289,7 @@ __metadata: languageName: node linkType: hard -"@rushstack/eslint-patch@npm:^1.10.3": +"@rushstack/eslint-patch@npm:^1.3.3": version: 1.10.5 resolution: "@rushstack/eslint-patch@npm:1.10.5" checksum: c7df90efeb77e4311f70549c1b0c41455e3a4f0c0cf2696e560d9a535f129d63ab84c98d0a3de95ed2d369d5281b541af819f99002bfd38e185e59c355b58d69 @@ -672,98 +366,20 @@ __metadata: languageName: node linkType: hard -"@storybook/components@npm:8.4.7": - version: 8.4.7 - resolution: "@storybook/components@npm:8.4.7" - peerDependencies: - storybook: ^8.2.0 || ^8.3.0-0 || ^8.4.0-0 || ^8.5.0-0 || ^8.6.0-0 - checksum: e39fb81e8386db4f3f76cbf4f82e50512fed2f65a581951c0b61e00c9834c20cfff7f717e936353275dadfe6a25ffaac5d47151adbe1e3be85e709f8a64f6a15 - languageName: node - linkType: hard - -"@storybook/global@npm:^5.0.0": - version: 5.0.0 - resolution: "@storybook/global@npm:5.0.0" - checksum: ede0ad35ec411fe31c61150dbd118fef344d1d0e72bf5d3502368e35cf68126f6b7ae4a0ab5e2ffe2f0baa3b4286f03ad069ba3e098e1725449ef08b7e154ba8 - languageName: node - linkType: hard - -"@storybook/manager-api@npm:8.4.7": - version: 8.4.7 - resolution: "@storybook/manager-api@npm:8.4.7" - peerDependencies: - storybook: ^8.2.0 || ^8.3.0-0 || ^8.4.0-0 || ^8.5.0-0 || ^8.6.0-0 - checksum: 2b826ec55de7ea0b5b5151dfa896f3e7eddfd36ede61f8a7ad14a37733d5d5645565f863dbde7e2272f1e9b5717f26de7802ae60e297a2647ee2c4c072ed3069 - languageName: node - linkType: hard - -"@storybook/preview-api@npm:8.4.7": - version: 8.4.7 - resolution: "@storybook/preview-api@npm:8.4.7" - peerDependencies: - storybook: ^8.2.0 || ^8.3.0-0 || ^8.4.0-0 || ^8.5.0-0 || ^8.6.0-0 - checksum: 1c467bb2c16c5998b9bc4c2c013e6786936d5f6a373ad8d8ab1beb626616c3187329fdfc3a709663b4af963c7e5789a1401166c6e2a3a66a12f66e858aa94e91 - languageName: node - linkType: hard - -"@storybook/react-dom-shim@npm:8.4.7": - version: 8.4.7 - resolution: "@storybook/react-dom-shim@npm:8.4.7" - peerDependencies: - react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta - react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta - storybook: ^8.4.7 - checksum: 4de29cbb990bfb2f310440aa995b024faa93fd1d5c7c942d6d661d590693eb56e0567a141c14faca63e8b24fc2f6b6b44c02af37cd2d5b469c1129b0e78fc79d - languageName: node - linkType: hard - -"@storybook/react@npm:^8.4.7": - version: 8.4.7 - resolution: "@storybook/react@npm:8.4.7" - dependencies: - "@storybook/components": 8.4.7 - "@storybook/global": ^5.0.0 - "@storybook/manager-api": 8.4.7 - "@storybook/preview-api": 8.4.7 - "@storybook/react-dom-shim": 8.4.7 - "@storybook/theming": 8.4.7 - peerDependencies: - "@storybook/test": 8.4.7 - react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta - react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta - storybook: ^8.4.7 - typescript: ">= 4.2.x" - peerDependenciesMeta: - "@storybook/test": - optional: true - typescript: - optional: true - checksum: 5ad2137f8f5f0a34cb90e2582fd574aff888c544f0f9907472d930d4fb1f444124aa84188a0b5d661cc6c4c0bf7210b1e616a53b4be3f2df2479165571fa9085 - languageName: node - linkType: hard - -"@storybook/theming@npm:8.4.7": - version: 8.4.7 - resolution: "@storybook/theming@npm:8.4.7" - peerDependencies: - storybook: ^8.2.0 || ^8.3.0-0 || ^8.4.0-0 || ^8.5.0-0 || ^8.6.0-0 - checksum: 47d29993c33bb29994d227af30e099579b7cf760652ed743020f5d7e5a5974f59a6ebeb1cc8995e6158da9cf768a8d2f559d1d819cc082d0bcdb056d85fdcb29 - languageName: node - linkType: hard - -"@swc/counter@npm:0.1.3": +"@swc/counter@npm:^0.1.3": version: 0.1.3 resolution: "@swc/counter@npm:0.1.3" checksum: df8f9cfba9904d3d60f511664c70d23bb323b3a0803ec9890f60133954173047ba9bdeabce28cd70ba89ccd3fd6c71c7b0bd58be85f611e1ffbe5d5c18616598 languageName: node linkType: hard -"@swc/helpers@npm:0.5.15": - version: 0.5.15 - resolution: "@swc/helpers@npm:0.5.15" +"@swc/helpers@npm:0.5.5": + version: 0.5.5 + resolution: "@swc/helpers@npm:0.5.5" dependencies: - tslib: ^2.8.0 - checksum: 1a9e0dbb792b2d1e0c914d69c201dbc96af3a0e6e6e8cf5a7f7d6a5d7b0e8b762915cd4447acb6b040e2ecc1ed49822875a7239f99a2d63c96c3c3407fb6fccf + "@swc/counter": ^0.1.3 + tslib: ^2.4.0 + checksum: d4f207b191e54b29460804ddf2984ba6ece1d679a0b2f6a9c765dcf27bba92c5769e7965668a4546fb9f1021eaf0ff9be4bf5c235ce12adcd65acdfe77187d11 languageName: node linkType: hard @@ -794,7 +410,7 @@ __metadata: languageName: node linkType: hard -"@types/estree@npm:*, @types/estree@npm:^1.0.0, @types/estree@npm:^1.0.6": +"@types/estree@npm:*, @types/estree@npm:^1.0.0": version: 1.0.6 resolution: "@types/estree@npm:1.0.6" checksum: 8825d6e729e16445d9a1dd2fb1db2edc5ed400799064cd4d028150701031af012ba30d6d03fe9df40f4d7a437d0de6d2b256020152b7b09bde9f2e420afdffd9 @@ -810,13 +426,6 @@ __metadata: languageName: node linkType: hard -"@types/json-schema@npm:^7.0.15": - version: 7.0.15 - resolution: "@types/json-schema@npm:7.0.15" - checksum: 97ed0cb44d4070aecea772b7b2e2ed971e10c81ec87dd4ecc160322ffa55ff330dace1793489540e3e318d90942064bb697cc0f8989391797792d919737b3b98 - languageName: node - linkType: hard - "@types/json5@npm:^0.0.29": version: 0.0.29 resolution: "@types/json5@npm:0.0.29" @@ -856,21 +465,29 @@ __metadata: languageName: node linkType: hard -"@types/react-dom@npm:^19": - version: 19.0.2 - resolution: "@types/react-dom@npm:19.0.2" - peerDependencies: - "@types/react": ^19.0.0 - checksum: d2ae81ec0b8eee7a4bf31918796fdaa34e8db68f69682163bc212d759de76783e6ffcc02c02722dcf508429067148841e6da81414cc730ca2a28c9c2b350c880 +"@types/prop-types@npm:*": + version: 15.7.14 + resolution: "@types/prop-types@npm:15.7.14" + checksum: d0c5407b9ccc3dd5fae0ccf9b1007e7622ba5e6f1c18399b4f24dff33619d469da4b9fa918a374f19dc0d9fe6a013362aab0b844b606cfc10676efba3f5f736d languageName: node linkType: hard -"@types/react@npm:^19": - version: 19.0.3 - resolution: "@types/react@npm:19.0.3" +"@types/react-dom@npm:^18": + version: 18.3.5 + resolution: "@types/react-dom@npm:18.3.5" + peerDependencies: + "@types/react": ^18.0.0 + checksum: 95c757684f71e761515c5a11299e5feec550c72bb52975487f360e6f0d359b26454c26eaf2ce45dd22748205aa9b2c2fe0abe7005ebcbd233a7615283ac39a7d + languageName: node + linkType: hard + +"@types/react@npm:^18": + version: 18.3.18 + resolution: "@types/react@npm:18.3.18" dependencies: + "@types/prop-types": "*" csstype: ^3.0.2 - checksum: a6c2bcd032522f5c041601a0df1c56288ad66c7973fa672b6c375334dd93295a4d1bfebf9c3498bafb86525f1fd8f4d58175267ed41ef5534b64ba28bd274bb6 + checksum: 5933597bc9f53e282f0438f0bb76d0f0fab60faabe760ea806e05ffe6f5c61b9b4d363e1a03a8fea47c510d493c6cf926cdeeba9f7074fa97b61940c350245e7 languageName: node linkType: hard @@ -1000,7 +617,7 @@ __metadata: languageName: node linkType: hard -"@ungap/structured-clone@npm:^1.0.0": +"@ungap/structured-clone@npm:^1.0.0, @ungap/structured-clone@npm:^1.2.0": version: 1.2.1 resolution: "@ungap/structured-clone@npm:1.2.1" checksum: 1e3b9fef293118861f0b2159b3695fc7f3793c0707095888ebb3ac7183f78c390e68f04cd4b4cf9ac979ae0da454505e08b3aae887cdd639609a3fe529e19e59 @@ -1016,7 +633,7 @@ __metadata: languageName: node linkType: hard -"acorn@npm:^8.0.0, acorn@npm:^8.14.0": +"acorn@npm:^8.0.0, acorn@npm:^8.9.0": version: 8.14.0 resolution: "acorn@npm:8.14.0" bin: @@ -1044,6 +661,13 @@ __metadata: languageName: node linkType: hard +"ansi-regex@npm:^6.0.1": + version: 6.1.0 + resolution: "ansi-regex@npm:6.1.0" + checksum: 495834a53b0856c02acd40446f7130cb0f8284f4a39afdab20d5dc42b2e198b1196119fe887beed8f9055c4ff2055e3b2f6d4641d0be018cdfb64fedf6fc1aac + languageName: node + linkType: hard + "ansi-styles@npm:^4.0.0, ansi-styles@npm:^4.1.0": version: 4.3.0 resolution: "ansi-styles@npm:4.3.0" @@ -1053,6 +677,13 @@ __metadata: languageName: node linkType: hard +"ansi-styles@npm:^6.1.0": + version: 6.2.1 + resolution: "ansi-styles@npm:6.2.1" + checksum: ef940f2f0ced1a6347398da88a91da7930c33ecac3c77b72c5905f8b8fe402c52e6fde304ff5347f616e27a742da3f1dc76de98f6866c69251ad0b07a66776d9 + languageName: node + linkType: hard + "argparse@npm:^2.0.1": version: 2.0.1 resolution: "argparse@npm:2.0.1" @@ -1307,32 +938,26 @@ __metadata: languageName: node linkType: hard -"canon-website@workspace:.": +"canon-docs@workspace:.": version: 0.0.0-use.local - resolution: "canon-website@workspace:." + resolution: "canon-docs@workspace:." dependencies: - "@base-ui-components/react": ^1.0.0-alpha.4 - "@eslint/eslintrc": ^3 - "@iframe-resizer/react": ^5.3.2 "@mdx-js/loader": ^3.1.0 "@mdx-js/react": ^3.1.0 - "@next/mdx": ^15.1.3 - "@storybook/react": ^8.4.7 + "@next/mdx": ^15.1.4 "@types/mdx": ^2.0.13 "@types/node": ^20 - "@types/react": ^19 - "@types/react-dom": ^19 - chokidar: ^4.0.3 + "@types/react": ^18 + "@types/react-dom": ^18 concurrently: ^9.1.2 - eslint: ^9 - eslint-config-next: 15.1.3 + eslint: ^8 + eslint-config-next: 14.2.23 lightningcss: ^1.28.2 - motion: ^11.15.0 - next: 15.1.3 - react: ^19.0.0 - react-dom: ^19.0.0 + next: 14.2.23 + react: ^18 + react-dom: ^18 react-frame-component: ^5.2.7 - shiki: ^1.24.4 + shiki: ^1.26.1 typescript: ^5 languageName: unknown linkType: soft @@ -1382,15 +1007,6 @@ __metadata: languageName: node linkType: hard -"chokidar@npm:^4.0.3": - version: 4.0.3 - resolution: "chokidar@npm:4.0.3" - dependencies: - readdirp: ^4.0.1 - checksum: a8765e452bbafd04f3f2fad79f04222dd65f43161488bb6014a41099e6ca18d166af613d59a90771908c1c823efa3f46ba36b86ac50b701c20c1b9908c5fe36e - languageName: node - linkType: hard - "client-only@npm:0.0.1": version: 0.0.1 resolution: "client-only@npm:0.0.1" @@ -1425,33 +1041,13 @@ __metadata: languageName: node linkType: hard -"color-name@npm:^1.0.0, color-name@npm:~1.1.4": +"color-name@npm:~1.1.4": version: 1.1.4 resolution: "color-name@npm:1.1.4" checksum: b0445859521eb4021cd0fb0cc1a75cecf67fceecae89b63f62b201cca8d345baf8b952c966862a9d9a2632987d4f6581f0ec8d957dfacece86f0a7919316f610 languageName: node linkType: hard -"color-string@npm:^1.9.0": - version: 1.9.1 - resolution: "color-string@npm:1.9.1" - dependencies: - color-name: ^1.0.0 - simple-swizzle: ^0.2.2 - checksum: c13fe7cff7885f603f49105827d621ce87f4571d78ba28ef4a3f1a104304748f620615e6bf065ecd2145d0d9dad83a3553f52bb25ede7239d18e9f81622f1cc5 - languageName: node - linkType: hard - -"color@npm:^4.2.3": - version: 4.2.3 - resolution: "color@npm:4.2.3" - dependencies: - color-convert: ^2.0.1 - color-string: ^1.9.0 - checksum: 0579629c02c631b426780038da929cca8e8d80a40158b09811a0112a107c62e10e4aad719843b791b1e658ab4e800558f2e87ca4522c8b32349d497ecb6adeb4 - languageName: node - linkType: hard - "comma-separated-tokens@npm:^2.0.0": version: 2.0.3 resolution: "comma-separated-tokens@npm:2.0.3" @@ -1484,7 +1080,7 @@ __metadata: languageName: node linkType: hard -"cross-spawn@npm:^7.0.6": +"cross-spawn@npm:^7.0.0, cross-spawn@npm:^7.0.2": version: 7.0.6 resolution: "cross-spawn@npm:7.0.6" dependencies: @@ -1617,13 +1213,6 @@ __metadata: languageName: node linkType: hard -"detect-libc@npm:^2.0.3": - version: 2.0.3 - resolution: "detect-libc@npm:2.0.3" - checksum: 2ba6a939ae55f189aea996ac67afceb650413c7a34726ee92c40fb0deb2400d57ef94631a8a3f052055eea7efb0f99a9b5e6ce923415daa3e68221f963cfc27d - languageName: node - linkType: hard - "devlop@npm:^1.0.0, devlop@npm:^1.1.0": version: 1.1.0 resolution: "devlop@npm:1.1.0" @@ -1642,6 +1231,15 @@ __metadata: languageName: node linkType: hard +"doctrine@npm:^3.0.0": + version: 3.0.0 + resolution: "doctrine@npm:3.0.0" + dependencies: + esutils: ^2.0.2 + checksum: fd7673ca77fe26cd5cba38d816bc72d641f500f1f9b25b83e8ce28827fe2da7ad583a8da26ab6af85f834138cf8dae9f69b0cd6ab925f52ddab1754db44d99ce + languageName: node + linkType: hard + "dunder-proto@npm:^1.0.0, dunder-proto@npm:^1.0.1": version: 1.0.1 resolution: "dunder-proto@npm:1.0.1" @@ -1653,6 +1251,13 @@ __metadata: languageName: node linkType: hard +"eastasianwidth@npm:^0.2.0": + version: 0.2.0 + resolution: "eastasianwidth@npm:0.2.0" + checksum: 7d00d7cd8e49b9afa762a813faac332dee781932d6f2c848dc348939c4253f1d4564341b7af1d041853bc3f32c2ef141b58e0a4d9862c17a7f08f68df1e0f1ed + languageName: node + linkType: hard + "emoji-regex-xs@npm:^1.0.0": version: 1.0.0 resolution: "emoji-regex-xs@npm:1.0.0" @@ -1860,27 +1465,27 @@ __metadata: languageName: node linkType: hard -"eslint-config-next@npm:15.1.3": - version: 15.1.3 - resolution: "eslint-config-next@npm:15.1.3" +"eslint-config-next@npm:14.2.23": + version: 14.2.23 + resolution: "eslint-config-next@npm:14.2.23" dependencies: - "@next/eslint-plugin-next": 15.1.3 - "@rushstack/eslint-patch": ^1.10.3 + "@next/eslint-plugin-next": 14.2.23 + "@rushstack/eslint-patch": ^1.3.3 "@typescript-eslint/eslint-plugin": ^5.4.2 || ^6.0.0 || ^7.0.0 || ^8.0.0 "@typescript-eslint/parser": ^5.4.2 || ^6.0.0 || ^7.0.0 || ^8.0.0 eslint-import-resolver-node: ^0.3.6 eslint-import-resolver-typescript: ^3.5.2 - eslint-plugin-import: ^2.31.0 - eslint-plugin-jsx-a11y: ^6.10.0 - eslint-plugin-react: ^7.37.0 - eslint-plugin-react-hooks: ^5.0.0 + eslint-plugin-import: ^2.28.1 + eslint-plugin-jsx-a11y: ^6.7.1 + eslint-plugin-react: ^7.33.2 + eslint-plugin-react-hooks: ^4.5.0 || 5.0.0-canary-7118f5dd7-20230705 peerDependencies: - eslint: ^7.23.0 || ^8.0.0 || ^9.0.0 + eslint: ^7.23.0 || ^8.0.0 typescript: ">=3.3.1" peerDependenciesMeta: typescript: optional: true - checksum: 006b629f4308a469d66c7c673fd5664ca5a4987ec2278ebf2058d60efcd01709a9a9a64a31dffe29e27eaed7bce1d06b16e68094ed58ddfbfc146276be2cd074 + checksum: ee23822e91c155cb0531c786cf11573b8914bc7dfa3b506c45c1d13d4b0c1b515764bd2744daa9c36bddf3bb7cfff434fa6bd169540a2fb933a336df78e7d850 languageName: node linkType: hard @@ -1932,7 +1537,7 @@ __metadata: languageName: node linkType: hard -"eslint-plugin-import@npm:^2.31.0": +"eslint-plugin-import@npm:^2.28.1": version: 2.31.0 resolution: "eslint-plugin-import@npm:2.31.0" dependencies: @@ -1961,7 +1566,7 @@ __metadata: languageName: node linkType: hard -"eslint-plugin-jsx-a11y@npm:^6.10.0": +"eslint-plugin-jsx-a11y@npm:^6.7.1": version: 6.10.2 resolution: "eslint-plugin-jsx-a11y@npm:6.10.2" dependencies: @@ -1986,16 +1591,16 @@ __metadata: languageName: node linkType: hard -"eslint-plugin-react-hooks@npm:^5.0.0": - version: 5.1.0 - resolution: "eslint-plugin-react-hooks@npm:5.1.0" +"eslint-plugin-react-hooks@npm:^4.5.0 || 5.0.0-canary-7118f5dd7-20230705": + version: 5.0.0-canary-7118f5dd7-20230705 + resolution: "eslint-plugin-react-hooks@npm:5.0.0-canary-7118f5dd7-20230705" peerDependencies: - eslint: ^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-0 || ^9.0.0 - checksum: 14d2692214ea15b19ef330a9abf51cb8c1586339d9e758ebd61b182be68dd772af56462b04e4b9d2be923d72f46db61e8d32fcf37c248b04949c0b02f5bfb3c0 + eslint: ^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-0 + checksum: 20e334e60bf5e56cf9f760598411847525c3ff826e6ae7757c8efdc60b33d47a97ddbe1b94ce95956ea9f7bbef37995b19c716be50bd44e6a1e789cba08b6224 languageName: node linkType: hard -"eslint-plugin-react@npm:^7.37.0": +"eslint-plugin-react@npm:^7.33.2": version: 7.37.3 resolution: "eslint-plugin-react@npm:7.37.3" dependencies: @@ -2023,17 +1628,17 @@ __metadata: languageName: node linkType: hard -"eslint-scope@npm:^8.2.0": - version: 8.2.0 - resolution: "eslint-scope@npm:8.2.0" +"eslint-scope@npm:^7.2.2": + version: 7.2.2 + resolution: "eslint-scope@npm:7.2.2" dependencies: esrecurse: ^4.3.0 estraverse: ^5.2.0 - checksum: 750eff4672ca2bf274ec0d1bbeae08aadd53c1907d5c6aff5564d8e047a5f49afa8ae6eee333cab637fd3ebcab2141659d8f2f040f6fdc982b0f61f8bf03136f + checksum: ec97dbf5fb04b94e8f4c5a91a7f0a6dd3c55e46bfc7bbcd0e3138c3a76977570e02ed89a1810c778dcd72072ff0e9621ba1379b4babe53921d71e2e4486fda3e languageName: node linkType: hard -"eslint-visitor-keys@npm:^3.4.3": +"eslint-visitor-keys@npm:^3.4.1, eslint-visitor-keys@npm:^3.4.3": version: 3.4.3 resolution: "eslint-visitor-keys@npm:3.4.3" checksum: 36e9ef87fca698b6fd7ca5ca35d7b2b6eeaaf106572e2f7fd31c12d3bfdaccdb587bba6d3621067e5aece31c8c3a348b93922ab8f7b2cbc6aaab5e1d89040c60 @@ -2047,67 +1652,66 @@ __metadata: languageName: node linkType: hard -"eslint@npm:^9": - version: 9.17.0 - resolution: "eslint@npm:9.17.0" +"eslint@npm:^8": + version: 8.57.1 + resolution: "eslint@npm:8.57.1" dependencies: "@eslint-community/eslint-utils": ^4.2.0 - "@eslint-community/regexpp": ^4.12.1 - "@eslint/config-array": ^0.19.0 - "@eslint/core": ^0.9.0 - "@eslint/eslintrc": ^3.2.0 - "@eslint/js": 9.17.0 - "@eslint/plugin-kit": ^0.2.3 - "@humanfs/node": ^0.16.6 + "@eslint-community/regexpp": ^4.6.1 + "@eslint/eslintrc": ^2.1.4 + "@eslint/js": 8.57.1 + "@humanwhocodes/config-array": ^0.13.0 "@humanwhocodes/module-importer": ^1.0.1 - "@humanwhocodes/retry": ^0.4.1 - "@types/estree": ^1.0.6 - "@types/json-schema": ^7.0.15 + "@nodelib/fs.walk": ^1.2.8 + "@ungap/structured-clone": ^1.2.0 ajv: ^6.12.4 chalk: ^4.0.0 - cross-spawn: ^7.0.6 + cross-spawn: ^7.0.2 debug: ^4.3.2 + doctrine: ^3.0.0 escape-string-regexp: ^4.0.0 - eslint-scope: ^8.2.0 - eslint-visitor-keys: ^4.2.0 - espree: ^10.3.0 - esquery: ^1.5.0 + eslint-scope: ^7.2.2 + eslint-visitor-keys: ^3.4.3 + espree: ^9.6.1 + esquery: ^1.4.2 esutils: ^2.0.2 fast-deep-equal: ^3.1.3 - file-entry-cache: ^8.0.0 + file-entry-cache: ^6.0.1 find-up: ^5.0.0 glob-parent: ^6.0.2 + globals: ^13.19.0 + graphemer: ^1.4.0 ignore: ^5.2.0 imurmurhash: ^0.1.4 is-glob: ^4.0.0 + is-path-inside: ^3.0.3 + js-yaml: ^4.1.0 json-stable-stringify-without-jsonify: ^1.0.1 + levn: ^0.4.1 lodash.merge: ^4.6.2 minimatch: ^3.1.2 natural-compare: ^1.4.0 optionator: ^0.9.3 - peerDependencies: - jiti: "*" - peerDependenciesMeta: - jiti: - optional: true + strip-ansi: ^6.0.1 + text-table: ^0.2.0 bin: eslint: bin/eslint.js - checksum: 0caae58c53bf4dc9b4893d75e62339e4c40fe5589652a3cb63f30a15bad1f34f8f784ca4fca471bbffedabee516a9f9620ebc33818b55e1b715e8f000865c851 + checksum: e2489bb7f86dd2011967759a09164e65744ef7688c310bc990612fc26953f34cc391872807486b15c06833bdff737726a23e9b4cdba5de144c311377dc41d91b languageName: node linkType: hard -"espree@npm:^10.0.1, espree@npm:^10.3.0": - version: 10.3.0 - resolution: "espree@npm:10.3.0" +"espree@npm:^9.6.0, espree@npm:^9.6.1": + version: 9.6.1 + resolution: "espree@npm:9.6.1" dependencies: - acorn: ^8.14.0 + acorn: ^8.9.0 acorn-jsx: ^5.3.2 - eslint-visitor-keys: ^4.2.0 - checksum: 63e8030ff5a98cea7f8b3e3a1487c998665e28d674af08b9b3100ed991670eb3cbb0e308c4548c79e03762753838fbe530c783f17309450d6b47a889fee72bef + eslint-visitor-keys: ^3.4.1 + checksum: eb8c149c7a2a77b3f33a5af80c10875c3abd65450f60b8af6db1bfcfa8f101e21c1e56a561c6dc13b848e18148d43469e7cd208506238554fb5395a9ea5a1ab9 languageName: node linkType: hard -"esquery@npm:^1.5.0": +"esquery@npm:^1.4.2": version: 1.6.0 resolution: "esquery@npm:1.6.0" dependencies: @@ -2221,19 +1825,6 @@ __metadata: languageName: node linkType: hard -"fast-glob@npm:3.3.1": - version: 3.3.1 - resolution: "fast-glob@npm:3.3.1" - dependencies: - "@nodelib/fs.stat": ^2.0.2 - "@nodelib/fs.walk": ^1.2.3 - glob-parent: ^5.1.2 - merge2: ^1.3.0 - micromatch: ^4.0.4 - checksum: b6f3add6403e02cf3a798bfbb1183d0f6da2afd368f27456010c0bc1f9640aea308243d4cb2c0ab142f618276e65ecb8be1661d7c62a7b4e5ba774b9ce5432e5 - languageName: node - linkType: hard - "fast-glob@npm:^3.3.2": version: 3.3.3 resolution: "fast-glob@npm:3.3.3" @@ -2270,12 +1861,12 @@ __metadata: languageName: node linkType: hard -"file-entry-cache@npm:^8.0.0": - version: 8.0.0 - resolution: "file-entry-cache@npm:8.0.0" +"file-entry-cache@npm:^6.0.1": + version: 6.0.1 + resolution: "file-entry-cache@npm:6.0.1" dependencies: - flat-cache: ^4.0.0 - checksum: f67802d3334809048c69b3d458f672e1b6d26daefda701761c81f203b80149c35dea04d78ea4238969dd617678e530876722a0634c43031a0957f10cc3ed190f + flat-cache: ^3.0.4 + checksum: f49701feaa6314c8127c3c2f6173cfefff17612f5ed2daaafc6da13b5c91fd43e3b2a58fd0d63f9f94478a501b167615931e7200e31485e320f74a33885a9c74 languageName: node linkType: hard @@ -2298,13 +1889,14 @@ __metadata: languageName: node linkType: hard -"flat-cache@npm:^4.0.0": - version: 4.0.1 - resolution: "flat-cache@npm:4.0.1" +"flat-cache@npm:^3.0.4": + version: 3.2.0 + resolution: "flat-cache@npm:3.2.0" dependencies: flatted: ^3.2.9 - keyv: ^4.5.4 - checksum: 899fc86bf6df093547d76e7bfaeb900824b869d7d457d02e9b8aae24836f0a99fbad79328cfd6415ee8908f180699bf259dc7614f793447cb14f707caf5996f6 + keyv: ^4.5.3 + rimraf: ^3.0.2 + checksum: e7e0f59801e288b54bee5cb9681e9ee21ee28ef309f886b312c9d08415b79fc0f24ac842f84356ce80f47d6a53de62197ce0e6e148dc42d5db005992e2a756ec languageName: node linkType: hard @@ -2324,25 +1916,20 @@ __metadata: languageName: node linkType: hard -"framer-motion@npm:^11.16.0": - version: 11.16.0 - resolution: "framer-motion@npm:11.16.0" +"foreground-child@npm:^3.1.0": + version: 3.3.0 + resolution: "foreground-child@npm:3.3.0" dependencies: - motion-dom: ^11.16.0 - motion-utils: ^11.16.0 - tslib: ^2.4.0 - peerDependencies: - "@emotion/is-prop-valid": "*" - react: ^18.0.0 || ^19.0.0 - react-dom: ^18.0.0 || ^19.0.0 - peerDependenciesMeta: - "@emotion/is-prop-valid": - optional: true - react: - optional: true - react-dom: - optional: true - checksum: ad06a4385f966827fdfeaf8b09f2e164f757ec733a892746dd11ef49640e1809987603184a6369740c6c21a9e6504c3fde938aef1add672bcb66e8e3c58526ee + cross-spawn: ^7.0.0 + signal-exit: ^4.0.1 + checksum: 1989698488f725b05b26bc9afc8a08f08ec41807cd7b92ad85d96004ddf8243fd3e79486b8348c64a3011ae5cc2c9f0936af989e1f28339805d8bc178a75b451 + languageName: node + linkType: hard + +"fs.realpath@npm:^1.0.0": + version: 1.0.0 + resolution: "fs.realpath@npm:1.0.0" + checksum: 99ddea01a7e75aa276c250a04eedeffe5662bce66c65c07164ad6264f9de18fb21be9433ead460e54cff20e31721c811f4fb5d70591799df5f85dce6d6746fd0 languageName: node linkType: hard @@ -2447,10 +2034,41 @@ __metadata: languageName: node linkType: hard -"globals@npm:^14.0.0": - version: 14.0.0 - resolution: "globals@npm:14.0.0" - checksum: 534b8216736a5425737f59f6e6a5c7f386254560c9f41d24a9227d60ee3ad4a9e82c5b85def0e212e9d92162f83a92544be4c7fd4c902cb913736c10e08237ac +"glob@npm:10.3.10": + version: 10.3.10 + resolution: "glob@npm:10.3.10" + dependencies: + foreground-child: ^3.1.0 + jackspeak: ^2.3.5 + minimatch: ^9.0.1 + minipass: ^5.0.0 || ^6.0.2 || ^7.0.0 + path-scurry: ^1.10.1 + bin: + glob: dist/esm/bin.mjs + checksum: 4f2fe2511e157b5a3f525a54092169a5f92405f24d2aed3142f4411df328baca13059f4182f1db1bf933e2c69c0bd89e57ae87edd8950cba8c7ccbe84f721cf3 + languageName: node + linkType: hard + +"glob@npm:^7.1.3": + version: 7.2.3 + resolution: "glob@npm:7.2.3" + dependencies: + fs.realpath: ^1.0.0 + inflight: ^1.0.4 + inherits: 2 + minimatch: ^3.1.1 + once: ^1.3.0 + path-is-absolute: ^1.0.0 + checksum: 29452e97b38fa704dabb1d1045350fb2467cf0277e155aa9ff7077e90ad81d1ea9d53d3ee63bd37c05b09a065e90f16aec4a65f5b8de401d1dac40bc5605d133 + languageName: node + linkType: hard + +"globals@npm:^13.19.0": + version: 13.24.0 + resolution: "globals@npm:13.24.0" + dependencies: + type-fest: ^0.20.2 + checksum: 56066ef058f6867c04ff203b8a44c15b038346a62efbc3060052a1016be9f56f4cf0b2cd45b74b22b81e521a889fc7786c73691b0549c2f3a6e825b3d394f43c languageName: node linkType: hard @@ -2471,7 +2089,7 @@ __metadata: languageName: node linkType: hard -"graceful-fs@npm:^4.2.4": +"graceful-fs@npm:^4.2.11, graceful-fs@npm:^4.2.4": version: 4.2.11 resolution: "graceful-fs@npm:4.2.11" checksum: ac85f94da92d8eb6b7f5a8b20ce65e43d66761c55ce85ac96df6865308390da45a8d3f0296dd3a663de65d30ba497bd46c696cc1e248c72b13d6d567138a4fc7 @@ -2648,6 +2266,23 @@ __metadata: languageName: node linkType: hard +"inflight@npm:^1.0.4": + version: 1.0.6 + resolution: "inflight@npm:1.0.6" + dependencies: + once: ^1.3.0 + wrappy: 1 + checksum: f4f76aa072ce19fae87ce1ef7d221e709afb59d445e05d47fba710e85470923a75de35bfae47da6de1b18afc3ce83d70facf44cfb0aff89f0a3f45c0a0244dfd + languageName: node + linkType: hard + +"inherits@npm:2": + version: 2.0.4 + resolution: "inherits@npm:2.0.4" + checksum: 4a48a733847879d6cf6691860a6b1e3f0f4754176e4d71494c41f3475553768b10f84b5ce1d40fbd0e34e6bfbb864ee35858ad4dd2cf31e02fc4a154b724d7f1 + languageName: node + linkType: hard + "inline-style-parser@npm:0.2.4": version: 0.2.4 resolution: "inline-style-parser@npm:0.2.4" @@ -2694,13 +2329,6 @@ __metadata: languageName: node linkType: hard -"is-arrayish@npm:^0.3.1": - version: 0.3.2 - resolution: "is-arrayish@npm:0.3.2" - checksum: 977e64f54d91c8f169b59afcd80ff19227e9f5c791fa28fa2e5bce355cbaf6c2c356711b734656e80c9dd4a854dd7efcf7894402f1031dfc5de5d620775b4d5f - languageName: node - linkType: hard - "is-async-function@npm:^2.0.0": version: 2.1.0 resolution: "is-async-function@npm:2.1.0" @@ -2860,6 +2488,13 @@ __metadata: languageName: node linkType: hard +"is-path-inside@npm:^3.0.3": + version: 3.0.3 + resolution: "is-path-inside@npm:3.0.3" + checksum: abd50f06186a052b349c15e55b182326f1936c89a78bf6c8f2b707412517c097ce04bc49a0ca221787bc44e1049f51f09a2ffb63d22899051988d3a618ba13e9 + languageName: node + linkType: hard + "is-plain-obj@npm:^4.0.0": version: 4.1.0 resolution: "is-plain-obj@npm:4.1.0" @@ -2979,6 +2614,19 @@ __metadata: languageName: node linkType: hard +"jackspeak@npm:^2.3.5": + version: 2.3.6 + resolution: "jackspeak@npm:2.3.6" + dependencies: + "@isaacs/cliui": ^8.0.2 + "@pkgjs/parseargs": ^0.11.0 + dependenciesMeta: + "@pkgjs/parseargs": + optional: true + checksum: 57d43ad11eadc98cdfe7496612f6bbb5255ea69fe51ea431162db302c2a11011642f50cfad57288bd0aea78384a0612b16e131944ad8ecd09d619041c8531b54 + languageName: node + linkType: hard + "js-tokens@npm:^3.0.0 || ^4.0.0": version: 4.0.0 resolution: "js-tokens@npm:4.0.0" @@ -3041,7 +2689,7 @@ __metadata: languageName: node linkType: hard -"keyv@npm:^4.5.4": +"keyv@npm:^4.5.3": version: 4.5.4 resolution: "keyv@npm:4.5.4" dependencies: @@ -3216,7 +2864,7 @@ __metadata: languageName: node linkType: hard -"loose-envify@npm:^1.4.0": +"loose-envify@npm:^1.1.0, loose-envify@npm:^1.4.0": version: 1.4.0 resolution: "loose-envify@npm:1.4.0" dependencies: @@ -3227,6 +2875,13 @@ __metadata: languageName: node linkType: hard +"lru-cache@npm:^10.2.0": + version: 10.4.3 + resolution: "lru-cache@npm:10.4.3" + checksum: 6476138d2125387a6d20f100608c2583d415a4f64a0fecf30c9e2dda976614f09cad4baa0842447bd37dd459a7bd27f57d9d8f8ce558805abd487c583f3d774a + languageName: node + linkType: hard + "markdown-extensions@npm:^2.0.0": version: 2.0.0 resolution: "markdown-extensions@npm:2.0.0" @@ -3728,7 +3383,7 @@ __metadata: languageName: node linkType: hard -"micromatch@npm:^4.0.4, micromatch@npm:^4.0.8": +"micromatch@npm:^4.0.8": version: 4.0.8 resolution: "micromatch@npm:4.0.8" dependencies: @@ -3738,7 +3393,7 @@ __metadata: languageName: node linkType: hard -"minimatch@npm:^3.1.2": +"minimatch@npm:^3.0.5, minimatch@npm:^3.1.1, minimatch@npm:^3.1.2": version: 3.1.2 resolution: "minimatch@npm:3.1.2" dependencies: @@ -3747,7 +3402,7 @@ __metadata: languageName: node linkType: hard -"minimatch@npm:^9.0.4": +"minimatch@npm:^9.0.1, minimatch@npm:^9.0.4": version: 9.0.5 resolution: "minimatch@npm:9.0.5" dependencies: @@ -3763,40 +3418,10 @@ __metadata: languageName: node linkType: hard -"motion-dom@npm:^11.16.0": - version: 11.16.0 - resolution: "motion-dom@npm:11.16.0" - dependencies: - motion-utils: ^11.16.0 - checksum: 6ca560abba8d9749bb05a32920e720592346805cdee9802b2b2a16cbfbdbca85004970ef5d267a0e2ca77c07ee0da692fa22a96dbc30483402d9c587d30c1fe5 - languageName: node - linkType: hard - -"motion-utils@npm:^11.16.0": - version: 11.16.0 - resolution: "motion-utils@npm:11.16.0" - checksum: 77063c4759b534dc0b13c290b3ef947d21f825782b5ff6329574e90c847ed46f8f948c1f842ed11907058595e575f82e7c850627e4d902eaca9479e24db900c1 - languageName: node - linkType: hard - -"motion@npm:^11.15.0": - version: 11.16.0 - resolution: "motion@npm:11.16.0" - dependencies: - framer-motion: ^11.16.0 - tslib: ^2.4.0 - peerDependencies: - "@emotion/is-prop-valid": "*" - react: ^18.0.0 || ^19.0.0 - react-dom: ^18.0.0 || ^19.0.0 - peerDependenciesMeta: - "@emotion/is-prop-valid": - optional: true - react: - optional: true - react-dom: - optional: true - checksum: 114392106cf06517e4d2cb87f26da4f96068b6eb4774c5c9aec805b5d18d51179b39cbee8b28198d749c12158131996dd887a2fe22142e0e4b4150ff43aff57d +"minipass@npm:^5.0.0 || ^6.0.2 || ^7.0.0": + version: 7.1.2 + resolution: "minipass@npm:7.1.2" + checksum: 2bfd325b95c555f2b4d2814d49325691c7bee937d753814861b0b49d5edcda55cbbf22b6b6a60bb91eddac8668771f03c5ff647dcd9d0f798e9548b9cdc46ee3 languageName: node linkType: hard @@ -3823,32 +3448,31 @@ __metadata: languageName: node linkType: hard -"next@npm:15.1.3": - version: 15.1.3 - resolution: "next@npm:15.1.3" +"next@npm:14.2.23": + version: 14.2.23 + resolution: "next@npm:14.2.23" dependencies: - "@next/env": 15.1.3 - "@next/swc-darwin-arm64": 15.1.3 - "@next/swc-darwin-x64": 15.1.3 - "@next/swc-linux-arm64-gnu": 15.1.3 - "@next/swc-linux-arm64-musl": 15.1.3 - "@next/swc-linux-x64-gnu": 15.1.3 - "@next/swc-linux-x64-musl": 15.1.3 - "@next/swc-win32-arm64-msvc": 15.1.3 - "@next/swc-win32-x64-msvc": 15.1.3 - "@swc/counter": 0.1.3 - "@swc/helpers": 0.5.15 + "@next/env": 14.2.23 + "@next/swc-darwin-arm64": 14.2.23 + "@next/swc-darwin-x64": 14.2.23 + "@next/swc-linux-arm64-gnu": 14.2.23 + "@next/swc-linux-arm64-musl": 14.2.23 + "@next/swc-linux-x64-gnu": 14.2.23 + "@next/swc-linux-x64-musl": 14.2.23 + "@next/swc-win32-arm64-msvc": 14.2.23 + "@next/swc-win32-ia32-msvc": 14.2.23 + "@next/swc-win32-x64-msvc": 14.2.23 + "@swc/helpers": 0.5.5 busboy: 1.6.0 caniuse-lite: ^1.0.30001579 + graceful-fs: ^4.2.11 postcss: 8.4.31 - sharp: ^0.33.5 - styled-jsx: 5.1.6 + styled-jsx: 5.1.1 peerDependencies: "@opentelemetry/api": ^1.1.0 "@playwright/test": ^1.41.2 - babel-plugin-react-compiler: "*" - react: ^18.2.0 || 19.0.0-rc-de68d2f4-20241204 || ^19.0.0 - react-dom: ^18.2.0 || 19.0.0-rc-de68d2f4-20241204 || ^19.0.0 + react: ^18.2.0 + react-dom: ^18.2.0 sass: ^1.3.0 dependenciesMeta: "@next/swc-darwin-arm64": @@ -3865,22 +3489,20 @@ __metadata: optional: true "@next/swc-win32-arm64-msvc": optional: true - "@next/swc-win32-x64-msvc": + "@next/swc-win32-ia32-msvc": optional: true - sharp: + "@next/swc-win32-x64-msvc": optional: true peerDependenciesMeta: "@opentelemetry/api": optional: true "@playwright/test": optional: true - babel-plugin-react-compiler: - optional: true sass: optional: true bin: next: dist/bin/next - checksum: ae71fcd9f5d7d25e925b9b5f967eaffbd52542d1ab4af8632e428acee7b1b2e4906e0f601d4c876b43c524c9108c8219852eeedcffb296c27c9265280c2d3889 + checksum: 4f9f744439fb860ba7c64ae1c61bc361bdd36e41d56760c52eabb404f4143c854b78ba9a79b7aefc322d93edbbd66d966cbdaf86772a88a8bf2e6b289987f14f languageName: node linkType: hard @@ -3965,6 +3587,15 @@ __metadata: languageName: node linkType: hard +"once@npm:^1.3.0": + version: 1.4.0 + resolution: "once@npm:1.4.0" + dependencies: + wrappy: 1 + checksum: cd0a88501333edd640d95f0d2700fbde6bff20b3d4d9bdc521bdd31af0656b5706570d6c6afe532045a20bb8dc0849f8332d6f2a416e0ba6d3d3b98806c7db68 + languageName: node + linkType: hard + "oniguruma-to-es@npm:0.10.0": version: 0.10.0 resolution: "oniguruma-to-es@npm:0.10.0" @@ -4050,6 +3681,13 @@ __metadata: languageName: node linkType: hard +"path-is-absolute@npm:^1.0.0": + version: 1.0.1 + resolution: "path-is-absolute@npm:1.0.1" + checksum: 060840f92cf8effa293bcc1bea81281bd7d363731d214cbe5c227df207c34cd727430f70c6037b5159c8a870b9157cba65e775446b0ab06fd5ecc7e54615a3b8 + languageName: node + linkType: hard + "path-key@npm:^3.1.0": version: 3.1.1 resolution: "path-key@npm:3.1.1" @@ -4064,6 +3702,16 @@ __metadata: languageName: node linkType: hard +"path-scurry@npm:^1.10.1": + version: 1.11.1 + resolution: "path-scurry@npm:1.11.1" + dependencies: + lru-cache: ^10.2.0 + minipass: ^5.0.0 || ^6.0.2 || ^7.0.0 + checksum: 890d5abcd593a7912dcce7cf7c6bf7a0b5648e3dee6caf0712c126ca0a65c7f3d7b9d769072a4d1baf370f61ce493ab5b038d59988688e0c5f3f646ee3c69023 + languageName: node + linkType: hard + "picocolors@npm:^1.0.0": version: 1.1.1 resolution: "picocolors@npm:1.1.1" @@ -4135,14 +3783,15 @@ __metadata: languageName: node linkType: hard -"react-dom@npm:^19.0.0": - version: 19.0.0 - resolution: "react-dom@npm:19.0.0" +"react-dom@npm:^18": + version: 18.3.1 + resolution: "react-dom@npm:18.3.1" dependencies: - scheduler: ^0.25.0 + loose-envify: ^1.1.0 + scheduler: ^0.23.2 peerDependencies: - react: ^19.0.0 - checksum: 009cc6e575263a0d1906f9dd4aa6532d2d3d0d71e4c2b7777c8fe4de585fa06b5b77cdc2e0fbaa2f3a4a5e5d3305c189ba152153f358ee7da4d9d9ba5d3a8975 + react: ^18.3.1 + checksum: 298954ecd8f78288dcaece05e88b570014d8f6dce5db6f66e6ee91448debeb59dcd31561dddb354eee47e6c1bb234669459060deb238ed0213497146e555a0b9 languageName: node linkType: hard @@ -4164,17 +3813,12 @@ __metadata: languageName: node linkType: hard -"react@npm:^19.0.0": - version: 19.0.0 - resolution: "react@npm:19.0.0" - checksum: 86de15d85b2465feb40297a90319c325cb07cf27191a361d47bcfe8c6126c973d660125aa67b8f4cbbe39f15a2f32efd0c814e98196d8e5b68c567ba40a399c6 - languageName: node - linkType: hard - -"readdirp@npm:^4.0.1": - version: 4.0.2 - resolution: "readdirp@npm:4.0.2" - checksum: 309376e717f94fb7eb61bec21e2603243a9e2420cd2e9bf94ddf026aefea0d7377ed1a62f016d33265682e44908049a55c3cfc2307450a1421654ea008489b39 +"react@npm:^18": + version: 18.3.1 + resolution: "react@npm:18.3.1" + dependencies: + loose-envify: ^1.1.0 + checksum: a27bcfa8ff7c15a1e50244ad0d0c1cb2ad4375eeffefd266a64889beea6f6b64c4966c9b37d14ee32d6c9fcd5aa6ba183b6988167ab4d127d13e7cb5b386a376 languageName: node linkType: hard @@ -4242,13 +3886,6 @@ __metadata: languageName: node linkType: hard -"regenerator-runtime@npm:^0.14.0": - version: 0.14.1 - resolution: "regenerator-runtime@npm:0.14.1" - checksum: 9f57c93277b5585d3c83b0cf76be47b473ae8c6d9142a46ce8b0291a04bb2cf902059f0f8445dcabb3fb7378e5fe4bb4ea1e008876343d42e46d3b484534ce38 - languageName: node - linkType: hard - "regex-recursion@npm:^5.1.1": version: 5.1.1 resolution: "regex-recursion@npm:5.1.1" @@ -4415,6 +4052,17 @@ __metadata: languageName: node linkType: hard +"rimraf@npm:^3.0.2": + version: 3.0.2 + resolution: "rimraf@npm:3.0.2" + dependencies: + glob: ^7.1.3 + bin: + rimraf: bin.js + checksum: 87f4164e396f0171b0a3386cc1877a817f572148ee13a7e113b238e48e8a9f2f31d009a92ec38a591ff1567d9662c6b67fd8818a2dbbaed74bc26a87a2a4a9a0 + languageName: node + linkType: hard + "run-parallel@npm:^1.1.9": version: 1.2.0 resolution: "run-parallel@npm:1.2.0" @@ -4467,10 +4115,12 @@ __metadata: languageName: node linkType: hard -"scheduler@npm:^0.25.0": - version: 0.25.0 - resolution: "scheduler@npm:0.25.0" - checksum: b7bb9fddbf743e521e9aaa5198a03ae823f5e104ebee0cb9ec625392bb7da0baa1c28ab29cee4b1e407a94e76acc6eee91eeb749614f91f853efda2613531566 +"scheduler@npm:^0.23.2": + version: 0.23.2 + resolution: "scheduler@npm:0.23.2" + dependencies: + loose-envify: ^1.1.0 + checksum: 3e82d1f419e240ef6219d794ff29c7ee415fbdc19e038f680a10c067108e06284f1847450a210b29bbaf97b9d8a97ced5f624c31c681248ac84c80d56ad5a2c4 languageName: node linkType: hard @@ -4529,75 +4179,6 @@ __metadata: languageName: node linkType: hard -"sharp@npm:^0.33.5": - version: 0.33.5 - resolution: "sharp@npm:0.33.5" - dependencies: - "@img/sharp-darwin-arm64": 0.33.5 - "@img/sharp-darwin-x64": 0.33.5 - "@img/sharp-libvips-darwin-arm64": 1.0.4 - "@img/sharp-libvips-darwin-x64": 1.0.4 - "@img/sharp-libvips-linux-arm": 1.0.5 - "@img/sharp-libvips-linux-arm64": 1.0.4 - "@img/sharp-libvips-linux-s390x": 1.0.4 - "@img/sharp-libvips-linux-x64": 1.0.4 - "@img/sharp-libvips-linuxmusl-arm64": 1.0.4 - "@img/sharp-libvips-linuxmusl-x64": 1.0.4 - "@img/sharp-linux-arm": 0.33.5 - "@img/sharp-linux-arm64": 0.33.5 - "@img/sharp-linux-s390x": 0.33.5 - "@img/sharp-linux-x64": 0.33.5 - "@img/sharp-linuxmusl-arm64": 0.33.5 - "@img/sharp-linuxmusl-x64": 0.33.5 - "@img/sharp-wasm32": 0.33.5 - "@img/sharp-win32-ia32": 0.33.5 - "@img/sharp-win32-x64": 0.33.5 - color: ^4.2.3 - detect-libc: ^2.0.3 - semver: ^7.6.3 - dependenciesMeta: - "@img/sharp-darwin-arm64": - optional: true - "@img/sharp-darwin-x64": - optional: true - "@img/sharp-libvips-darwin-arm64": - optional: true - "@img/sharp-libvips-darwin-x64": - optional: true - "@img/sharp-libvips-linux-arm": - optional: true - "@img/sharp-libvips-linux-arm64": - optional: true - "@img/sharp-libvips-linux-s390x": - optional: true - "@img/sharp-libvips-linux-x64": - optional: true - "@img/sharp-libvips-linuxmusl-arm64": - optional: true - "@img/sharp-libvips-linuxmusl-x64": - optional: true - "@img/sharp-linux-arm": - optional: true - "@img/sharp-linux-arm64": - optional: true - "@img/sharp-linux-s390x": - optional: true - "@img/sharp-linux-x64": - optional: true - "@img/sharp-linuxmusl-arm64": - optional: true - "@img/sharp-linuxmusl-x64": - optional: true - "@img/sharp-wasm32": - optional: true - "@img/sharp-win32-ia32": - optional: true - "@img/sharp-win32-x64": - optional: true - checksum: 04beae89910ac65c5f145f88de162e8466bec67705f497ace128de849c24d168993e016f33a343a1f3c30b25d2a90c3e62b017a9a0d25452371556f6cd2471e4 - languageName: node - linkType: hard - "shebang-command@npm:^2.0.0": version: 2.0.0 resolution: "shebang-command@npm:2.0.0" @@ -4621,7 +4202,7 @@ __metadata: languageName: node linkType: hard -"shiki@npm:^1.24.4": +"shiki@npm:^1.26.1": version: 1.26.1 resolution: "shiki@npm:1.26.1" dependencies: @@ -4685,12 +4266,10 @@ __metadata: languageName: node linkType: hard -"simple-swizzle@npm:^0.2.2": - version: 0.2.2 - resolution: "simple-swizzle@npm:0.2.2" - dependencies: - is-arrayish: ^0.3.1 - checksum: a7f3f2ab5c76c4472d5c578df892e857323e452d9f392e1b5cf74b74db66e6294a1e1b8b390b519fa1b96b5b613f2a37db6cffef52c3f1f8f3c5ea64eb2d54c0 +"signal-exit@npm:^4.0.1": + version: 4.1.0 + resolution: "signal-exit@npm:4.1.0" + checksum: 64c757b498cb8629ffa5f75485340594d2f8189e9b08700e69199069c8e3070fb3e255f7ab873c05dc0b3cec412aea7402e10a5990cb6a050bd33ba062a6c549 languageName: node linkType: hard @@ -4729,7 +4308,7 @@ __metadata: languageName: node linkType: hard -"string-width@npm:^4.1.0, string-width@npm:^4.2.0, string-width@npm:^4.2.3": +"string-width-cjs@npm:string-width@^4.2.0, string-width@npm:^4.1.0, string-width@npm:^4.2.0, string-width@npm:^4.2.3": version: 4.2.3 resolution: "string-width@npm:4.2.3" dependencies: @@ -4740,6 +4319,17 @@ __metadata: languageName: node linkType: hard +"string-width@npm:^5.0.1, string-width@npm:^5.1.2": + version: 5.1.2 + resolution: "string-width@npm:5.1.2" + dependencies: + eastasianwidth: ^0.2.0 + emoji-regex: ^9.2.2 + strip-ansi: ^7.0.1 + checksum: 7369deaa29f21dda9a438686154b62c2c5f661f8dda60449088f9f980196f7908fc39fdd1803e3e01541970287cf5deae336798337e9319a7055af89dafa7193 + languageName: node + linkType: hard + "string.prototype.includes@npm:^2.0.1": version: 2.0.1 resolution: "string.prototype.includes@npm:2.0.1" @@ -4830,7 +4420,7 @@ __metadata: languageName: node linkType: hard -"strip-ansi@npm:^6.0.0, strip-ansi@npm:^6.0.1": +"strip-ansi-cjs@npm:strip-ansi@^6.0.1, strip-ansi@npm:^6.0.0, strip-ansi@npm:^6.0.1": version: 6.0.1 resolution: "strip-ansi@npm:6.0.1" dependencies: @@ -4839,6 +4429,15 @@ __metadata: languageName: node linkType: hard +"strip-ansi@npm:^7.0.1": + version: 7.1.0 + resolution: "strip-ansi@npm:7.1.0" + dependencies: + ansi-regex: ^6.0.1 + checksum: 859c73fcf27869c22a4e4d8c6acfe690064659e84bef9458aa6d13719d09ca88dcfd40cbf31fd0be63518ea1a643fe070b4827d353e09533a5b0b9fd4553d64d + languageName: node + linkType: hard + "strip-bom@npm:^3.0.0": version: 3.0.0 resolution: "strip-bom@npm:3.0.0" @@ -4862,19 +4461,19 @@ __metadata: languageName: node linkType: hard -"styled-jsx@npm:5.1.6": - version: 5.1.6 - resolution: "styled-jsx@npm:5.1.6" +"styled-jsx@npm:5.1.1": + version: 5.1.1 + resolution: "styled-jsx@npm:5.1.1" dependencies: client-only: 0.0.1 peerDependencies: - react: ">= 16.8.0 || 17.x.x || ^18.0.0-0 || ^19.0.0-0" + react: ">= 16.8.0 || 17.x.x || ^18.0.0-0" peerDependenciesMeta: "@babel/core": optional: true babel-plugin-macros: optional: true - checksum: 879ad68e3e81adcf4373038aaafe55f968294955593660e173fbf679204aff158c59966716a60b29af72dc88795cfb2c479b6d2c3c87b2b2d282f3e27cc66461 + checksum: 523a33b38603492547e861b98e29c873939b04e15fbe5ef16132c6f1e15958126647983c7d4675325038b428a5e91183d996e90141b18bdd1bbadf6e2c45b2fa languageName: node linkType: hard @@ -4903,13 +4502,6 @@ __metadata: languageName: node linkType: hard -"tabbable@npm:^6.0.0": - version: 6.2.0 - resolution: "tabbable@npm:6.2.0" - checksum: f8440277d223949272c74bb627a3371be21735ca9ad34c2570f7e1752bd646ccfc23a9d8b1ee65d6561243f4134f5fbbf1ad6b39ac3c4b586554accaff4a1300 - languageName: node - linkType: hard - "tapable@npm:^2.2.0": version: 2.2.1 resolution: "tapable@npm:2.2.1" @@ -4917,6 +4509,13 @@ __metadata: languageName: node linkType: hard +"text-table@npm:^0.2.0": + version: 0.2.0 + resolution: "text-table@npm:0.2.0" + checksum: b6937a38c80c7f84d9c11dd75e49d5c44f71d95e810a3250bd1f1797fc7117c57698204adf676b71497acc205d769d65c16ae8fa10afad832ae1322630aef10a + languageName: node + linkType: hard + "to-regex-range@npm:^5.0.1": version: 5.0.1 resolution: "to-regex-range@npm:5.0.1" @@ -4970,7 +4569,7 @@ __metadata: languageName: node linkType: hard -"tslib@npm:^2.1.0, tslib@npm:^2.4.0, tslib@npm:^2.8.0": +"tslib@npm:^2.1.0, tslib@npm:^2.4.0": version: 2.8.1 resolution: "tslib@npm:2.8.1" checksum: e4aba30e632b8c8902b47587fd13345e2827fa639e7c3121074d5ee0880723282411a8838f830b55100cbe4517672f84a2472667d355b81e8af165a55dc6203a @@ -4986,6 +4585,13 @@ __metadata: languageName: node linkType: hard +"type-fest@npm:^0.20.2": + version: 0.20.2 + resolution: "type-fest@npm:0.20.2" + checksum: 4fb3272df21ad1c552486f8a2f8e115c09a521ad7a8db3d56d53718d0c907b62c6e9141ba5f584af3f6830d0872c521357e512381f24f7c44acae583ad517d73 + languageName: node + linkType: hard + "typed-array-buffer@npm:^1.0.3": version: 1.0.3 resolution: "typed-array-buffer@npm:1.0.3" @@ -5159,15 +4765,6 @@ __metadata: languageName: node linkType: hard -"use-sync-external-store@npm:^1.4.0": - version: 1.4.0 - resolution: "use-sync-external-store@npm:1.4.0" - peerDependencies: - react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 - checksum: dc3843a1b59ac8bd01417bd79498d4c688d5df8bf4801be50008ef4bfaacb349058c0b1605b5b43c828e0a2d62722d7e861573b3f31cea77a7f23e8b0fc2f7e3 - languageName: node - linkType: hard - "vfile-message@npm:^4.0.0": version: 4.0.2 resolution: "vfile-message@npm:4.0.2" @@ -5266,7 +4863,7 @@ __metadata: languageName: node linkType: hard -"wrap-ansi@npm:^7.0.0": +"wrap-ansi-cjs@npm:wrap-ansi@^7.0.0, wrap-ansi@npm:^7.0.0": version: 7.0.0 resolution: "wrap-ansi@npm:7.0.0" dependencies: @@ -5277,6 +4874,24 @@ __metadata: languageName: node linkType: hard +"wrap-ansi@npm:^8.1.0": + version: 8.1.0 + resolution: "wrap-ansi@npm:8.1.0" + dependencies: + ansi-styles: ^6.1.0 + string-width: ^5.0.1 + strip-ansi: ^7.0.1 + checksum: 371733296dc2d616900ce15a0049dca0ef67597d6394c57347ba334393599e800bab03c41d4d45221b6bc967b8c453ec3ae4749eff3894202d16800fdfe0e238 + languageName: node + linkType: hard + +"wrappy@npm:1": + version: 1.0.2 + resolution: "wrappy@npm:1.0.2" + checksum: 159da4805f7e84a3d003d8841557196034155008f817172d4e986bd591f74aa82aa7db55929a54222309e01079a65a92a9e6414da5a6aa4b01ee44a511ac3ee5 + languageName: node + linkType: hard + "y18n@npm:^5.0.5": version: 5.0.8 resolution: "y18n@npm:5.0.8" diff --git a/canon-website/.prettierignore b/canon-website/.prettierignore deleted file mode 100644 index d0d878e404..0000000000 --- a/canon-website/.prettierignore +++ /dev/null @@ -1 +0,0 @@ -.next \ No newline at end of file diff --git a/canon-website/app/[slug]/page.tsx b/canon-website/app/[slug]/page.tsx deleted file mode 100644 index 8bd03a42fe..0000000000 --- a/canon-website/app/[slug]/page.tsx +++ /dev/null @@ -1,32 +0,0 @@ -import { overview } from '@/utils/data'; -import { notFound } from 'next/navigation'; -import fs from 'fs'; -import path from 'path'; -import styles from '../page.module.css'; - -export default async function Page({ - params, -}: { - params: Promise<{ slug: string }>; -}) { - const slug = (await params).slug; - const filePath = path.resolve(process.cwd(), `content/${slug}.mdx`); - - if (fs.existsSync(filePath)) { - const { default: Post } = await import(`@/content/${slug}.mdx`); - - return ( -
- -
- ); - } else { - return notFound(); - } -} - -export function generateStaticParams() { - return overview.map(page => ({ slug: page.slug })); -} - -export const dynamicParams = false; diff --git a/canon-website/app/components/[slug]/page.tsx b/canon-website/app/components/[slug]/page.tsx deleted file mode 100644 index 499c28685c..0000000000 --- a/canon-website/app/components/[slug]/page.tsx +++ /dev/null @@ -1,32 +0,0 @@ -import { components, layoutComponents } from '@/utils/data'; -import { notFound } from 'next/navigation'; -import fs from 'fs'; -import path from 'path'; -import styles from './page.module.css'; -export default async function Page({ - params, -}: { - params: Promise<{ slug: string }>; -}) { - const slug = (await params).slug; - const filePath = path.resolve(process.cwd(), `content/${slug}.mdx`); - - if (fs.existsSync(filePath)) { - const { default: Post } = await import(`@/content/${slug}.mdx`); - return ( -
- -
- ); - } else { - return notFound(); - } -} - -export function generateStaticParams() { - return [...components, ...layoutComponents].map(component => ({ - slug: component.slug, - })); -} - -export const dynamicParams = false; diff --git a/canon-website/app/page.tsx b/canon-website/app/page.tsx deleted file mode 100644 index a6429cb79d..0000000000 --- a/canon-website/app/page.tsx +++ /dev/null @@ -1,11 +0,0 @@ -import styles from './page.module.css'; - -export default async function Page() { - const { default: Post } = await import(`@/content/home.mdx`); - - return ( -
- -
- ); -} diff --git a/canon-website/app/providers.tsx b/canon-website/app/providers.tsx deleted file mode 100644 index fdf544a037..0000000000 --- a/canon-website/app/providers.tsx +++ /dev/null @@ -1,13 +0,0 @@ -'use client'; - -import { ReactNode } from 'react'; -import { CanonProvider } from '../../packages/canon/src/contexts/canon'; -import { PlaygroundProvider } from '@/utils/playground-context'; - -export const Providers = ({ children }: { children: ReactNode }) => { - return ( - - {children} - - ); -}; diff --git a/canon-website/app/theme/[slug]/page.tsx b/canon-website/app/theme/[slug]/page.tsx deleted file mode 100644 index 41031f143c..0000000000 --- a/canon-website/app/theme/[slug]/page.tsx +++ /dev/null @@ -1,33 +0,0 @@ -import { theme } from '@/utils/data'; -import { notFound } from 'next/navigation'; -import fs from 'fs'; -import path from 'path'; -import styles from '../../page.module.css'; - -export default async function Page({ - params, -}: { - params: Promise<{ slug: string }>; -}) { - const slug = (await params).slug; - const filePath = path.resolve(process.cwd(), `content/${slug}.mdx`); - - if (fs.existsSync(filePath)) { - const { default: Post } = await import(`@/content/${slug}.mdx`); - return ( -
- -
- ); - } else { - return notFound(); - } -} - -export function generateStaticParams() { - return theme.map(component => ({ - slug: component.slug, - })); -} - -export const dynamicParams = false; diff --git a/canon-website/components/Sidebar/actions.ts b/canon-website/components/Sidebar/actions.ts deleted file mode 100644 index f5d35dd860..0000000000 --- a/canon-website/components/Sidebar/actions.ts +++ /dev/null @@ -1,25 +0,0 @@ -'use server'; - -import { cookies } from 'next/headers'; - -export async function setThemeCookie() { - const cookieStore = await cookies(); - const theme = cookieStore.get('theme'); - - if (theme?.value === 'dark') { - cookieStore.set('theme', 'light'); - } else { - cookieStore.set('theme', 'dark'); - } -} - -export async function setThemeNameCookie() { - const cookieStore = await cookies(); - const themeName = cookieStore.get('theme-name'); - - if (themeName?.value === 'legacy') { - cookieStore.set('theme-name', 'default'); - } else { - cookieStore.set('theme-name', 'legacy'); - } -} diff --git a/canon-website/components/Story/frame.tsx b/canon-website/components/Story/frame.tsx deleted file mode 100644 index 488ec5edde..0000000000 --- a/canon-website/components/Story/frame.tsx +++ /dev/null @@ -1,23 +0,0 @@ -'use client'; - -import styles from './styles.module.css'; -import IframeResizer from '@iframe-resizer/react'; - -interface FrameProps { - url: string; - border: boolean; -} - -export const Frame = ({ url, border }: FrameProps) => { - return ( - - ); -}; diff --git a/canon-website/components/Story/index.tsx b/canon-website/components/Story/index.tsx deleted file mode 100644 index 339b300710..0000000000 --- a/canon-website/components/Story/index.tsx +++ /dev/null @@ -1,20 +0,0 @@ -import { cookies } from 'next/headers'; -import { Frame } from './frame'; - -interface StoryProps { - id: string; - border?: boolean; -} - -export const Story = async ({ id, border = true }: StoryProps) => { - const cookieStore = await cookies(); - const theme = cookieStore.get('theme'); - const localTheme = theme?.value === 'dark' ? 'Dark' : 'Light'; - const chromaticId = '67584b7e8c2eb09c0422c27e-dmfbzicnkw'; - const chromaticUrl = `https://${chromaticId}.chromatic.com/iframe.html`; - const localUrl = 'http://localhost:6006/iframe.html'; - const url = process.env.NODE_ENV === 'development' ? localUrl : chromaticUrl; - const iframeUrl = `${url}?globals=theme%3A${localTheme}&args=&id=${id}`; - - return ; -}; diff --git a/canon-website/components/Story/styles.module.css b/canon-website/components/Story/styles.module.css deleted file mode 100644 index 74a8b60d7a..0000000000 --- a/canon-website/components/Story/styles.module.css +++ /dev/null @@ -1,7 +0,0 @@ -.container { - width: 1px; - min-width: 100%; - margin-bottom: 1rem; - border-radius: 4px; - overflow: hidden; -} diff --git a/canon-website/eslint.config.mjs b/canon-website/eslint.config.mjs deleted file mode 100644 index 7f86eca7f3..0000000000 --- a/canon-website/eslint.config.mjs +++ /dev/null @@ -1,16 +0,0 @@ -import { dirname } from 'path'; -import { fileURLToPath } from 'url'; -import { FlatCompat } from '@eslint/eslintrc'; - -const __filename = fileURLToPath(import.meta.url); -const __dirname = dirname(__filename); - -const compat = new FlatCompat({ - baseDirectory: __dirname, -}); - -const eslintConfig = [ - ...compat.extends('next/core-web-vitals', 'next/typescript'), -]; - -export default eslintConfig; diff --git a/canon-website/package.json b/canon-website/package.json deleted file mode 100644 index 84100fc2e9..0000000000 --- a/canon-website/package.json +++ /dev/null @@ -1,47 +0,0 @@ -{ - "name": "canon-website", - "version": "0.0.0", - "private": true, - "repository": { - "type": "git", - "url": "https://github.com/backstage/backstage", - "directory": "canon-website" - }, - "license": "Apache-2.0", - "sideEffects": false, - "scripts": { - "build": "next build", - "dev": "next dev", - "dev-all": "concurrently \"next dev\" \"yarn watch-css\"", - "lint": "next lint", - "start": "next start", - "watch-css": "node scripts/watch-css.js" - }, - "dependencies": { - "@base-ui-components/react": "^1.0.0-alpha.4", - "@iframe-resizer/react": "^5.3.2", - "@mdx-js/loader": "^3.1.0", - "@mdx-js/react": "^3.1.0", - "@next/mdx": "^15.1.3", - "@storybook/react": "^8.4.7", - "@types/mdx": "^2.0.13", - "motion": "^11.15.0", - "next": "15.1.3", - "react": "^19.0.0", - "react-dom": "^19.0.0", - "react-frame-component": "^5.2.7" - }, - "devDependencies": { - "@eslint/eslintrc": "^3", - "@types/node": "^20", - "@types/react": "^19", - "@types/react-dom": "^19", - "chokidar": "^4.0.3", - "concurrently": "^9.1.2", - "eslint": "^9", - "eslint-config-next": "15.1.3", - "lightningcss": "^1.28.2", - "shiki": "^1.24.4", - "typescript": "^5" - } -} diff --git a/canon-website/utils/playground-context.tsx b/canon-website/utils/playground-context.tsx deleted file mode 100644 index 63ff1e20f7..0000000000 --- a/canon-website/utils/playground-context.tsx +++ /dev/null @@ -1,41 +0,0 @@ -import React, { createContext, useContext, ReactNode, useState } from 'react'; -import { components } from './data'; - -// Create a context with an empty array as the default value -const PlaygroundContext = createContext<{ - selectedScreenSizes: string[]; - setSelectedScreenSizes: (screenSizes: string[]) => void; - selectedComponents: string[]; - setSelectedComponents: (components: string[]) => void; -}>({ - selectedScreenSizes: [], - setSelectedScreenSizes: () => {}, - selectedComponents: [], - setSelectedComponents: () => {}, -}); - -// Create a provider component -export const PlaygroundProvider = ({ children }: { children: ReactNode }) => { - const [selectedScreenSizes, setSelectedScreenSizes] = useState([]); - const [selectedComponents, setSelectedComponents] = useState( - components.map(component => component.slug), - ); - - return ( - - {children} - - ); -}; - -// Create a custom hook to use the screen sizes -export const usePlayground = () => { - return useContext(PlaygroundContext); -};