@soul-refiner/design-system 2.14.2 → 2.14.3

package/dist/components/editor/context.js

@@ -1 +1 @@
-"use strict";var React=require("react");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React);const EditorContext=React__default.default.createContext({commentInputLoader:()=>React__default.default.createElement(React__default.default.Fragment,null),commentLoader:()=>React__default.default.createElement(React__default.default.Fragment,null),handleVideoClick:()=>{},imageSrcLoader:async()=>"",videoTitleLoader:()=>React__default.default.createElement(React__default.default.Fragment,null),filterComponent:void 0,defaultFilter:"",hideShowAnswersButton:!1});exports.EditorContext=EditorContext;
+"use strict";var React=require("react");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React);const EditorContext=React__default.default.createContext({commentInputLoader:()=>React__default.default.createElement(React__default.default.Fragment,null),commentLoader:()=>React__default.default.createElement(React__default.default.Fragment,null),handleVideoClick:()=>{},imageSrcLoader:async()=>"",videoTitleLoader:()=>React__default.default.createElement(React__default.default.Fragment,null),filterComponent:void 0,defaultFilter:"",hideShowAnswersButton:!1,showAnswersBelowInput:!1});exports.EditorContext=EditorContext;

package/dist/components/editor/editor.js

@@ -1,5 +1,5 @@
 "use client";
