sykpcomposer 0.0.6 → 0.0.7

package/dist/src/vite-env.d.ts

@@ -1 +1 @@
-/// <reference types="vite/client" />
+/// <reference types="vite/client" />

package/dist/style.css

@@ -1 +1 @@
-body{margin:0;background:#eee;font-family:system-ui,-apple-system,BlinkMacSystemFont,".SFNSText-Regular",sans-serif;font-weight:500;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.other h2{font-size:18px;color:#444;margin-bottom:7px}.other a{color:#777;text-decoration:underline;font-size:14px}.other ul{padding:0;margin:0;list-style-type:none}.App{font-family:sans-serif;text-align:center}h1{font-size:24px;color:#333}.ltr{text-align:left}.rtl{text-align:right}.editor-container{background:#fff;border-radius:10px 10px 8px 8px;color:#000;position:relative;line-height:20px;font-weight:400;text-align:left}.editor-inner{background:#fff;position:relative;border-radius:5px;width:816px;height:1156px}.editor-input{margin:.67px;min-height:150px;resize:none;font-size:14.666666666666666px;caret-color:#050505;font-family:Times New Roman;position:relative;-moz-tab-size:1;-o-tab-size:1;tab-size:1;outline:0;caret-color:#444}.editor-placeholder{color:#999;overflow:hidden;position:absolute;text-overflow:ellipsis;font-family:Times New Roman;top:.67px;font-size:14.666666666666666px;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:inline-block;pointer-events:none}.editor-text-bold{font-weight:700}.editor-text-italic{font-style:italic}.editor-text-underline{text-decoration:underline}.editor-text-strikethrough{text-decoration:line-through}.editor-text-underlineStrikethrough{text-decoration:underline line-through}.editor-text-code{background-color:#f0f2f5;padding:1px .25rem;font-family:Times New Roman;font-size:11}.editor-link{color:#216fdb;text-decoration:none}.tree-view-output{display:block;background:#222;color:#fff;padding:5px;font-size:12px;white-space:pre-wrap;margin:1px auto 10px;max-height:250px;position:relative;border-bottom-left-radius:10px;border-bottom-right-radius:10px;overflow:auto;line-height:14px}.editor-code{background-color:#f0f2f5;font-family:Times New Roman;display:block;padding:8px 8px 8px 52px;line-height:1.53;font-size:13px;margin:8px 0;-moz-tab-size:2;-o-tab-size:2;tab-size:2;overflow-x:auto;position:relative}.editor-code:before{content:attr(data-gutter);position:absolute;background-color:#eee;left:0;top:0;border-right:1px solid #ccc;padding:8px;color:#777;white-space:pre-wrap;text-align:right;min-width:25px}.editor-code:after{content:attr(data-highlight-language);top:0;right:3px;padding:3px;font-size:11px;text-transform:uppercase;position:absolute;color:#00000080}.editor-tokenComment{color:#708090}.editor-tokenPunctuation{color:#999}.editor-tokenProperty{color:#905}.editor-tokenSelector{color:#690}.editor-tokenOperator{color:#9a6e3a}.editor-tokenAttr{color:#07a}.editor-tokenVariable{color:#e90}.editor-tokenFunction{color:#dd4a68}.editor-paragraph{margin:0 0 8px;position:relative}.editor-paragraph:last-child{margin-bottom:0}.editor-heading-h1{font-size:24px;color:#050505;font-weight:400;margin:0 0 12px;padding:0}.editor-heading-h2{font-size:15px;color:#65676b;font-weight:700;margin:10px 0 0;padding:0;text-transform:uppercase}.editor-quote{margin:0 0 0 20px;font-size:15px;color:#65676b;border-left-color:#ced0d4;border-left-width:4px;border-left-style:solid;padding-left:16px}.editor-list-ol,.editor-list-ul{padding:0;margin:0 0 0 16px}.editor-listitem{margin:8px 32px}.editor-nested-listitem{list-style-type:none}pre::-webkit-scrollbar{background:transparent;width:10px}pre::-webkit-scrollbar-thumb{background:#999}.debug-timetravel-panel{overflow:hidden;padding:0 0 10px;margin:auto;display:flex}.debug-timetravel-panel-slider{padding:0;flex:8}.debug-timetravel-panel-button{padding:0;border:0;background:none;flex:1;color:#fff;font-size:12px}.debug-timetravel-panel-button:hover{text-decoration:underline}.debug-timetravel-button{border:0;padding:0;font-size:12px;top:10px;right:15px;position:absolute;background:none;color:#fff}.debug-timetravel-button:hover{text-decoration:underline}.toolbar{display:flex;margin-bottom:1px;background:#fff;padding:4px;border-top-left-radius:10px;border-top-right-radius:10px;vertical-align:middle}.toolbar button.toolbar-item{border:0;display:flex;background:none;border-radius:10px;padding:8px;cursor:pointer;vertical-align:middle}.toolbar button.toolbar-item:disabled{cursor:not-allowed}.toolbar button.toolbar-item.spaced{margin-right:2px}.toolbar button.toolbar-item i.format{background-size:contain;display:inline-block;height:18px;width:18px;margin-top:2px;vertical-align:-.25em;display:flex;opacity:.6}.toolbar button.toolbar-item:disabled i.format{opacity:.2}.toolbar button.toolbar-item.active{background-color:#dfe8fa4d}.toolbar button.toolbar-item.active i{opacity:1}.toolbar .toolbar-item:hover:not([disabled]){background-color:#eee}.toolbar .divider{width:1px;background-color:#eee;margin:0 4px}.divider-horizontal{width:1px;background-color:#000;margin:0 4px}.toolbar .toolbar-item .text{display:flex;line-height:20px;width:200px;vertical-align:middle;font-size:11px;color:#777;text-overflow:ellipsis;width:-moz-fit-content;width:fit-content;overflow:hidden;height:20px;text-align:left}.toolbar .toolbar-item .icon{display:flex;width:20px;height:20px;-webkit-user-select:none;-moz-user-select:none;user-select:none;margin-right:8px;line-height:16px;background-size:contain}i.undo{background-image:url(assets/icons/arrow-counterclockwise.svg)}i.redo{background-image:url(assets/icons/arrow-clockwise.svg)}i.bold{background-image:url(assets/icons/type-bold.svg)}i.italic{background-image:url(assets/icons/type-italic.svg)}i.underline{background-image:url(assets/icons/type-underline.svg)}i.strikethrough{background-image:url(assets/icons/type-strikethrough.svg)}i.left-align{background-image:url(assets/icons/text-left.svg)}i.center-align{background-image:url(assets/icons/text-center.svg)}i.right-align{background-image:url(assets/icons/text-right.svg)}i.justify-align{background-image:url(assets/icons/justify.svg)}.dropdown{z-index:100;display:block;position:fixed;box-shadow:0 12px 28px #0003,0 2px 4px #0000001a,inset 0 0 0 1px #ffffff80;border-radius:8px;min-height:40px;background-color:#fff}.dropdown .item{margin:0 8px;padding:8px;color:#050505;cursor:pointer;line-height:16px;font-size:15px;display:flex;align-content:center;flex-direction:row;flex-shrink:0;justify-content:space-between;background-color:#fff;border-radius:8px;border:0;max-width:250px;min-width:100px}.dropdown .item.fontsize-item,.dropdown .item.fontsize-item .text{min-width:unset}.dropdown .item .active{display:flex;width:20px;height:20px;background-size:contain}.dropdown .item:first-child{margin-top:8px}.dropdown .item:last-child{margin-bottom:8px}.dropdown .item:hover{background-color:#eee}.dropdown .item .text{display:flex;line-height:20px;flex-grow:1;min-width:150px}.dropdown .item .icon{display:flex;width:20px;height:20px;-webkit-user-select:none;-moz-user-select:none;user-select:none;margin-right:12px;line-height:16px;background-size:contain;background-position:center;background-repeat:no-repeat}.dropdown .divider{width:auto;background-color:#eee;margin:4px 8px;height:1px}.font-size-input{font-weight:700;font-size:14px;color:#777;border-radius:5px;border-color:gray;height:21px;margin-top:5px;padding:2px 4px;text-align:center;width:20px}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.add-icon{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDEwIDE3Ij4KICAgIDxwYXRoIGZpbGw9IiIgZD0iTTEwIDdINlYzSDR2NEgwdjJoNHY0aDJWOWg0eiIvPgo8L3N2Zz4K);background-repeat:no-repeat;background-position:center}.minus-icon{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZlcnNpb249IjEuMiIgYmFzZVByb2ZpbGU9InRpbnkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDggMTciPgogICAgPHBhdGggZD0iTTAgN2g4djJIMHoiLz4KPC9zdmc+Cg==);background-repeat:no-repeat;background-position:center}button.font-decrement{padding:0;margin-right:3px}button.font-increment{padding:0;margin-left:3px}.Modal__overlay{display:flex;justify-content:center;align-items:center;position:fixed;flex-direction:column;top:0;bottom:0;left:0;right:0;background-color:#28282899;flex-grow:0px;flex-shrink:1px;z-index:100}.Modal__modal{padding:20px;min-height:100px;min-width:300px;display:flex;flex-grow:0px;background-color:#fff;flex-direction:column;position:relative;box-shadow:0 0 20px #444;border-radius:10px}.Modal__title{color:#444;margin:0;padding-bottom:10px;border-bottom:1px solid #ccc}.Modal__closeButton{border:0px;position:absolute;right:20px;border-radius:20px;justify-content:center;align-items:center;display:flex;width:30px;height:30px;text-align:center;cursor:pointer;background-color:#eee}.Modal__closeButton:hover{background-color:#ddd}.Modal__content{padding-top:20px}.Button__root{padding:10px 15px;border:0px;background-color:#eee;border-radius:5px;cursor:pointer;font-size:14px}.Button__root:hover{background-color:#ddd}.Button__small{padding:5px 10px;font-size:13px}.Button__disabled{cursor:not-allowed}.Button__disabled:hover{background-color:#eee}.DialogActions{display:flex;flex-direction:row;justify-content:right;margin-top:20px}.DialogButtonsList{display:flex;flex-direction:column;justify-content:right;margin-top:20px}.DialogButtonsList button{margin-bottom:20px}.Input__wrapper{display:flex;flex-direction:row;align-items:center;margin-bottom:10px}.Input__label{display:flex;flex:1;color:#666}.Input__input{display:flex;flex:2;border:1px solid #999;padding:7px 10px;font-size:16px;border-radius:5px;min-width:0}.ContentEditable__root{border:0;font-size:15px;display:block;position:relative;outline:0;min-height:150px}@media (max-width: 1025px){.ContentEditable__root{padding-left:8px;padding-right:8px}}
+body{margin:0;background:#eee;font-family:system-ui,-apple-system,BlinkMacSystemFont,".SFNSText-Regular",sans-serif;font-weight:500;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.other h2{font-size:18px;color:#444;margin-bottom:7px}.other a{color:#777;text-decoration:underline;font-size:14px}.other ul{padding:0;margin:0;list-style-type:none}.App{font-family:sans-serif;text-align:center}h1{font-size:24px;color:#333}.ltr{text-align:left}.rtl{text-align:right}.editor-container{background:#fff;border-radius:10px 10px 8px 8px;color:#000;position:relative;line-height:20px;font-weight:400;text-align:left}.editor-inner{background:#fff;position:relative;border-radius:5px;width:816px;height:1156px}.editor-input{margin:.67px;min-height:150px;resize:none;font-size:14.666666666666666px;caret-color:#050505;font-family:Times New Roman;position:relative;-moz-tab-size:1;-o-tab-size:1;tab-size:1;outline:0;caret-color:#444}.editor-placeholder{color:#999;overflow:hidden;position:absolute;text-overflow:ellipsis;font-family:Times New Roman;top:.67px;font-size:14.666666666666666px;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:inline-block;pointer-events:none}.editor-text-bold{font-weight:700}.editor-text-italic{font-style:italic}.editor-text-underline{text-decoration:underline}.editor-text-strikethrough{text-decoration:line-through}.editor-text-underlineStrikethrough{text-decoration:underline line-through}.editor-text-code{background-color:#f0f2f5;padding:1px .25rem;font-family:Times New Roman;font-size:11}.editor-link{color:#216fdb;text-decoration:none}.tree-view-output{display:block;background:#222;color:#fff;padding:5px;font-size:12px;white-space:pre-wrap;margin:1px auto 10px;max-height:250px;position:relative;border-bottom-left-radius:10px;border-bottom-right-radius:10px;overflow:auto;line-height:14px}.editor-code{background-color:#f0f2f5;font-family:Times New Roman;display:block;padding:8px 8px 8px 52px;line-height:1.53;font-size:13px;margin:8px 0;-moz-tab-size:2;-o-tab-size:2;tab-size:2;overflow-x:auto;position:relative}.editor-code:before{content:attr(data-gutter);position:absolute;background-color:#eee;left:0;top:0;border-right:1px solid #ccc;padding:8px;color:#777;white-space:pre-wrap;text-align:right;min-width:25px}.editor-code:after{content:attr(data-highlight-language);top:0;right:3px;padding:3px;font-size:11px;text-transform:uppercase;position:absolute;color:#00000080}.editor-tokenComment{color:#708090}.editor-tokenPunctuation{color:#999}.editor-tokenProperty{color:#905}.editor-tokenSelector{color:#690}.editor-tokenOperator{color:#9a6e3a}.editor-tokenAttr{color:#07a}.editor-tokenVariable{color:#e90}.editor-tokenFunction{color:#dd4a68}.editor-paragraph{margin:0 0 8px;position:relative}.editor-paragraph:last-child{margin-bottom:0}.editor-heading-h1{font-size:24px;color:#050505;font-weight:400;margin:0 0 12px;padding:0}.editor-heading-h2{font-size:15px;color:#65676b;font-weight:700;margin:10px 0 0;padding:0;text-transform:uppercase}.editor-quote{margin:0 0 0 20px;font-size:15px;color:#65676b;border-left-color:#ced0d4;border-left-width:4px;border-left-style:solid;padding-left:16px}.editor-list-ol,.editor-list-ul{padding:0;margin:0 0 0 16px}.editor-listitem{margin:8px 32px}.editor-nested-listitem{list-style-type:none}pre::-webkit-scrollbar{background:transparent;width:10px}pre::-webkit-scrollbar-thumb{background:#999}.debug-timetravel-panel{overflow:hidden;padding:0 0 10px;margin:auto;display:flex}.debug-timetravel-panel-slider{padding:0;flex:8}.debug-timetravel-panel-button{padding:0;border:0;background:none;flex:1;color:#fff;font-size:12px}.debug-timetravel-panel-button:hover{text-decoration:underline}.debug-timetravel-button{border:0;padding:0;font-size:12px;top:10px;right:15px;position:absolute;background:none;color:#fff}.debug-timetravel-button:hover{text-decoration:underline}.toolbar{display:flex;margin-bottom:1px;background:#fff;padding:4px;border-top-left-radius:10px;border-top-right-radius:10px;vertical-align:middle}.toolbar button.toolbar-item{border:0;display:flex;background:none;border-radius:10px;padding:8px;cursor:pointer;vertical-align:middle}.toolbar button.toolbar-item:disabled{cursor:not-allowed}.toolbar button.toolbar-item.spaced{margin-right:2px}.toolbar button.toolbar-item i.format{background-size:contain;display:inline-block;height:18px;width:18px;margin-top:2px;vertical-align:-.25em;display:flex;opacity:.6}.toolbar button.toolbar-item:disabled i.format{opacity:.2}.toolbar button.toolbar-item.active{background-color:#dfe8fa4d}.toolbar button.toolbar-item.active i{opacity:1}.toolbar .toolbar-item:hover:not([disabled]){background-color:#eee}.toolbar .divider{width:1px;background-color:#eee;margin:0 4px}.divider-horizontal{width:1px;background-color:#000;margin:0 4px}.toolbar .toolbar-item .text{display:flex;line-height:20px;width:200px;vertical-align:middle;font-size:11px;color:#777;text-overflow:ellipsis;width:-moz-fit-content;width:fit-content;overflow:hidden;height:20px;text-align:left}.toolbar .toolbar-item .icon{display:flex;width:20px;height:20px;-webkit-user-select:none;-moz-user-select:none;user-select:none;margin-right:8px;line-height:16px;background-size:contain}i.undo{background-image:url(assets/icons/arrow-counterclockwise.svg)}i.redo{background-image:url(assets/icons/arrow-clockwise.svg)}i.bold{background-image:url(assets/icons/type-bold.svg)}i.italic{background-image:url(assets/icons/type-italic.svg)}i.underline{background-image:url(assets/icons/type-underline.svg)}i.strikethrough{background-image:url(assets/icons/type-strikethrough.svg)}i.left-align{background-image:url(assets/icons/text-left.svg)}i.center-align{background-image:url(assets/icons/text-center.svg)}i.right-align{background-image:url(assets/icons/text-right.svg)}i.justify-align{background-image:url(assets/icons/justify.svg)}.dropdown{z-index:100;display:block;position:fixed;box-shadow:0 12px 28px #0003,0 2px 4px #0000001a,inset 0 0 0 1px #ffffff80;border-radius:8px;min-height:40px;background-color:#fff}.dropdown .item{margin:0 8px;padding:8px;color:#050505;cursor:pointer;line-height:16px;font-size:15px;display:flex;align-content:center;flex-direction:row;flex-shrink:0;justify-content:space-between;background-color:#fff;border-radius:8px;border:0;max-width:250px;min-width:100px}.dropdown .item.fontsize-item,.dropdown .item.fontsize-item .text{min-width:unset}.dropdown .item .active{display:flex;width:20px;height:20px;background-size:contain}.dropdown .item:first-child{margin-top:8px}.dropdown .item:last-child{margin-bottom:8px}.dropdown .item:hover{background-color:#eee}.dropdown .item .text{display:flex;line-height:20px;flex-grow:1;min-width:150px}.dropdown .item .icon{display:flex;width:20px;height:20px;-webkit-user-select:none;-moz-user-select:none;user-select:none;margin-right:12px;line-height:16px;background-size:contain;background-position:center;background-repeat:no-repeat}.dropdown .divider{width:auto;background-color:#eee;margin:4px 8px;height:1px}.font-size-input{font-weight:700;font-size:14px;color:#777;border-radius:5px;border-color:gray;height:21px;margin-top:5px;padding:2px 4px;text-align:center;width:20px}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.add-icon{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDEwIDE3Ij4NCiAgICA8cGF0aCBmaWxsPSIiIGQ9Ik0xMCA3SDZWM0g0djRIMHYyaDR2NGgyVjloNHoiLz4NCjwvc3ZnPg0K);background-repeat:no-repeat;background-position:center}.minus-icon{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZlcnNpb249IjEuMiIgYmFzZVByb2ZpbGU9InRpbnkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDggMTciPg0KICAgIDxwYXRoIGQ9Ik0wIDdoOHYySDB6Ii8+DQo8L3N2Zz4NCg==);background-repeat:no-repeat;background-position:center}button.font-decrement{padding:0;margin-right:3px}button.font-increment{padding:0;margin-left:3px}.Modal__overlay{display:flex;justify-content:center;align-items:center;position:fixed;flex-direction:column;top:0;bottom:0;left:0;right:0;background-color:#28282899;flex-grow:0px;flex-shrink:1px;z-index:100}.Modal__modal{padding:20px;min-height:100px;min-width:300px;display:flex;flex-grow:0px;background-color:#fff;flex-direction:column;position:relative;box-shadow:0 0 20px #444;border-radius:10px}.Modal__title{color:#444;margin:0;padding-bottom:10px;border-bottom:1px solid #ccc}.Modal__closeButton{border:0px;position:absolute;right:20px;border-radius:20px;justify-content:center;align-items:center;display:flex;width:30px;height:30px;text-align:center;cursor:pointer;background-color:#eee}.Modal__closeButton:hover{background-color:#ddd}.Modal__content{padding-top:20px}.Button__root{padding:10px 15px;border:0px;background-color:#eee;border-radius:5px;cursor:pointer;font-size:14px}.Button__root:hover{background-color:#ddd}.Button__small{padding:5px 10px;font-size:13px}.Button__disabled{cursor:not-allowed}.Button__disabled:hover{background-color:#eee}.DialogActions{display:flex;flex-direction:row;justify-content:right;margin-top:20px}.DialogButtonsList{display:flex;flex-direction:column;justify-content:right;margin-top:20px}.DialogButtonsList button{margin-bottom:20px}.Input__wrapper{display:flex;flex-direction:row;align-items:center;margin-bottom:10px}.Input__label{display:flex;flex:1;color:#666}.Input__input{display:flex;flex:2;border:1px solid #999;padding:7px 10px;font-size:16px;border-radius:5px;min-width:0}.ContentEditable__root{border:0;font-size:15px;display:block;position:relative;outline:0;min-height:150px}@media (max-width: 1025px){.ContentEditable__root{padding-left:8px;padding-right:8px}}

package/package.json

@@ -1,45 +1,45 @@
-{
-  "name": "sykpcomposer",
-  "private": false,
-  "version": "0.0.6",
-  "type": "module",
-  "main": "dist/index.umd.js",
-  "module": "dist/index.es.js",
-  "types": "dist/index.d.ts",
-  "exports": {
-    ".": {
-      "import": "./dist/index.es.js",
-      "require": "./dist/index.umd.js",
-      "types": "./dist/index.d.ts"
-    }
-  },
-  "files": [
-    "/dist"
-  ],
-  "publishConfig": {
-    "access": "public"
-  },
-  "scripts": {
-    "dev": "vite",
-    "build": "tsc && vite build",
-    "prepare": "npm run build",
-    "preview": "vite preview"
-  },
-  "dependencies": {
-    "@lexical/react": "^0.17.1",
-    "lexical": "^0.17.1",
-   "react": "^17.0.2",
-   "react-dom": "^17.0.2",
-    "tailwindcss": "^3.2.4"
-  },
-  "devDependencies": {
-    "@types/react": "^18.0.26",
-    "@types/react-dom": "^18.0.9",
-    "@vitejs/plugin-react-swc": "^3.0.0",
-    "autoprefixer": "^10.4.13",
-    "postcss": "^8.4.20",
-    "typescript": "^4.9.3",
-    "vite": "^4.0.0",
-    "vite-plugin-dts": "^1.7.1"
-  }
-}
+{
+  "name": "sykpcomposer",
+  "private": false,
+  "version": "0.0.7",
+  "type": "module",
+  "main": "dist/index.umd.js",
+  "module": "dist/index.es.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/index.es.js",
+      "require": "./dist/index.umd.js",
+      "types": "./dist/index.d.ts"
+    }
+  },
+  "files": [
+    "/dist"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc && vite build",
+    "prepare": "npm run build",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "@lexical/react": "^0.17.1",
+    "lexical": "^0.17.1",
+   "react": "^17.0.2",
+   "react-dom": "^17.0.2",
+    "tailwindcss": "^3.2.4"
+  },
+  "devDependencies": {
+    "@types/react": "^18.0.26",
+    "@types/react-dom": "^18.0.9",
+    "@vitejs/plugin-react-swc": "^3.0.0",
+    "autoprefixer": "^10.4.13",
+    "postcss": "^8.4.20",
+    "typescript": "^4.9.3",
+    "vite": "^4.0.0",
+    "vite-plugin-dts": "^1.7.1"
+  }
+}