@soul-refiner/design-system 2.0.0-alpha.8 → 2.0.1-alpha.1

package/dist/components/custom/courses_selection/courses_selection.js

@@ -0,0 +1,51 @@
+"use client";
+"use strict";var React=require("react"),Image=require("next/image"),styled=require("styled-components"),button=require("../../actions/button/button.js"),paragraph=require("../../atoms/typography/paragraph.js"),box=require("../../atoms/box/box.js"),heading=require("../../atoms/typography/heading.js"),graduation_cap=require("../../../icons/basic/graduation_cap.js"),search=require("../../../icons/basic/search.js"),plus=require("../../../icons/basic/plus.js"),close=require("../../../icons/basic/close.js");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React),Image__default=_interopDefaultCompat(Image);const CoursesSelection=({closeOnChange:t=!0,closeOnBlur:a=!0,disabled:r=!1,offset:e=[0,0],sx:l,containerSx:o,courses:n,label:c,courseIsSelected:i,setCourseIsSelected:u,subtitle:d,onlyOneCanBeSelected:s=!1,...p})=>{const f=React__default.default.useRef(null),[g,_]=React__default.default.useState(!1);React__default.default.useEffect(()=>{r&&_(!1)},[r]);var m=n.filter(e=>i[e.id]);return React__default.default.createElement(Wrapper,{$sx:l,tabIndex:0,ref:f,onBlurCapture:e=>{a&&f?.current&&!f?.current?.contains(e.relatedTarget)&&_(!1)},...p},React__default.default.createElement(box.Box,{$gap:16,$align:"center"},React__default.default.createElement(IconWrapper,{$color:"var(--color-hue-purple-2)"},React__default.default.createElement(graduation_cap.GraduationCap,{color:"hue-purple-1",size:24})),React__default.default.createElement(heading.H.Six,{$bold:!0,$color:"hue-purple-1"},"Course")),React__default.default.createElement(paragraph.P,{$color:"grey-4",$fontSize:14,sx:"margin-top: 32px;"},d),React__default.default.createElement(button.Button,{type:"dropdown",isDropdownOpen:g,onClick:()=>{r||_(e=>!e)},customDropdownIcon:search.Search,sx:"margin-top: 32px;"},c),g&&React__default.default.createElement(Container,{$offset:e,$sx:o},n.map(e=>React__default.default.createElement(OptionWrapper,{key:e.id,$disabled:r,onClick:()=>{u(s?{[e.id]:!0}:{...i,[e.id]:!0}),t&&_(!1)}},React__default.default.createElement(box.Box,{$display:"flex",$align:"center"},React__default.default.createElement(paragraph.P,{$color:"grey-4",$fontSize:14,$lineHeight:20,$mediumBold:!0,$textClampLines:1},e.name),React__default.default.createElement(plus.Plus,{sx:"margin-left: auto;"}))))),!!m.length&&React__default.default.createElement("ul",{style:{padding:0}},m.map(e=>React__default.default.createElement("li",{key:e.id,style:{listStyleType:"none",display:"flex",alignItems:"center",marginTop:"16px"}},React__default.default.createElement(Image__default.default,{alt:"",height:64,width:114,src:e.imageSrc,quality:100,style:{borderRadius:"8px",marginRight:"16px"}}),React__default.default.createElement(paragraph.P,{sx:"margin-left: 16px;"},e.name),React__default.default.createElement(close.Close,{sx:"cursor: pointer; margin-left: auto;",onClick:()=>u({...i,[e.id]:!1})})))))},Wrapper=styled.styled.div`
+  position: relative;
+  display: block;
+  outline: none;
+  ${({$sx:e})=>e||""}
+`,Container=styled.styled.div`
+  min-width: 280px;
+  max-height: 600px;
+  display: flex;
+  flex-direction: column;
+  background-color: var(--color-white);
+  position: absolute;
+  width: 100%;
+  outline: none;
+  cursor: pointer;
+  box-shadow: var(--elevation-2);
+  border-radius: 8px;
+  overflow: auto;
+  z-index: 2;
+
+  ${({$sx:e})=>e||""}
+
+  ${({$offset:e})=>e?`transform: translate(${e[0]}px, ${e[1]}px);`:""}
+`,OptionWrapper=styled.styled.div`
+  position: relative;
+  padding: 12px 16px;
+  user-select: none;
+  gap: 8px;
+
+  & > * {
+    pointer-events: none;
+  }
+
+  ${({$disabled:e})=>e?`cursor: initial;
+      color: var(--color-grey-7);
+      background-color: var(--color-grey-10);`:`
+    &:hover {
+      background-color: var(--color-grey-10);
+    }
+
+    &:active {
+      background-color: var(--color-grey-8);
+    }
+    `}
+`,IconWrapper=styled.styled.div`
+  padding: 12px;
+  border-radius: 8px;
+  background-color: ${({$color:e})=>e};
+  width: fit-content;
+`;exports.CoursesSelection=CoursesSelection;

package/dist/components/custom/users_selection/users_selection.js

@@ -0,0 +1,60 @@
+"use client";
+"use strict";var React=require("react"),Image=require("next/image"),styled=require("styled-components"),button=require("../../actions/button/button.js"),paragraph=require("../../atoms/typography/paragraph.js"),search=require("../../input/search/search.js"),checkbox=require("../../input/checkbox/checkbox.js"),box=require("../../atoms/box/box.js");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React),Image__default=_interopDefaultCompat(Image);const UsersSelection=({closeOnBlur:t=!0,disabled:a=!1,offset:e=[0,0],sx:r,containerSx:l,searchSx:o,users:n,label:d,title:c,userIsChecked:u,setUserIsChecked:i,icon:s,...p})=>{const f=React__default.default.useRef(null),[x,_]=React__default.default.useState(!1),[g,m]=React__default.default.useState("");React__default.default.useEffect(()=>{a&&_(!1)},[a]);return React__default.default.createElement(Wrapper,{$sx:r,tabIndex:0,ref:f,onBlurCapture:e=>{t&&f?.current&&!f?.current?.contains(e.relatedTarget)&&_(!1)},...p},React__default.default.createElement(button.Button,{type:"dropdown",isDropdownOpen:x,onClick:()=>{a||_(e=>!e)}},React__default.default.createElement(s,{size:16,sx:"margin-right: 16px;"}),d),x&&React__default.default.createElement(Container,{$offset:e,$sx:l},React__default.default.createElement(paragraph.P,null,c),React__default.default.createElement(search.Search,{onChange:e=>m(e.target.value),onClearText:()=>m(""),value:g,size:"large",placeholder:"Search...",sx:"margin-top: 8px; margin-bottom: 8px; border-radius: 76px; "+o}),n.filter(e=>!g||e.fullName.toLowerCase().includes(g.toLowerCase())).map(e=>React__default.default.createElement(React__default.default.Fragment,{key:e.id},React__default.default.createElement(OptionWrapper,{$disabled:a,onClick:()=>i({...u,[e.id]:!u[e.id]})},React__default.default.createElement(box.Box,{$display:"flex",$align:"center"},React__default.default.createElement(StyledImage,{alt:"",height:40,src:e.imageSrc,width:40}),React__default.default.createElement(paragraph.P,{$color:"grey-4",$fontSize:14,$lineHeight:20,$mediumBold:!0,$textClampLines:1},e.fullName),React__default.default.createElement(checkbox.Checkbox,{selected:u[e.id],sx:"margin-left: auto;"}))),React__default.default.createElement(Spacer,null)))))},Wrapper=styled.styled.div`
+  position: relative;
+  display: block;
+  outline: none;
+  ${({$sx:e})=>e||""}
+`,Container=styled.styled.div`
+  min-width: 280px;
+  max-height: 600px;
+  display: flex;
+  flex-direction: column;
+  background-color: var(--color-white);
+  position: absolute;
+  width: 100%;
+  outline: none;
+  cursor: pointer;
+  box-shadow: var(--elevation-2);
+  border-radius: 8px;
+  overflow: auto;
+  padding: 24px;
+  z-index: 2;
+
+  ${({$sx:e})=>e||""}
+
+  ${({$offset:e})=>e?`transform: translate(${e[0]}px, ${e[1]}px);`:""}
+`,OptionWrapper=styled.styled.div`
+  position: relative;
+  padding: 12px 16px;
+  user-select: none;
+  gap: 8px;
+
+  & > * {
+    pointer-events: none;
+  }
+
+  ${({$disabled:e})=>e?`cursor: initial;
+      color: var(--color-grey-7);
+      background-color: var(--color-grey-10);`:`
+    &:hover {
+      background-color: var(--color-blue-10);
+    }
+
+    &:active {
+      background-color: var(--color-grey-8);
+    }
+    `}
+`,StyledImage=styled.styled(Image__default.default)`
+  border-radius: 50%;
+  width: 40px;
+  height: 40px;
+  margin-right: 16px;
+`,Spacer=styled.styled.div`
+  width: 100%;
+  height: 1px;
+  background-color: var(--color-grey-8);
+
+  &:hover {
+    appearance: none;
+  }
+`;exports.UsersSelection=UsersSelection;

package/dist/components/editor/constants.js