-"use strict";var React=require("react"),styled=require("styled-components"),plate=require("@udecode/plate"),constants=require("./constants.js"),context=require("./context.js"),navbar=require("./navbar/navbar.js"),plate$1=require("./plugins/plate.js"),blocks=require("./plugins/blocks/blocks.js"),leafs=require("./plugins/leafs/leafs.js"),marks=require("./plugins/marks/marks.js"),utils=require("./plugins/utils/utils.js");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React);const plugins=plate.createPlugins([...blocks.blocks,...leafs.leafs,...marks.marks,...utils.utils],{components:plate$1.plateUI}),Editor=({commentInputLoader:e,commentLoader:t,editable:a,handleVideoClick:l,imageSrcLoader:o,onChange:r,previousContent:n,defaultFilter:i,videoTitleLoader:s,filterComponent:d,hideShowAnswersButton:u})=>React__default.default.createElement(context.EditorContext.Provider,{value:{commentInputLoader:e,commentLoader:t,handleVideoClick:l,imageSrcLoader:o,videoTitleLoader:s,defaultFilter:i,filterComponent:d,hideShowAnswersButton:u}},React__default.default.createElement(plate.Plate,{id:"main",initialValue:n,onChange:r,plugins:plugins},React__default.default.createElement(Wrapper,null,a&&React__default.default.createElement(navbar.EditorBar,null),React__default.default.createElement(plate.PlateContent,{id:"main",autoFocus:!0,placeholder:constants.PLACEHOLDER,readOnly:!a,spellCheck:!0,onContextMenu:e=>e.preventDefault(),onCopy:()=>{if("clipboard"in navigator)return navigator.clipboard.writeText("")}})))),Wrapper=styled.styled.div`
+"use strict";var React=require("react"),styled=require("styled-components"),plate=require("@udecode/plate"),constants=require("./constants.js"),context=require("./context.js"),navbar=require("./navbar/navbar.js"),plate$1=require("./plugins/plate.js"),blocks=require("./plugins/blocks/blocks.js"),leafs=require("./plugins/leafs/leafs.js"),marks=require("./plugins/marks/marks.js"),utils=require("./plugins/utils/utils.js");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React);const plugins=plate.createPlugins([...blocks.blocks,...leafs.leafs,...marks.marks,...utils.utils],{components:plate$1.plateUI}),Editor=({commentInputLoader:e,commentLoader:t,editable:a,handleVideoClick:l,imageSrcLoader:o,onChange:r,previousContent:n,defaultFilter:i,videoTitleLoader:s,filterComponent:u,hideShowAnswersButton:d,showAnswersBelowInput:c})=>React__default.default.createElement(context.EditorContext.Provider,{value:{commentInputLoader:e,commentLoader:t,handleVideoClick:l,imageSrcLoader:o,videoTitleLoader:s,defaultFilter:i,filterComponent:u,hideShowAnswersButton:d,showAnswersBelowInput:c}},React__default.default.createElement(plate.Plate,{id:"main",initialValue:n,onChange:r,plugins:plugins},React__default.default.createElement(Wrapper,null,a&&React__default.default.createElement(navbar.EditorBar,null),React__default.default.createElement(plate.PlateContent,{id:"main",autoFocus:!0,placeholder:constants.PLACEHOLDER,readOnly:!a,spellCheck:!0,onContextMenu:e=>e.preventDefault(),onCopy:()=>{if("clipboard"in navigator)return navigator.clipboard.writeText("")}})))),Wrapper=styled.styled.div`
   * {
     font-family: var(--font-inter);
     outline: none;

package/dist/components/editor/plugins/blocks/qa.js

@@ -1,4 +1,4 @@
-"use strict";var React=require("react"),plate=require("@udecode/plate"),styled=require("styled-components"),constants=require("../../constants.js"),context=require("../../context.js"),button=require("../../../actions/button/button.js"),box=require("../../../atoms/box/box.js"),hide=require("../../../atoms/hide/hide.js"),heading=require("../../../atoms/typography/heading.js"),chevron_down=require("../../../../icons/arrow/chevron_down.js"),chevron_up=require("../../../../icons/arrow/chevron_up.js");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React);const QuestionAnswerElement=React__default.default.forwardRef(({children:e,element:t,...a},n)=>{var r=t["questionAnswerId"];const{defaultFilter:o="",commentInputLoader:l,commentLoader:u,filterComponent:d,hideShowAnswersButton:c}=React__default.default.useContext(context.EditorContext),[i,s]=React__default.default.useState(!1),[f,_]=React__default.default.useState(o);var m=React__default.default.useCallback(e=>{const t=e.currentTarget.getAttribute("data-value");_(e=>e===t?o:t)},[]),p=React__default.default.useCallback(()=>_(o),[]);return React__default.default.createElement(plate.PlateElement,{asChild:!0,element:t,ref:n,...a},React__default.default.createElement(React.Fragment,null,React__default.default.createElement(Question,null,React__default.default.createElement(heading.H,{as:"p",$fontSize:18,$lineHeight:26,$mediumBold:!0},e)),React__default.default.createElement(box.Box,{$dir:"column",$gap:"medium",sx:"padding: 8px 24px;",contentEditable:!1},(!c||d)&&React__default.default.createElement(box.Box,{sx:"width: 100%",$justify:"space-between"},!c&&React__default.default.createElement(button.Button,{as:"div",icon:i?React__default.default.createElement(chevron_up.ChevronUp,{color:"grey-3"}):React__default.default.createElement(chevron_down.ChevronDown,{color:"grey-3"}),onClick:()=>s(e=>!e),size:"small",sx:`
+"use strict";var React=require("react"),plate=require("@udecode/plate"),styled=require("styled-components"),constants=require("../../constants.js"),context=require("../../context.js"),button=require("../../../actions/button/button.js"),box=require("../../../atoms/box/box.js"),hide=require("../../../atoms/hide/hide.js"),heading=require("../../../atoms/typography/heading.js"),chevron_down=require("../../../../icons/arrow/chevron_down.js"),chevron_up=require("../../../../icons/arrow/chevron_up.js");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React);const QuestionAnswerElement=React__default.default.forwardRef(({children:e,element:t,...a},n)=>{var r=t["questionAnswerId"];const{defaultFilter:l="",commentInputLoader:o,commentLoader:u,filterComponent:d,hideShowAnswersButton:c,showAnswersBelowInput:i}=React__default.default.useContext(context.EditorContext),[s,f]=React__default.default.useState(!1),[_,m]=React__default.default.useState(l);var p=React__default.default.useCallback(e=>{const t=e.currentTarget.getAttribute("data-value");m(e=>e===t?l:t)},[]),h=React__default.default.useCallback(()=>m(l),[]);return React__default.default.createElement(plate.PlateElement,{asChild:!0,element:t,ref:n,...a},React__default.default.createElement(React.Fragment,null,React__default.default.createElement(Question,null,React__default.default.createElement(heading.H,{as:"p",$fontSize:18,$lineHeight:26,$mediumBold:!0},e)),React__default.default.createElement(box.Box,{$dir:"column",$gap:"medium",sx:"padding: 8px 24px;",contentEditable:!1},(!c||d)&&React__default.default.createElement(box.Box,{sx:"width: 100%",$justify:"space-between"},!c&&React__default.default.createElement(button.Button,{as:"div",icon:s?React__default.default.createElement(chevron_up.ChevronUp,{color:"grey-3"}):React__default.default.createElement(chevron_down.ChevronDown,{color:"grey-3"}),onClick:()=>f(e=>!e),size:"small",sx:`
             width: fit-content;
             flex-direction: row-reverse;
             color: var(--color-grey-5);
@@ -6,7 +6,7 @@
             &:not(:hover) svg {
               fill: var(--color-grey-3);
             }
-            `,type:"text",contentEditable:!1},i?"Hide answers":"Show answers"),d&&React__default.default.createElement(hide.HideButRender,{show:i},React__default.default.createElement(d,{filter:f,onFilterChange:m,questionAnswerId:r}))),React__default.default.createElement(hide.HideButRender,{show:i},React__default.default.createElement(u,{questionAnswerId:r,filterType:f,resetFilter:p,waitToLoad:!i})),React__default.default.createElement(l,{questionAnswerId:r,onComment:()=>s(!0)}))))}),Question=styled.styled.div`
+            `,type:"text",contentEditable:!1},s?"Hide answers":"Show answers"),d&&React__default.default.createElement(hide.HideButRender,{show:s},React__default.default.createElement(d,{filter:_,onFilterChange:p,questionAnswerId:r}))),!i&&React__default.default.createElement(hide.HideButRender,{show:s},React__default.default.createElement(u,{questionAnswerId:r,filterType:_,resetFilter:h,waitToLoad:!s})),React__default.default.createElement(o,{questionAnswerId:r,onComment:()=>f(!0)}),i&&React__default.default.createElement(hide.HideButRender,{show:s},React__default.default.createElement(u,{questionAnswerId:r,filterType:_,resetFilter:h,waitToLoad:!s})))))}),Question=styled.styled.div`
   margin-bottom: 8px;
   padding: 16px;
   border-left: 8px solid var(--color-hue-blue-1);

package/dist/components/feedback/emojiPicker/sparkle-reaction.js

@@ -1,4 +1,4 @@
-"use strict";var React=require("react"),constants=require("./constants.js"),styled=require("styled-components");function _interopDefaultCompat(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var React__default=_interopDefaultCompat(React),styled__default=_interopDefaultCompat(styled);const SPARKLE_COUNT=25,RING_COUNT=3,ReactionEmoji=({size:d=20,sparkleOnMount:a=!1,coordinates:t})=>{const[e,n]=React__default.default.useState([]),[o,r]=React__default.default.useState([]),[s,l]=React__default.default.useState(!1);var i;return React__default.default.useEffect(()=>{let t;return a&&(l(!0),n((()=>{var a=[];for(let t=0;t<SPARKLE_COUNT;t++){var e=5*Math.random()+6,n=d/2-e/2,o=d/2-e/2,r=constants.RAINBOW_COLORS[Math.floor(Math.random()*constants.RAINBOW_COLORS.length)],s=2*Math.random()*Math.PI,l=d*(.7+.8*Math.random()),i=Math.cos(s)*l,s=Math.sin(s)*l,l=720*Math.random()*(.5<Math.random()?1:-1),c=+Math.random()+.2,n={left:n+"px",top:o+"px",width:e+"px",height:e+"px",backgroundColor:r,animation:`sparkle-fly ${.7+.6*Math.random()}s cubic-bezier(0.1, 0.8, 0.2, 1) forwards`,animationDelay:.2*Math.random()+"s","--tx":i+"px","--ty":s+"px","--rotation":l+"deg","--scale":""+c};a.push(React__default.default.createElement("div",{key:"sparkle-"+t,className:"sparkle star",style:n}))}return a})()),r((()=>{var a=[];for(let t=0;t<RING_COUNT;t++){var e=constants.RAINBOW_COLORS[Math.floor(Math.random()*constants.RAINBOW_COLORS.length)],n=constants.RAINBOW_COLORS[Math.floor(Math.random()*constants.RAINBOW_COLORS.length)],o=constants.RAINBOW_COLORS[Math.floor(Math.random()*constants.RAINBOW_COLORS.length)],e={width:.7*d+"px",height:.7*d+"px",border:"10px solid transparent",borderImage:`linear-gradient(to right, ${e}, ${n}, ${o}) 1`,animation:`ring-expand ${.8+.2*t}s ease-out forwards`,animationDelay:.2*t+"s"};a.push(React__default.default.createElement("div",{key:"ring-"+t,className:"sparkle-ring",style:e}))}return a})()),t=setTimeout(()=>{n([]),r([]),l(!1)},1200)),()=>clearTimeout(t)},[a]),t?(i=t.x/(constants.SPRITE_COLUMNS-1)*100,t=t.y/(constants.SPRITE_COLUMNS-1)*100,React__default.default.createElement(ReactionContainer,{$width:d,$height:d},React__default.default.createElement("div",{className:"reaction-flash "+(s?"active":"")}),React__default.default.createElement("div",{className:"reaction-emoji "+(s?"active":""),style:{width:d,height:d,backgroundImage:`url(${constants.SPRITE_URL})`,backgroundSize:`${constants.SPRITE_SIZE*constants.SPRITE_COLUMNS}% ${constants.SPRITE_SIZE*constants.SPRITE_COLUMNS}%`,backgroundPosition:i+`% ${t}%`}}),React__default.default.createElement("div",{className:"sparkle-container"},e,o))):null},ReactionContainer=styled__default.default.div`
+"use strict";var React=require("react"),constants=require("./constants.js"),styled=require("styled-components");function _interopDefaultCompat(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var React__default=_interopDefaultCompat(React),styled__default=_interopDefaultCompat(styled);const SPARKLE_COUNT=25,RING_COUNT=3,ReactionEmoji=({size:c=20,sparkleOnMount:e=!1,coordinates:t})=>{const[a,n]=React__default.default.useState([]),[o,r]=React__default.default.useState([]),[s,l]=React__default.default.useState(!1);var i;return React__default.default.useEffect(()=>{let t;return e&&(l(!0),n((()=>{var e=[];for(let t=0;t<SPARKLE_COUNT;t++){var a=5*Math.random()+6,n=c/2-a/2,o=c/2-a/2,r=constants.RAINBOW_COLORS[Math.floor(Math.random()*constants.RAINBOW_COLORS.length)],s=2*Math.random()*Math.PI,l=c*(.7+.8*Math.random()),i=Math.cos(s)*l,s=Math.sin(s)*l,l=720*Math.random()*(.5<Math.random()?1:-1),d=+Math.random()+.2,n={left:n+"px",top:o+"px",width:a+"px",height:a+"px",backgroundColor:r,animation:`sparkle-fly ${.7+.6*Math.random()}s cubic-bezier(0.1, 0.8, 0.2, 1) forwards`,animationDelay:.2*Math.random()+"s","--tx":i+"px","--ty":s+"px","--rotation":l+"deg","--scale":""+d};e.push(React__default.default.createElement("div",{key:"sparkle-"+t,className:"sparkle star",style:n}))}return e})()),r((()=>{var e=[];for(let t=0;t<RING_COUNT;t++){var a=constants.RAINBOW_COLORS[Math.floor(Math.random()*constants.RAINBOW_COLORS.length)],n=constants.RAINBOW_COLORS[Math.floor(Math.random()*constants.RAINBOW_COLORS.length)],o=constants.RAINBOW_COLORS[Math.floor(Math.random()*constants.RAINBOW_COLORS.length)],a={width:.7*c+"px",height:.7*c+"px",border:"10px solid transparent",borderImage:`linear-gradient(to right, ${a}, ${n}, ${o}) 1`,animation:`ring-expand ${.8+.2*t}s ease-out forwards`,animationDelay:.2*t+"s"};e.push(React__default.default.createElement("div",{key:"ring-"+t,className:"sparkle-ring",style:a}))}return e})()),t=setTimeout(()=>{n([]),r([]),l(!1)},1200)),()=>clearTimeout(t)},[e]),t?(i=t.x/(constants.SPRITE_COLUMNS-1)*100,t=t.y/(constants.SPRITE_COLUMNS-1)*100,React__default.default.createElement(ReactionContainer,{$width:c,$height:c},React__default.default.createElement("div",{className:"reaction-flash "+(s?"active":"")}),React__default.default.createElement("div",{style:{overflow:"hidden"}},React__default.default.createElement("div",{className:"reaction-emoji "+(s?"active":""),style:{width:c,height:c,backgroundImage:`url(${constants.SPRITE_URL})`,backgroundSize:`${constants.SPRITE_SIZE*constants.SPRITE_COLUMNS}% ${constants.SPRITE_SIZE*constants.SPRITE_COLUMNS}%`,backgroundPosition:i+`% ${t}%`}})),React__default.default.createElement("div",{className:"sparkle-container"},a,o))):null},ReactionContainer=styled__default.default.div`
   width: ${({$width:t})=>t+"px"};
   height: ${({$height:t})=>t+"px"};
   position: relative;

package/dist/src/components/editor/context.d.ts

@@ -25,4 +25,5 @@ export declare const EditorContext: React.Context<{
     filterComponent?: React.ComponentType<FilterComponentProps> | undefined;
     defaultFilter?: string | undefined;
     hideShowAnswersButton?: boolean | undefined;
+    showAnswersBelowInput?: boolean | undefined;
 }>;

package/dist/src/components/editor/editor.d.ts

@@ -15,6 +15,7 @@ export interface EditorProps {
     }) => React.ReactElement;
     filterComponent?: React.ComponentType<FilterComponentProps>;
     hideShowAnswersButton?: boolean;
+    showAnswersBelowInput?: boolean;
 }
 export type EditorContent = TElement;
-export declare const Editor: ({ commentInputLoader, commentLoader, editable, handleVideoClick, imageSrcLoader, onChange, previousContent, defaultFilter, videoTitleLoader, filterComponent, hideShowAnswersButton, }: EditorProps) => React.JSX.Element;
+export declare const Editor: ({ commentInputLoader, commentLoader, editable, handleVideoClick, imageSrcLoader, onChange, previousContent, defaultFilter, videoTitleLoader, filterComponent, hideShowAnswersButton, showAnswersBelowInput, }: EditorProps) => React.JSX.Element;

package/package.json

@@ -1,116 +1,116 @@
-{
-  "name": "@soul-refiner/design-system",
-  "version": "2.14.2",
-  "main": "dist/index.js",
-  "types": "dist/src/index.d.ts",
-  "license": "MIT",
-  "publishConfig": {
-    "registry": "https://registry.npmjs.org"
-  },
-  "include": [
-    "/dist"
-  ],
-  "files": [
-    "dist/**/*"
-  ],
-  "exports": {
-    ".": {
-      "import": {
-        "types": "./dist/src/index.d.ts",
-        "default": "./dist/index.js"
-      }
-    }
-  },
-  "devDependencies": {
-    "@rollup/plugin-commonjs": "^25.0.7",
-    "@rollup/plugin-json": "^6.1.0",
-    "@storybook/addon-essentials": "^7.6.7",
-    "@storybook/addon-interactions": "^7.6.7",
-    "@storybook/addon-links": "^7.6.7",
-    "@storybook/addon-themes": "^7.2.3",
-    "@storybook/addons": "^7.6.7",
-    "@storybook/blocks": "^7.6.7",
-    "@storybook/nextjs": "~7.5.3",
-    "@storybook/preview-api": "^7.6.13",
-    "@storybook/react": "~7.2.1",
-    "@storybook/testing-library": "~0.2.0",
-    "@types/react": "^18.2.48",
-    "@types/react-dom": "18.2.0",
-    "@types/react-show-more-text": "^1.4.5",
-    "@types/react-window": "^1.8.8",
-    "@types/styled-components": "~5.1.26",
-    "chromatic": "~6.17.4",
-    "husky": "~8.0.0",
-    "prettier": "~2.8.8",
-    "pretty-quick": "~3.1.3",
-    "prop-types": "~15.8.1",
-    "rollup": "^4.12.0",
-    "rollup-plugin-node-externals": "^7.0.1",
-    "rollup-plugin-postcss": "^4.0.2",
-    "rollup-plugin-preserve-directives": "^0.4.0",
-    "rollup-plugin-typescript2": "^0.36.0",
-    "rollup-plugin-uglify": "^6.0.4",
-    "storybook": "~7.5.3",
-    "tailwindcss": "^3.4.1",
-    "tsc-alias": "^1.8.8",
-    "tsconfig-paths-webpack-plugin": "~4.0.1",
-    "tslib": "^2.6.2",
-    "typescript": "~5.0.4",
-    "webpack": "~5.89.0"
-  },
-  "scripts": {
-    "build": "yarn rollup --config",
-    "build:tailwind": "npx tailwindcss -i ./src/styles/globals.css -o ./dist/styles/output.css",
-    "format": "prettier --write .",
-    "storybook": "yarn build:tailwind && storybook dev -p 6006",
-    "build-storybook": "storybook build",
-    "prepare": "husky install"
-  },
-  "dependencies": {
-    "@emoji-mart/data": "^1.2.1",
-    "@emoji-mart/react": "^1.1.1",
-    "@emotion/react": "^11.11.4",
-    "@emotion/styled": "^11.11.0",
-    "@mui/material": "^5.15.13",
-    "@mui/x-date-pickers": "^6.19.6",
-    "@radix-ui/react-dropdown-menu": "^2.0.6",
-    "@radix-ui/react-popover": "^1.0.7",
-    "@radix-ui/react-separator": "^1.0.3",
-    "@radix-ui/react-slot": "^1.0.2",
-    "@radix-ui/react-tooltip": "^1.0.7",
-    "@udecode/cn": "~29.0.1",
-    "@udecode/plate": "^30.6.1",
-    "@udecode/react-utils": "^29.0.1",
-    "class-variance-authority": "~0.7.0",
-    "date-fns": "^3.4.0",
-    "emoji-mart": "~5.5.2",
-    "lucide-react": "~0.307.0",
-    "next": "~13.5",
-    "react": "18.2.0",
-    "react-dnd": "~16.0.1",
-    "react-dnd-html5-backend": "~16.0.1",
-    "react-dom": "~18.2.0",
-    "react-h5-audio-player": "~3.9.1",
-    "react-is": "~18.2.0",
-    "react-player": "~2.13.0",
-    "react-show-more-text": "^1.7.1",
-    "react-tooltip": "~5.18.0",
-    "react-window": "^1.8.11",
-    "scheduler": "~0.23.0",
-    "slate": "~0.101.5",
-    "slate-history": "~0.100.0",
-    "slate-hyperscript": "~0.100.0",
-    "slate-react": "~0.101.5",
-    "styled-components": "~6.1.13",
-    "tailwind-merge": "~2.2.0",
-    "tailwindcss-animate": "~1.0.7"
-  },
-  "peerDependencies": {
-    "next": "~13.5",
-    "react": "~18.2.0",
-    "react-dom": "~18.2.0",
-    "react-h5-audio-player": "~3.9.1",
-    "react-player": "~2.13.0",
-    "styled-components": "6.1.8"
-  }
-}
+{
+  "name": "@soul-refiner/design-system",
+  "version": "2.14.3",
+  "main": "dist/index.js",
+  "types": "dist/src/index.d.ts",
+  "license": "MIT",
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org"
+  },
+  "include": [
+    "/dist"
+  ],
+  "files": [
+    "dist/**/*"
+  ],
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./dist/src/index.d.ts",
+        "default": "./dist/index.js"
+      }
+    }
+  },
+  "devDependencies": {
+    "@rollup/plugin-commonjs": "^25.0.7",
+    "@rollup/plugin-json": "^6.1.0",
+    "@storybook/addon-essentials": "^7.6.7",
+    "@storybook/addon-interactions": "^7.6.7",
+    "@storybook/addon-links": "^7.6.7",
+    "@storybook/addon-themes": "^7.2.3",
+    "@storybook/addons": "^7.6.7",
+    "@storybook/blocks": "^7.6.7",
+    "@storybook/nextjs": "~7.5.3",
+    "@storybook/preview-api": "^7.6.13",
+    "@storybook/react": "~7.2.1",
+    "@storybook/testing-library": "~0.2.0",
+    "@types/react": "^18.2.48",
+    "@types/react-dom": "18.2.0",
+    "@types/react-show-more-text": "^1.4.5",
+    "@types/react-window": "^1.8.8",
+    "@types/styled-components": "~5.1.26",
+    "chromatic": "~6.17.4",
+    "husky": "~8.0.0",
+    "prettier": "~2.8.8",
+    "pretty-quick": "~3.1.3",
+    "prop-types": "~15.8.1",
+    "rollup": "^4.12.0",
+    "rollup-plugin-node-externals": "^7.0.1",
+    "rollup-plugin-postcss": "^4.0.2",
+    "rollup-plugin-preserve-directives": "^0.4.0",
+    "rollup-plugin-typescript2": "^0.36.0",
+    "rollup-plugin-uglify": "^6.0.4",
+    "storybook": "~7.5.3",
+    "tailwindcss": "^3.4.1",
+    "tsc-alias": "^1.8.8",
+    "tsconfig-paths-webpack-plugin": "~4.0.1",
+    "tslib": "^2.6.2",
+    "typescript": "~5.0.4",
+    "webpack": "~5.89.0"
+  },
+  "scripts": {
+    "build": "yarn rollup --config",
+    "build:tailwind": "npx tailwindcss -i ./src/styles/globals.css -o ./dist/styles/output.css",
+    "format": "prettier --write .",
+    "storybook": "yarn build:tailwind && storybook dev -p 6006",
+    "build-storybook": "storybook build",
+    "prepare": "husky install"
+  },
+  "dependencies": {
+    "@emoji-mart/data": "^1.2.1",
+    "@emoji-mart/react": "^1.1.1",
+    "@emotion/react": "^11.11.4",
+    "@emotion/styled": "^11.11.0",
+    "@mui/material": "^5.15.13",
+    "@mui/x-date-pickers": "^6.19.6",
+    "@radix-ui/react-dropdown-menu": "^2.0.6",
+    "@radix-ui/react-popover": "^1.0.7",
+    "@radix-ui/react-separator": "^1.0.3",
+    "@radix-ui/react-slot": "^1.0.2",
+    "@radix-ui/react-tooltip": "^1.0.7",
+    "@udecode/cn": "~29.0.1",
+    "@udecode/plate": "^30.6.1",
+    "@udecode/react-utils": "^29.0.1",
+    "class-variance-authority": "~0.7.0",
+    "date-fns": "^3.4.0",
+    "emoji-mart": "~5.5.2",
+    "lucide-react": "~0.307.0",
+    "next": "~13.5",
+    "react": "18.2.0",
+    "react-dnd": "~16.0.1",
+    "react-dnd-html5-backend": "~16.0.1",
+    "react-dom": "~18.2.0",
+    "react-h5-audio-player": "~3.9.1",
+    "react-is": "~18.2.0",
+    "react-player": "~2.13.0",
+    "react-show-more-text": "^1.7.1",
+    "react-tooltip": "~5.18.0",
+    "react-window": "^1.8.11",
+    "scheduler": "~0.23.0",
+    "slate": "~0.101.5",
+    "slate-history": "~0.100.0",
+    "slate-hyperscript": "~0.100.0",
+    "slate-react": "~0.101.5",
+    "styled-components": "~6.1.13",
+    "tailwind-merge": "~2.2.0",
+    "tailwindcss-animate": "~1.0.7"
+  },
+  "peerDependencies": {
+    "next": "~13.5",
+    "react": "~18.2.0",
+    "react-dom": "~18.2.0",
+    "react-h5-audio-player": "~3.9.1",
+    "react-player": "~2.13.0",
+    "styled-components": "6.1.8"
+  }
+}