@soul-refiner/design-system 2.14.10-alpha.1 → 2.14.10

package/dist/components/card/video/video.js

@@ -1,5 +1,5 @@
 "use client";
-"use strict";var e=require("react/jsx-runtime"),i=require("react"),r=require("next/image"),t=require("styled-components"),a=require("../../atoms/box/box.js"),o=require("../../atoms/typography/heading.js"),n=require("../../atoms/typography/paragraph.js"),s=require("../../actions/rate/rate.js"),l=require("../../../icons/shopping/cart_filled.js"),d=require("../styles.js");function x(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var p=x(i),h=x(r);const c=t.styled.a`
+"use strict";var React=require("react"),Image=require("next/image"),styled=require("styled-components"),box=require("../../atoms/box/box.js"),heading=require("../../atoms/typography/heading.js"),paragraph=require("../../atoms/typography/paragraph.js"),rate=require("../../actions/rate/rate.js"),cart_filled=require("../../../icons/shopping/cart_filled.js"),styles=require("../styles.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 VideoEpisodeCard=({actions:e,actionDropdown:t,content:a,cta:r,href:l,image:i,logo:o,numRating:d,purchaseText:n,rating:p,subtitle:s,supportLabel:c,sx:u,title:f})=>{var g=!!o;return React__default.default.createElement(Wrapper,{$sx:u,href:l,$hasPurchaseText:!!n},React__default.default.createElement(Figure,null,t&&React__default.default.createElement(DropdownWrapper,null,t),!!n&&React__default.default.createElement(styles.PurchaseTextWrapper,{className:"not-hover"},React__default.default.createElement(cart_filled.CartFilled,{color:"yellow-5",size:24}),React__default.default.createElement(paragraph.P,{$bold:!0,$color:"white"},n)),React__default.default.createElement(Image__default.default,{alt:"",className:"thumbnail",height:213,quality:100,src:i,width:379}),React__default.default.createElement(Figcaption,null,React__default.default.createElement(box.Box,{$display:"block",className:"hidden"},r),React__default.default.createElement(box.Box,{$align:"center",$dir:"row",$gap:16},o,React__default.default.createElement(box.Box,{$dir:"column",$gap:4,sx:"max-width: 60%;"},React__default.default.createElement(heading.H,{$color:"grey-2",$textClampLines:1,$semiBold:!0,$fontSize:g?18:16},f),React__default.default.createElement(paragraph.P,{$color:"grey-4",$fontSize:12,$lineHeight:16},s)),c&&React__default.default.createElement(paragraph.P,{className:"not-hover",$color:"grey-4",$fontSize:12,$lineHeight:16,sx:"margin-left: auto; align-self: flex-end; margin-bottom: 2.5px;"},c)),React__default.default.createElement(paragraph.P,{$color:"grey-5",$fontSize:14,$lineHeight:20,$mediumBold:!0,$textClampLines:4,className:"hidden"},a),React__default.default.createElement(box.Box,{className:"hidden",$align:"center",$dir:"row"},React__default.default.createElement(rate.Rate,{isRateable:!1,percent:p,size:"small"}),React__default.default.createElement(paragraph.P,{$color:"grey-4",$fontSize:12,$lineHeight:16,sx:"margin: 0px auto 0px 4px;"},"(",d,")"),React__default.default.createElement(box.Box,{$align:"center",$dir:"row",$gap:8},React__default.default.Children.toArray(e))))))},Wrapper=styled.styled.a`
   cursor: pointer;
   display: block;
   position: relative;
@@ -24,48 +24,46 @@
     display: none;
   }
 