@@ -0,0 +1 @@
+"use strict";var plate=require("@udecode/plate");const ELEMENT_BUTTON="button",ELEMENT_QA="q-n-a",ELEMENT_VIDEO="video",BUTTON_LINK="button-link",BUTTON_SUBSCRIBE="button-subscribe",COLORS=["var(--color-turquoise-5)","var(--color-green-5)","var(--color-blue-5)","var(--color-purple-5)","var(--color-yellow-5)","var(--color-orange-5)","var(--color-red-5)"],PLACEHOLDER="This is a placeholder";Object.defineProperty(exports,"ELEMENT_BLOCKQUOTE",{enumerable:!0,get:function(){return plate.ELEMENT_BLOCKQUOTE}}),Object.defineProperty(exports,"ELEMENT_CODE_LINE",{enumerable:!0,get:function(){return plate.ELEMENT_CODE_LINE}}),Object.defineProperty(exports,"ELEMENT_CODE_SYNTAX",{enumerable:!0,get:function(){return plate.ELEMENT_CODE_SYNTAX}}),Object.defineProperty(exports,"ELEMENT_DEFAULT",{enumerable:!0,get:function(){return plate.ELEMENT_DEFAULT}}),Object.defineProperty(exports,"ELEMENT_H1",{enumerable:!0,get:function(){return plate.ELEMENT_H1}}),Object.defineProperty(exports,"ELEMENT_H2",{enumerable:!0,get:function(){return plate.ELEMENT_H2}}),Object.defineProperty(exports,"ELEMENT_H3",{enumerable:!0,get:function(){return plate.ELEMENT_H3}}),Object.defineProperty(exports,"ELEMENT_H4",{enumerable:!0,get:function(){return plate.ELEMENT_H4}}),Object.defineProperty(exports,"ELEMENT_H5",{enumerable:!0,get:function(){return plate.ELEMENT_H5}}),Object.defineProperty(exports,"ELEMENT_H6",{enumerable:!0,get:function(){return plate.ELEMENT_H6}}),Object.defineProperty(exports,"ELEMENT_HR",{enumerable:!0,get:function(){return plate.ELEMENT_HR}}),Object.defineProperty(exports,"ELEMENT_IMAGE",{enumerable:!0,get:function(){return plate.ELEMENT_IMAGE}}),Object.defineProperty(exports,"ELEMENT_LI",{enumerable:!0,get:function(){return plate.ELEMENT_LI}}),Object.defineProperty(exports,"ELEMENT_LIC",{enumerable:!0,get:function(){return plate.ELEMENT_LIC}}),Object.defineProperty(exports,"ELEMENT_LINK",{enumerable:!0,get:function(){return plate.ELEMENT_LINK}}),Object.defineProperty(exports,"ELEMENT_MEDIA",{enumerable:!0,get:function(){return plate.ELEMENT_MEDIA}}),Object.defineProperty(exports,"ELEMENT_MEDIA_EMBED",{enumerable:!0,get:function(){return plate.ELEMENT_MEDIA_EMBED}}),Object.defineProperty(exports,"ELEMENT_MENTION",{enumerable:!0,get:function(){return plate.ELEMENT_MENTION}}),Object.defineProperty(exports,"ELEMENT_MENTION_INPUT",{enumerable:!0,get:function(){return plate.ELEMENT_MENTION_INPUT}}),Object.defineProperty(exports,"ELEMENT_OL",{enumerable:!0,get:function(){return plate.ELEMENT_OL}}),Object.defineProperty(exports,"ELEMENT_PARAGRAPH",{enumerable:!0,get:function(){return plate.ELEMENT_PARAGRAPH}}),Object.defineProperty(exports,"ELEMENT_TABLE",{enumerable:!0,get:function(){return plate.ELEMENT_TABLE}}),Object.defineProperty(exports,"ELEMENT_TD",{enumerable:!0,get:function(){return plate.ELEMENT_TD}}),Object.defineProperty(exports,"ELEMENT_TH",{enumerable:!0,get:function(){return plate.ELEMENT_TH}}),Object.defineProperty(exports,"ELEMENT_TODO_LI",{enumerable:!0,get:function(){return plate.ELEMENT_TODO_LI}}),Object.defineProperty(exports,"ELEMENT_TR",{enumerable:!0,get:function(){return plate.ELEMENT_TR}}),Object.defineProperty(exports,"ELEMENT_UL",{enumerable:!0,get:function(){return plate.ELEMENT_UL}}),Object.defineProperty(exports,"MARK_BG_COLOR",{enumerable:!0,get:function(){return plate.MARK_BG_COLOR}}),Object.defineProperty(exports,"MARK_BOLD",{enumerable:!0,get:function(){return plate.MARK_BOLD}}),Object.defineProperty(exports,"MARK_CODE",{enumerable:!0,get:function(){return plate.MARK_CODE}}),Object.defineProperty(exports,"MARK_COLOR",{enumerable:!0,get:function(){return plate.MARK_COLOR}}),Object.defineProperty(exports,"MARK_FONT_FAMILY",{enumerable:!0,get:function(){return plate.MARK_FONT_FAMILY}}),Object.defineProperty(exports,"MARK_FONT_SIZE",{enumerable:!0,get:function(){return plate.MARK_FONT_SIZE}}),Object.defineProperty(exports,"MARK_FONT_WEIGHT",{enumerable:!0,get:function(){return plate.MARK_FONT_WEIGHT}}),Object.defineProperty(exports,"MARK_HIGHLIGHT",{enumerable:!0,get:function(){return plate.MARK_HIGHLIGHT}}),Object.defineProperty(exports,"MARK_ITALIC",{enumerable:!0,get:function(){return plate.MARK_ITALIC}}),Object.defineProperty(exports,"MARK_KBD",{enumerable:!0,get:function(){return plate.MARK_KBD}}),Object.defineProperty(exports,"MARK_SEARCH_HIGHLIGHT",{enumerable:!0,get:function(){return plate.MARK_SEARCH_HIGHLIGHT}}),Object.defineProperty(exports,"MARK_STRIKETHROUGH",{enumerable:!0,get:function(){return plate.MARK_STRIKETHROUGH}}),Object.defineProperty(exports,"MARK_SUBSCRIPT",{enumerable:!0,get:function(){return plate.MARK_SUBSCRIPT}}),Object.defineProperty(exports,"MARK_SUPERSCRIPT",{enumerable:!0,get:function(){return plate.MARK_SUPERSCRIPT}}),Object.defineProperty(exports,"MARK_UNDERLINE",{enumerable:!0,get:function(){return plate.MARK_UNDERLINE}}),exports.BUTTON_LINK=BUTTON_LINK,exports.BUTTON_SUBSCRIBE=BUTTON_SUBSCRIBE,exports.COLORS=COLORS,exports.ELEMENT_BUTTON=ELEMENT_BUTTON,exports.ELEMENT_QA=ELEMENT_QA,exports.ELEMENT_VIDEO=ELEMENT_VIDEO,exports.PLACEHOLDER=PLACEHOLDER;

package/dist/components/editor/context.js

@@ -0,0 +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)});exports.EditorContext=EditorContext;

package/dist/components/editor/editor.js

