diff --git a/docs/app/components/types.ts b/docs/app/components/types.ts index 78b6b6f4ae..057efe37da 100644 --- a/docs/app/components/types.ts +++ b/docs/app/components/types.ts @@ -1,40 +1,46 @@ export interface Examples { - client: { - accordion: { - description: 'string'; - examples: { - Default: 'string'; - }; - }; - button: { - description: 'string'; - examples: { - Default: 'string'; - }; - }; - }; - server: { - accordion: { - description: 'string'; - examples: { - Default: 'string'; - Disabled: 'string'; - Sizes: 'string'; - ContentOutsideSizes: 'string'; - }; - }; - avatar: { - description: 'string'; - examples: { - Active: 'string'; - Default: 'string'; - }; - }; - tag: { - description: 'string'; - examples: { - Default: 'string'; - }; - }; - }; -} + "client": { + "accordion": { + "description": "string", + "examples": { + "Default": "string" + } + }, + "button": { + "description": "string", + "examples": { + "Default": "string" + } + } + }, + "server": { + "accordion": { + "description": "string", + "examples": { + "ContentOutsideSizes": "string", + "Default": "string", + "Disabled": "string", + "Sizes": "string" + } + }, + "avatar": { + "description": "string", + "examples": { + "Active": "string", + "Default": "string" + } + }, + "tag": { + "description": "string", + "examples": { + "Default": "string" + } + } + }, + "shared": { + "fonts": { + "DMSans-Regular": "string", + "DMSans-Semibold": "string" + } + } +}; diff --git a/docs/app/page.tsx b/docs/app/page.tsx index 62b0fa044f..de2b125ef9 100644 --- a/docs/app/page.tsx +++ b/docs/app/page.tsx @@ -1,23 +1,34 @@ +import Link from 'next/link' import { getExamples } from "./utils/getExamples"; -import { MDX } from "@/components/MDX"; -import { CommandMenu } from "@/components/Search"; export default async function Home() { - const examples = await getExamples(); - - const items = [ - { label: "Aurum" }, - { label: "Argentum" }, - { label: "Zink" }, - { label: "Plumbum" }, - { label: "Test" } - ]; + const { server, client } = await getExamples(); return ( -
- Moon Design System - - +
+

Moon Design System

+ +
+

Server components

+
    + {Object.entries(server).map(([key, _value]) => ( +
  • + {key} +
    • + ))} +
+
+ +
+

Client components

+
    + {Object.entries(client).map(([key, _value]) => ( +
  • + {key} +
    • + ))} +
+
) } diff --git a/docs/package.json b/docs/package.json index 44b0ba0de5..9ae89d4bf0 100644 --- a/docs/package.json +++ b/docs/package.json @@ -14,8 +14,8 @@ "@heathmont/moon-base-tw": "workspace:^10.10.1", "@heathmont/moon-cmdk-tw": "workspace:^10.10.1", "@heathmont/moon-core-tw": "workspace:^10.10.1", - "@heathmont/moon-themes-tw": "workspace:^10.10.1", "@heathmont/moon-icons-tw": "9.28.6", + "@heathmont/moon-themes-tw": "workspace:^10.10.1", "@types/node": "20.4.9", "@types/react": "18.2.19", "@types/react-dom": "18.2.7", diff --git a/package.json b/package.json index 725b4a5ce9..77edd6d861 100644 --- a/package.json +++ b/package.json @@ -129,6 +129,7 @@ } }, "dependencies": { - "@tanstack/react-table": "8.9.3" + "@tanstack/react-table": "8.9.3", + "ts-node": "^10.9.1" } } diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 8c3d204b8c..4454f70883 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -35,6 +35,9 @@ importers: '@tanstack/react-table': specifier: 8.9.3 version: 8.9.3(react-dom@18.2.0)(react@18.2.0) + ts-node: + specifier: ^10.9.1 + version: 10.9.1(@types/node@20.4.9)(typescript@5.1.6) devDependencies: '@babel/cli': specifier: 7.22.10 @@ -125,7 +128,7 @@ importers: version: 3.1.0 jest: specifier: 28.1.3 - version: 28.1.3 + version: 28.1.3(@types/node@20.4.9)(ts-node@10.9.1) jest-styled-components: specifier: 7.1.1 version: 7.1.1(styled-components@5.3.11) @@ -158,7 +161,7 @@ importers: version: 5.1.6 typescript-plugin-css-modules: specifier: 5.0.1 - version: 5.0.1(typescript@5.1.6) + version: 5.0.1(ts-node@10.9.1)(typescript@5.1.6) docs: dependencies: @@ -326,7 +329,7 @@ importers: version: 3.0.0 jest: specifier: 27.5.1 - version: 27.5.1 + version: 27.5.1(ts-node@10.9.1) jest-environment-jsdom: specifier: 27.5.1 version: 27.5.1 @@ -673,7 +676,7 @@ importers: version: 18.2.0 react-dnd: specifier: 14.0.3 - version: 14.0.3(@types/react@18.2.19)(react@18.2.0) + version: 14.0.3(@types/node@20.4.9)(@types/react@18.2.19)(react@18.2.0) react-dnd-html5-backend: specifier: 14.0.1 version: 14.0.1 @@ -2773,7 +2776,6 @@ packages: engines: {node: '>=12'} dependencies: '@jridgewell/trace-mapping': 0.3.9 - dev: false /@emotion/babel-plugin@11.10.6: resolution: {integrity: sha512-p2dAqtVrkhSa7xz1u/m9eHYdLi+en8NowrmXeF/dKtJpU8lCWli8RUAati7NcSl0afsBott48pdnANuD0wh9QQ==} @@ -3056,7 +3058,7 @@ packages: slash: 3.0.0 dev: true - /@jest/core@27.5.1: + /@jest/core@27.5.1(ts-node@10.9.1): resolution: {integrity: sha512-AK6/UTrvQD0Cd24NSqmIA6rKsu0tKIxfiCducZvqxYdmMisOYAsdItspT+fQDQYARPf8XgjAFZi0ogW2agH5nQ==} engines: {node: ^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0} peerDependencies: @@ -3077,7 +3079,7 @@ packages: exit: 0.1.2 graceful-fs: 4.2.11 jest-changed-files: 27.5.1 - jest-config: 27.5.1 + jest-config: 27.5.1(ts-node@10.9.1) jest-haste-map: 27.5.1 jest-message-util: 27.5.1 jest-regex-util: 27.5.1 @@ -3100,7 +3102,7 @@ packages: - ts-node - utf-8-validate - /@jest/core@28.1.3: + /@jest/core@28.1.3(ts-node@10.9.1): resolution: {integrity: sha512-CIKBrlaKOzA7YG19BEqCw3SLIsEwjZkeJzf5bdooVnW4bH5cktqe3JX+G2YV1aK5vP8N9na1IGWFzYaTp6k6NA==} engines: {node: ^12.13.0 || ^14.15.0 || ^16.10.0 || >=17.0.0} peerDependencies: @@ -3121,7 +3123,7 @@ packages: exit: 0.1.2 graceful-fs: 4.2.11 jest-changed-files: 28.1.3 - jest-config: 28.1.3(@types/node@20.4.9) + jest-config: 28.1.3(@types/node@20.4.9)(ts-node@10.9.1) jest-haste-map: 28.1.3 jest-message-util: 28.1.3 jest-regex-util: 28.0.2 @@ -3506,7 +3508,6 @@ packages: dependencies: '@jridgewell/resolve-uri': 3.1.0 '@jridgewell/sourcemap-codec': 1.4.15 - dev: false /@manypkg/find-root@1.1.0: resolution: {integrity: sha512-mki5uBvhHzO8kYYix/WRy2WX8S3B5wdVSc9D6KcU5lQNglP2yt58/VfLuAK49glRXChosY8ap2oJ1qgma3GUVA==} @@ -4833,19 +4834,15 @@ packages: /@tsconfig/node10@1.0.9: resolution: {integrity: sha512-jNsYVVxU8v5g43Erja32laIDHXeoNvFEpX33OK4d6hljo3jDhCBDhx5dhCCTMWUojscpAagGiRkBKxpdl9fxqA==} - dev: false /@tsconfig/node12@1.0.11: resolution: {integrity: sha512-cqefuRsh12pWyGsIoBKJA9luFu3mRxCA+ORZvA4ktLSzIuCUtWVxGIuXigEwO5/ywWFMZ2QEGKWvkZG1zDMTag==} - dev: false /@tsconfig/node14@1.0.3: resolution: {integrity: sha512-ysT8mhdixWK6Hw3i1V2AeRqZ5WfXg1G43mqoYlM2nc6388Fq5jcXyr5mRsqViLx/GJYdoL0bfXD8nmF+Zn/Iow==} - dev: false /@tsconfig/node16@1.0.4: resolution: {integrity: sha512-vxhUy4J8lyeyinH7Azl1pdd43GJhZH/tP2weN8TntQblOY+A0XbT8DJk1/oCPuOOyg/Ja757rG0CgHcWC8OfMA==} - dev: false /@types/acorn@4.0.6: resolution: {integrity: sha512-veQTnWP+1D/xbxVrPC3zHnCZRjSrKfhbMUlEA43iMZLu7EsnTtkJklIuwrCPbOi8YkvDQAiW05VQQFvvz9oieQ==} @@ -5423,7 +5420,6 @@ packages: /acorn-walk@8.2.0: resolution: {integrity: sha512-k+iyHEuPgSw6SbuDpGQM+06HQUa04DZ3o+F6CSzXMvvI5KMvnaEqXe+YVe555R9nn6GPt404fos4wcgpw12SDA==} engines: {node: '>=0.4.0'} - dev: false /acorn@7.4.1: resolution: {integrity: sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A==} @@ -9100,7 +9096,7 @@ packages: - supports-color dev: true - /jest-cli@27.5.1: + /jest-cli@27.5.1(ts-node@10.9.1): resolution: {integrity: sha512-Hc6HOOwYq4/74/c62dEE3r5elx8wjYqxY0r0G/nFrLDPMFRu6RA/u8qINOIkvhxG7mMQ5EJsOGfRpI8L6eFUVw==} engines: {node: ^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0} hasBin: true @@ -9110,14 +9106,14 @@ packages: node-notifier: optional: true dependencies: - '@jest/core': 27.5.1 + '@jest/core': 27.5.1(ts-node@10.9.1) '@jest/test-result': 27.5.1 '@jest/types': 27.5.1 chalk: 4.1.2 exit: 0.1.2 graceful-fs: 4.2.11 import-local: 3.1.0 - jest-config: 27.5.1 + jest-config: 27.5.1(ts-node@10.9.1) jest-util: 27.5.1 jest-validate: 27.5.1 prompts: 2.4.2 @@ -9129,7 +9125,7 @@ packages: - ts-node - utf-8-validate - /jest-cli@28.1.3: + /jest-cli@28.1.3(@types/node@20.4.9)(ts-node@10.9.1): resolution: {integrity: sha512-roY3kvrv57Azn1yPgdTebPAXvdR2xfezaKKYzVxZ6It/5NCxzJym6tUI5P1zkdWhfUYkxEI9uZWcQdaFLo8mJQ==} engines: {node: ^12.13.0 || ^14.15.0 || ^16.10.0 || >=17.0.0} hasBin: true @@ -9139,14 +9135,14 @@ packages: node-notifier: optional: true dependencies: - '@jest/core': 28.1.3 + '@jest/core': 28.1.3(ts-node@10.9.1) '@jest/test-result': 28.1.3 '@jest/types': 28.1.3 chalk: 4.1.2 exit: 0.1.2 graceful-fs: 4.2.11 import-local: 3.1.0 - jest-config: 28.1.3(@types/node@20.4.9) + jest-config: 28.1.3(@types/node@20.4.9)(ts-node@10.9.1) jest-util: 28.1.3 jest-validate: 28.1.3 prompts: 2.4.2 @@ -9157,7 +9153,7 @@ packages: - ts-node dev: true - /jest-config@27.5.1: + /jest-config@27.5.1(ts-node@10.9.1): resolution: {integrity: sha512-5sAsjm6tGdsVbW9ahcChPAFCk4IlkQUknH5AvKjuLTSlcO/wCZKyFdn7Rg0EkC+OGgWODEy2hDpWB1PgzH0JNA==} engines: {node: ^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0} peerDependencies: @@ -9190,13 +9186,14 @@ packages: pretty-format: 27.5.1 slash: 3.0.0 strip-json-comments: 3.1.1 + ts-node: 10.9.1(@types/node@20.4.9)(typescript@5.1.6) transitivePeerDependencies: - bufferutil - canvas - supports-color - utf-8-validate - /jest-config@28.1.3(@types/node@20.4.9): + /jest-config@28.1.3(@types/node@20.4.9)(ts-node@10.9.1): resolution: {integrity: sha512-MG3INjByJ0J4AsNBm7T3hsuxKQqFIiRo/AUqb1q9LRKI5UU6Aar9JHbr9Ivn1TVwfUD9KirRoM/T6u8XlcQPHQ==} engines: {node: ^12.13.0 || ^14.15.0 || ^16.10.0 || >=17.0.0} peerDependencies: @@ -9231,6 +9228,7 @@ packages: pretty-format: 28.1.3 slash: 3.0.0 strip-json-comments: 3.1.1 + ts-node: 10.9.1(@types/node@20.4.9)(typescript@5.1.6) transitivePeerDependencies: - supports-color dev: true @@ -9953,7 +9951,7 @@ packages: supports-color: 8.1.1 dev: true - /jest@27.5.1: + /jest@27.5.1(ts-node@10.9.1): resolution: {integrity: sha512-Yn0mADZB89zTtjkPJEXwrac3LHudkQMR+Paqa8uxJHCBr9agxztUifWCyiYrjhMPBoUVBjyny0I7XH6ozDr7QQ==} engines: {node: ^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0} hasBin: true @@ -9963,9 +9961,9 @@ packages: node-notifier: optional: true dependencies: - '@jest/core': 27.5.1 + '@jest/core': 27.5.1(ts-node@10.9.1) import-local: 3.1.0 - jest-cli: 27.5.1 + jest-cli: 27.5.1(ts-node@10.9.1) transitivePeerDependencies: - bufferutil - canvas @@ -9973,7 +9971,7 @@ packages: - ts-node - utf-8-validate - /jest@28.1.3: + /jest@28.1.3(@types/node@20.4.9)(ts-node@10.9.1): resolution: {integrity: sha512-N4GT5on8UkZgH0O5LUavMRV1EDEhNTL0KEfRmDIeZHSV7p2XgLoY9t9VDUgL6o+yfdgYHVxuz81G8oB9VG5uyA==} engines: {node: ^12.13.0 || ^14.15.0 || ^16.10.0 || >=17.0.0} hasBin: true @@ -9983,10 +9981,10 @@ packages: node-notifier: optional: true dependencies: - '@jest/core': 28.1.3 + '@jest/core': 28.1.3(ts-node@10.9.1) '@jest/types': 28.1.3 import-local: 3.1.0 - jest-cli: 28.1.3 + jest-cli: 28.1.3(@types/node@20.4.9)(ts-node@10.9.1) transitivePeerDependencies: - '@types/node' - supports-color @@ -11731,7 +11729,7 @@ packages: postcss: 8.4.27 dev: false - /postcss-load-config@3.1.4(postcss@8.4.27): + /postcss-load-config@3.1.4(postcss@8.4.27)(ts-node@10.9.1): resolution: {integrity: sha512-6DiM4E7v4coTE4uzA8U//WhtPwyhiim3eyjEMFCnUpzbrkK9wJHgKDT2mR+HbtSrd/NubVaYTOpSpjUl8NQeRg==} engines: {node: '>= 10'} peerDependencies: @@ -11745,6 +11743,7 @@ packages: dependencies: lilconfig: 2.1.0 postcss: 8.4.27 + ts-node: 10.9.1(@types/node@20.4.9)(typescript@5.1.6) yaml: 1.10.2 dev: true @@ -12044,7 +12043,7 @@ packages: dnd-core: 14.0.0 dev: false - /react-dnd@14.0.3(@types/react@18.2.19)(react@18.2.0): + /react-dnd@14.0.3(@types/node@20.4.9)(@types/react@18.2.19)(react@18.2.0): resolution: {integrity: sha512-i73Hx5SKfDRdwXe30+CjF/DidiRdt/gwpPN14ajkPR20t/0osnNKFNHg3DLV6RZym+DJ0pO9H5APeMsBWGU3+Q==} peerDependencies: '@types/hoist-non-react-statics': '>= 3.3.1' @@ -12061,6 +12060,7 @@ packages: dependencies: '@react-dnd/invariant': 2.0.0 '@react-dnd/shallowequal': 2.0.0 + '@types/node': 20.4.9 '@types/react': 18.2.19 dnd-core: 14.0.0 fast-deep-equal: 3.1.3 @@ -12988,7 +12988,7 @@ packages: peerDependencies: jest: '>=16' dependencies: - jest: 27.5.1 + jest: 27.5.1(ts-node@10.9.1) jest-diff: 29.6.2 jest-snapshot: 29.6.2 pretty-format: 29.6.2 @@ -13788,7 +13788,6 @@ packages: typescript: 5.1.6 v8-compile-cache-lib: 3.0.1 yn: 3.1.1 - dev: false /ts-node@9.1.1(typescript@5.1.6): resolution: {integrity: sha512-hPlt7ZACERQGf03M253ytLY3dHbGNGrAq9qIHWUY9XHYl1z7wYngSr3OQ5xmui8o2AaxsONxIzjafLUiWBo1Fg==} @@ -13929,7 +13928,7 @@ packages: dependencies: is-typedarray: 1.0.0 - /typescript-plugin-css-modules@5.0.1(typescript@5.1.6): + /typescript-plugin-css-modules@5.0.1(ts-node@10.9.1)(typescript@5.1.6): resolution: {integrity: sha512-hKXObfwfjx2/myRq4JeQ8D3xIWYTFqusi0hS/Aka7RFX1xQEoEkdOGDWyXNb8LmObawsUzbI30gQnZvqYXCrkA==} peerDependencies: typescript: '>=4.0.0' @@ -13941,7 +13940,7 @@ packages: less: 4.1.3 lodash.camelcase: 4.3.0 postcss: 8.4.27 - postcss-load-config: 3.1.4(postcss@8.4.27) + postcss-load-config: 3.1.4(postcss@8.4.27)(ts-node@10.9.1) postcss-modules-extract-imports: 3.0.0(postcss@8.4.27) postcss-modules-local-by-default: 4.0.3(postcss@8.4.27) postcss-modules-scope: 3.0.0(postcss@8.4.27) @@ -14173,7 +14172,6 @@ packages: /v8-compile-cache-lib@3.0.1: resolution: {integrity: sha512-wa7YjyUGfNZngI/vtK0UHAN+lgDCxBPCylVXGp0zu59Fz5aiGtNXaq3DhIov063MorB+VfufLh3JlF2KdTK3xg==} - dev: false /v8-compile-cache@2.3.0: resolution: {integrity: sha512-l8lCEmLcLYZh4nbunNZvQCJc5pv7+RCwa8q/LdUx8u7lsWvPDKmpodJAJNwkAhJC//dFY48KuIEmjtd4RViDrA==}