-  @media (min-width: 768px) {
-    &:hover {
-      transform: translate(-13px, -55px);
-      z-index: 6;
+  &:hover {
+    transform: translate(-13px, -55px);
+    z-index: 6;
 
-      .hidden {
-        display: -webkit-box;
-      }
+    .hidden {
+      display: -webkit-box;
+    }
 
-      .not-hover {
-        display: none;
-      }
+    .not-hover {
+      display: none;
+    }
 
-      .thumbnail {
-        border-radius: 16px 16px 0px 0px;
-      }
+    .thumbnail {
+      border-radius: 16px 16px 0px 0px;
+    }
 
-      figure {
-        position: absolute;
-        width: 406px;
-        box-shadow: var(--elevation-3);
-        background: linear-gradient(
-          0deg,
-          #ffffff 50%,
-          rgba(255, 255, 255, 0.85) 55%,
-          rgba(255, 255, 255, 0.1) 80%
-        );
+    figure {
+      position: absolute;
+      width: 406px;
+      box-shadow: var(--elevation-3);
+      background: linear-gradient(
+        0deg,
+        #ffffff 50%,
+        rgba(255, 255, 255, 0.85) 55%,
+        rgba(255, 255, 255, 0.1) 80%
+      );
 
-        img {
-          box-shadow: none;
-        }
+      img {
+        box-shadow: none;
       }
+    }
 
-      figcaption {
-        margin-top: -40px;
-        padding: 24px;
-      }
+    figcaption {
+      margin-top: -40px;
+      padding: 24px;
     }
   }
 
   ${({$sx:e})=>e||""};
-`,g=t.styled.figure`
+`,Figure=styled.styled.figure`
   max-width: 410px;
   width: max-content;
   margin: 0px;
@@ -80,15 +78,15 @@
     height: 225px;
     border-radius: 16px;
   }
-`,u=t.styled.figcaption`
+`,Figcaption=styled.styled.figcaption`
   display: flex;
   flex-flow: column nowrap;
   gap: 8px;
   padding: 8px;
   position: relative;
   width: 100%;
-`,m=t.styled.div`
+`,DropdownWrapper=styled.styled.div`
   position: absolute;
   top: 8px;
   right: 8px;
-`;exports.VideoEpisodeCard=({actions:i,actionDropdown:r,content:t,cta:x,href:$,image:f,logo:b,numRating:j,purchaseText:y,rating:w,subtitle:v,supportLabel:q,sx:z,title:H})=>{const P=!!b;return e.jsx(c,{$sx:z,href:$,$hasPurchaseText:!!y,children:e.jsxs(g,{children:[r&&e.jsx(m,{children:r}),!!y&&e.jsxs(d.PurchaseTextWrapper,{className:"not-hover",children:[e.jsx(l.CartFilled,{color:"yellow-5",size:24}),e.jsx(n.P,{$bold:!0,$color:"white",children:y})]}),e.jsx(h.default,{alt:"",className:"thumbnail",height:213,quality:100,src:f,width:379}),e.jsxs(u,{children:[e.jsx(a.Box,{$display:"block",className:"hidden",children:x}),e.jsxs(a.Box,{$align:"center",$dir:"row",$gap:16,children:[b,e.jsxs(a.Box,{$dir:"column",$gap:4,sx:"max-width: 60%;",children:[e.jsx(o.H,{$color:"grey-2",$textClampLines:1,$semiBold:!0,$fontSize:P?18:16,dangerouslySetInnerHTML:{__html:H}}),e.jsx(n.P,{$color:"grey-4",$fontSize:12,$lineHeight:16,dangerouslySetInnerHTML:{__html:v}})]}),q&&e.jsx(n.P,{className:"not-hover",$color:"grey-4",$fontSize:12,$lineHeight:16,sx:"margin-left: auto; align-self: flex-end; margin-bottom: 2.5px;",children:q})]}),e.jsx(n.P,{$color:"grey-5",$fontSize:14,$lineHeight:20,$mediumBold:!0,$textClampLines:4,className:"hidden",dangerouslySetInnerHTML:{__html:t}}),e.jsxs(a.Box,{className:"hidden",$align:"center",$dir:"row",children:[e.jsx(s.Rate,{isRateable:!1,percent:w,size:"small"}),e.jsxs(n.P,{$color:"grey-4",$fontSize:12,$lineHeight:16,sx:"margin: 0px auto 0px 4px;",children:["(",j,")"]}),e.jsx(a.Box,{$align:"center",$dir:"row",$gap:8,children:p.default.Children.toArray(i)})]})]})]})})};
+`;exports.VideoEpisodeCard=VideoEpisodeCard;

package/dist/components/card/written/written.js

@@ -1,5 +1,5 @@
 "use client";
-"use strict";var e=require("react/jsx-runtime"),i=require("react"),r=require("next/image"),t=require("styled-components"),a=require("../../atoms/box/box.js"),n=require("../../atoms/typography/heading.js"),s=require("../../atoms/typography/paragraph.js"),o=require("../../actions/rate/rate.js"),l=require("../../../icons/shopping/cart_filled.js"),d=require("../styles.js");function x(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var p=x(i),c=x(r);const h=t.styled.a`
+"use strict";var React=require("react"),Image=require("next/image"),styled=require("styled-components"),box=require("../../atoms/box/box.js"),heading=require("../../atoms/typography/heading.js"),paragraph=require("../../atoms/typography/paragraph.js"),rate=require("../../actions/rate/rate.js"),cart_filled=require("../../../icons/shopping/cart_filled.js"),styles=require("../styles.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 WrittenEpisodeCard=({actions:e,actionDropdown:t,content:a,cta:r,href:l,image:i,logo:o,numRating:n,purchaseText:d,rating:s,subtitle:p,supportLabel:c,sx:u,title:f})=>{var g=!!o;return React__default.default.createElement(Wrapper,{$sx:u,href:l,$hasPurchaseText:!!d},React__default.default.createElement(Figure,null,t&&React__default.default.createElement(DropdownWrapper,null,t),!!d&&React__default.default.createElement(styles.PurchaseTextWrapper,{className:"not-hover"},React__default.default.createElement(cart_filled.CartFilled,{color:"yellow-5",size:24,sx:"flex-shrink: 0;"}),React__default.default.createElement(paragraph.P,{$bold:!0,$color:"white"},d)),React__default.default.createElement(Image__default.default,{alt:"",className:"thumbnail",height:228,quality:100,src:i,width:176}),React__default.default.createElement(Figcaption,null,React__default.default.createElement(box.Box,{$display:"block",className:"hidden"},r),React__default.default.createElement(box.Box,{$align:"center",$dir:"row",$gap:16},o,React__default.default.createElement(box.Box,{$dir:"column",$gap:4},React__default.default.createElement(heading.H,{$color:"grey-2",$semiBold:!0,$fontSize:g?18:16},f),React__default.default.createElement(paragraph.P,{$color:"grey-4",$fontSize:12,$lineHeight:16},p)),c&&React__default.default.createElement(paragraph.P,{className:"not-hover",$color:"grey-4",$fontSize:12,$lineHeight:16,sx:"margin-left: auto; align-self: flex-end; margin-bottom: 2.5px;"},c)),React__default.default.createElement(paragraph.P,{$color:"grey-5",$fontSize:14,$lineHeight:20,$mediumBold:!0,$textClampLines:6,className:"hidden inline"},a),React__default.default.createElement(box.Box,{className:"hidden",$align:"center",$dir:"row"},React__default.default.createElement(rate.Rate,{isRateable:!1,percent:s,size:"small"}),React__default.default.createElement(paragraph.P,{$color:"grey-4",$fontSize:12,$lineHeight:16,sx:"margin: 0px auto 0px 4px;"},"(",n,")"),React__default.default.createElement(box.Box,{$align:"center",$dir:"row",$gap:8},React__default.default.Children.toArray(e))))))},Wrapper=styled.styled.a`
   cursor: pointer;
   display: block;
   position: relative;
@@ -68,7 +68,7 @@
   }
 
   ${({$sx:e})=>e||""};
-`,g=t.styled.figure`
+`,Figure=styled.styled.figure`
   margin: 0px;
   border-radius: 16px;
 
@@ -81,13 +81,13 @@
     height: 225px;
     aspect-ratio: 149 / 213;
   }
-`,u=t.styled.figcaption`
+`,Figcaption=styled.styled.figcaption`
   display: flex;
   flex-flow: column nowrap;
   gap: 8px;
   padding: 8px;
-`,m=t.styled.div`
+`,DropdownWrapper=styled.styled.div`
   position: absolute;
   top: 8px;
   right: 8px;
-`;exports.WrittenEpisodeCard=({actions:i,actionDropdown:r,content:t,cta:x,href:f,image:$,logo:b,numRating:y,purchaseText:j,rating:w,subtitle:v,supportLabel:q,sx:z,title:H})=>{const P=!!b;return e.jsx(h,{$sx:z,href:f,$hasPurchaseText:!!j,children:e.jsxs(g,{children:[r&&e.jsx(m,{children:r}),!!j&&e.jsxs(d.PurchaseTextWrapper,{className:"not-hover",children:[e.jsx(l.CartFilled,{color:"yellow-5",size:24,sx:"flex-shrink: 0;"}),e.jsx(s.P,{$bold:!0,$color:"white",children:j})]}),e.jsx(c.default,{alt:"",className:"thumbnail",height:228,quality:100,src:$,width:176}),e.jsxs(u,{children:[e.jsx(a.Box,{$display:"block",className:"hidden",children:x}),e.jsxs(a.Box,{$align:"center",$dir:"row",$gap:16,children:[b,e.jsxs(a.Box,{$dir:"column",$gap:4,children:[e.jsx(n.H,{$color:"grey-2",$semiBold:!0,$fontSize:P?18:16,dangerouslySetInnerHTML:{__html:H}}),e.jsx(s.P,{$color:"grey-4",$fontSize:12,$lineHeight:16,dangerouslySetInnerHTML:{__html:v}})]}),q&&e.jsx(s.P,{className:"not-hover",$color:"grey-4",$fontSize:12,$lineHeight:16,sx:"margin-left: auto; align-self: flex-end; margin-bottom: 2.5px;",children:q})]}),e.jsx(s.P,{$color:"grey-5",$fontSize:14,$lineHeight:20,$mediumBold:!0,$textClampLines:6,className:"hidden inline",dangerouslySetInnerHTML:{__html:t}}),e.jsxs(a.Box,{className:"hidden",$align:"center",$dir:"row",children:[e.jsx(o.Rate,{isRateable:!1,percent:w,size:"small"}),e.jsxs(s.P,{$color:"grey-4",$fontSize:12,$lineHeight:16,sx:"margin: 0px auto 0px 4px;",children:["(",y,")"]}),e.jsx(a.Box,{$align:"center",$dir:"row",$gap:8,children:p.default.Children.toArray(i)})]})]})]})})};
+`;exports.WrittenEpisodeCard=WrittenEpisodeCard;

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

@@ -1,10 +1,10 @@
 "use client";
-"use strict";var e=require("react/jsx-runtime"),r=require("react"),o=require("next/image"),i=require("styled-components"),n=require("../../actions/button/button.js"),s=require("../../atoms/typography/paragraph.js"),t=require("../../atoms/box/box.js"),l=require("../../atoms/typography/heading.js"),a=require("../../../icons/basic/graduation_cap.js"),c=require("../../../icons/basic/search.js"),d=require("../../../icons/basic/plus.js"),u=require("../../../icons/basic/close.js");require("../../iconography/icon/icon.js");var p=require("../../../icons/arrow/chevron_down.js");function x(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("../../../icons/basic/subtask.js"),require("../../../common/colors.js");var g=x(r),h=x(o);const f=i.styled.div`
+"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||""}
-`,j=i.styled.div`
+`,Container=styled.styled.div`
   min-width: 280px;
   max-height: 600px;
   display: flex;
@@ -22,7 +22,7 @@
   ${({$sx:e})=>e||""}
 
   ${({$offset:e})=>e?`transform: translate(${e[0]}px, ${e[1]}px);`:""}
-`,b=i.styled.div`
+`,OptionWrapper=styled.styled.div`
   position: relative;
   padding: 12px 16px;
   user-select: none;
@@ -32,10 +32,20 @@
     pointer-events: none;
   }
 
-  ${({$disabled:e})=>e?"cursor: initial;\n      color: var(--color-grey-7);\n      background-color: var(--color-grey-10);":"\n    &:hover {\n      background-color: var(--color-grey-10);\n    }\n\n    &:active {\n      background-color: var(--color-grey-8);\n    }\n    "}
-`,$=i.styled.div`
+  ${({$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=({closeOnChange:r=!0,closeOnBlur:o=!0,disabled:i=!1,offset:x=[0,0],sx:m,containerSx:y,courses:v,label:q,courseIsSelected:w,setCourseIsSelected:C,subtitle:S,onlyOneCanBeSelected:k=!1,searchable:B=!0,...I})=>{const z=g.default.useRef(null),[O,P]=g.default.useState(!1);g.default.useEffect(()=>{i&&P(!1)},[i]);const D=v.filter(e=>w[e.id]),R=B?c.Search:p.ChevronDown;return e.jsxs(f,{$sx:m,tabIndex:0,ref:z,onBlurCapture:e=>{o&&z?.current&&!z?.current?.contains(e.relatedTarget)&&P(!1)},...I,children:[e.jsxs(t.Box,{$gap:16,$align:"center",children:[e.jsx($,{$color:"var(--color-hue-purple-2)",children:e.jsx(a.GraduationCap,{color:"hue-purple-1",size:24})}),e.jsx(l.H.Six,{$bold:!0,$color:"hue-purple-1",children:"Course"})]}),e.jsx(s.P,{$color:"grey-4",$fontSize:14,sx:"margin-top: 32px;",children:S}),e.jsx(n.Button,{type:"dropdown",isDropdownOpen:O,onClick:()=>{i||P(e=>!e)},customDropdownIcon:R,sx:"margin-top: 32px;",children:q}),O&&e.jsx(j,{$offset:x,$sx:y,children:v.map(o=>e.jsx(b,{$disabled:i,onClick:()=>{C(k?{[o.id]:!0}:{...w,[o.id]:!0}),r&&P(!1)},children:e.jsxs(t.Box,{$display:"flex",$align:"center",children:[e.jsx(s.P,{$color:"grey-4",$fontSize:14,$lineHeight:20,$mediumBold:!0,$textClampLines:1,children:o.name}),e.jsx(d.Plus,{sx:"margin-left: auto;"})]})},o.id))}),!!D.length&&e.jsx("ul",{style:{padding:0},children:D.map(r=>e.jsxs("li",{style:{listStyleType:"none",display:"flex",alignItems:"center",marginTop:"16px"},children:[e.jsx(h.default,{alt:"",height:64,width:114,src:r.imageSrc,quality:100,style:{borderRadius:"8px",marginRight:"16px"}}),e.jsx(s.P,{sx:"margin-left: 16px;",children:r.name}),e.jsx(u.Close,{sx:"cursor: pointer; margin-left: auto;",onClick:()=>C({...w,[r.id]:!1})})]},r.id))})]})};
+`;exports.CoursesSelection=CoursesSelection;

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

@@ -1,10 +1,10 @@
 "use client";
-"use strict";var e=require("react/jsx-runtime"),r=require("react"),o=require("next/image"),t=require("styled-components"),n=require("../../actions/button/button.js"),i=require("../../atoms/typography/paragraph.js"),s=require("../../input/search/search.js"),a=require("../../input/checkbox/checkbox.js"),l=require("../../atoms/box/box.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=d(r),u=d(o);const x=t.styled.div`
+"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=({children:e,closeOnBlur:t=!0,disabled:a=!1,offset:r=[0,0],sx:l,containerSx:o,searchSx:n,users:d,label:c,title:u,userIsChecked:i,setUserIsChecked:s,icon:p,...f})=>{const x=React__default.default.useRef(null),[_,g]=React__default.default.useState(!1),[m,h]=React__default.default.useState("");React__default.default.useEffect(()=>{a&&g(!1)},[a]);return React__default.default.createElement(Wrapper,{$sx:l,tabIndex:0,ref:x,onBlurCapture:e=>{t&&x?.current&&!x?.current?.contains(e.relatedTarget)&&g(!1)},...f},React__default.default.createElement(button.Button,{type:"dropdown",isDropdownOpen:_,onClick:()=>{a||g(e=>!e)}},React__default.default.createElement(p,{size:16,sx:"margin-right: 16px;"}),c),_&&React__default.default.createElement(Container,{$offset:r,$sx:o},e,React__default.default.createElement(paragraph.P,null,u),React__default.default.createElement(search.Search,{onChange:e=>h(e.target.value),onClearText:()=>h(""),value:m,size:"large",placeholder:"Search...",sx:"margin-top: 8px; margin-bottom: 8px; border-radius: 76px; "+n}),d.filter(e=>!m||e.fullName.toLowerCase().includes(m.toLowerCase())).map(e=>React__default.default.createElement(React__default.default.Fragment,{key:e.id},React__default.default.createElement(OptionWrapper,{$disabled:a,onClick:()=>s({...i,[e.id]:!i[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:i[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||""}
-`,p=t.styled.div`
+`,Container=styled.styled.div`
   min-width: 280px;
   max-height: 600px;
   display: flex;
@@ -23,7 +23,7 @@
   ${({$sx:e})=>e||""}
 
   ${({$offset:e})=>e?`transform: translate(${e[0]}px, ${e[1]}px);`:""}
-`,h=t.styled.div`
+`,OptionWrapper=styled.styled.div`
   position: relative;
   padding: 12px 16px;
   user-select: none;
@@ -33,13 +33,23 @@
     pointer-events: none;
   }
 
-  ${({$disabled:e})=>e?"cursor: initial;\n      color: var(--color-grey-7);\n      background-color: var(--color-grey-10);":"\n    &:hover {\n      background-color: var(--color-blue-10);\n    }\n\n    &:active {\n      background-color: var(--color-grey-8);\n    }\n    "}
-`,g=t.styled(u.default)`
+  ${({$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;
-`,f=t.styled.div`
+`,Spacer=styled.styled.div`
   width: 100%;
   height: 1px;
   background-color: var(--color-grey-8);
@@ -47,4 +57,4 @@
   &:hover {
     appearance: none;
   }
-`;exports.UsersSelection=({children:r,closeOnBlur:o=!0,disabled:t=!1,offset:d=[0,0],sx:u,containerSx:b,searchSx:m,users:v,label:$,title:j,userIsChecked:y,setUserIsChecked:k,icon:w,...C})=>{const q=c.default.useRef(null),[S,B]=c.default.useState(!1),[z,I]=c.default.useState("");c.default.useEffect(()=>{t&&B(!1)},[t]);const L=w;return e.jsxs(x,{$sx:u,tabIndex:0,ref:q,onBlurCapture:e=>{o&&q?.current&&!q?.current?.contains(e.relatedTarget)&&B(!1)},...C,children:[e.jsxs(n.Button,{type:"dropdown",isDropdownOpen:S,onClick:()=>{t||B(e=>!e)},children:[e.jsx(L,{size:16,sx:"margin-right: 16px;"}),$]}),S&&e.jsxs(p,{$offset:d,$sx:b,children:[r,e.jsx(i.P,{children:j}),e.jsx(s.Search,{onChange:e=>I(e.target.value),onClearText:()=>I(""),value:z,size:"large",placeholder:"Search...",sx:`margin-top: 8px; margin-bottom: 8px; border-radius: 76px; ${m}`}),v.filter(e=>!z||e.fullName.toLowerCase().includes(z.toLowerCase())).map(r=>e.jsxs(c.default.Fragment,{children:[e.jsx(h,{$disabled:t,onClick:()=>k({...y,[r.id]:!y[r.id]}),children:e.jsxs(l.Box,{$display:"flex",$align:"center",children:[e.jsx(g,{alt:"",height:40,src:r.imageSrc,width:40}),e.jsx(i.P,{$color:"grey-4",$fontSize:14,$lineHeight:20,$mediumBold:!0,$textClampLines:1,children:r.fullName}),e.jsx(a.Checkbox,{selected:y[r.id],sx:"margin-left: auto;"})]})}),e.jsx(f,{})]},r.id))]})]})};
+`;exports.UsersSelection=UsersSelection;

package/dist/components/editor/constants.js

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

@@ -1 +1 @@
-"use strict";var e=require("react/jsx-runtime");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const r=t(require("react")).default.createContext({commentInputLoader:()=>e.jsx(e.Fragment,{}),commentLoader:()=>e.jsx(e.Fragment,{}),handleVideoClick:()=>{},imageSrcLoader:async()=>"",videoTitleLoader:()=>e.jsx(e.Fragment,{}),filterComponent:void 0,defaultFilter:"",hideShowAnswersButton:!1,showAnswersBelowInput:!1});exports.EditorContext=r;
+"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 e=require("react/jsx-runtime"),t=require("styled-components"),o=require("@udecode/plate"),i=require("./constants.js"),r=require("./context.js"),n=require("./navbar/navbar.js"),l=require("./plugins/plate.js"),a=require("./plugins/blocks/blocks.js"),s=require("./plugins/leafs/leafs.js"),d=require("./plugins/marks/marks.js"),u=require("./plugins/utils/utils.js");const c=o.createPlugins([...a.blocks,...s.leafs,...d.marks,...u.utils],{components:l.plateUI}),p=t.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;
@@ -71,4 +71,4 @@
   max-width: 864px;
   width: 100%;
   margin: 0 auto;
-`;exports.Editor=({commentInputLoader:t,commentLoader:l,editable:a,handleVideoClick:s,imageSrcLoader:d,onChange:u,previousContent:m,defaultFilter:g,videoTitleLoader:h,filterComponent:f,hideShowAnswersButton:x,showAnswersBelowInput:v})=>e.jsx(r.EditorContext.Provider,{value:{commentInputLoader:t,commentLoader:l,handleVideoClick:s,imageSrcLoader:d,videoTitleLoader:h,defaultFilter:g,filterComponent:f,hideShowAnswersButton:x,showAnswersBelowInput:v},children:e.jsx(o.Plate,{id:"main",initialValue:m,onChange:u,plugins:c,children:e.jsxs(p,{children:[a&&e.jsx(n.EditorBar,{}),e.jsx(o.PlateContent,{id:"main",autoFocus:!0,placeholder:i.PLACEHOLDER,readOnly:!a,spellCheck:!0,onContextMenu:e=>e.preventDefault(),onCopy:()=>{if("clipboard"in navigator)return navigator.clipboard.writeText("")}})]})})});
+`;exports.Editor=Editor;

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

@@ -1 +1 @@
-"use strict";var r=require("react/jsx-runtime");exports.BorderAll=e=>r.jsx("svg",{viewBox:"0 0 24 24",height:"48",width:"48",focusable:"false",role:"img",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:r.jsx("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"})});
+"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

@@ -1 +1 @@
-"use strict";var a=require("react/jsx-runtime");exports.BorderBottom=r=>a.jsx("svg",{viewBox:"0 0 24 24",height:"48",width:"48",focusable:"false",role:"img",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...r,children:a.jsx("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"})});
+"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

@@ -1 +1 @@
-"use strict";var a=require("react/jsx-runtime");exports.BorderLeft=e=>a.jsx("svg",{viewBox:"0 0 24 24",height:"48",width:"48",focusable:"false",role:"img",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:a.jsx("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"})});
+"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

@@ -1 +1 @@
-"use strict";var a=require("react/jsx-runtime");exports.BorderNone=e=>a.jsx("svg",{viewBox:"0 0 24 24",height:"48",width:"48",focusable:"false",role:"img",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:a.jsx("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"})});
+"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

@@ -1 +1 @@
-"use strict";var a=require("react/jsx-runtime");exports.BorderRight=r=>a.jsx("svg",{viewBox:"0 0 24 24",height:"48",width:"48",focusable:"false",role:"img",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...r,children:a.jsx("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"})});
+"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