@@ -0,0 +1,74 @@
+"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:i,videoTitleLoader:n})=>React__default.default.createElement(context.EditorContext.Provider,{value:{commentInputLoader:e,commentLoader:t,handleVideoClick:l,imageSrcLoader:o,videoTitleLoader:n}},React__default.default.createElement(plate.Plate,{id:"main",initialValue:i,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;
+  }
+
+  .slate-bold {
+    font-weight: 700;
+  }
+
+  .slate-italic {
+    font-style: italic;
+  }
+
+  .slate-strikethrough {
+    text-decoration: line-through;
+  }
+
+  .slate-underline {
+    text-decoration: underline;
+  }
+
+  li {
+    color: var(--color-grey-3);
+  }
+
+  ul {
+    padding-left: 24px;
+
+    li {
+      list-style-type: disc;
+    }
+  }
+
+  ol {
+    padding-left: 24px;
+
+    li {
+      list-style-type: decimal;
+    }
+  }
+
+  a {
+    text-decoration: underline;
+    color: var(--color-primary-blue-1);
+  }
+
+  .slate-code {
+    & > * {
+      font-family: 'Roboto Mono';
+      & > * {
+        font-family: 'Roboto Mono';
+        & > * {
+          font-family: 'Roboto Mono';
+        }
+      }
+    }
+
+    background-color: var(--color-grey-9);
+    padding: 0.4em 0.4em;
+    font-size: 0.8em;
+    line-height: 0.8em;
+  }
+
+  & > [data-slate-editor='true'] > * {
+    margin: 24px 0px;
+  }
+
+  position: relative;
+  padding: 24px;
+  max-width: 1200px;
+  margin: 98px auto 0px;
+`;exports.Editor=Editor;

package/dist/components/editor/icons/border-all.js

@@ -0,0 +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 BorderAll=e=>React__default.default.createElement("svg",{viewBox:"0 0 24 24",height:"48",width:"48",focusable:"false",role:"img",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e},React__default.default.createElement("path",{d:"M3 6a3 3 0 0 1 3-3h12a3 3 0 0 1 3 3v12a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3V6zm10 13h5a1 1 0 0 0 1-1v-5h-6v6zm-2-6H5v5a1 1 0 0 0 1 1h5v-6zm2-2h6V6a1 1 0 0 0-1-1h-5v6zm-2-6H6a1 1 0 0 0-1 1v5h6V5z"}));exports.BorderAll=BorderAll;

package/dist/components/editor/icons/border-bottom.js

@@ -0,0 +1 @@
+"use strict";var React=require("react");function _interopDefaultCompat(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var React__default=_interopDefaultCompat(React);const BorderBottom=t=>React__default.default.createElement("svg",{viewBox:"0 0 24 24",height:"48",width:"48",focusable:"false",role:"img",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...t},React__default.default.createElement("path",{d:"M13 5a1 1 0 1 0 0-2h-2a1 1 0 1 0 0 2h2zm-8 6a1 1 0 1 0-2 0v2a1 1 0 1 0 2 0v-2zm-2 7a1 1 0 1 1 2 0 1 1 0 0 0 1 1h12a1 1 0 0 0 1-1 1 1 0 1 1 2 0 3 3 0 0 1-3 3H6a3 3 0 0 1-3-3zm17-8a1 1 0 0 0-1 1v2a1 1 0 1 0 2 0v-2a1 1 0 0 0-1-1zM7 4a1 1 0 0 0-1-1 3 3 0 0 0-3 3 1 1 0 0 0 2 0 1 1 0 0 1 1-1 1 1 0 0 0 1-1zm11-1a1 1 0 1 0 0 2 1 1 0 0 1 1 1 1 1 0 1 0 2 0 3 3 0 0 0-3-3z"}));exports.BorderBottom=BorderBottom;

package/dist/components/editor/icons/border-left.js

@@ -0,0 +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 BorderLeft=e=>React__default.default.createElement("svg",{viewBox:"0 0 24 24",height:"48",width:"48",focusable:"false",role:"img",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e},React__default.default.createElement("path",{d:"M6 21a1 1 0 1 0 0-2 1 1 0 0 1-1-1V6a1 1 0 0 1 1-1 1 1 0 0 0 0-2 3 3 0 0 0-3 3v12a3 3 0 0 0 3 3zm7-16a1 1 0 1 0 0-2h-2a1 1 0 1 0 0 2h2zm6 6a1 1 0 1 1 2 0v2a1 1 0 1 1-2 0v-2zm-5 9a1 1 0 0 1-1 1h-2a1 1 0 1 1 0-2h2a1 1 0 0 1 1 1zm4-17a1 1 0 1 0 0 2 1 1 0 0 1 1 1 1 1 0 1 0 2 0 3 3 0 0 0-3-3zm-1 17a1 1 0 0 0 1 1 3 3 0 0 0 3-3 1 1 0 1 0-2 0 1 1 0 0 1-1 1 1 1 0 0 0-1 1z"}));exports.BorderLeft=BorderLeft;

package/dist/components/editor/icons/border-none.js

@@ -0,0 +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 BorderNone=e=>React__default.default.createElement("svg",{viewBox:"0 0 24 24",height:"48",width:"48",focusable:"false",role:"img",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e},React__default.default.createElement("path",{d:"M14 4a1 1 0 0 1-1 1h-2a1 1 0 1 1 0-2h2a1 1 0 0 1 1 1zm-9 7a1 1 0 1 0-2 0v2a1 1 0 1 0 2 0v-2zm14 0a1 1 0 1 1 2 0v2a1 1 0 1 1-2 0v-2zm-6 10a1 1 0 1 0 0-2h-2a1 1 0 1 0 0 2h2zM7 4a1 1 0 0 0-1-1 3 3 0 0 0-3 3 1 1 0 0 0 2 0 1 1 0 0 1 1-1 1 1 0 0 0 1-1zm11-1a1 1 0 1 0 0 2 1 1 0 0 1 1 1 1 1 0 1 0 2 0 3 3 0 0 0-3-3zM7 20a1 1 0 0 1-1 1 3 3 0 0 1-3-3 1 1 0 1 1 2 0 1 1 0 0 0 1 1 1 1 0 0 1 1 1zm11 1a1 1 0 1 1 0-2 1 1 0 0 0 1-1 1 1 0 1 1 2 0 3 3 0 0 1-3 3z"}));exports.BorderNone=BorderNone;

package/dist/components/editor/icons/border-right.js

@@ -0,0 +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 BorderRight=e=>React__default.default.createElement("svg",{viewBox:"0 0 24 24",height:"48",width:"48",focusable:"false",role:"img",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e},React__default.default.createElement("path",{d:"M13 5a1 1 0 1 0 0-2h-2a1 1 0 1 0 0 2h2zm-8 6a1 1 0 1 0-2 0v2a1 1 0 1 0 2 0v-2zm9 9a1 1 0 0 1-1 1h-2a1 1 0 1 1 0-2h2a1 1 0 0 1 1 1zM6 3a1 1 0 0 1 0 2 1 1 0 0 0-1 1 1 1 0 0 1-2 0 3 3 0 0 1 3-3zm1 17a1 1 0 0 1-1 1 3 3 0 0 1-3-3 1 1 0 1 1 2 0 1 1 0 0 0 1 1 1 1 0 0 1 1 1zm11 1a1 1 0 1 1 0-2 1 1 0 0 0 1-1V6a1 1 0 0 0-1-1 1 1 0 1 1 0-2 3 3 0 0 1 3 3v12a3 3 0 0 1-3 3z"}));exports.BorderRight=BorderRight;

package/dist/components/editor/icons/border-top.js

@@ -0,0 +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 BorderTop=e=>React__default.default.createElement("svg",{viewBox:"0 0 24 24",height:"48",width:"48",focusable:"false",role:"img",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e},React__default.default.createElement("path",{d:"M3 6a1 1 0 0 0 2 0 1 1 0 0 1 1-1h12a1 1 0 0 1 1 1 1 1 0 1 0 2 0 3 3 0 0 0-3-3H6a3 3 0 0 0-3 3zm2 5a1 1 0 1 0-2 0v2a1 1 0 1 0 2 0v-2zm14 0a1 1 0 1 1 2 0v2a1 1 0 1 1-2 0v-2zm-5 9a1 1 0 0 1-1 1h-2a1 1 0 1 1 0-2h2a1 1 0 0 1 1 1zm-8 1a1 1 0 1 0 0-2 1 1 0 0 1-1-1 1 1 0 1 0-2 0 3 3 0 0 0 3 3zm11-1a1 1 0 0 0 1 1 3 3 0 0 0 3-3 1 1 0 1 0-2 0 1 1 0 0 1-1 1 1 1 0 0 0-1 1z"}));exports.BorderTop=BorderTop;

package/dist/components/editor/navbar/alignment_dropdown.js

@@ -0,0 +1 @@
+"use strict";var React=require("react"),plate=require("@udecode/plate"),plateAlignment=require("@udecode/plate-alignment"),dropdown=require("../../actions/dropdown/dropdown.js"),align_center=require("../../../icons/text/align_center.js"),align_justified=require("../../../icons/text/align_justified.js"),align_left=require("../../../icons/text/align_left.js"),align_right=require("../../../icons/text/align_right.js"),player_list_play=require("../../../icons/audio_video/player_list_play.js"),menu_button=require("../styles/menu_button.js");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React);const items=[{value:"left",icon:align_left.AlignLeft},{value:"center",icon:align_center.AlignCenter},{value:"right",icon:align_right.AlignRight},{value:"justify",icon:align_justified.AlignJustified}],AlignmentDropdown=({editorRef:t})=>{var e=plateAlignment.useAlignDropdownMenuState();const n=plateAlignment.useAlignDropdownMenu(e)["radioGroupProps"];var e=n.value,a=items.find(e=>e.value===n.value)?.icon??player_list_play.PlayerListPlay;return React__default.default.createElement(dropdown.Dropdown,{onChange:e=>{e=e.target?.getAttribute("data-value");e&&plate.setAlign(t,{value:e})},offset:[0,0],options:[{icon:React__default.default.createElement(menu_button.MenuButton,{$active:"left"===e},React__default.default.createElement(align_left.AlignLeft,{size:24,color:"grey-5"})),sx:"gap: 0px; padding: 4px;",value:"left"},{icon:React__default.default.createElement(menu_button.MenuButton,{$active:"center"===e},React__default.default.createElement(align_center.AlignCenter,{size:24,color:"grey-5"})),sx:"gap: 0px; padding: 4px;",value:"center"},{icon:React__default.default.createElement(menu_button.MenuButton,{$active:"right"===e},React__default.default.createElement(align_right.AlignRight,{size:24,color:"grey-5"})),sx:"gap: 0px; padding: 4px;",value:"right"},{icon:React__default.default.createElement(menu_button.MenuButton,{$active:"justify"===e},React__default.default.createElement(align_justified.AlignJustified,{size:24,color:"grey-5"})),sx:"gap: 0px; padding: 4px;",value:"justify"}],maintainState:!1,trigger:React__default.default.createElement(a,{size:24,color:"grey-5"})})};exports.AlignmentDropdown=AlignmentDropdown;

package/dist/components/editor/navbar/button_modal.js

@@ -0,0 +1,13 @@
+"use strict";var React=require("react"),styled=require("styled-components"),box=require("../../atoms/box/box.js"),button=require("../../actions/button/button.js"),heading=require("../../atoms/typography/heading.js"),modal=require("../../surfaces/modal/modal.js"),paragraph=require("../../atoms/typography/paragraph.js"),radio=require("../../input/radio/radio.js"),close=require("../../../icons/basic/close.js"),insert_button=require("../../../icons/misc/insert_button.js"),menu_button=require("../styles/menu_button.js"),constants=require("../constants.js");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React);const ButtonModal=({onButtonInsert:e})=>{const[t,a]=React__default.default.useState();return React__default.default.createElement(modal.Modal,null,React__default.default.createElement(modal.Modal.Trigger,null,React__default.default.createElement(menu_button.MenuButton,null,React__default.default.createElement(insert_button.InsertButton,{size:24,color:"grey-5"}))),React__default.default.createElement(modal.Modal.Content,{sx:"border-radius: 16px; max-width: 782px; width: 100%; margin: 24px; padding: 0px;"},React__default.default.createElement(box.Box,{$dir:"column"},React__default.default.createElement(box.Box,{$align:"center",$justify:"space-between",sx:"padding: 24px; box-shadow: var(--elevation-2);"},React__default.default.createElement(box.Box,{$align:"center",$gap:32},React__default.default.createElement(IconWrapper,null,React__default.default.createElement(insert_button.InsertButton,{size:24,color:"hue-blue-1"})),React__default.default.createElement(heading.H,{$bold:!0,$color:"hue-blue-1",$fontSize:20,$lineHeight:28},"Insert Button")),React__default.default.createElement(close.Close,{size:24,sx:"&:hover { cursor: pointer; border-radius: 50%; background-color: var(--color-grey-9); }"})),React__default.default.createElement(box.Box,{$dir:"column",$gap:24,sx:"padding: 24px 48px 24px 24px;"},React__default.default.createElement(ButtonItem,{active:t===constants.BUTTON_SUBSCRIBE,description:"A button encouraging the reader to purchase a paid subscription to your community",onClick:()=>a(constants.BUTTON_SUBSCRIBE),title:"Subscribe Now"},React__default.default.createElement(button.Button,{size:"small",sx:"width: 130px;"},"Subscribe")),React__default.default.createElement(ButtonItem,{active:t===constants.BUTTON_LINK,description:"A button that links to a URL",onClick:()=>a(constants.BUTTON_LINK),title:"Link Button"},React__default.default.createElement(button.Button,{size:"small",sx:"width: 130px;"},"Link"))),React__default.default.createElement(box.Box,{$padding:24,$gap:16,sx:"padding: 24px; background-color: var(--color-white); border-top: 1px solid var(--color-grey-8);"},React__default.default.createElement(modal.Modal.Dismiss,null,React__default.default.createElement(button.Button,{size:"small",sx:"flex: 1;",type:"outlined",onClick:()=>a(void 0)},"Cancel")),React__default.default.createElement(modal.Modal.Dismiss,null,React__default.default.createElement(button.Button,{size:"small",sx:"flex: 1;",onClick:()=>{t&&e(t),a(void 0)}},"Confirm"))))))},IconWrapper=styled.styled.div`
+  height: 48px;
+  width: 48px;
+  box-sizing: border-box;
+  padding: 12px;
+  border-radius: 8px;
+  background-color: var(--color-hue-blue-2);
+`,ButtonItem=({active:e,children:t,description:a,onClick:o,title:l})=>React__default.default.createElement(box.Box,{$dir:"column",onClick:o,sx:"border-radius: 16px; box-shadow: var(--elevation-2); cursor: pointer;"},React__default.default.createElement(box.Box,{sx:`
+        padding: 24px; 
+        background-color: var(--color-blue-10);
+        border-radius: 8px 8px 0px 0px;
+        border-bottom: 1px solid var(--color-grey-9);
+      `},React__default.default.createElement(radio.Radio,{checked:!!e,sx:"align-items: flex-start;",value:l}),React__default.default.createElement(box.Box,{$dir:"column"},React__default.default.createElement(paragraph.P,{$semiBold:!0},l),React__default.default.createElement(paragraph.P,null,a))),React__default.default.createElement(box.Box,{$align:"center",$justify:"center",sx:"border-radius: 0px 0px 8px 8px; padding: 24px;"},t));exports.ButtonModal=ButtonModal;

package/dist/components/editor/navbar/navbar.js

@@ -0,0 +1,54 @@
+"use strict";var React=require("react"),styled=require("styled-components"),plate=require("@udecode/plate"),tooltip=require("../../feedback/tooltip/tooltip.js"),bold=require("../../../icons/basic/bold.js"),file_code=require("../../../icons/file/file_code.js"),grid=require("../../../icons/layout/grid.js"),headphones=require("../../../icons/audio_video/headphones.js"),image=require("../../../icons/basic/image.js"),italic=require("../../../icons/basic/italic.js"),link=require("../../../icons/basic/link.js"),list_ordered=require("../../../icons/text/list_ordered.js"),list_unordered=require("../../../icons/text/list_unordered.js"),quote=require("../../../icons/text/quote.js"),redo=require("../../../icons/arrow/redo.js"),strikethrough=require("../../../icons/basic/strikethrough.js"),underline=require("../../../icons/basic/underline.js"),undo=require("../../../icons/arrow/undo.js"),video=require("../../../icons/basic/video.js"),constants=require("../constants.js"),style_dropdown=require("./style_dropdown.js"),alignment_dropdown=require("./alignment_dropdown.js"),button_modal=require("./button_modal.js");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React);const EditorBar=()=>{const t=plate.useEditorRef("main"),e=plate.useEditorState(),a=React__default.default.useRef(null);var l=React__default.default.useRef(null);const o=React__default.default.useRef(null);var n=plate.useMarkToolbarButtonState({nodeType:plate.MARK_BOLD}),{pressed:n,onClick:r}=plate.useMarkToolbarButton(n)["props"],u=plate.useMarkToolbarButtonState({nodeType:plate.MARK_ITALIC}),{pressed:u,onClick:c}=plate.useMarkToolbarButton(u)["props"],d=plate.useMarkToolbarButtonState({nodeType:plate.MARK_STRIKETHROUGH}),{pressed:d,onClick:i}=plate.useMarkToolbarButton(d)["props"],p=plate.useMarkToolbarButtonState({nodeType:plate.MARK_UNDERLINE}),{pressed:p,onClick:s}=plate.useMarkToolbarButton(p)["props"],f=plate.useMarkToolbarButtonState({nodeType:plate.MARK_CODE}),{pressed:f,onClick:_}=plate.useMarkToolbarButton(f)["props"],m=plate.useLinkToolbarButtonState(),{pressed:m,onClick:E}=plate.useLinkToolbarButton(m)["props"],R=plate.useListToolbarButtonState({nodeType:plate.ELEMENT_OL}),{pressed:R,onClick:y}=plate.useListToolbarButton(R)["props"],g=plate.useListToolbarButtonState({nodeType:plate.ELEMENT_UL}),{pressed:g,onClick:b}=plate.useListToolbarButton(g)["props"];return React__default.default.createElement(Wrapper,null,React__default.default.createElement(Menu,{"aria-label":"editor-navigation"},React__default.default.createElement(MenuSection,null,React__default.default.createElement(tooltip.Tooltip,{content:"Undo",place:"top"},React__default.default.createElement(MenuButton,{$active:!1,onClick:()=>t.undo()},React__default.default.createElement(undo.Undo,{size:24,color:"grey-5"}))),React__default.default.createElement(tooltip.Tooltip,{content:"Redo",place:"top"},React__default.default.createElement(MenuButton,{$active:!1,onClick:()=>t.redo()},React__default.default.createElement(redo.Redo,{size:24,color:"grey-5"})))),React__default.default.createElement(Divider,null),React__default.default.createElement(MenuSection,null,React__default.default.createElement(style_dropdown.StyleDropdown,{editorRef:t})),React__default.default.createElement(Divider,null),React__default.default.createElement(MenuSection,null,React__default.default.createElement(tooltip.Tooltip,{content:"Bold",place:"top"},React__default.default.createElement(MenuButton,{$active:n,onClick:r},React__default.default.createElement(bold.Bold,{size:24,color:"grey-5"}))),React__default.default.createElement(tooltip.Tooltip,{content:"Italic",place:"top"},React__default.default.createElement(MenuButton,{$active:u,onClick:c},React__default.default.createElement(italic.Italic,{size:24,color:"grey-5"}))),React__default.default.createElement(tooltip.Tooltip,{content:"Underline",place:"top"},React__default.default.createElement(MenuButton,{$active:p,onClick:s},React__default.default.createElement(underline.Underline,{size:24,color:"grey-5"}))),React__default.default.createElement(tooltip.Tooltip,{content:"Strikethrough",place:"top"},React__default.default.createElement(MenuButton,{$active:d,onClick:i},React__default.default.createElement(strikethrough.Strikethrough,{size:24,color:"grey-5"}))),React__default.default.createElement(tooltip.Tooltip,{content:"Inline code",place:"top"},React__default.default.createElement(MenuButton,{$active:f,onClick:_},React__default.default.createElement(file_code.FileCode,{size:24,color:"grey-5"})))),React__default.default.createElement(Divider,null),React__default.default.createElement(MenuSection,null,React__default.default.createElement(MenuButton,{$active:!1,as:"div"},React__default.default.createElement(alignment_dropdown.AlignmentDropdown,{editorRef:t}))),React__default.default.createElement(Divider,null),React__default.default.createElement(MenuSection,null,React__default.default.createElement(tooltip.Tooltip,{content:"Link",place:"top"},React__default.default.createElement(MenuButton,{$active:m,onClick:E},React__default.default.createElement(link.Link,{size:24,color:"grey-5"}))),React__default.default.createElement(tooltip.Tooltip,{content:"Image",place:"top"},React__default.default.createElement(MenuButton,{$active:!1,as:"label"},React__default.default.createElement("div",null,React__default.default.createElement("input",{accept:"image/*",ref:l,style:{display:"none"},type:"file"}),React__default.default.createElement(image.Image,{size:24,color:"grey-5"})))),React__default.default.createElement(tooltip.Tooltip,{content:"Video",place:"top"},React__default.default.createElement(MenuButton,{$active:!1,as:"label",onChange:async()=>{o.current?.files}},React__default.default.createElement("div",{onClick:()=>o.current?.click()},React__default.default.createElement("input",{accept:"video/*",ref:o,style:{display:"none"},type:"file"}),React__default.default.createElement(video.Video,{size:24,color:"grey-5"})))),React__default.default.createElement(tooltip.Tooltip,{content:"Audio",place:"top"},React__default.default.createElement(MenuButton,{$active:!1,as:"label",onChange:async e=>{e.target?.files?.[0]}},React__default.default.createElement("div",{onClick:()=>a.current?.click()},React__default.default.createElement("input",{accept:"audio/*",ref:a,style:{display:"none"},type:"file"}),React__default.default.createElement(headphones.Headphones,{size:24,color:"grey-5"})))),React__default.default.createElement(tooltip.Tooltip,{content:"Blockquote",place:"top"},React__default.default.createElement(MenuButton,{$active:!1,onClick:()=>{plate.toggleNodeType(e,{activeType:plate.ELEMENT_BLOCKQUOTE})}},React__default.default.createElement(quote.Quote,{size:24,color:"grey-5"}))),React__default.default.createElement(tooltip.Tooltip,{content:"Add a button",place:"top"},React__default.default.createElement(button_modal.ButtonModal,{onButtonInsert:e=>{plate.insertNodes(t,[{type:plate.getPluginType(t,constants.ELEMENT_BUTTON),buttonType:e,children:[{text:"Subscribe"}]}])}}))),React__default.default.createElement(Divider,null),React__default.default.createElement(MenuSection,null,React__default.default.createElement(tooltip.Tooltip,{content:"Unordered List",place:"top"},React__default.default.createElement(MenuButton,{$active:g,onClick:b},React__default.default.createElement(list_unordered.ListUnordered,{size:24,color:"grey-5"}))),React__default.default.createElement(tooltip.Tooltip,{content:"Ordered List",place:"top"},React__default.default.createElement(MenuButton,{$active:R,onClick:y},React__default.default.createElement(list_ordered.ListOrdered,{size:24,color:"grey-5"}))),React__default.default.createElement(tooltip.Tooltip,{content:"Add a button",place:"top"},React__default.default.createElement(MenuButton,{$active:R,onClick:()=>{plate.insertTable(t)}},React__default.default.createElement(grid.Grid,{size:24,color:"grey-5"}))))))},Wrapper=styled.styled.div`
+  position: sticky;
+  z-index: 2;
+  left: 0;
+  right: 0;
+  top: 0;
+`,Menu=styled.styled.nav`
+  display: flex;
+  gap: 12px;
+  justify-content: center;
+  max-width: 1200px;
+  width: 100%;
+  margin: 0 auto;
+  padding: 14px 24px;
+  background-color: var(--color-white);
+`,MenuSection=styled.styled.div`
+  display: flex;
+  gap: 16px;
+  align-items: center;
+  width: fit-content;
+  flex-shrink: 0;
+`,MenuButton=styled.styled.button`
+  padding: 2px;
+  border: none;
+  outline: none;
+  cursor: pointer;
+  box-sizing: border-box;
+  height: 28px;
+  width: 28px;
+  border-radius: 2px;
+
+  &:hover:not(:disabled) {
+    padding: 1px;
+    border: 1px solid var(--color-grey-8);
+  }
+
+  &:active:not(:disabled) {
+    background-color: var(--color-grey-9);
+  }
+
+  &:disabled {
+    background-color: var(--color-white) !important;
+    cursor: initial;
+    svg {
+      fill: var(--color-grey-7) !important;
+    }
+  }
+
+  background-color: ${({$active:e})=>e?"var(--color-grey-9)":"transparent"};
+`,Divider=styled.styled.div`
+  width: 1px;
+  height: 28px;
+  background-color: var(--color-grey-9);
+`;exports.EditorBar=EditorBar,exports.MenuButton=MenuButton;

package/dist/components/editor/navbar/style_dropdown.js

@@ -0,0 +1 @@
+"use strict";var React=require("react"),plate=require("@udecode/plate"),button=require("../../actions/button/button.js"),dropdown=require("../../actions/dropdown/dropdown.js");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React);const items=[{value:plate.ELEMENT_PARAGRAPH,label:"Paragraph",description:"Paragraph"},{value:plate.ELEMENT_H1,label:"Heading 1",description:"Heading 1"},{value:plate.ELEMENT_H2,label:"Heading 2",description:"Heading 2"},{value:plate.ELEMENT_H3,label:"Heading 3",description:"Heading 3"},{value:plate.ELEMENT_H4,label:"Heading 4",description:"Heading 4"},{value:plate.ELEMENT_H5,label:"Heading 5",description:"Heading 5"},{value:plate.ELEMENT_H6,label:"Heading 6",description:"Heading 6"}],defaultItem=items.find(e=>e.value===plate.ELEMENT_PARAGRAPH),StyleDropdown=({editorRef:t})=>{let a=plate.ELEMENT_PARAGRAPH;if(plate.isCollapsed(t?.selection)){const l=plate.findNode(t,{match:e=>plate.isBlock(t,e)});l&&(a=items.find(e=>e.value===l[0].type)?.value??plate.ELEMENT_PARAGRAPH)}var e=(items.find(e=>e.value===a)??defaultItem)["label"];return React__default.default.createElement(dropdown.Dropdown,{maintainState:!1,onChange:e=>{e=e.target.getAttribute("data-value");e&&plate.toggleNodeType(t,{activeType:e})},options:items,trigger:React__default.default.createElement(button.Button,{type:"special",size:"small",sx:"padding: 1px 4px; & > * { color: var(--color-grey-5); }"},e)})};exports.StyleDropdown=StyleDropdown;

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

@@ -0,0 +1 @@
+"use strict";var React=require("react"),plate=require("@udecode/plate"),paragraph=require("../../../atoms/typography/paragraph.js");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React);const BlockquoteElement=React__default.default.forwardRef(({children:e,...t},a)=>React__default.default.createElement(plate.PlateElement,{asChild:!0,ref:a,...t},React__default.default.createElement(React__default.default.Fragment,null,React__default.default.createElement(paragraph.P,{as:"blockquote",sx:"padding-left: 16px; border-left: 1px solid var(--color-grey-8);"},e))));exports.BlockquoteElement=BlockquoteElement;

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

@@ -0,0 +1 @@
+"use strict";var plate=require("@udecode/plate"),text=require("./text.js"),buttons=require("./buttons.js"),qa=require("./qa.js"),video=require("./video.js");const blocks=[buttons.createButtonsPlugin(),plate.createBlockquotePlugin(),plate.createCodeBlockPlugin(),plate.createHeadingPlugin(),plate.createHorizontalRulePlugin(),plate.createImagePlugin({options:{disableUploadInsert:!0,disableEmbedInsert:!0}}),qa.createQAPlugin(),plate.createTextIndentPlugin(),plate.createIndentListPlugin({inject:{props:{validTypes:[plate.ELEMENT_PARAGRAPH,plate.ELEMENT_H1,plate.ELEMENT_H2,plate.ELEMENT_H3,plate.ELEMENT_H4,plate.ELEMENT_H5,plate.ELEMENT_H6,plate.ELEMENT_OL,plate.ELEMENT_UL]}}}),plate.createListPlugin(),plate.createMediaEmbedPlugin(),text.createParagraphPlugin(),text.createHOnePlugin(),text.createHTwoPlugin(),text.createHThreePlugin(),text.createHFourPlugin(),text.createHFivePlugin(),text.createHSixPlugin(),plate.createResetNodePlugin(),plate.createTablePlugin(),video.createVideoTitlePlugin()];exports.blocks=blocks;

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

@@ -0,0 +1,29 @@
+"use strict";var React=require("react"),styled=require("styled-components"),plate=require("@udecode/plate"),button=require("../../../actions/button/button.js"),constants=require("../../constants.js");function _interopDefaultCompat(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var React__default=_interopDefaultCompat(React);const Button=React__default.default.forwardRef(({children:t,editor:o,element:e,...a},l)=>{var{buttonType:n,color:r}=e;const c=!!o?.selection&&plate.someNode(o,{match:{type:plate.getPluginType(o,constants.ELEMENT_BUTTON)}}),u=plate.getBlockAbove(o,{at:o.selection?.focus,match:{type:plate.getPluginType(o,constants.ELEMENT_BUTTON),buttonType:n}}),s=!plate.isEditorReadOnly(o);return React__default.default.createElement(plate.PlateElement,{asChild:!0,editor:o,element:e,ref:l,...a},React__default.default.createElement(React__default.default.Fragment,null,React__default.default.createElement(()=>c&&s?React__default.default.createElement(ColorMenuComponent,{contentEditable:!1},constants.COLORS.map(e=>React__default.default.createElement(ColorItem,{$color:e,contentEditable:!1,key:e,onClick:t=>{t.stopPropagation(),t=e,u&&plate.setNodes(o,{color:t},{at:u?u[1]:void 0})}}))):null,null),React__default.default.createElement(button.Button,{size:"small",sx:`
+            margin-left: auto !important; 
+            margin-right: auto !important;
+            background-color: ${r||"var(--color-blue-5)"} !important;
+            border-color: ${r||"var(--color-blue-5)"} !important;
+            &:hover {
+              background-color: ${r||"var(--color-blue-5)"} !important;
+              filter: brightness(85%);
+            }
+          `},t)))}),ColorMenuComponent=styled.styled.div`
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  gap: 16px;
+  z-index: 5;
+  position: absolute;
+  transform: translateY(24px);
+  left: calc(50% - 148px);
+  border-radius: 16px;
+  padding: 8px 16px;
+  box-shadow: var(--elevation-1);
+  background-color: var(--color-white);
+`,ColorItem=styled.styled.div`
+  width: 24px;
+  height: 24px;
+  border-radius: 50%;
+  background-color: ${({$color:t})=>t};
+  cursor: pointer;
+`,createButtonsPlugin=plate.createPluginFactory({key:constants.ELEMENT_BUTTON,type:constants.ELEMENT_BUTTON,isElement:!0,component:Button,then:()=>({inject:{props:{classNames:void 0,validTypes:[plate.ELEMENT_PARAGRAPH]}}})});exports.Button=Button,exports.createButtonsPlugin=createButtonsPlugin;

package/dist/components/editor/plugins/blocks/dropdown-menu.js

@@ -0,0 +1,2 @@
+"use client";
+"use strict";var React=require("react"),DropdownMenuPrimitive=require("@radix-ui/react-dropdown-menu"),cn=require("@udecode/cn"),classVarianceAuthority=require("class-variance-authority"),chevron_right=require("../../../../icons/arrow/chevron_right.js"),checkmark=require("../../../../icons/basic/checkmark.js");function _interopNamespaceCompat(n){var a;return n&&"object"==typeof n&&"default"in n?n:(a=Object.create(null),n&&Object.keys(n).forEach(function(e){var t;"default"!==e&&(t=Object.getOwnPropertyDescriptor(n,e),Object.defineProperty(a,e,t.get?t:{enumerable:!0,get:function(){return n[e]}}))}),a.default=n,Object.freeze(a))}var React__namespace=_interopNamespaceCompat(React),DropdownMenuPrimitive__namespace=_interopNamespaceCompat(DropdownMenuPrimitive);const DropdownMenu=DropdownMenuPrimitive__namespace.Root,DropdownMenuTrigger=DropdownMenuPrimitive__namespace.Trigger,DropdownMenuPortal=DropdownMenuPrimitive__namespace.Portal,DropdownMenuContentVariants=(cn.withRef(({className:e,inset:t,children:n,...a},o)=>React__namespace.createElement(DropdownMenuPrimitive__namespace.SubTrigger,{ref:o,className:cn.cn("flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent","data-[disabled]:pointer-events-none data-[disabled]:opacity-50",t&&"pl-8",e),...a},n,React__namespace.createElement(chevron_right.ChevronRight,{className:"ml-auto h-4 w-4"}))),cn.withCn(DropdownMenuPrimitive__namespace.SubContent,"z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2"),cn.withProps(DropdownMenuPrimitive__namespace.Content,{sideOffset:4,className:cn.cn("z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2")})),DropdownMenuContent=cn.withRef(({...e},t)=>React__namespace.createElement(DropdownMenuPrimitive__namespace.Portal,null,React__namespace.createElement(DropdownMenuContentVariants,{ref:t,...e}))),menuItemVariants=classVarianceAuthority.cva(cn.cn("relative flex h-9 cursor-pointer select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors","focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50"),{variants:{inset:{true:"pl-8"}}}),DropdownMenuCheckboxItem=(cn.withVariants(DropdownMenuPrimitive__namespace.Item,menuItemVariants,["inset"]),cn.withRef(({className:e,children:t,...n},a)=>React__namespace.createElement(DropdownMenuPrimitive__namespace.CheckboxItem,{ref:a,className:cn.cn("relative flex select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50","cursor-pointer",e),...n},React__namespace.createElement("span",{className:"absolute left-2 flex h-3.5 w-3.5 items-center justify-center"},React__namespace.createElement(DropdownMenuPrimitive__namespace.ItemIndicator,null,React__namespace.createElement(checkmark.Checkmark,{className:"h-4 w-4"}))),t))),dropdownMenuLabelVariants=(cn.withRef(({className:e,children:t,hideIcon:n,...a},o)=>React__namespace.createElement(DropdownMenuPrimitive__namespace.RadioItem,{ref:o,className:cn.cn("relative flex select-none items-center rounded-sm pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50","h-9 cursor-pointer px-2 data-[state=checked]:bg-accent data-[state=checked]:text-accent-foreground",e),...a},!n&&React__namespace.createElement("span",{className:"absolute right-2 flex h-3.5 w-3.5 items-center justify-center"},React__namespace.createElement(DropdownMenuPrimitive__namespace.ItemIndicator,null,React__namespace.createElement(checkmark.Checkmark,{className:"h-4 w-4"}))),t)),classVarianceAuthority.cva(cn.cn("select-none px-2 py-1.5 text-sm font-semibold"),{variants:{inset:{true:"pl-8"}}}));cn.withVariants(DropdownMenuPrimitive__namespace.Label,dropdownMenuLabelVariants,["inset"]),cn.withCn(DropdownMenuPrimitive__namespace.Separator,"-mx-1 my-1 h-px bg-muted"),cn.withCn(cn.createPrimitiveElement("span"),"ml-auto text-xs tracking-widest opacity-60"),exports.DropdownMenu=DropdownMenu,exports.DropdownMenuCheckboxItem=DropdownMenuCheckboxItem,exports.DropdownMenuContent=DropdownMenuContent,exports.DropdownMenuPortal=DropdownMenuPortal,exports.DropdownMenuTrigger=DropdownMenuTrigger;

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

@@ -0,0 +1 @@
+"use strict";var React=require("react"),cn=require("@udecode/cn"),plateCommon=require("@udecode/plate-common"),plateMedia=require("@udecode/plate-media"),plateResizable=require("@udecode/plate-resizable"),resizable=require("./resizable.js"),context=require("../../context.js"),mediaPopover=require("./media-popover.js");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React);const ImageElement=plateCommon.withHOC(plateResizable.ResizableProvider,cn.withRef(({className:e,children:a,element:t,nodeProps:l,...i},r)=>{const n=React__default.default.useContext(context.EditorContext)["imageSrcLoader"];var{readOnly:c,focused:d,selected:o,align:s="center"}=plateMedia.useMediaState();const{id:u,url:m,...f}=t,[p,_]=React__default.default.useState(null);return React__default.default.useEffect(()=>{(async()=>{var e;u&&n&&(e=await n(u))&&_(e)})()},[u,n]),!p&&m?React__default.default.createElement(mediaPopover.MediaPopover,{pluginKey:plateMedia.ELEMENT_IMAGE},React__default.default.createElement(plateCommon.PlateElement,{ref:r,element:t,className:cn.cn("py-2.5",e),...i},React__default.default.createElement("figure",{className:"group relative m-0",contentEditable:!1},React__default.default.createElement(resizable.Resizable,{align:s,options:{align:s,readOnly:c}},React__default.default.createElement(resizable.ResizeHandle,{options:{direction:"left"},className:resizable.mediaResizeHandleVariants({direction:"left"})}),React__default.default.createElement(plateMedia.Image,{className:cn.cn("block w-full max-w-full cursor-pointer object-cover px-0","rounded-sm",d&&o&&"ring-2 ring-ring ring-offset-2"),alt:"",...l}),React__default.default.createElement(resizable.ResizeHandle,{options:{direction:"right"},className:resizable.mediaResizeHandleVariants({direction:"right"})}))),a)):React__default.default.createElement(mediaPopover.MediaPopover,{pluginKey:plateMedia.ELEMENT_IMAGE},React__default.default.createElement(plateCommon.PlateElement,{ref:r,className:cn.cn("py-2.5",e),element:f,...i},p?React__default.default.createElement("figure",{className:"group relative m-0",contentEditable:!1},React__default.default.createElement(resizable.Resizable,{align:s,options:{align:s,readOnly:c}},React__default.default.createElement(resizable.ResizeHandle,{options:{direction:"left"},className:resizable.mediaResizeHandleVariants({direction:"left"})}),React__default.default.createElement(plateMedia.Image,{className:cn.cn("block w-full max-w-full cursor-pointer object-cover px-0","rounded-sm",d&&o&&"ring-2 ring-ring ring-offset-2"),alt:"",...l,src:p}),React__default.default.createElement(resizable.ResizeHandle,{options:{direction:"right"},className:resizable.mediaResizeHandleVariants({direction:"right"})}))):null,a))}));exports.ImageElement=ImageElement;

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

@@ -0,0 +1,8 @@
+"use strict";var React=require("react"),plate=require("@udecode/plate"),styled=require("styled-components");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React);const ListElement=({children:e,variant:t="ul",...a})=>{return React__default.default.createElement(plate.PlateElement,{asChild:!0,...a},React__default.default.createElement(React__default.default.Fragment,null,React__default.default.createElement(t,null,React__default.default.Children.map(e,e=>React__default.default.createElement(Li,null,e)))))},Li=styled.styled.li`
+  margin: 16px 0px;
+  padding-left: 8px;
+
+  &::marker {
+    color: var(--color-grey-4);
+  }
+`;exports.ListElement=ListElement;

package/dist/components/editor/plugins/blocks/media-popover.js

@@ -0,0 +1 @@
+"use strict";var React=require("react"),plateCommon=require("@udecode/plate-common"),plateMedia=require("@udecode/plate-media"),slateReact=require("slate-react"),plateButton=require("./plate-button.js"),popover=require("./popover.js"),lucideReact=require("lucide-react");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React);function MediaPopover({children:e}){var t=slateReact.useReadOnly(),a=slateReact.useSelected(),l=plateCommon.useEditorSelector(e=>!plateCommon.isSelectionExpanded(e),[]);const o=!t&&a&&l,c=plateMedia.useFloatingMediaSelectors().isEditing();React.useEffect(()=>{!o&&c&&plateMedia.floatingMediaActions.isEditing(!1)},[o]);a=plateCommon.useElement(),l=plateCommon.useRemoveNodeButton({element:a}).props;return t?React__default.default.createElement(React__default.default.Fragment,null,e):React__default.default.createElement(popover.Popover,{open:o,modal:!1},React__default.default.createElement(popover.PopoverAnchor,null,e),React__default.default.createElement(popover.PopoverContent,{className:"w-auto p-1",onOpenAutoFocus:e=>e.preventDefault()},c?React__default.default.createElement("div",{className:"flex w-[330px] flex-col"},React__default.default.createElement("div",{className:"flex items-center"},React__default.default.createElement("div",{className:"flex items-center pl-3 text-muted-foreground"},React__default.default.createElement(lucideReact.Link,{className:"h-4 w-4"})))):React__default.default.createElement("div",{className:"box-content flex h-9 items-center gap-1"},React__default.default.createElement(plateButton.Button,{variant:"ghost",size:"sms",...l},React__default.default.createElement(lucideReact.Trash,{className:"h-4 w-4"})))))}exports.MediaPopover=MediaPopover;

package/dist/components/editor/plugins/blocks/plate-button.js

@@ -0,0 +1 @@
+"use strict";var React=require("react"),reactSlot=require("@radix-ui/react-slot"),cn=require("@udecode/cn"),classVarianceAuthority=require("class-variance-authority");function _interopNamespaceCompat(r){var n;return r&&"object"==typeof r&&"default"in r?r:(n=Object.create(null),r&&Object.keys(r).forEach(function(e){var t;"default"!==e&&(t=Object.getOwnPropertyDescriptor(r,e),Object.defineProperty(n,e,t.get?t:{enumerable:!0,get:function(){return r[e]}}))}),n.default=r,Object.freeze(n))}var React__namespace=_interopNamespaceCompat(React);const buttonVariants=classVarianceAuthority.cva("inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",{variants:{variant:{default:"bg-primary text-primary-foreground hover:bg-primary/90",destructive:"bg-destructive text-destructive-foreground hover:bg-destructive/90",outline:"border border-input bg-background hover:bg-accent hover:text-accent-foreground",secondary:"bg-secondary text-secondary-foreground hover:bg-secondary/80",ghost:"hover:bg-accent hover:text-accent-foreground",link:"text-primary underline-offset-4 hover:underline",inlineLink:"text-base text-primary underline underline-offset-4"},size:{default:"h-10 px-4 py-2",xs:"h-8 rounded-md px-3",sm:"h-9 rounded-md px-3",sms:"h-9 w-9 rounded-md px-0",lg:"h-11 rounded-md px-8",icon:"h-10 w-10",none:""},isMenu:{true:"h-auto w-full cursor-pointer justify-start"}},defaultVariants:{variant:"default",size:"default"}}),Button=cn.withRef(({className:e,isMenu:t,variant:r,size:n,asChild:a=!1,...i},o)=>{a=a?reactSlot.Slot:"button";return React__namespace.createElement(a,{className:cn.cn(buttonVariants({isMenu:t,variant:r,size:n,className:e})),ref:o,...i})});exports.Button=Button,exports.buttonVariants=buttonVariants;

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

@@ -0,0 +1,2 @@
+"use client";
+"use strict";var React=require("react"),PopoverPrimitive=require("@radix-ui/react-popover"),cn=require("@udecode/cn"),classVarianceAuthority=require("class-variance-authority");function _interopNamespaceCompat(o){var a;return o&&"object"==typeof o&&"default"in o?o:(a=Object.create(null),o&&Object.keys(o).forEach(function(e){var t;"default"!==e&&(t=Object.getOwnPropertyDescriptor(o,e),Object.defineProperty(a,e,t.get?t:{enumerable:!0,get:function(){return o[e]}}))}),a.default=o,Object.freeze(a))}var React__namespace=_interopNamespaceCompat(React),PopoverPrimitive__namespace=_interopNamespaceCompat(PopoverPrimitive);const Popover=PopoverPrimitive__namespace.Root,PopoverAnchor=PopoverPrimitive__namespace.Anchor,popoverVariants=classVarianceAuthority.cva("w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 print:hidden"),PopoverContent=cn.withRef(({className:e,style:t,align:o="center",sideOffset:a=4,...r},n)=>React__namespace.createElement(PopoverPrimitive__namespace.Portal,null,React__namespace.createElement(PopoverPrimitive__namespace.Content,{ref:n,align:o,sideOffset:a,className:cn.cn(popoverVariants(),e),style:{zIndex:1e3,...t},...r})));exports.Popover=Popover,exports.PopoverAnchor=PopoverAnchor,exports.PopoverContent=PopoverContent,exports.popoverVariants=popoverVariants;

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

@@ -0,0 +1,14 @@
+"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"],{commentInputLoader:o,commentLoader:l}=React__default.default.useContext(context.EditorContext);const[u,d]=React__default.default.useState(!1);return React__default.default.createElement(plate.PlateElement,{asChild:!0,element:t,ref:n,...a},React__default.default.createElement(React__default.default.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:24,$padding:24,contentEditable:!1},React__default.default.createElement(button.Button,{as:"div",icon:u?React__default.default.createElement(chevron_up.ChevronUp,{color:"grey-3"}):React__default.default.createElement(chevron_down.ChevronDown,{color:"grey-3"}),onClick:()=>d(e=>!e),size:"small",sx:`
+            width: fit-content;
+            flex-direction: row-reverse;
+            color: var(--color-grey-5);
+            &:not(:hover) svg {
+              fill: var(--color-grey-3);
+            }
+            `,type:"text",contentEditable:!1},u?"Hide answers":"Show answers"),React__default.default.createElement(hide.HideButRender,{show:u},React__default.default.createElement(l,{questionAnswerId:r})),React__default.default.createElement(o,{questionAnswerId:r,onComment:()=>d(!0)}))))}),Question=styled.styled.div`
+  margin-bottom: 8px;
+  padding: 16px;
+  border-left: 8px solid var(--color-hue-blue-1);
+  border-radius: 8px;
+  background-color: var(--color-hue-blue-3);
+`,createQAPlugin=plate.createPluginFactory({key:constants.ELEMENT_QA,type:constants.ELEMENT_QA,isElement:!0,component:QuestionAnswerElement});exports.QuestionAnswerElement=QuestionAnswerElement,exports.createQAPlugin=createQAPlugin;

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

@@ -0,0 +1,2 @@
+"use client";
+"use strict";var React=require("react"),cn=require("@udecode/cn"),plateResizable=require("@udecode/plate-resizable"),classVarianceAuthority=require("class-variance-authority");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React);const mediaResizeHandleVariants=classVarianceAuthority.cva(cn.cn("top-0 flex w-6 select-none flex-col justify-center","after:flex after:h-16 after:w-[3px] after:rounded-[6px] after:bg-ring after:opacity-0 after:content-['_'] group-hover:after:opacity-100"),{variants:{direction:{left:"-left-3 -ml-3 pl-3",right:"-right-3 -mr-3 items-end pr-3"}}}),resizeHandleVariants=classVarianceAuthority.cva(cn.cn("absolute z-40"),{variants:{direction:{left:"h-full cursor-col-resize",right:"h-full cursor-col-resize",top:"w-full cursor-row-resize",bottom:"w-full cursor-row-resize"}}}),ResizeHandleVariants=cn.withVariants(plateResizable.ResizeHandle,resizeHandleVariants,["direction"]),ResizeHandle=cn.withRef((e,a)=>React__default.default.createElement(ResizeHandleVariants,{ref:a,direction:e.options?.direction,...e})),resizableVariants=classVarianceAuthority.cva("",{variants:{align:{left:"mr-auto",center:"mx-auto",right:"ml-auto"}}}),Resizable=cn.withVariants(plateResizable.Resizable,resizableVariants,["align"]);exports.Resizable=Resizable,exports.ResizeHandle=ResizeHandle,exports.mediaResizeHandleVariants=mediaResizeHandleVariants;

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

@@ -0,0 +1,2 @@
+"use client";
+"use strict";var SeparatorPrimitive=require("@radix-ui/react-separator"),cn=require("@udecode/cn"),classVarianceAuthority=require("class-variance-authority");function _interopNamespaceCompat(a){var t;return a&&"object"==typeof a&&"default"in a?a:(t=Object.create(null),a&&Object.keys(a).forEach(function(r){var e;"default"!==r&&(e=Object.getOwnPropertyDescriptor(a,r),Object.defineProperty(t,r,e.get?e:{enumerable:!0,get:function(){return a[r]}}))}),t.default=a,Object.freeze(t))}var SeparatorPrimitive__namespace=_interopNamespaceCompat(SeparatorPrimitive);const separatorVariants=classVarianceAuthority.cva("shrink-0 bg-border",{variants:{orientation:{horizontal:"h-[1px] w-full",vertical:"h-full w-[1px]"}},defaultVariants:{orientation:"horizontal"}}),Separator=cn.withVariants(cn.withProps(SeparatorPrimitive__namespace.Root,{orientation:"horizontal",decorative:!0}),separatorVariants);exports.Separator=Separator;

package/dist/components/editor/plugins/blocks/table-cell.js

@@ -0,0 +1 @@
+"use strict";var React=require("react"),cn=require("@udecode/cn"),plateCommon=require("@udecode/plate-common"),plateTable=require("@udecode/plate-table"),resizable=require("./resizable.js");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React);const TableCellElement=cn.withRef(({children:e,className:l,style:t,hideBorder:a,isHeader:r,...o},n)=>{var b=o["element"],{colIndex:d,rowIndex:c,readOnly:s,selected:u,hovered:f,hoveredLeft:i,rowSize:m,borders:p,isSelectingCell:_,colSpan:E}=plateTable.useTableCellElementState(),g=plateTable.useTableCellElement({element:o.element})["props"],d=plateTable.useTableCellElementResizableState({colIndex:d,rowIndex:c,colSpan:E}),{rightProps:c,bottomProps:E,leftProps:d,hiddenLeft:h}=plateTable.useTableCellElementResizable(d),x=r?"th":"td";return React__default.default.createElement(plateCommon.PlateElement,{ref:n,asChild:!0,className:cn.cn("relative h-full overflow-visible border-none bg-background p-0",a&&"before:border-none",b.background?"bg-[--cellBackground]":"bg-background",!a&&cn.cn(r&&"text-left [&_>_*]:m-0","before:h-full before:w-full",u&&"before:z-10 before:bg-muted","before:absolute before:box-border before:select-none before:content-['']",p&&cn.cn(p.bottom?.size&&"before:border-b before:border-b-border",p.right?.size&&"before:border-r before:border-r-border",p.left?.size&&"before:border-l before:border-l-border",p.top?.size&&"before:border-t before:border-t-border")),l),...g,...o,style:{"--cellBackground":b.background,...t}},React__default.default.createElement(x,null,React__default.default.createElement("div",{className:"relative z-20 box-border h-full px-3 py-2",style:{minHeight:m}},e),!_&&React__default.default.createElement("div",{className:"group absolute top-0 h-full w-full select-none",contentEditable:!1,suppressContentEditableWarning:!0},!s&&React__default.default.createElement(React__default.default.Fragment,null,React__default.default.createElement(resizable.ResizeHandle,{...c,className:"-top-3 right-[-5px] w-[10px]"}),React__default.default.createElement(resizable.ResizeHandle,{...E,className:"bottom-[-5px] h-[10px]"}),!h&&React__default.default.createElement(resizable.ResizeHandle,{...d,className:"-top-3 left-[-5px] w-[10px]"}),f&&React__default.default.createElement("div",{className:cn.cn("absolute -top-3 z-30 h-[calc(100%_+_12px)] w-1 bg-ring","right-[-1.5px]")}),i&&React__default.default.createElement("div",{className:cn.cn("absolute -top-3 z-30 h-[calc(100%_+_12px)] w-1 bg-ring","left-[-1.5px]")})))))}),TableCellHeaderElement=(TableCellElement.displayName="TableCellElement",cn.withProps(TableCellElement,{isHeader:!0}));exports.TableCellElement=TableCellElement,exports.TableCellHeaderElement=TableCellHeaderElement;

package/dist/components/editor/plugins/blocks/table-row.js

@@ -0,0 +1 @@
+"use strict";var React=require("react"),cn=require("@udecode/cn"),plateCommon=require("@udecode/plate-common");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React);const TableRowElement=cn.withRef(({hideBorder:e,children:t,...a},l)=>React__default.default.createElement(plateCommon.PlateElement,{asChild:!0,ref:l,className:cn.cn("h-full",e&&"border-none"),...a},React__default.default.createElement("tr",null,t)));exports.TableRowElement=TableRowElement;

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

@@ -0,0 +1 @@
+"use strict";var React=require("react"),cn=require("@udecode/cn"),plateCommon=require("@udecode/plate-common"),plateTable=require("@udecode/plate-table"),slateReact=require("slate-react"),PopoverPrimitive=require("@radix-ui/react-popover"),lucideReact=require("lucide-react"),plateButton=require("./plate-button.js"),dropdownMenu=require("./dropdown-menu.js"),popover=require("./popover.js"),separator=require("./separator.js"),borderAll=require("../../icons/border-all.js"),borderBottom=require("../../icons/border-bottom.js"),borderLeft=require("../../icons/border-left.js"),borderNone=require("../../icons/border-none.js"),borderRight=require("../../icons/border-right.js"),borderTop=require("../../icons/border-top.js");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React);const TableBordersDropdownMenuContent=cn.withRef((e,t)=>{var{getOnSelectTableBorder:a,hasOuterBorders:l,hasBottomBorder:r,hasLeftBorder:o,hasNoBorders:n,hasRightBorder:d,hasTopBorder:u}=plateTable.useTableBordersDropdownMenuContentState();return React__default.default.createElement(dropdownMenu.DropdownMenuContent,{ref:t,className:cn.cn("min-w-[220px]"),side:"right",align:"start",sideOffset:0,...e},React__default.default.createElement(dropdownMenu.DropdownMenuCheckboxItem,{checked:r,onCheckedChange:a("bottom")},React__default.default.createElement(borderBottom.BorderBottom,{className:"mr-2 h-4 w-4"}),React__default.default.createElement("div",null,"Bottom Border")),React__default.default.createElement(dropdownMenu.DropdownMenuCheckboxItem,{checked:u,onCheckedChange:a("top")},React__default.default.createElement(borderTop.BorderTop,{className:"mr-2 h-4 w-4"}),React__default.default.createElement("div",null,"Top Border")),React__default.default.createElement(dropdownMenu.DropdownMenuCheckboxItem,{checked:o,onCheckedChange:a("left")},React__default.default.createElement(borderLeft.BorderLeft,{className:"mr-2 h-4 w-4"}),React__default.default.createElement("div",null,"Left Border")),React__default.default.createElement(dropdownMenu.DropdownMenuCheckboxItem,{checked:d,onCheckedChange:a("right")},React__default.default.createElement(borderRight.BorderRight,{className:"mr-2 h-4 w-4"}),React__default.default.createElement("div",null,"Right Border")),React__default.default.createElement(separator.Separator,null),React__default.default.createElement(dropdownMenu.DropdownMenuCheckboxItem,{checked:n,onCheckedChange:a("none")},React__default.default.createElement(borderNone.BorderNone,{className:"mr-2 h-4 w-4"}),React__default.default.createElement("div",null,"No Border")),React__default.default.createElement(dropdownMenu.DropdownMenuCheckboxItem,{checked:l,onCheckedChange:a("outer")},React__default.default.createElement(borderAll.BorderAll,{className:"mr-2 h-4 w-4"}),React__default.default.createElement("div",null,"Outside Borders")))}),TableFloatingToolbar=cn.withRef(({children:e,...t},a)=>{var l=plateCommon.useElement(),l=plateCommon.useRemoveNodeButton({element:l})["props"],r=plateCommon.useEditorSelector(e=>!plateCommon.isSelectionExpanded(e),[]),o=slateReact.useReadOnly(),n=slateReact.useSelected();const d=plateCommon.useEditorRef();var r=!o&&n&&r,o=!o&&n,{canMerge:n,canUnmerge:u}=plateTable.useTableMergeState(),c=n&&React__default.default.createElement(plateButton.Button,{contentEditable:!1,variant:"ghost",isMenu:!0,onClick:()=>plateTable.mergeTableCells(d)},React__default.default.createElement(lucideReact.Combine,{className:"mr-2 h-4 w-4"}),"Merge"),m=u&&React__default.default.createElement(plateButton.Button,{contentEditable:!1,variant:"ghost",isMenu:!0,onClick:()=>plateTable.unmergeTableCells(d)},React__default.default.createElement(lucideReact.Ungroup,{className:"mr-2 h-4 w-4"}),"Unmerge"),l=r&&React__default.default.createElement(React__default.default.Fragment,null,React__default.default.createElement(dropdownMenu.DropdownMenu,{modal:!1},React__default.default.createElement(dropdownMenu.DropdownMenuTrigger,{asChild:!0},React__default.default.createElement(plateButton.Button,{variant:"ghost",isMenu:!0},React__default.default.createElement(borderAll.BorderAll,{className:"mr-2 h-4 w-4"}),"Borders")),React__default.default.createElement(dropdownMenu.DropdownMenuPortal,null,React__default.default.createElement(TableBordersDropdownMenuContent,null))),React__default.default.createElement(plateButton.Button,{contentEditable:!1,variant:"ghost",isMenu:!0,...l},React__default.default.createElement(lucideReact.Trash,{className:"mr-2 h-4 w-4"}),"Delete"));return React__default.default.createElement(popover.Popover,{open:o,modal:!1},React__default.default.createElement(PopoverPrimitive.PopoverAnchor,{asChild:!0},e),(n||u||r)&&React__default.default.createElement(popover.PopoverContent,{ref:a,className:cn.cn(popover.popoverVariants(),"flex w-[220px] flex-col gap-1 p-1"),onOpenAutoFocus:e=>e.preventDefault(),...t},m,c,l))}),TableElement=plateCommon.withHOC(plateTable.TableProvider,cn.withRef(({className:e,children:t,...a},l)=>{const{colSizes:r,isSelectingCell:o,minColumnWidth:n,marginLeft:d}=plateTable.useTableElementState();var{props:u,colGroupProps:c}=plateTable.useTableElement();return React__default.default.createElement(TableFloatingToolbar,null,React__default.default.createElement("div",{style:{paddingLeft:d}},React__default.default.createElement(plateCommon.PlateElement,{ref:l,asChild:!0,className:cn.cn("my-4 ml-px mr-0 table h-px w-full table-fixed border-collapse",o&&"[&_*::selection]:bg-none",e),...u,...a},React__default.default.createElement("table",null,React__default.default.createElement("colgroup",{...c},r.map((e,t)=>React__default.default.createElement("col",{key:t,style:{minWidth:n,width:e||void 0}}))),React__default.default.createElement("tbody",{className:"min-w-full"},t)))))}));exports.TableBordersDropdownMenuContent=TableBordersDropdownMenuContent,exports.TableElement=TableElement,exports.TableFloatingToolbar=TableFloatingToolbar;

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

@@ -0,0 +1 @@
+"use strict";var React=require("react"),plate=require("@udecode/plate"),paragraph=require("../../../atoms/typography/paragraph.js"),heading=require("../../../atoms/typography/heading.js");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React);const ParagraphElement=React__default.default.forwardRef(({children:e,...t},a)=>{var l=t?.style?.textAlign;return React__default.default.createElement(plate.PlateElement,{asChild:!0,ref:a,...t},React__default.default.createElement(React__default.default.Fragment,null,React__default.default.createElement(paragraph.P,{as:"div",$textAlign:l},e)))}),createParagraphPlugin=plate.createPluginFactory({key:plate.ELEMENT_PARAGRAPH,type:plate.ELEMENT_PARAGRAPH,isElement:!0}),HOneElement=React__default.default.forwardRef(({children:e,...t},a)=>{var l=t?.style?.textAlign;return React__default.default.createElement(plate.PlateElement,{asChild:!0,ref:a,...t},React__default.default.createElement(React__default.default.Fragment,null,React__default.default.createElement(heading.H.One,{$textAlign:l},e)))}),createHOnePlugin=plate.createPluginFactory({key:plate.ELEMENT_H1,type:plate.ELEMENT_H1,isElement:!0}),HTwoElement=React__default.default.forwardRef(({children:e,...t},a)=>{var l=t?.style?.textAlign;return React__default.default.createElement(plate.PlateElement,{asChild:!0,ref:a,...t},React__default.default.createElement(React__default.default.Fragment,null,React__default.default.createElement(heading.H.Two,{$textAlign:l},e)))}),createHTwoPlugin=plate.createPluginFactory({key:plate.ELEMENT_H2,type:plate.ELEMENT_H2,isElement:!0}),HThreeElement=React__default.default.forwardRef(({children:e,...t},a)=>{var l=t?.style?.textAlign;return React__default.default.createElement(plate.PlateElement,{asChild:!0,ref:a,...t},React__default.default.createElement(React__default.default.Fragment,null,React__default.default.createElement(heading.H.Three,{$textAlign:l},e)))}),createHThreePlugin=plate.createPluginFactory({key:plate.ELEMENT_H3,type:plate.ELEMENT_H3,isElement:!0}),HFourElement=React__default.default.forwardRef(({children:e,...t},a)=>{var l=t?.style?.textAlign;return React__default.default.createElement(plate.PlateElement,{asChild:!0,ref:a,...t},React__default.default.createElement(React__default.default.Fragment,null,React__default.default.createElement(heading.H.Four,{$textAlign:l},e)))}),createHFourPlugin=plate.createPluginFactory({key:plate.ELEMENT_H4,type:plate.ELEMENT_H4,isElement:!0}),HFiveElement=React__default.default.forwardRef(({children:e,...t},a)=>{var l=t?.style?.textAlign;return React__default.default.createElement(plate.PlateElement,{asChild:!0,ref:a,...t},React__default.default.createElement(React__default.default.Fragment,null,React__default.default.createElement(heading.H.Five,{$textAlign:l},e)))}),createHFivePlugin=plate.createPluginFactory({key:plate.ELEMENT_H5,type:plate.ELEMENT_H5,isElement:!0}),HSixElement=React__default.default.forwardRef(({children:e,...t},a)=>{var l=t?.style?.textAlign;return React__default.default.createElement(plate.PlateElement,{asChild:!0,ref:a,...t},React__default.default.createElement(React__default.default.Fragment,null,React__default.default.createElement(heading.H.Six,{$textAlign:l},e)))}),createHSixPlugin=plate.createPluginFactory({key:plate.ELEMENT_H6,type:plate.ELEMENT_H6,isElement:!0});exports.HFiveElement=HFiveElement,exports.HFourElement=HFourElement,exports.HOneElement=HOneElement,exports.HSixElement=HSixElement,exports.HThreeElement=HThreeElement,exports.HTwoElement=HTwoElement,exports.ParagraphElement=ParagraphElement,exports.createHFivePlugin=createHFivePlugin,exports.createHFourPlugin=createHFourPlugin,exports.createHOnePlugin=createHOnePlugin,exports.createHSixPlugin=createHSixPlugin,exports.createHThreePlugin=createHThreePlugin,exports.createHTwoPlugin=createHTwoPlugin,exports.createParagraphPlugin=createParagraphPlugin;

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

@@ -0,0 +1 @@
+"use strict";var React=require("react"),plate=require("@udecode/plate"),constants=require("../../constants.js"),context=require("../../context.js");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React);const VideoTitleElement=React__default.default.forwardRef(function({editor:e,element:t,...a},l){const i=!plate.isEditorReadOnly(e),n=t["id"],{handleVideoClick:o,videoTitleLoader:d}=React__default.default.useContext(context.EditorContext);return React__default.default.createElement(plate.PlateElement,{asChild:!0,editor:e,element:t,ref:l,...a},React__default.default.createElement("div",{contentEditable:!1,onClick:()=>{o&&!i&&o(n)},style:{cursor:i?"initial":"pointer"}},React__default.default.createElement(d,{courseMediaId:n})))}),createVideoTitlePlugin=plate.createPluginFactory({key:constants.ELEMENT_VIDEO,type:constants.ELEMENT_VIDEO,isElement:!0,isVoid:!0,component:VideoTitleElement,then:()=>({inject:{props:{classNames:void 0,validTypes:[plate.ELEMENT_H2]}}})});exports.VideoTitleElement=VideoTitleElement,exports.createVideoTitlePlugin=createVideoTitlePlugin;

package/dist/components/editor/plugins/leafs/leafs.js

@@ -0,0 +1 @@
+"use strict";var plate=require("@udecode/plate"),plateLink=require("@udecode/plate-link"),link=require("./link.js");const leafs=[plate.createAlignPlugin({inject:{props:{validTypes:[plate.ELEMENT_PARAGRAPH,plate.ELEMENT_H1,plate.ELEMENT_H2,plate.ELEMENT_H3,plate.ELEMENT_H4,plate.ELEMENT_H5,plate.ELEMENT_H6]}}}),plate.createIndentPlugin({inject:{props:{validTypes:[plate.ELEMENT_PARAGRAPH,plate.ELEMENT_H1]}}}),plate.createLineHeightPlugin(),plate.createCodePlugin(),plateLink.createLinkPlugin({renderBeforeEditable:link.LinkFloatingMenu})];exports.leafs=leafs;

package/dist/components/editor/plugins/leafs/link.js

@@ -0,0 +1,35 @@
+"use strict";var React=require("react"),styled=require("styled-components"),plate=require("@udecode/plate"),box=require("../../../atoms/box/box.js"),aa_sansserif=require("../../../../icons/basic/aa_sansserif.js"),link=require("../../../../icons/basic/link.js"),upload=require("../../../../icons/basic/upload.js");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React);const LinkElement=React__default.default.forwardRef(({children:e,...t},a)=>{var n=plate.useLink({element:t.element})["props"];return React__default.default.createElement(plate.PlateElement,{asChild:!0,ref:a,...n,...t},React__default.default.createElement("a",null,e))}),LinkFloatingMenu=({readOnly:e})=>{var t=plate.useFloatingLinkSelectors().isEditing(),a=plate.useFloatingLinkInsertState(),{props:a,ref:n,textInputProps:l}=plate.useFloatingLinkInsert(a),r=plate.useFloatingLinkEditState(),{props:r,ref:o,editButtonProps:u}=plate.useFloatingLinkEdit(r);return e?null:(e=React__default.default.createElement(box.Box,{$dir:"column",sx:`
+        background-color: var(--color-white);
+        gap: 16px;
+        padding: 16px;
+        border-radius: 16px;
+        box-shadow: var(--elevation-2);
+      `},React__default.default.createElement(box.Box,{$align:"center",$justify:"center",$gap:8},React__default.default.createElement(box.Box,{$align:"center",$justify:"center"},React__default.default.createElement(link.Link,null)),React__default.default.createElement(plate.FloatingLinkUrlInput,{style:{border:"none",outline:"none",padding:"8px 12px"},placeholder:"Paste link"})),React__default.default.createElement(box.Box,{$align:"center",$justify:"center",$gap:8},React__default.default.createElement(box.Box,{$align:"center",$justify:"center"},React__default.default.createElement(aa_sansserif.AASansSerif,null)),React__default.default.createElement(Input,{placeholder:"Text to display",...l}))),l=t?e:React__default.default.createElement(box.Box,{$align:"center",$justify:"center",sx:`
+        box-sizing: box-content;
+        background-color: var(--color-white);
+        gap: 8px;
+        padding: 16px;
+        border-radius: 16px;
+        box-shadow: var(--elevation-2);
+
+        a,
+        button {
+          padding: 8px 12px;
+          background-color: transparent;
+          outline: none;
+          border: none;
+          border-radius: 8px;
+          cursor: pointer;
+          width: max-content;
+          font-size: 16px;
+          line-height: 16px;
+
+          &:hover {
+            background-color: var(--color-grey-9);
+          }
+        }
+      `,$gap:8},React__default.default.createElement("button",{type:"button",...u},"Edit link"),React__default.default.createElement(plate.LinkOpenButton,null,React__default.default.createElement(upload.Upload,null))),React__default.default.createElement(React__default.default.Fragment,null,React__default.default.createElement("div",{ref:n,...a},e),React__default.default.createElement("div",{ref:o,...r},l)))},Input=styled.styled.input`
+  border: none;
+  outline: none;
+  padding: 8px 12px;
+`;exports.LinkElement=LinkElement,exports.LinkFloatingMenu=LinkFloatingMenu;

package/dist/components/editor/plugins/marks/marks.js

@@ -0,0 +1 @@
+"use strict";var plate=require("@udecode/plate");const marks=[plate.createBoldPlugin(),plate.createFontBackgroundColorPlugin(),plate.createFontSizePlugin(),plate.createFontFamilyPlugin(),plate.createItalicPlugin(),plate.createStrikethroughPlugin(),plate.createSubscriptPlugin(),plate.createSuperscriptPlugin(),plate.createUnderlinePlugin()];exports.marks=marks;

package/dist/components/editor/plugins/plate.js

@@ -0,0 +1 @@
+"use strict";var cn=require("@udecode/cn"),plateCommon=require("@udecode/plate-common"),link=require("./leafs/link.js"),constants=require("../constants.js"),blockquote=require("./blocks/blockquote.js"),buttons=require("./blocks/buttons.js"),image=require("./blocks/image.js"),list=require("./blocks/list.js"),table=require("./blocks/table.js"),tableCell=require("./blocks/table-cell.js"),tableRow=require("./blocks/table-row.js"),text=require("./blocks/text.js"),plate=require("@udecode/plate");const plateUI={[plate.ELEMENT_PARAGRAPH]:text.ParagraphElement,[plate.ELEMENT_H1]:text.HOneElement,[plate.ELEMENT_H2]:text.HTwoElement,[plate.ELEMENT_H3]:text.HThreeElement,[plate.ELEMENT_H4]:text.HFourElement,[plate.ELEMENT_H5]:text.HFiveElement,[plate.ELEMENT_H6]:text.HSixElement,[plate.ELEMENT_BLOCKQUOTE]:blockquote.BlockquoteElement,[plate.ELEMENT_LINK]:link.LinkElement,[plate.ELEMENT_OL]:cn.withProps(list.ListElement,{variant:plate.ELEMENT_OL}),[plate.ELEMENT_UL]:cn.withProps(list.ListElement,{variant:plate.ELEMENT_UL}),[plate.ELEMENT_IMAGE]:image.ImageElement,[constants.ELEMENT_BUTTON]:buttons.Button,[plate.ELEMENT_TABLE]:table.TableElement,[plate.ELEMENT_TD]:tableCell.TableCellElement,[plate.ELEMENT_TH]:tableCell.TableCellHeaderElement,[plate.ELEMENT_TR]:tableRow.TableRowElement,[plate.MARK_SUBSCRIPT]:cn.withProps(plateCommon.PlateLeaf,{as:"sub"}),[plate.MARK_SUPERSCRIPT]:cn.withProps(plateCommon.PlateLeaf,{as:"sup"})};exports.plateUI=plateUI;

package/dist/components/editor/plugins/utils/exitBreak.js

@@ -0,0 +1 @@
+"use strict";var plate=require("@udecode/plate"),constants=require("../../constants.js");const exitBreakPlugin={options:{rules:[{hotkey:"mod+enter"},{hotkey:"mod+shift+enter",before:!0},{hotkey:"enter",query:{start:!0,end:!0,allow:[plate.ELEMENT_BLOCKQUOTE,constants.ELEMENT_BUTTON,plate.ELEMENT_MEDIA,plate.ELEMENT_MEDIA_EMBED,plate.ELEMENT_OL,plate.ELEMENT_UL,...plate.KEYS_HEADING]}}]}};exports.exitBreakPlugin=exitBreakPlugin;

package/dist/components/editor/plugins/utils/resetBlockType.js

@@ -0,0 +1 @@
+"use strict";var plate=require("@udecode/plate");const resetBlockTypesCommonRule={types:[plate.ELEMENT_BLOCKQUOTE,plate.ELEMENT_TODO_LI],defaultType:plate.ELEMENT_PARAGRAPH},resetBlockTypePlugin={options:{rules:[{...resetBlockTypesCommonRule,hotkey:"Enter",predicate:plate.isBlockAboveEmpty},{...resetBlockTypesCommonRule,hotkey:"Backspace",predicate:plate.isSelectionAtBlockStart}]}};exports.resetBlockTypePlugin=resetBlockTypePlugin;

package/dist/components/editor/plugins/utils/selectOnBackspace.js

@@ -0,0 +1 @@
+"use strict";var plate=require("@udecode/plate");const selectOnBackspace={options:{query:{allow:[plate.ELEMENT_HR,plate.ELEMENT_IMAGE,plate.ELEMENT_MEDIA_EMBED]}}};exports.selectOnBackspace=selectOnBackspace;