From 889eaab791ec3dabbdc77d154598c065f46dc6d0 Mon Sep 17 00:00:00 2001 From: Thien Do <5953369+thien-do@users.noreply.github.com> Date: Tue, 23 Jul 2024 22:50:47 +0700 Subject: [PATCH] move docs --- docs/.gitignore | 2 - docs/.storybook/main.js | 27 ----- docs/.storybook/manager.js | 12 --- docs/.storybook/preview.css | 80 -------------- docs/.storybook/preview.js | 44 -------- docs/.storybook/syntax.css | 100 ------------------ docs/.storybook/theme.js | 46 -------- docs/.storybook/typography.css | 48 --------- docs/package.json | 37 ------- docs/tsconfig.json | 5 - .../color/background/background.module.css | 0 .../color/background/background.stories.mdx | 0 .../docs}/color/background/background.tsx | 0 .../docs}/color/border/border.module.css | 0 .../docs}/color/border/border.stories.mdx | 0 .../src => src/docs}/color/border/border.tsx | 0 .../docs}/color/category/category.module.css | 0 .../docs}/color/category/category.stories.mdx | 0 .../docs}/color/category/category.tsx | 0 .../src => src/docs}/color/color.stories.mdx | 0 .../docs}/color/sample/sample.module.css | 0 .../src => src/docs}/color/sample/sample.tsx | 0 .../docs}/color/static/grid.module.css | 0 {docs/src => src/docs}/color/static/grid.tsx | 0 .../docs}/color/static/sample.module.css | 0 .../src => src/docs}/color/static/sample.tsx | 0 .../docs}/color/static/static.stories.mdx | 0 .../docs}/color/static/table.module.css | 0 {docs/src => src/docs}/color/static/table.tsx | 0 .../docs}/color/text/text.module.css | 0 .../docs}/color/text/text.stories.mdx | 0 {docs/src => src/docs}/color/text/text.tsx | 0 .../docs}/components/button-group.stories.tsx | 0 .../docs}/components/button.stories.tsx | 0 .../docs}/components/checkbox.stories.tsx | 0 .../docs}/components/date-input.stories.tsx | 0 .../docs}/components/dialog.stories.tsx | 0 .../docs}/components/empty.stories.tsx.bk | 0 .../docs}/components/icon.stories.tsx | 0 .../docs}/components/input.stories.tsx | 0 .../docs}/components/menu.stories.tsx | 0 .../docs}/components/pagination.stories.tsx | 0 .../docs}/components/pane.stories.tsx | 0 .../docs}/components/popover.stories.tsx | 0 .../components/progress-circle.stories.tsx | 0 .../docs}/components/radio-group-fake.tsx | 0 .../docs}/components/radio-group.stories.tsx | 0 .../docs}/components/radio.stories.tsx | 0 .../docs}/components/select-fake.tsx | 0 .../docs}/components/select.stories.tsx | 0 .../docs}/components/step.stories.tsx | 0 .../docs}/components/switcher-fake.tsx | 0 .../docs}/components/switcher.stories.tsx | 0 .../src => src/docs}/components/tab-fake.tsx | 0 .../docs}/components/tab.stories.tsx | 0 .../docs}/components/table-fake.tsx | 0 .../docs}/components/table.stories.tsx | 0 .../docs}/components/tag.stories.tsx | 0 .../docs}/components/text-area.stories.tsx | 0 .../docs}/components/time-input.stories.tsx | 0 .../docs}/components/toast-fake.tsx | 0 .../docs}/components/toast.stories.tsx | 0 .../docs}/components/tooltip.stories.tsx | 0 .../docs}/components/tree.stories.tsx | 0 {docs/src => src/docs}/global.d.ts | 0 .../docs}/guides/extension.stories.mdx | 0 .../docs}/guides/gallery.stories.mdx | 0 .../docs}/guides/principles.stories.mdx | 0 .../docs}/guides/proper-start.stories.mdx | 0 .../docs}/guides/quick-start.stories.mdx | 0 .../docs}/guides/showcase.stories.mdx | 0 .../docs}/patterns/form.stories.tsx | 0 .../docs}/patterns/icon.stories.tsx | 0 {docs/src => src/docs}/utils/arg.ts | 0 {docs/src => src/docs}/utils/example.ts | 0 .../docs}/utils/page/component.module.css | 0 .../src => src/docs}/utils/page/component.tsx | 0 {docs/src => src/docs}/utils/page/pattern.tsx | 0 {docs/src => src/docs}/utils/placement.ts | 0 {docs/src => src/docs}/utils/story.ts | 0 {docs/src => src/docs}/utils/utils.tsx | 0 81 files changed, 401 deletions(-) delete mode 100644 docs/.gitignore delete mode 100644 docs/.storybook/main.js delete mode 100644 docs/.storybook/manager.js delete mode 100644 docs/.storybook/preview.css delete mode 100644 docs/.storybook/preview.js delete mode 100644 docs/.storybook/syntax.css delete mode 100644 docs/.storybook/theme.js delete mode 100644 docs/.storybook/typography.css delete mode 100644 docs/package.json delete mode 100644 docs/tsconfig.json rename {docs/src => src/docs}/color/background/background.module.css (100%) rename {docs/src => src/docs}/color/background/background.stories.mdx (100%) rename {docs/src => src/docs}/color/background/background.tsx (100%) rename {docs/src => src/docs}/color/border/border.module.css (100%) rename {docs/src => src/docs}/color/border/border.stories.mdx (100%) rename {docs/src => src/docs}/color/border/border.tsx (100%) rename {docs/src => src/docs}/color/category/category.module.css (100%) rename {docs/src => src/docs}/color/category/category.stories.mdx (100%) rename {docs/src => src/docs}/color/category/category.tsx (100%) rename {docs/src => src/docs}/color/color.stories.mdx (100%) rename {docs/src => src/docs}/color/sample/sample.module.css (100%) rename {docs/src => src/docs}/color/sample/sample.tsx (100%) rename {docs/src => src/docs}/color/static/grid.module.css (100%) rename {docs/src => src/docs}/color/static/grid.tsx (100%) rename {docs/src => src/docs}/color/static/sample.module.css (100%) rename {docs/src => src/docs}/color/static/sample.tsx (100%) rename {docs/src => src/docs}/color/static/static.stories.mdx (100%) rename {docs/src => src/docs}/color/static/table.module.css (100%) rename {docs/src => src/docs}/color/static/table.tsx (100%) rename {docs/src => src/docs}/color/text/text.module.css (100%) rename {docs/src => src/docs}/color/text/text.stories.mdx (100%) rename {docs/src => src/docs}/color/text/text.tsx (100%) rename {docs/src => src/docs}/components/button-group.stories.tsx (100%) rename {docs/src => src/docs}/components/button.stories.tsx (100%) rename {docs/src => src/docs}/components/checkbox.stories.tsx (100%) rename {docs/src => src/docs}/components/date-input.stories.tsx (100%) rename {docs/src => src/docs}/components/dialog.stories.tsx (100%) rename {docs/src => src/docs}/components/empty.stories.tsx.bk (100%) rename {docs/src => src/docs}/components/icon.stories.tsx (100%) rename {docs/src => src/docs}/components/input.stories.tsx (100%) rename {docs/src => src/docs}/components/menu.stories.tsx (100%) rename {docs/src => src/docs}/components/pagination.stories.tsx (100%) rename {docs/src => src/docs}/components/pane.stories.tsx (100%) rename {docs/src => src/docs}/components/popover.stories.tsx (100%) rename {docs/src => src/docs}/components/progress-circle.stories.tsx (100%) rename {docs/src => src/docs}/components/radio-group-fake.tsx (100%) rename {docs/src => src/docs}/components/radio-group.stories.tsx (100%) rename {docs/src => src/docs}/components/radio.stories.tsx (100%) rename {docs/src => src/docs}/components/select-fake.tsx (100%) rename {docs/src => src/docs}/components/select.stories.tsx (100%) rename {docs/src => src/docs}/components/step.stories.tsx (100%) rename {docs/src => src/docs}/components/switcher-fake.tsx (100%) rename {docs/src => src/docs}/components/switcher.stories.tsx (100%) rename {docs/src => src/docs}/components/tab-fake.tsx (100%) rename {docs/src => src/docs}/components/tab.stories.tsx (100%) rename {docs/src => src/docs}/components/table-fake.tsx (100%) rename {docs/src => src/docs}/components/table.stories.tsx (100%) rename {docs/src => src/docs}/components/tag.stories.tsx (100%) rename {docs/src => src/docs}/components/text-area.stories.tsx (100%) rename {docs/src => src/docs}/components/time-input.stories.tsx (100%) rename {docs/src => src/docs}/components/toast-fake.tsx (100%) rename {docs/src => src/docs}/components/toast.stories.tsx (100%) rename {docs/src => src/docs}/components/tooltip.stories.tsx (100%) rename {docs/src => src/docs}/components/tree.stories.tsx (100%) rename {docs/src => src/docs}/global.d.ts (100%) rename {docs/src => src/docs}/guides/extension.stories.mdx (100%) rename {docs/src => src/docs}/guides/gallery.stories.mdx (100%) rename {docs/src => src/docs}/guides/principles.stories.mdx (100%) rename {docs/src => src/docs}/guides/proper-start.stories.mdx (100%) rename {docs/src => src/docs}/guides/quick-start.stories.mdx (100%) rename {docs/src => src/docs}/guides/showcase.stories.mdx (100%) rename {docs/src => src/docs}/patterns/form.stories.tsx (100%) rename {docs/src => src/docs}/patterns/icon.stories.tsx (100%) rename {docs/src => src/docs}/utils/arg.ts (100%) rename {docs/src => src/docs}/utils/example.ts (100%) rename {docs/src => src/docs}/utils/page/component.module.css (100%) rename {docs/src => src/docs}/utils/page/component.tsx (100%) rename {docs/src => src/docs}/utils/page/pattern.tsx (100%) rename {docs/src => src/docs}/utils/placement.ts (100%) rename {docs/src => src/docs}/utils/story.ts (100%) rename {docs/src => src/docs}/utils/utils.tsx (100%) diff --git a/docs/.gitignore b/docs/.gitignore deleted file mode 100644 index 8368fdb7..00000000 --- a/docs/.gitignore +++ /dev/null @@ -1,2 +0,0 @@ -/node_modules -/public diff --git a/docs/.storybook/main.js b/docs/.storybook/main.js deleted file mode 100644 index 26193fad..00000000 --- a/docs/.storybook/main.js +++ /dev/null @@ -1,27 +0,0 @@ -// https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#deprecated-implicit-postcss-loader -const postcss = { - name: "@storybook/addon-postcss", - options: { - postcssLoaderOptions: { - implementation: require("postcss"), - postcssOptions: { - plugins: [require("postcss-import"), require("autoprefixer")], - }, - }, - cssLoaderOptions: { modules: { auto: true } }, - }, -}; - -// https://github.com/storybookjs/storybook/issues/14805#issuecomment-846523937 -const babel = async (options) => { - const path = "@babel/plugin-proposal-private-property-in-object"; - const plugin = [require.resolve(path), { loose: true }]; - return { ...options, plugins: [...options.plugins, plugin] }; -}; - -/** @type {import("@storybook/core/types/index").StorybookConfig} */ -module.exports = { - stories: ["../src/**/*.stories.@(ts|tsx|mdx)"], - addons: ["@storybook/addon-docs", postcss, "storybook-dark-mode"], - babel: babel, -}; diff --git a/docs/.storybook/manager.js b/docs/.storybook/manager.js deleted file mode 100644 index 2cfc0e1b..00000000 --- a/docs/.storybook/manager.js +++ /dev/null @@ -1,12 +0,0 @@ -import { addons } from "@storybook/addons"; -// Use the remote font since the manager is not set up to import local fonts -// (i.e. woff2 files) -import "../../core/font/remote.css"; - -addons.setConfig({ - initialActive: "addons", - previewTabs: { - "storybook/docs/panel": "Docs", - canvas: { hidden: true, disabled: true }, - }, -}); diff --git a/docs/.storybook/preview.css b/docs/.storybook/preview.css deleted file mode 100644 index 3275e0a2..00000000 --- a/docs/.storybook/preview.css +++ /dev/null @@ -1,80 +0,0 @@ -html { - tab-size: 4; -} - -.sbdocs-p, -.sbdocs-ul { - max-width: 640px; -} - -code:not(#x), -.sbdocs-code:not(#x) { - color: inherit; -} - -.sbdocs-blockquote:not(.x) { - border-color: var(--border-strong); -} - -.sbdocs-blockquote .sbdocs-p { - font-style: italic; - color: var(--text-muted); -} - -/* Hide the "Stories" heading */ -.sbdocs-h2#stories { - display: none; -} - -.sbdocs-wrapper:not(.x) { - padding: 24px; - background-color: var(--background-strong); -} - -.sbdocs-preview:not(.x) { - background-color: var(--background-strong); - box-shadow: none; - border: solid 2px var(--border-weak); -} - -.sbdocs-code:not(.x) { - display: inline; -} - -.docblock-argstable:not(#x) { - table-layout: fixed; - margin-left: 0; - margin-right: 0; -} - -.docblock-argstable-body:not(#x) { - box-shadow: none; - border: solid 2px var(--border-weak); -} - -/* "name" column */ -.docblock-argstable-head:not(#x) th:nth-of-type(1) { - width: 20%; -} - -/* "description" column */ -.docblock-argstable-head:not(#x) th:nth-of-type(2) { - width: 60%; -} - -/* "default" column */ -.docblock-argstable-head:not(.x) th:nth-of-type(3), -.docblock-argstable-body:not(.x) td:nth-of-type(3) { - display: none; -} - -/* "controls" column */ -.docblock-argstable-head:not(#x) th:nth-of-type(4) { - width: 20%; -} - -/* Category header */ -.docblock-argstable:not(.x) tbody td[colspan="1"], -.docblock-argstable:not(.x) tbody td[colspan="3"] { - background-color: var(--border-weak) !important; -} diff --git a/docs/.storybook/preview.js b/docs/.storybook/preview.js deleted file mode 100644 index 4eb95deb..00000000 --- a/docs/.storybook/preview.js +++ /dev/null @@ -1,44 +0,0 @@ -import * as D from "@storybook/addon-docs/blocks"; -import { useDarkMode } from "storybook-dark-mode"; -import "../../core/font/remote.css"; -import "../../core/src/global/global.css"; -// This is kind of a temporary workaround.. it's necessary because @moai/gallery -// does not use the src of core like the docs, but instead use the dist build -import "@moai/core/dist/bundle.css"; -import "./preview.css"; -import "./syntax.css"; -import { darkTheme, lightTheme } from "./theme"; -import "./typography.css"; - -const Container = (props) => { - const dark = useDarkMode(); - const context = { ...props.context }; - context.parameters = { ...context.parameters }; - context.parameters.docs = { ...context.parameters.docs }; - context.parameters.docs.theme = dark ? darkTheme : lightTheme; - return ; -}; - -export const parameters = { - docs: { - container: Container, - }, - darkMode: { - stylePreview: true, - classTarget: "html", - light: lightTheme, - dark: darkTheme, - }, - viewMode: "docs", - options: { - storySort: { - method: "alphabetical", - order: [ - "Intro", - ["Quick Start", "Proper Start"], - "Patterns", - "Components", - ], - }, - }, -}; diff --git a/docs/.storybook/syntax.css b/docs/.storybook/syntax.css deleted file mode 100644 index 3ba7b2b1..00000000 --- a/docs/.storybook/syntax.css +++ /dev/null @@ -1,100 +0,0 @@ -@import url("https://fonts.googleapis.com/css2?family=Source+Code+Pro&display=swap"); - -/* Standalone source code */ -.docblock-source:not(.x), -/* Source code inside a description */ -.sbdocs-pre:not(.x) > div { - background-color: var(--background-weak); - border: solid 2px var(--border-weak); - box-shadow: none; -} - -.prismjs:not(#x) { - font-size: 15px; - line-height: 21px; - color: var(--text-normal); -} - -/* Source code of a story */ -.docs-story + div:last-child { - background-color: var(--background-weak); - border-top: solid 2px var(--border-weak); -} - -/* We should have this alone */ -.prismjs:not(#x) code, -/* But Storybook set this so we also need to override it */ -.token:not(#x) { - font-family: "Source Code Pro", monospace; - font-weight: 400; -} - -.light .token:not(#x).selector, -.light .token:not(#x).tag { - color: #22863a; -} -.light .token:not(#x).attr-value, -.light .token:not(#x).string { - color: #032f62; -} -.light .token:not(#x).rule, -.light .token:not(#x).keyword { - color: #d73a49; -} -.light .token:not(#x).variable, -.light .token:not(#x).class-name, -.light .token:not(#x).type-definition, -.light .token:not(#x).maybe-class-name, -.light .token:not(#x).function { - color: #6f42c1; -} -.light .token:not(#x).doctype, -.light .token:not(#x).doctype-tag, -.light .token:not(#x).attr-name, -.light .token:not(#x).property, -.light .token:not(#x).number, -.light .token:not(#x).constant, -.light .token:not(#x).operator, -.light .token:not(#x).property-access, -.light .token:not(#x).boolean { - color: #005cc5; -} -.light .token:not(#x).punctuation, -.light .token:not(#x).comment { - color: #6a737d; -} - -.dark .token:not(#x).selector, -.dark .token:not(#x).tag { - color: #7ec699; -} -.dark .token:not(#x).attr-value, -.dark .token:not(#x).string { - color: #67cdcc; -} -.dark .token:not(#x).rule, -.dark .token:not(#x).keyword { - color: #e2777a; -} -.dark .token:not(#x).variable, -.dark .token:not(#x).class-name, -.dark .token:not(#x).type-definition, -.dark .token:not(#x).maybe-class-name, -.dark .token:not(#x).function { - color: #cc99cd; -} -.dark .token:not(#x).doctype, -.dark .token:not(#x).doctype-tag, -.dark .token:not(#x).attr-name, -.dark .token:not(#x).property, -.dark .token:not(#x).number, -.dark .token:not(#x).constant, -.dark .token:not(#x).operator, -.dark .token:not(#x).property-access, -.dark .token:not(#x).boolean { - color: #6196cc; -} -.dark .token:not(#x).punctuation, -.dark .token:not(#x).comment { - color: #999; -} diff --git a/docs/.storybook/theme.js b/docs/.storybook/theme.js deleted file mode 100644 index 0de6829f..00000000 --- a/docs/.storybook/theme.js +++ /dev/null @@ -1,46 +0,0 @@ -import { create } from "@storybook/theming"; - -const common = { - // Highlight color - colorPrimary: "hsl(199, 89%, 48%)", // highlight-5 - colorSecondary: "hsl(199, 89%, 48%)", // highlight-5 - // Typography - fontBase: '"Inter var", sans-serif', - // Branding - brandTitle: "Moai UI kit", - brandUrl: "https://moai.thien.do", -}; - -export const lightTheme = create({ - ...common, - base: "light", - // UI - appBg: "hsl(235, 18%, 98%)", // gray-0 - appContentBg: "hsl(0, 0%, 100%)", // white - appBorderColor: "hsl(216, 12%, 77%)", // gray-2 - appBorderRadius: 2, - // Text colors - textColor: "hsl(216, 13%, 15%)", // gray-8 - textMutedColor: "hsl(220, 09%, 46%)", // gray-4 - // Toolbar default and active colors - barTextColor: "hsl(216, 13%, 15%)", // gray-8 - barSelectedColor: "hsl(216, 13%, 15%)", // gray-8 - barBg: "hsl(0, 0%, 100%)", // white -}); - -export const darkTheme = create({ - ...common, - base: "dark", - // UI - appBg: "hsl(216, 13%, 15%)", // gray-8 - appContentBg: "hsl(220, 13%, 18%)", // gray-7 - appBorderColor: "hsl(220, 09%, 46%)", // gray-4 - appBorderRadius: 2, - // Text colors - textColor: "hsl(235, 18%, 98%)", // gray-0 - textMutedColor: "hsl(218, 11%, 65%)", // gray-3 - // Toolbar default and active colors - barTextColor: "hsl(235, 18%, 98%)", // gray-0 - barSelectedColor: "hsl(235, 18%, 98%)", // gray-0 - barBg: "hsl(220, 13%, 18%)", // gray-7 -}); diff --git a/docs/.storybook/typography.css b/docs/.storybook/typography.css deleted file mode 100644 index b876ecbb..00000000 --- a/docs/.storybook/typography.css +++ /dev/null @@ -1,48 +0,0 @@ -/* Vertical rhythm */ -.sbdocs-p:not(#x), -.sbdocs-title:not(.x), -.sbdocs-h1:not(#x), -.sbdocs-h2:not(#x), -.docblock-source:not(#x), -.sbdocs-ul:not(#x), -.sbdocs-ol:not(#x), -.sbdocs-preview:not(#x) { - margin: 24px 0; -} - -.sbdocs-h3:not(#x) { - margin: 48px 0 24px; -} - -/* Body text */ -.sbdocs-code:not(.x), -.sbdocs-p:not(.x), -.sbdocs-li:not(.x), -.docblock-argstable:not(#x) { - font-size: 16px; - line-height: 28px; -} - -/* 1st heading */ -.sbdocs-title:not(.x), -.sbdocs-h1:not(.x) { - font-weight: 700; - font-size: 30px; - line-height: 30px; -} - -/* 2nd heading */ -.sbdocs-h2:not(.x) { - padding: 0; - font-weight: 600; - font-size: 24px; - line-height: 24px; - border: none; -} - -/* 3rd heading */ -.sbdocs-h3:not(.x) { - font-weight: 600; - font-size: 20px; - line-height: 20px; -} diff --git a/docs/package.json b/docs/package.json deleted file mode 100644 index 8097f6ee..00000000 --- a/docs/package.json +++ /dev/null @@ -1,37 +0,0 @@ -{ - "name": "@moai/docs", - "private": true, - "version": "1.0.0", - "description": "Storybook Docs of Moai 🗿", - "scripts": { - "_start": "start-storybook --no-manager-cache -p 6006", - "_build": "build-storybook -c .storybook -o public" - }, - "repository": { - "type": "git", - "url": "git+https://github.com/moaijs/moai.git" - }, - "license": "MIT", - "homepage": "https://moai.thien.do", - "email": "moai@thien.do", - "dependencies": { - "@babel/core": "^7.14.8", - "@storybook/addon-docs": "^6.3.6", - "@storybook/addon-postcss": "^2.0.0", - "@storybook/react": "^6.3.6", - "@storybook/theming": "^6.3.6", - "@types/color": "^3.0.2", - "autoprefixer": "^10.3.1", - "color": "^3.2.1", - "formik": "^2.2.9", - "postcss": "^8.3.6", - "postcss-import": "^14.0.2", - "react": "^17.0.2", - "react-dom": "^17.0.2", - "react-hook-form": "^7.12.2", - "react-icons": "^4.2.0", - "storybook-dark-mode": "^1.0.8", - "typescript": "^4.3.4", - "webpack": "^5.47.1" - } -} diff --git a/docs/tsconfig.json b/docs/tsconfig.json deleted file mode 100644 index c2ee9973..00000000 --- a/docs/tsconfig.json +++ /dev/null @@ -1,5 +0,0 @@ -{ - "extends": "../tsconfig.json", - "references": [{ "path": "../core" }, { "path": "../gallery" }], - "include": ["src/**/*"] -} diff --git a/docs/src/color/background/background.module.css b/src/docs/color/background/background.module.css similarity index 100% rename from docs/src/color/background/background.module.css rename to src/docs/color/background/background.module.css diff --git a/docs/src/color/background/background.stories.mdx b/src/docs/color/background/background.stories.mdx similarity index 100% rename from docs/src/color/background/background.stories.mdx rename to src/docs/color/background/background.stories.mdx diff --git a/docs/src/color/background/background.tsx b/src/docs/color/background/background.tsx similarity index 100% rename from docs/src/color/background/background.tsx rename to src/docs/color/background/background.tsx diff --git a/docs/src/color/border/border.module.css b/src/docs/color/border/border.module.css similarity index 100% rename from docs/src/color/border/border.module.css rename to src/docs/color/border/border.module.css diff --git a/docs/src/color/border/border.stories.mdx b/src/docs/color/border/border.stories.mdx similarity index 100% rename from docs/src/color/border/border.stories.mdx rename to src/docs/color/border/border.stories.mdx diff --git a/docs/src/color/border/border.tsx b/src/docs/color/border/border.tsx similarity index 100% rename from docs/src/color/border/border.tsx rename to src/docs/color/border/border.tsx diff --git a/docs/src/color/category/category.module.css b/src/docs/color/category/category.module.css similarity index 100% rename from docs/src/color/category/category.module.css rename to src/docs/color/category/category.module.css diff --git a/docs/src/color/category/category.stories.mdx b/src/docs/color/category/category.stories.mdx similarity index 100% rename from docs/src/color/category/category.stories.mdx rename to src/docs/color/category/category.stories.mdx diff --git a/docs/src/color/category/category.tsx b/src/docs/color/category/category.tsx similarity index 100% rename from docs/src/color/category/category.tsx rename to src/docs/color/category/category.tsx diff --git a/docs/src/color/color.stories.mdx b/src/docs/color/color.stories.mdx similarity index 100% rename from docs/src/color/color.stories.mdx rename to src/docs/color/color.stories.mdx diff --git a/docs/src/color/sample/sample.module.css b/src/docs/color/sample/sample.module.css similarity index 100% rename from docs/src/color/sample/sample.module.css rename to src/docs/color/sample/sample.module.css diff --git a/docs/src/color/sample/sample.tsx b/src/docs/color/sample/sample.tsx similarity index 100% rename from docs/src/color/sample/sample.tsx rename to src/docs/color/sample/sample.tsx diff --git a/docs/src/color/static/grid.module.css b/src/docs/color/static/grid.module.css similarity index 100% rename from docs/src/color/static/grid.module.css rename to src/docs/color/static/grid.module.css diff --git a/docs/src/color/static/grid.tsx b/src/docs/color/static/grid.tsx similarity index 100% rename from docs/src/color/static/grid.tsx rename to src/docs/color/static/grid.tsx diff --git a/docs/src/color/static/sample.module.css b/src/docs/color/static/sample.module.css similarity index 100% rename from docs/src/color/static/sample.module.css rename to src/docs/color/static/sample.module.css diff --git a/docs/src/color/static/sample.tsx b/src/docs/color/static/sample.tsx similarity index 100% rename from docs/src/color/static/sample.tsx rename to src/docs/color/static/sample.tsx diff --git a/docs/src/color/static/static.stories.mdx b/src/docs/color/static/static.stories.mdx similarity index 100% rename from docs/src/color/static/static.stories.mdx rename to src/docs/color/static/static.stories.mdx diff --git a/docs/src/color/static/table.module.css b/src/docs/color/static/table.module.css similarity index 100% rename from docs/src/color/static/table.module.css rename to src/docs/color/static/table.module.css diff --git a/docs/src/color/static/table.tsx b/src/docs/color/static/table.tsx similarity index 100% rename from docs/src/color/static/table.tsx rename to src/docs/color/static/table.tsx diff --git a/docs/src/color/text/text.module.css b/src/docs/color/text/text.module.css similarity index 100% rename from docs/src/color/text/text.module.css rename to src/docs/color/text/text.module.css diff --git a/docs/src/color/text/text.stories.mdx b/src/docs/color/text/text.stories.mdx similarity index 100% rename from docs/src/color/text/text.stories.mdx rename to src/docs/color/text/text.stories.mdx diff --git a/docs/src/color/text/text.tsx b/src/docs/color/text/text.tsx similarity index 100% rename from docs/src/color/text/text.tsx rename to src/docs/color/text/text.tsx diff --git a/docs/src/components/button-group.stories.tsx b/src/docs/components/button-group.stories.tsx similarity index 100% rename from docs/src/components/button-group.stories.tsx rename to src/docs/components/button-group.stories.tsx diff --git a/docs/src/components/button.stories.tsx b/src/docs/components/button.stories.tsx similarity index 100% rename from docs/src/components/button.stories.tsx rename to src/docs/components/button.stories.tsx diff --git a/docs/src/components/checkbox.stories.tsx b/src/docs/components/checkbox.stories.tsx similarity index 100% rename from docs/src/components/checkbox.stories.tsx rename to src/docs/components/checkbox.stories.tsx diff --git a/docs/src/components/date-input.stories.tsx b/src/docs/components/date-input.stories.tsx similarity index 100% rename from docs/src/components/date-input.stories.tsx rename to src/docs/components/date-input.stories.tsx diff --git a/docs/src/components/dialog.stories.tsx b/src/docs/components/dialog.stories.tsx similarity index 100% rename from docs/src/components/dialog.stories.tsx rename to src/docs/components/dialog.stories.tsx diff --git a/docs/src/components/empty.stories.tsx.bk b/src/docs/components/empty.stories.tsx.bk similarity index 100% rename from docs/src/components/empty.stories.tsx.bk rename to src/docs/components/empty.stories.tsx.bk diff --git a/docs/src/components/icon.stories.tsx b/src/docs/components/icon.stories.tsx similarity index 100% rename from docs/src/components/icon.stories.tsx rename to src/docs/components/icon.stories.tsx diff --git a/docs/src/components/input.stories.tsx b/src/docs/components/input.stories.tsx similarity index 100% rename from docs/src/components/input.stories.tsx rename to src/docs/components/input.stories.tsx diff --git a/docs/src/components/menu.stories.tsx b/src/docs/components/menu.stories.tsx similarity index 100% rename from docs/src/components/menu.stories.tsx rename to src/docs/components/menu.stories.tsx diff --git a/docs/src/components/pagination.stories.tsx b/src/docs/components/pagination.stories.tsx similarity index 100% rename from docs/src/components/pagination.stories.tsx rename to src/docs/components/pagination.stories.tsx diff --git a/docs/src/components/pane.stories.tsx b/src/docs/components/pane.stories.tsx similarity index 100% rename from docs/src/components/pane.stories.tsx rename to src/docs/components/pane.stories.tsx diff --git a/docs/src/components/popover.stories.tsx b/src/docs/components/popover.stories.tsx similarity index 100% rename from docs/src/components/popover.stories.tsx rename to src/docs/components/popover.stories.tsx diff --git a/docs/src/components/progress-circle.stories.tsx b/src/docs/components/progress-circle.stories.tsx similarity index 100% rename from docs/src/components/progress-circle.stories.tsx rename to src/docs/components/progress-circle.stories.tsx diff --git a/docs/src/components/radio-group-fake.tsx b/src/docs/components/radio-group-fake.tsx similarity index 100% rename from docs/src/components/radio-group-fake.tsx rename to src/docs/components/radio-group-fake.tsx diff --git a/docs/src/components/radio-group.stories.tsx b/src/docs/components/radio-group.stories.tsx similarity index 100% rename from docs/src/components/radio-group.stories.tsx rename to src/docs/components/radio-group.stories.tsx diff --git a/docs/src/components/radio.stories.tsx b/src/docs/components/radio.stories.tsx similarity index 100% rename from docs/src/components/radio.stories.tsx rename to src/docs/components/radio.stories.tsx diff --git a/docs/src/components/select-fake.tsx b/src/docs/components/select-fake.tsx similarity index 100% rename from docs/src/components/select-fake.tsx rename to src/docs/components/select-fake.tsx diff --git a/docs/src/components/select.stories.tsx b/src/docs/components/select.stories.tsx similarity index 100% rename from docs/src/components/select.stories.tsx rename to src/docs/components/select.stories.tsx diff --git a/docs/src/components/step.stories.tsx b/src/docs/components/step.stories.tsx similarity index 100% rename from docs/src/components/step.stories.tsx rename to src/docs/components/step.stories.tsx diff --git a/docs/src/components/switcher-fake.tsx b/src/docs/components/switcher-fake.tsx similarity index 100% rename from docs/src/components/switcher-fake.tsx rename to src/docs/components/switcher-fake.tsx diff --git a/docs/src/components/switcher.stories.tsx b/src/docs/components/switcher.stories.tsx similarity index 100% rename from docs/src/components/switcher.stories.tsx rename to src/docs/components/switcher.stories.tsx diff --git a/docs/src/components/tab-fake.tsx b/src/docs/components/tab-fake.tsx similarity index 100% rename from docs/src/components/tab-fake.tsx rename to src/docs/components/tab-fake.tsx diff --git a/docs/src/components/tab.stories.tsx b/src/docs/components/tab.stories.tsx similarity index 100% rename from docs/src/components/tab.stories.tsx rename to src/docs/components/tab.stories.tsx diff --git a/docs/src/components/table-fake.tsx b/src/docs/components/table-fake.tsx similarity index 100% rename from docs/src/components/table-fake.tsx rename to src/docs/components/table-fake.tsx diff --git a/docs/src/components/table.stories.tsx b/src/docs/components/table.stories.tsx similarity index 100% rename from docs/src/components/table.stories.tsx rename to src/docs/components/table.stories.tsx diff --git a/docs/src/components/tag.stories.tsx b/src/docs/components/tag.stories.tsx similarity index 100% rename from docs/src/components/tag.stories.tsx rename to src/docs/components/tag.stories.tsx diff --git a/docs/src/components/text-area.stories.tsx b/src/docs/components/text-area.stories.tsx similarity index 100% rename from docs/src/components/text-area.stories.tsx rename to src/docs/components/text-area.stories.tsx diff --git a/docs/src/components/time-input.stories.tsx b/src/docs/components/time-input.stories.tsx similarity index 100% rename from docs/src/components/time-input.stories.tsx rename to src/docs/components/time-input.stories.tsx diff --git a/docs/src/components/toast-fake.tsx b/src/docs/components/toast-fake.tsx similarity index 100% rename from docs/src/components/toast-fake.tsx rename to src/docs/components/toast-fake.tsx diff --git a/docs/src/components/toast.stories.tsx b/src/docs/components/toast.stories.tsx similarity index 100% rename from docs/src/components/toast.stories.tsx rename to src/docs/components/toast.stories.tsx diff --git a/docs/src/components/tooltip.stories.tsx b/src/docs/components/tooltip.stories.tsx similarity index 100% rename from docs/src/components/tooltip.stories.tsx rename to src/docs/components/tooltip.stories.tsx diff --git a/docs/src/components/tree.stories.tsx b/src/docs/components/tree.stories.tsx similarity index 100% rename from docs/src/components/tree.stories.tsx rename to src/docs/components/tree.stories.tsx diff --git a/docs/src/global.d.ts b/src/docs/global.d.ts similarity index 100% rename from docs/src/global.d.ts rename to src/docs/global.d.ts diff --git a/docs/src/guides/extension.stories.mdx b/src/docs/guides/extension.stories.mdx similarity index 100% rename from docs/src/guides/extension.stories.mdx rename to src/docs/guides/extension.stories.mdx diff --git a/docs/src/guides/gallery.stories.mdx b/src/docs/guides/gallery.stories.mdx similarity index 100% rename from docs/src/guides/gallery.stories.mdx rename to src/docs/guides/gallery.stories.mdx diff --git a/docs/src/guides/principles.stories.mdx b/src/docs/guides/principles.stories.mdx similarity index 100% rename from docs/src/guides/principles.stories.mdx rename to src/docs/guides/principles.stories.mdx diff --git a/docs/src/guides/proper-start.stories.mdx b/src/docs/guides/proper-start.stories.mdx similarity index 100% rename from docs/src/guides/proper-start.stories.mdx rename to src/docs/guides/proper-start.stories.mdx diff --git a/docs/src/guides/quick-start.stories.mdx b/src/docs/guides/quick-start.stories.mdx similarity index 100% rename from docs/src/guides/quick-start.stories.mdx rename to src/docs/guides/quick-start.stories.mdx diff --git a/docs/src/guides/showcase.stories.mdx b/src/docs/guides/showcase.stories.mdx similarity index 100% rename from docs/src/guides/showcase.stories.mdx rename to src/docs/guides/showcase.stories.mdx diff --git a/docs/src/patterns/form.stories.tsx b/src/docs/patterns/form.stories.tsx similarity index 100% rename from docs/src/patterns/form.stories.tsx rename to src/docs/patterns/form.stories.tsx diff --git a/docs/src/patterns/icon.stories.tsx b/src/docs/patterns/icon.stories.tsx similarity index 100% rename from docs/src/patterns/icon.stories.tsx rename to src/docs/patterns/icon.stories.tsx diff --git a/docs/src/utils/arg.ts b/src/docs/utils/arg.ts similarity index 100% rename from docs/src/utils/arg.ts rename to src/docs/utils/arg.ts diff --git a/docs/src/utils/example.ts b/src/docs/utils/example.ts similarity index 100% rename from docs/src/utils/example.ts rename to src/docs/utils/example.ts diff --git a/docs/src/utils/page/component.module.css b/src/docs/utils/page/component.module.css similarity index 100% rename from docs/src/utils/page/component.module.css rename to src/docs/utils/page/component.module.css diff --git a/docs/src/utils/page/component.tsx b/src/docs/utils/page/component.tsx similarity index 100% rename from docs/src/utils/page/component.tsx rename to src/docs/utils/page/component.tsx diff --git a/docs/src/utils/page/pattern.tsx b/src/docs/utils/page/pattern.tsx similarity index 100% rename from docs/src/utils/page/pattern.tsx rename to src/docs/utils/page/pattern.tsx diff --git a/docs/src/utils/placement.ts b/src/docs/utils/placement.ts similarity index 100% rename from docs/src/utils/placement.ts rename to src/docs/utils/placement.ts diff --git a/docs/src/utils/story.ts b/src/docs/utils/story.ts similarity index 100% rename from docs/src/utils/story.ts rename to src/docs/utils/story.ts diff --git a/docs/src/utils/utils.tsx b/src/docs/utils/utils.tsx similarity index 100% rename from docs/src/utils/utils.tsx rename to src/docs/utils/utils.tsx