@@ -1 +1 @@
-"use strict";var a=require("react/jsx-runtime");exports.BorderTop=r=>a.jsx("svg",{viewBox:"0 0 24 24",height:"48",width:"48",focusable:"false",role:"img",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...r,children:a.jsx("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"})});
+"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

@@ -1 +1 @@
-"use strict";var e=require("react/jsx-runtime"),i=require("@udecode/plate"),t=require("@udecode/plate-alignment"),n=require("../../actions/dropdown/dropdown.js"),r=require("../../../icons/text/align_center.js"),o=require("../../../icons/text/align_justified.js"),s=require("../../../icons/text/align_left.js"),l=require("../../../icons/text/align_right.js"),u=require("../../../icons/audio_video/player_list_play.js"),a=require("../styles/menu_button.js");const g=[{value:"left",icon:s.AlignLeft},{value:"center",icon:r.AlignCenter},{value:"right",icon:l.AlignRight},{value:"justify",icon:o.AlignJustified}];exports.AlignmentDropdown=({editorRef:c})=>{const d=t.useAlignDropdownMenuState(),{radioGroupProps:p}=t.useAlignDropdownMenu(d),x=p.value,j=g.find(e=>e.value===p.value)?.icon??u.PlayerListPlay;return e.jsx(n.Dropdown,{onChange:e=>{const t=e.target?.getAttribute("data-value");t&&i.setAlign(c,{value:t})},offset:[0,0],options:[{icon:e.jsx(a.MenuButton,{$active:"left"===x,children:e.jsx(s.AlignLeft,{size:24,color:"grey-5"})}),sx:"gap: 0px; padding: 4px;",value:"left"},{icon:e.jsx(a.MenuButton,{$active:"center"===x,children:e.jsx(r.AlignCenter,{size:24,color:"grey-5"})}),sx:"gap: 0px; padding: 4px;",value:"center"},{icon:e.jsx(a.MenuButton,{$active:"right"===x,children:e.jsx(l.AlignRight,{size:24,color:"grey-5"})}),sx:"gap: 0px; padding: 4px;",value:"right"},{icon:e.jsx(a.MenuButton,{$active:"justify"===x,children:e.jsx(o.AlignJustified,{size:24,color:"grey-5"})}),sx:"gap: 0px; padding: 4px;",value:"justify"}],maintainState:!1,trigger:e.jsx(j,{size:24,color:"grey-5"})})};
+"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

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

@@ -1,10 +1,10 @@
-"use strict";var e=require("react/jsx-runtime"),o=require("react"),r=require("styled-components"),i=require("@udecode/plate"),t=require("../../feedback/tooltip/tooltip.js"),n=require("../../../icons/basic/bold.js"),s=require("../../../icons/file/file_code.js"),l=require("../../../icons/layout/grid.js"),c=require("../../../icons/audio_video/headphones.js"),d=require("../../../icons/basic/image.js"),a=require("../../../icons/basic/italic.js"),p=require("../../../icons/basic/link.js"),u=require("../../../icons/text/list_ordered.js"),x=require("../../../icons/text/list_unordered.js"),j=require("../../../icons/text/quote.js"),h=require("../../../icons/arrow/redo.js"),y=require("../../../icons/basic/strikethrough.js"),g=require("../../../icons/basic/underline.js"),T=require("../../../icons/arrow/undo.js"),b=require("../../../icons/basic/video.js"),k=require("../constants.js"),v=require("./style_dropdown.js"),f=require("./alignment_dropdown.js"),C=require("./button_modal.js");function q(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var B=q(o);const L=r.styled.div`
+"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;
-`,M=r.styled.nav`
+`,Menu=styled.styled.nav`
   display: flex;
   gap: 12px;
   justify-content: center;
@@ -13,13 +13,13 @@
   margin: 0 auto;
   padding: 14px 24px;
   background-color: var(--color-white);
-`,E=r.styled.div`
+`,MenuSection=styled.styled.div`
   display: flex;
   gap: 16px;
   align-items: center;
   width: fit-content;
   flex-shrink: 0;
-`,$=r.styled.button`
+`,MenuButton=styled.styled.button`
   padding: 2px;
   border: none;
   outline: none;
@@ -47,8 +47,8 @@
   }
 
   background-color: ${({$active:e})=>e?"var(--color-grey-9)":"transparent"};
-`,z=r.styled.div`
+`,Divider=styled.styled.div`
   width: 1px;
   height: 28px;
   background-color: var(--color-grey-9);
-`;exports.EditorBar=()=>{const o=i.useEditorRef("main"),r=i.useEditorState(),q=B.default.useRef(null),R=B.default.useRef(null),_=B.default.useRef(null),m=i.useMarkToolbarButtonState({nodeType:i.MARK_BOLD}),{props:{pressed:S,onClick:w}}=i.useMarkToolbarButton(m),U=i.useMarkToolbarButtonState({nodeType:i.MARK_ITALIC}),{props:{pressed:A,onClick:I}}=i.useMarkToolbarButton(U),N=i.useMarkToolbarButtonState({nodeType:i.MARK_STRIKETHROUGH}),{props:{pressed:O,onClick:K}}=i.useMarkToolbarButton(N),D=i.useMarkToolbarButtonState({nodeType:i.MARK_UNDERLINE}),{props:{pressed:H,onClick:G}}=i.useMarkToolbarButton(D),Q=i.useMarkToolbarButtonState({nodeType:i.MARK_CODE}),{props:{pressed:V,onClick:F}}=i.useMarkToolbarButton(Q),P=i.useLinkToolbarButtonState(),{props:{pressed:J,onClick:W}}=i.useLinkToolbarButton(P),X=i.useListToolbarButtonState({nodeType:i.ELEMENT_OL}),{props:{pressed:Y,onClick:Z}}=i.useListToolbarButton(X),ee=i.useListToolbarButtonState({nodeType:i.ELEMENT_UL}),{props:{pressed:oe,onClick:re}}=i.useListToolbarButton(ee);return e.jsx(L,{children:e.jsxs(M,{"aria-label":"editor-navigation",children:[e.jsxs(E,{children:[e.jsx(t.Tooltip,{content:"Undo",place:"top",children:e.jsx($,{$active:!1,onClick:()=>o.undo(),children:e.jsx(T.Undo,{size:24,color:"grey-5"})})}),e.jsx(t.Tooltip,{content:"Redo",place:"top",children:e.jsx($,{$active:!1,onClick:()=>o.redo(),children:e.jsx(h.Redo,{size:24,color:"grey-5"})})})]}),e.jsx(z,{}),e.jsx(E,{children:e.jsx(v.StyleDropdown,{editorRef:o})}),e.jsx(z,{}),e.jsxs(E,{children:[e.jsx(t.Tooltip,{content:"Bold",place:"top",children:e.jsx($,{$active:S,onClick:w,children:e.jsx(n.Bold,{size:24,color:"grey-5"})})}),e.jsx(t.Tooltip,{content:"Italic",place:"top",children:e.jsx($,{$active:A,onClick:I,children:e.jsx(a.Italic,{size:24,color:"grey-5"})})}),e.jsx(t.Tooltip,{content:"Underline",place:"top",children:e.jsx($,{$active:H,onClick:G,children:e.jsx(g.Underline,{size:24,color:"grey-5"})})}),e.jsx(t.Tooltip,{content:"Strikethrough",place:"top",children:e.jsx($,{$active:O,onClick:K,children:e.jsx(y.Strikethrough,{size:24,color:"grey-5"})})}),e.jsx(t.Tooltip,{content:"Inline code",place:"top",children:e.jsx($,{$active:V,onClick:F,children:e.jsx(s.FileCode,{size:24,color:"grey-5"})})})]}),e.jsx(z,{}),e.jsx(E,{children:e.jsx($,{$active:!1,as:"div",children:e.jsx(f.AlignmentDropdown,{editorRef:o})})}),e.jsx(z,{}),e.jsxs(E,{children:[e.jsx(t.Tooltip,{content:"Link",place:"top",children:e.jsx($,{$active:J,onClick:W,children:e.jsx(p.Link,{size:24,color:"grey-5"})})}),e.jsx(t.Tooltip,{content:"Image",place:"top",children:e.jsx($,{$active:!1,as:"label",children:e.jsxs("div",{children:[e.jsx("input",{accept:"image/*",ref:R,style:{display:"none"},type:"file"}),e.jsx(d.Image,{size:24,color:"grey-5"})]})})}),e.jsx(t.Tooltip,{content:"Video",place:"top",children:e.jsx($,{$active:!1,as:"label",onChange:async()=>{_.current},children:e.jsxs("div",{onClick:()=>_.current?.click(),children:[e.jsx("input",{accept:"video/*",ref:_,style:{display:"none"},type:"file"}),e.jsx(b.Video,{size:24,color:"grey-5"})]})})}),e.jsx(t.Tooltip,{content:"Audio",place:"top",children:e.jsx($,{$active:!1,as:"label",onChange:async e=>{e.target},children:e.jsxs("div",{onClick:()=>q.current?.click(),children:[e.jsx("input",{accept:"audio/*",ref:q,style:{display:"none"},type:"file"}),e.jsx(c.Headphones,{size:24,color:"grey-5"})]})})}),e.jsx(t.Tooltip,{content:"Blockquote",place:"top",children:e.jsx($,{$active:!1,onClick:()=>{i.toggleNodeType(r,{activeType:i.ELEMENT_BLOCKQUOTE})},children:e.jsx(j.Quote,{size:24,color:"grey-5"})})}),e.jsx(t.Tooltip,{content:"Add a button",place:"top",children:e.jsx(C.ButtonModal,{onButtonInsert:e=>{i.insertNodes(o,[{type:i.getPluginType(o,k.ELEMENT_BUTTON),buttonType:e,children:[{text:"Subscribe"}]}])}})})]}),e.jsx(z,{}),e.jsxs(E,{children:[e.jsx(t.Tooltip,{content:"Unordered List",place:"top",children:e.jsx($,{$active:oe,onClick:re,children:e.jsx(x.ListUnordered,{size:24,color:"grey-5"})})}),e.jsx(t.Tooltip,{content:"Ordered List",place:"top",children:e.jsx($,{$active:Y,onClick:Z,children:e.jsx(u.ListOrdered,{size:24,color:"grey-5"})})}),e.jsx(t.Tooltip,{content:"Add a button",place:"top",children:e.jsx($,{$active:Y,onClick:()=>{i.insertTable(o)},children:e.jsx(l.Grid,{size:24,color:"grey-5"})})})]})]})})},exports.MenuButton=$;
+`;exports.EditorBar=EditorBar,exports.MenuButton=MenuButton;

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

@@ -1 +1 @@
-"use strict";var e=require("react/jsx-runtime"),a=require("@udecode/plate"),i=require("../../actions/button/button.js"),t=require("../../actions/dropdown/dropdown.js");const n=[{value:a.ELEMENT_PARAGRAPH,label:"Paragraph",description:"Paragraph"},{value:a.ELEMENT_H1,label:"Heading 1",description:"Heading 1"},{value:a.ELEMENT_H2,label:"Heading 2",description:"Heading 2"},{value:a.ELEMENT_H3,label:"Heading 3",description:"Heading 3"},{value:a.ELEMENT_H4,label:"Heading 4",description:"Heading 4"},{value:a.ELEMENT_H5,label:"Heading 5",description:"Heading 5"},{value:a.ELEMENT_H6,label:"Heading 6",description:"Heading 6"}],l=n.find(e=>e.value===a.ELEMENT_PARAGRAPH);exports.StyleDropdown=({editorRef:o})=>{let r=a.ELEMENT_PARAGRAPH;if(a.isCollapsed(o?.selection)){const e=a.findNode(o,{match:e=>a.isBlock(o,e)});e&&(r=n.find(a=>a.value===e[0].type)?.value??a.ELEMENT_PARAGRAPH)}const d=n.find(e=>e.value===r)??l,{label:s}=d;return e.jsx(t.Dropdown,{maintainState:!1,onChange:e=>{const i=e.target.getAttribute("data-value");i&&a.toggleNodeType(o,{activeType:i})},options:n,trigger:e.jsx(i.Button,{type:"special",size:"small",sx:"padding: 1px 4px; & > * { color: var(--color-grey-5); }",children:s})})};
+"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

@@ -1 +1 @@
-"use strict";var e=require("react/jsx-runtime"),r=require("react"),t=require("@udecode/plate"),a=require("../../../atoms/typography/paragraph.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const u=o(r).default.forwardRef(({children:r,...o},u)=>e.jsx(t.PlateElement,{asChild:!0,ref:u,...o,children:e.jsx(a.P,{as:"blockquote",sx:"padding: 16px;border-radius: 8px; background: var(--color-grey-10);",children:r})}));exports.BlockquoteElement=u;
+"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

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

@@ -1,4 +1,13 @@
-"use strict";var e=require("react/jsx-runtime"),t=require("react"),o=require("styled-components"),r=require("@udecode/plate"),n=require("../../../actions/button/button.js"),i=require("../../constants.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const l=a(t).default.forwardRef(({children:t,editor:o,element:a,...l},d)=>{const{buttonType:u,color:p}=a,m=!!o?.selection&&r.someNode(o,{match:{type:r.getPluginType(o,i.ELEMENT_BUTTON)}}),b=r.getBlockAbove(o,{at:o.selection?.focus,match:{type:r.getPluginType(o,i.ELEMENT_BUTTON),buttonType:u}}),g=!r.isEditorReadOnly(o);return e.jsx(r.PlateElement,{asChild:!0,editor:o,element:a,ref:d,...l,children:e.jsxs(e.Fragment,{children:[e.jsx(()=>m&&g?e.jsx(s,{contentEditable:!1,children:i.COLORS.map(t=>e.jsx(c,{$color:t,contentEditable:!1,onClick:e=>{e.stopPropagation(),(e=>{b&&r.setNodes(o,{color:e},{at:b?b[1]:void 0})})(t)}},t))}):null,{}),e.jsx(n.Button,{size:"small",sx:`\n            margin-left: auto !important; \n            margin-right: auto !important;\n            background-color: ${p||"var(--color-blue-5)"} !important;\n            border-color: ${p||"var(--color-blue-5)"} !important;\n            &:hover {\n              background-color: ${p||"var(--color-blue-5)"} !important;\n              filter: brightness(85%);\n            }\n          `,children:t})]})})}),s=o.styled.div`
+"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;
@@ -11,10 +20,10 @@
   padding: 8px 16px;
   box-shadow: var(--elevation-1);
   background-color: var(--color-white);
-`,c=o.styled.div`
+`,ColorItem=styled.styled.div`
   width: 24px;
   height: 24px;
   border-radius: 50%;
-  background-color: ${({$color:e})=>e};
+  background-color: ${({$color:t})=>t};
   cursor: pointer;
-`,d=r.createPluginFactory({key:i.ELEMENT_BUTTON,type:i.ELEMENT_BUTTON,isElement:!0,component:l,then:()=>({inject:{props:{classNames:void 0,validTypes:[r.ELEMENT_PARAGRAPH]}}})});exports.Button=l,exports.createButtonsPlugin=d;
+`,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;