@soul-refiner/design-system 2.14.155 → 2.14.156

package/dist/components/editor/constants.js

@@ -1 +1 @@
-"use strict";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_AUDIO="audio",exports.ELEMENT_BIBLICAL_QUOTE="biblical-quote",exports.ELEMENT_BLOCKQUOTE="blockquote",exports.ELEMENT_BUTTON="button",exports.ELEMENT_H1="h1",exports.ELEMENT_H2="h2",exports.ELEMENT_H3="h3",exports.ELEMENT_H4="h4",exports.ELEMENT_H5="h5",exports.ELEMENT_H6="h6",exports.ELEMENT_HR="hr",exports.ELEMENT_IMAGE="img",exports.ELEMENT_LINK="a",exports.ELEMENT_MEDIA="media",exports.ELEMENT_MEDIA_EMBED="media_embed",exports.ELEMENT_OL="ol",exports.ELEMENT_PARAGRAPH="p",exports.ELEMENT_PRAYER_FOR_CHANGE="prayer_for_change",exports.ELEMENT_QA="q-n-a",exports.ELEMENT_TABLE="table",exports.ELEMENT_TD="td",exports.ELEMENT_TH="th",exports.ELEMENT_TODO_LI="todo_li",exports.ELEMENT_TR="tr",exports.ELEMENT_UL="ul",exports.ELEMENT_VIDEO="video",exports.MARK_BOLD="bold",exports.MARK_CODE="code",exports.MARK_ITALIC="italic",exports.MARK_LINK="link",exports.MARK_STRIKETHROUGH="strikethrough",exports.MARK_SUBSCRIPT="subscript",exports.MARK_SUPERSCRIPT="superscript",exports.MARK_UNDERLINE="underline",exports.PLACEHOLDER="This is a placeholder";
+"use strict";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_AUDIO="audio",exports.ELEMENT_BIBLICAL_QUOTE="biblical-quote",exports.ELEMENT_BLOCKQUOTE="blockquote",exports.ELEMENT_BUTTON="button",exports.ELEMENT_H1="h1",exports.ELEMENT_H2="h2",exports.ELEMENT_H3="h3",exports.ELEMENT_H4="h4",exports.ELEMENT_H5="h5",exports.ELEMENT_H6="h6",exports.ELEMENT_HR="hr",exports.ELEMENT_IMAGE="img",exports.ELEMENT_LINK="a",exports.ELEMENT_MEDIA="media",exports.ELEMENT_MEDIA_EMBED="media_embed",exports.ELEMENT_OL="ol",exports.ELEMENT_PARAGRAPH="p",exports.ELEMENT_PRAYER_FOR_CHANGE="prayer_for_change",exports.ELEMENT_QA="q-n-a",exports.ELEMENT_TABLE="table",exports.ELEMENT_TD="td",exports.ELEMENT_TH="th",exports.ELEMENT_TODO_LI="todo_li",exports.ELEMENT_TR="tr",exports.ELEMENT_UL="ul",exports.ELEMENT_VIDEO="video",exports.MARK_BOLD="bold",exports.MARK_CODE="code",exports.MARK_HIGHLIGHT="highlight",exports.MARK_ITALIC="italic",exports.MARK_LINK="link",exports.MARK_STRIKETHROUGH="strikethrough",exports.MARK_SUBSCRIPT="subscript",exports.MARK_SUPERSCRIPT="superscript",exports.MARK_UNDERLINE="underline",exports.PLACEHOLDER="This is a 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 o=t(require("react")).default.createContext({audioLoader:void 0,commentInputLoader:()=>e.jsx(e.Fragment,{}),commentLoader:()=>e.jsx(e.Fragment,{}),handleAudioClick:()=>{},handleVideoClick:()=>{},imageSrcLoader:async()=>"",videoTitleLoader:()=>e.jsx(e.Fragment,{}),filterComponent:void 0,defaultFilter:"",hideShowAnswersButton:!1,showAnswersBelowInput:!1});exports.EditorContext=o;
+"use strict";var e=require("react/jsx-runtime");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const o=t(require("react")).default.createContext({audioLoader:void 0,commentInputLoader:()=>e.jsx(e.Fragment,{}),commentLoader:()=>e.jsx(e.Fragment,{}),handleAudioClick:()=>{},handleVideoClick:()=>{},imageSrcLoader:async()=>"",videoTitleLoader:()=>e.jsx(e.Fragment,{}),filterComponent:void 0,defaultFilter:"",hideShowAnswersButton:!1,showAnswersBelowInput:!1,enableHighlighting:!1,highlights:[]});exports.EditorContext=o;

package/dist/components/editor/editor.js

@@ -1,5 +1,5 @@
 "use client";
-"use strict";var e=require("react/jsx-runtime"),o=require("styled-components"),t=require("@udecode/plate-common"),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=t.createPlugins([...a.blocks,...s.leafs,...d.marks,...u.utils],{components:l.plateUI}),p=o.styled.div`
+"use strict";var e=require("react/jsx-runtime"),i=require("react"),t=require("styled-components"),o=require("@udecode/plate-common"),l=require("./constants.js"),n=require("./context.js"),r=require("./navbar/navbar.js"),a=require("./plugins/plate.js"),s=require("./plugins/blocks/blocks.js"),h=require("./plugins/leafs/leafs.js"),g=require("./plugins/marks/marks.js"),d=require("./plugins/utils/utils.js"),u=require("./plugins/highlights/use-highlights.js"),c=require("./plugins/highlights/highlight-decoration.js"),p=require("./plugins/highlights/floating-highlight-toolbar.js"),f=require("./plugins/highlights/highlight-button.js"),m=require("./plugins/highlights/highlights-dropdown.js");function b(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var x=b(i);const H=o.createPlugins([...s.blocks,...h.leafs,...g.marks,...d.utils],{components:a.plateUI}),j=({decorate:i,enableHighlighting:t,editable:n,highlights:r,addHighlight:a,updateHighlight:s,removeHighlight:h,hasHighlights:g,onOpenNotes:d})=>{const u=o.useEditorRef(),c=x.default.useCallback((e,i)=>{a(u,e,i)},[u,a]),f=x.default.useCallback((e,i)=>{s(e,{color:i})},[s]);return e.jsxs(e.Fragment,{children:[e.jsx(o.PlateContent,{id:"main",autoFocus:!0,placeholder:l.PLACEHOLDER,readOnly:!n,spellCheck:!0,decorate:i,onContextMenu:e=>e.preventDefault(),onCopy:()=>{if("clipboard"in navigator)return navigator.clipboard.writeText("")}}),(t||g)&&e.jsx(p.FloatingHighlightToolbar,{highlights:r,onHighlight:c,onChangeColor:f,onRemoveHighlight:h,onOpenNotes:d})]})},v=t.styled.div`
   * {
     font-family: var(--font-inter);
     outline: none;
@@ -75,4 +75,10 @@
   max-width: 864px;
   width: 100%;
   margin: 0 auto;
-`;exports.Editor=({audioLoader:o,commentInputLoader:l,commentLoader:a,editable:s,handleAudioClick:d,handleVideoClick:u,imageSrcLoader:m,onChange:g,previousContent:h,defaultFilter:f,videoTitleLoader:x,filterComponent:v,hideShowAnswersButton:y,showAnswersBelowInput:b})=>e.jsx(r.EditorContext.Provider,{value:{audioLoader:o,commentInputLoader:l,commentLoader:a,handleAudioClick:d,handleVideoClick:u,imageSrcLoader:m,videoTitleLoader:x,defaultFilter:f,filterComponent:v,hideShowAnswersButton:y,showAnswersBelowInput:b},children:e.jsx(t.Plate,{id:"main",initialValue:h,onChange:g,plugins:c,children:e.jsxs(p,{children:[s&&e.jsx(n.EditorBar,{}),e.jsx(t.PlateContent,{id:"main",autoFocus:!0,placeholder:i.PLACEHOLDER,readOnly:!s,spellCheck:!0,onContextMenu:e=>e.preventDefault(),onCopy:()=>{if("clipboard"in navigator)return navigator.clipboard.writeText("")}})]})})});
+`,y=t.styled.div`
+  display: flex;
+  justify-content: flex-end;
+  padding: 4px 0;
+`,C=t.styled.div`
+  position: relative;
+`;exports.Editor=({audioLoader:i,commentInputLoader:t,commentLoader:l,editable:a,handleAudioClick:s,handleVideoClick:h,imageSrcLoader:g,onChange:d,previousContent:p,defaultFilter:b,videoTitleLoader:w,filterComponent:q,hideShowAnswersButton:k,showAnswersBelowInput:L,enableHighlighting:E=!1,initialHighlights:O,onHighlightsChange:A,onOpenNotes:R})=>{const{highlights:B,addHighlight:N,updateHighlight:D,removeHighlight:F}=u.useHighlights({initialHighlights:O,onHighlightsChange:A}),[I,M]=x.default.useState(!1);x.default.useEffect(()=>{"production"!==process.env.NODE_ENV&&a&&E&&console.warn("[Editor] enableHighlighting is only supported with editable={false}. Highlight positions are not reconciled when the document changes and will drift out of alignment after edits.")},[a,E]);const P=B.length>0,S=x.default.useMemo(()=>{if(0!==B.length)return c.createHighlightDecorate(B)},[B]);return e.jsx(n.EditorContext.Provider,{value:{audioLoader:i,commentInputLoader:t,commentLoader:l,handleAudioClick:s,handleVideoClick:h,imageSrcLoader:g,videoTitleLoader:w,defaultFilter:b,filterComponent:q,hideShowAnswersButton:k,showAnswersBelowInput:L,enableHighlighting:E,highlights:B},children:e.jsx(o.Plate,{id:"main",initialValue:p,onChange:d,plugins:H,children:e.jsxs(v,{children:[a&&e.jsx(r.EditorBar,{}),(E||P)&&e.jsx(y,{children:e.jsxs(C,{children:[e.jsx(f.HighlightButton,{count:B.length,isOpen:I,onClick:()=>M(e=>!e)}),e.jsx(m.HighlightsDropdown,{isOpen:I,highlights:B,onRemove:F,onClose:()=>M(!1)})]})}),e.jsx(j,{decorate:S,enableHighlighting:E,editable:a,highlights:B,addHighlight:N,updateHighlight:D,removeHighlight:F,hasHighlights:P,onOpenNotes:R})]})})})};

package/dist/components/editor/plugins/highlights/floating-highlight-toolbar.js

@@ -0,0 +1,38 @@
+"use strict";var e=require("react/jsx-runtime"),t=require("react"),n=require("react-dom"),o=require("styled-components"),i=require("@udecode/plate-common"),r=require("slate-react"),l=require("../../../feedback/tooltip/tooltip.js"),d=require("./types.js"),a=require("./use-highlights.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=s(t);const u="#4A4F55",h="#eaebed",g=({color:t})=>e.jsx("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none","aria-hidden":"true",children:e.jsx("path",{d:"M22.7448 12.0754L14.2002 3.6561C14.1825 3.63831 14.1615 3.6242 14.1383 3.61457C14.1151 3.60493 14.0903 3.59998 14.0652 3.59998C14.0401 3.59998 14.0152 3.60493 13.9921 3.61457C13.9689 3.6242 13.9479 3.63831 13.9302 3.6561L8.17507 9.3268C8.13886 9.36273 8.11829 9.41151 8.11783 9.46253C8.11738 9.51354 8.13709 9.56268 8.17266 9.59925L8.17507 9.60166L9.13948 10.5516L6.31377 13.3315C6.27755 13.3674 6.25698 13.4162 6.25653 13.4672C6.25608 13.5182 6.27578 13.5674 6.31136 13.6039L6.31377 13.6063L7.26612 14.5442L2.7069 19.0528H1.3953C1.28922 19.0528 1.20001 19.1396 1.20001 19.2457V20.5766C1.20001 20.6827 1.28681 20.7695 1.39289 20.7695H9.70848C9.75911 20.7695 9.80733 20.7502 9.8435 20.714L11.6783 18.8913L12.6523 19.8509C12.67 19.8687 12.6911 19.8828 12.7142 19.8924C12.7374 19.902 12.7623 19.907 12.7873 19.907C12.8124 19.907 12.8373 19.902 12.8605 19.8924C12.8836 19.8828 12.9047 19.8687 12.9224 19.8509L15.7457 17.0637L16.7125 18.0161C16.7302 18.0339 16.7512 18.048 16.7744 18.0576C16.7976 18.0673 16.8224 18.0722 16.8475 18.0722C16.8726 18.0722 16.8974 18.0673 16.9206 18.0576C16.9438 18.048 16.9648 18.0339 16.9825 18.0161L22.7376 12.3454C22.8196 12.2731 22.8196 12.1525 22.7448 12.0754ZM9.05509 19.0384H5.19265L8.43305 15.8317L10.3643 17.734L9.05509 19.0384ZM12.7873 17.5411L8.65487 13.4689L10.3088 11.8391L14.4413 15.9113L12.7873 17.5411ZM16.8499 15.7063L10.5138 9.46423L14.0652 5.96585L20.4013 12.2104L16.8499 15.7063Z",fill:t,stroke:u,strokeWidth:"0.5",paintOrder:"stroke fill"})}),p=()=>e.jsx("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none","aria-hidden":"true",children:e.jsx("path",{d:"M6.4 19L5 17.6L10.6 12L5 6.4L6.4 5L12 10.6L17.6 5L19 6.4L13.4 12L19 17.6L17.6 19L12 13.4L6.4 19Z",fill:u})}),f=()=>e.jsxs("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none","aria-hidden":"true",children:[e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M14.0588 2H4C2.89543 2 2 2.89543 2 4V20C2 21.1046 2.89543 22 4 22H15.5039C16.6084 22 17.5039 21.1046 17.5039 20V14.7273H15.5039V20H7.44531V4H14.0588V2ZM5.44531 4V20H4L4 4H5.44531Z",fill:u}),e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M21.3118 6.73896L12.0089 16.5571H8.20703V12.5444L17.5099 2.7262C17.8898 2.32531 18.5056 2.32532 18.8855 2.72622L21.3118 5.2871C21.6917 5.68802 21.6917 6.33805 21.3118 6.73896ZM10.207 13.3414L18.1977 4.90819L19.2444 6.013L11.1487 14.5571H10.207V13.3414Z",fill:u})]}),m=o.styled.div`
+  position: absolute;
+  transform: translateX(-50%);
+  z-index: 9999;
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 6px 16px;
+  background: ${"#ffffff"};
+  border-radius: 8px;
+  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.2);
+  pointer-events: auto;
+`,L=o.styled.button`
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 28px;
+  height: 28px;
+  padding: 2px;
+  background: ${e=>e.$active?`var(--color-grey-9, ${h})`:"none"};
+  border: none;
+  border-radius: 6px;
+  cursor: pointer;
+  transition: background 0.15s ease;
+
+  &:hover {
+    background: var(--color-grey-9, ${h});
+  }
+
+  &:focus-visible {
+    outline: 2px solid var(--color-primary-blue-2, ${"#0076d9"});
+    outline-offset: 1px;
+  }
+`,v=o.styled.div`
+  width: 1px;
+  height: 20px;
+  background: var(--color-grey-8, ${"#e5e7eb"});
+`;exports.FloatingHighlightToolbar=({highlights:t,onHighlight:o,onChangeColor:s,onRemoveHighlight:u,onOpenNotes:h})=>{const x=i.useEditorRef(),[C,w]=c.default.useState(null),[b,y]=c.default.useState(!1),j=c.default.useRef(null),E=c.default.useRef(null),R=c.default.useRef(null);if(c.default.useEffect(()=>y(!0),[]),c.default.useEffect(()=>{const e=()=>{const e=window.getSelection();if(!e||e.isCollapsed||!e.rangeCount)return void w(e=>"add"===e?.mode?null:e);let t=null;try{t=r.ReactEditor.toDOMNode(x,x)}catch{return}const n=e.getRangeAt(0);if(!t.contains(n.commonAncestorContainer))return;const o=n.getBoundingClientRect();if(0===o.width)return;let i=null;try{i=r.ReactEditor.toSlateRange(x,e,{exactMatch:!1,suppressThrow:!0})}catch{return}i&&w({mode:"add",range:i,position:{top:o.top+window.scrollY-48,left:o.left+window.scrollX+o.width/2}})};return document.addEventListener("selectionchange",e),()=>{document.removeEventListener("selectionchange",e)}},[x]),c.default.useEffect(()=>{const e=e=>{const t=e.target;if(!t)return;if(j.current?.contains(t))return;const n=t.closest("[data-highlight-id]");if(!n)return;let o=null;try{o=r.ReactEditor.toDOMNode(x,x)}catch{return}if(!o.contains(n))return;const i=window.getSelection();if(i&&!i.isCollapsed)return;const l=n.getAttribute("data-highlight-id");if(!l)return;const d=n.getBoundingClientRect();R.current=document.activeElement??null,w({mode:"edit",highlightId:l,position:{top:d.top+window.scrollY-48,left:d.left+window.scrollX+d.width/2}})};return document.addEventListener("click",e),()=>document.removeEventListener("click",e)},[x]),c.default.useEffect(()=>{if("edit"===C?.mode){const e=window.requestAnimationFrame(()=>{E.current?.focus()});return()=>window.cancelAnimationFrame(e)}!C&&R.current&&(R.current.focus(),R.current=null)},[C]),c.default.useEffect(()=>{if(!C)return;const e=e=>{"Escape"===e.key&&(w(null),"add"===C.mode&&window.getSelection()?.removeAllRanges())};return document.addEventListener("keydown",e),()=>document.removeEventListener("keydown",e)},[C]),c.default.useEffect(()=>{if(!C)return;const e=e=>{if(j.current?.contains(e.target))return;const t=e.target?.closest?.("[data-highlight-id]");"edit"===C.mode&&t?.getAttribute("data-highlight-id")===C.highlightId||w(null)},t=setTimeout(()=>{document.addEventListener("mousedown",e)},100);return()=>{clearTimeout(t),document.removeEventListener("mousedown",e)}},[C]),!b||!C)return null;const H="edit"===C.mode?t.find(e=>e.id===C.highlightId)?.color.toUpperCase():null;return n.createPortal(e.jsxs(m,{ref:j,role:"toolbar","aria-label":"Highlight options",style:{top:C.position.top,left:C.position.left},children:[d.HIGHLIGHT_COLORS.map((t,n)=>{const i=H===t.value.toUpperCase();return e.jsx(L,{ref:0===n?E:void 0,type:"button","aria-label":`Highlight ${t.label.toLowerCase()}`,"aria-pressed":i,$active:i,onClick:e=>{var n;e.preventDefault(),e.stopPropagation(),n=t.value,"add"===C.mode?o(n,C.range):"edit"===C.mode&&s&&s(C.highlightId,n),w(null)},children:e.jsx(g,{color:t.value})},t.value)}),e.jsx(l.Tooltip,{content:"edit"===C.mode?"Remove highlight":"Dismiss",place:"top",children:e.jsx(L,{type:"button","aria-label":"edit"===C.mode?"Remove highlight":"Dismiss",onClick:e=>{e.preventDefault(),e.stopPropagation(),"edit"===C.mode&&u?u(C.highlightId):window.getSelection()?.removeAllRanges(),w(null)},children:e.jsx(p,{})})}),h&&e.jsxs(e.Fragment,{children:[e.jsx(v,{}),e.jsx(l.Tooltip,{content:"Add to note",place:"top",children:e.jsx(L,{type:"button","aria-label":"Add to note",onClick:e=>{if(e.preventDefault(),e.stopPropagation(),"add"===C.mode){let e="";try{e=a.extractSnippetFromRange(x,C.range)}catch(e){"production"!==process.env.NODE_ENV&&console.warn("[FloatingHighlightToolbar] failed to extract snippet from range",e)}h({mode:"add",snippetText:e})}else{const e=t.find(e=>e.id===C.highlightId);h({mode:"edit",snippetText:e?.snippetText??"",highlightId:C.highlightId})}w(null)},children:e.jsx(f,{})})})]})]}),document.body)};

package/dist/components/editor/plugins/highlights/highlight-button.js

@@ -0,0 +1,37 @@
+"use strict";var e=require("react/jsx-runtime"),i=require("styled-components");const r=i.styled.button`
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 36px;
+  height: 36px;
+  border-radius: 8px;
+  border: 1px solid
+    ${e=>e.$isOpen?"var(--color-primary-blue-1, #3b82f6)":"var(--color-grey-8, #e5e7eb)"};
+  background: ${e=>e.$isOpen?"var(--color-blue-9, #eff6ff)":"white"};
+  cursor: pointer;
+  padding: 0;
+  transition: all 0.15s ease;
+
+  &:hover {
+    border-color: var(--color-primary-blue-1, #3b82f6);
+    background: var(--color-blue-9, #eff6ff);
+  }
+`,t=i.styled.span`
+  position: absolute;
+  top: -4px;
+  right: -4px;
+  min-width: 16px;
+  height: 16px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 0 4px;
+  border-radius: 8px;
+  background: var(--color-primary-blue-1, #3b82f6);
+  color: white;
+  font-size: 10px;
+  font-weight: 600;
+  font-family: var(--font-inter);
+  line-height: 1;
+`,o=()=>e.jsxs("svg",{width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",stroke:"var(--color-grey-3, #374151)",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[e.jsx("path",{d:"M12 20h9"}),e.jsx("path",{d:"M16.5 3.5a2.121 2.121 0 0 1 3 3L7 19l-4 1 1-4L16.5 3.5z"})]});exports.HighlightButton=({count:i,isOpen:n,onClick:l})=>e.jsxs(r,{onClick:l,$isOpen:n,title:"Highlights","aria-label":i>0?`Highlights (${i})`:"Highlights","aria-expanded":n,"aria-haspopup":"dialog","data-highlight-toggle":!0,children:[e.jsx(o,{}),i>0&&e.jsx(t,{children:i})]});

package/dist/components/editor/plugins/highlights/highlight-decoration.js

@@ -0,0 +1 @@
+"use strict";var t=require("slate"),e=require("../../constants.js");exports.createHighlightDecorate=o=>{const r=(e=>e.map(e=>{const o={path:e.anchorPath,offset:e.anchorOffset},r={path:e.focusPath,offset:e.focusOffset},[s,a]=t.Point.isBefore(o,r)?[o,r]:[r,o];return{id:e.id,color:e.color,start:s,end:a,startBlock:s.path[0],endBlock:a.path[0]}}))(o);return([o,s])=>{if(!t.Text.isText(o)||0===r.length)return[];const a=o.text.length;if(0===a)return[];const h=s[0],n=r.filter(t=>h>=t.startBlock&&h<=t.endBlock);if(0===n.length)return[];const c=[];for(const o of n){const r=t.Path.compare(s,o.start.path)>=0,h=t.Path.compare(s,o.end.path)<=0;if(!r||!h)continue;let n=0,f=a;t.Path.equals(s,o.start.path)&&(n=o.start.offset),t.Path.equals(s,o.end.path)&&(f=o.end.offset),n>=f||c.push({anchor:{path:s,offset:n},focus:{path:s,offset:f},[e.MARK_HIGHLIGHT]:!0,highlightId:o.id,highlightColor:o.color})}return c}};

package/dist/components/editor/plugins/highlights/highlight-leaf.js

@@ -0,0 +1,46 @@
+"use strict";var e=require("react/jsx-runtime"),t=require("react"),r=require("@udecode/plate-common"),o=require("styled-components"),i=require("./types.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const l=a(t).default.forwardRef(({children:t,leaf:o,...a},l)=>{const s=r.useEditorReadOnly()?{role:"button",tabIndex:0}:{},d=o.highlightColor||i.DEFAULT_HIGHLIGHT_COLOR;return e.jsx(r.PlateLeaf,{ref:l,leaf:o,...a,children:e.jsx(n,{$color:d,$textColor:i.getHighlightTextColor(d),"data-highlight-id":o.highlightId,...s,children:t})})});l.displayName="HighlightLeaf";const n=o.styled.span`
+  background-color: ${e=>e.$color};
+  border-radius: 2px;
+  padding: 1px 0;
+  cursor: pointer;
+  transition: background-color 0.15s ease;
+
+  /* Must color both the highlight span AND its descendants. Slate renders
+     nested spans (data-slate-leaf / data-slate-string) inside the leaf, and
+     the Editor wrapper's '*:not(a):not(button)... { color: grey }' rule
+     targets each of those descendants directly — inheritance from the parent
+     span alone won't win. '&& *' doubles the class selector (→ 0,2,1) so it
+     beats the wrapper rule (0,1,4). */
+  &&,
+  && * {
+    color: ${e=>e.$textColor};
+  }
+
+  &:hover {
+    filter: brightness(0.92);
+  }
+
+  &[data-highlight-pulse='true'] {
+    animation: highlightPulse 1.5s ease-out;
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    transition: none;
+    &[data-highlight-pulse='true'] {
+      animation: none;
+      outline: 2px solid var(--color-primary-blue-1, #3b82f6);
+      outline-offset: 1px;
+    }
+  }
+
+  @keyframes highlightPulse {
+    0% {
+      outline: 2px solid var(--color-primary-blue-1, #3b82f6);
+      outline-offset: 1px;
+    }
+    100% {
+      outline: 2px solid transparent;
+      outline-offset: 4px;
+    }
+  }
+`;exports.HighlightLeaf=l;

package/dist/components/editor/plugins/highlights/highlights-dropdown.js

@@ -0,0 +1,116 @@
+"use strict";var e=require("react/jsx-runtime"),t=require("react"),r=require("styled-components");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=o(t);const i=r.styled.div`
+  position: absolute;
+  top: calc(100% + 4px);
+  right: 0;
+  width: 320px;
+  max-height: 400px;
+  background: white;
+  border: 1px solid var(--color-grey-8, #e5e7eb);
+  border-radius: 12px;
+  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
+  z-index: 9998;
+  overflow: hidden;
+  display: flex;
+  flex-direction: column;
+`,l=r.styled.div`
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 12px 16px;
+  border-bottom: 1px solid var(--color-grey-9, #f3f4f6);
+`,a=r.styled.span`
+  font-size: 14px;
+  font-weight: 600;
+  color: var(--color-grey-2, #1f2937);
+  font-family: var(--font-inter);
+`,d=r.styled.span`
+  font-size: 12px;
+  font-weight: 500;
+  color: var(--color-grey-5, #6b7280);
+  background: var(--color-grey-9, #f3f4f6);
+  padding: 2px 8px;
+  border-radius: 10px;
+  font-family: var(--font-inter);
+`,s=r.styled.div`
+  overflow-y: auto;
+  flex: 1;
+  padding: 4px;
+`,c=r.styled.div`
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 4px;
+  border-radius: 8px;
+
+  &:hover {
+    background: var(--color-grey-10, #f9fafb);
+  }
+`,u=r.styled.button`
+  flex: 1;
+  display: flex;
+  align-items: flex-start;
+  gap: 10px;
+  padding: 8px;
+  background: none;
+  border: none;
+  cursor: pointer;
+  text-align: left;
+  border-radius: 6px;
+  min-width: 0;
+`,f=r.styled.div`
+  width: 10px;
+  height: 10px;
+  min-width: 10px;
+  border-radius: 50%;
+  background-color: ${e=>e.$color};
+  margin-top: 3px;
+  border: 1px solid rgba(0, 0, 0, 0.08);
+`,h=r.styled.span`
+  font-size: 13px;
+  color: var(--color-grey-3, #374151);
+  font-family: var(--font-inter);
+  line-height: 1.4;
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  word-break: break-word;
+`,p=r.styled.button`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 28px;
+  height: 28px;
+  min-width: 28px;
+  border-radius: 6px;
+  border: none;
+  background: none;
+  color: var(--color-grey-6, #9ca3af);
+  cursor: pointer;
+  padding: 0;
+  transition: all 0.15s ease;
+
+  &:hover {
+    color: var(--color-red-1, #ef4444);
+    background: var(--color-red-9, #fef2f2);
+  }
+`,g=r.styled.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  padding: 32px 24px;
+  gap: 8px;
+`,x=r.styled.div`
+  margin-bottom: 4px;
+  opacity: 0.6;
+`,v=r.styled.span`
+  font-size: 14px;
+  font-weight: 600;
+  color: var(--color-grey-4, #4b5563);
+  font-family: var(--font-inter);
+`,m=r.styled.span`
+  font-size: 13px;
+  color: var(--color-grey-6, #9ca3af);
+  font-family: var(--font-inter);
+  text-align: center;
+`;exports.HighlightsDropdown=({isOpen:t,highlights:r,onRemove:o,onClose:b})=>{const y=n.default.useRef(null),w=n.default.useRef(null),k=n.default.useRef([]),j=n.default.useCallback(()=>{w.current&&(clearTimeout(w.current),w.current=null),k.current.forEach(e=>{e.removeAttribute("data-highlight-pulse")}),k.current=[]},[]),E=n.default.useCallback(e=>{const t=document.querySelectorAll(`[data-highlight-id="${e}"]`);0!==t.length&&(t[0].scrollIntoView({behavior:"smooth",block:"center"}),j(),k.current=Array.from(t),k.current.forEach(e=>{e.setAttribute("data-highlight-pulse","true")}),w.current=setTimeout(()=>{k.current.forEach(e=>{e.removeAttribute("data-highlight-pulse")}),k.current=[],w.current=null},1500))},[j]);n.default.useEffect(()=>j,[j]);const A=n.default.useRef(null);if(n.default.useEffect(()=>{if(t){A.current=document.activeElement??null;const e=window.requestAnimationFrame(()=>{y.current?.focus()});return()=>window.cancelAnimationFrame(e)}A.current&&(A.current.focus(),A.current=null)},[t]),n.default.useEffect(()=>{if(!t)return;const e=e=>{if("Escape"===e.key)return void b();if("Tab"!==e.key)return;const t=(()=>{const e=y.current;return e?Array.from(e.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])')).filter(e=>!e.hasAttribute("disabled")):[]})();if(0===t.length)return e.preventDefault(),void y.current?.focus();const r=t[0],o=t[t.length-1],n=document.activeElement;e.shiftKey?n!==r&&n!==y.current||(e.preventDefault(),o.focus()):n===o&&(e.preventDefault(),r.focus())};return document.addEventListener("keydown",e),()=>document.removeEventListener("keydown",e)},[t,b]),n.default.useEffect(()=>{if(!t)return;const e=e=>{if(y.current&&!y.current.contains(e.target)){if(e.target.closest("[data-highlight-toggle]"))return;b()}},r=setTimeout(()=>{document.addEventListener("mousedown",e)},50);return()=>{clearTimeout(r),document.removeEventListener("mousedown",e)}},[t,b]),!t)return null;const L=[...r].sort((e,t)=>t.createdAt-e.createdAt);return e.jsxs(i,{ref:y,role:"dialog","aria-label":"Highlights","aria-modal":"false",tabIndex:-1,children:[e.jsxs(l,{children:[e.jsx(a,{children:"Highlights"}),e.jsx(d,{children:r.length})]}),0===r.length?e.jsxs(g,{children:[e.jsx(x,{children:e.jsxs("svg",{width:"32",height:"32",viewBox:"0 0 24 24",fill:"none",stroke:"var(--color-grey-6, #9ca3af)",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round",children:[e.jsx("path",{d:"M12 20h9"}),e.jsx("path",{d:"M16.5 3.5a2.121 2.121 0 0 1 3 3L7 19l-4 1 1-4L16.5 3.5z"})]})}),e.jsx(v,{children:"No highlights yet"}),e.jsx(m,{children:"Select text to highlight important sections"})]}):e.jsx(s,{children:L.map(t=>e.jsxs(c,{children:[e.jsxs(u,{onClick:()=>{E(t.id),b()},children:[e.jsx(f,{$color:t.color}),e.jsx(h,{children:t.snippetText})]}),e.jsx(p,{onClick:e=>{e.stopPropagation(),o(t.id)},title:"Remove highlight",children:e.jsxs("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[e.jsx("polyline",{points:"3 6 5 6 21 6"}),e.jsx("path",{d:"M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"})]})})]},t.id))})]})};

package/dist/components/editor/plugins/highlights/types.js

@@ -0,0 +1 @@
+"use strict";const e=[{label:"Yellow",value:"#FBD33D"},{label:"Red",value:"#CF3A2E"},{label:"Blue",value:"#0076D9"},{label:"Green",value:"#288641"}],l=e[0].value,t="#4A4F55";exports.DEFAULT_HIGHLIGHT_COLOR=l,exports.HIGHLIGHT_COLORS=e,exports.getHighlightTextColor=e=>{const l=e.replace("#","");if(6!==l.length)return t;return(.299*parseInt(l.slice(0,2),16)+.587*parseInt(l.slice(2,4),16)+.114*parseInt(l.slice(4,6),16))/255>.6?t:"#FFFFFF"};

package/dist/components/editor/plugins/highlights/use-highlights.js

@@ -0,0 +1 @@
+"use strict";var t=require("react"),e=require("slate"),n=require("./types.js");function o(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var s=o(t);const a=()=>"undefined"!=typeof crypto&&"function"==typeof crypto.randomUUID?crypto.randomUUID():`h-${Date.now().toString(36)}-${Math.random().toString(36).slice(2,10)}`,r=(t,n,o=80)=>{const s=e.Editor.fragment(t,n).map(t=>e.Node.string(t)).join(" ").trim();return s.length<=o?s:s.slice(0,o).trimEnd()+"…"},f=t=>({anchor:{path:t.anchorPath,offset:t.anchorOffset},focus:{path:t.focusPath,offset:t.focusOffset}}),c=(t,n)=>{const o=e.Range.intersection(f(t),f(n));return null!==o&&!e.Range.isCollapsed(o)};exports.extractSnippetFromRange=r,exports.useHighlights=(t={})=>{const{initialHighlights:o=[],onHighlightsChange:i}=t,[u,h]=s.default.useState(o),l=s.default.useRef(u),d=s.default.useRef(i);d.current=i;const p=s.default.useCallback(t=>{l.current=t,h(t),d.current?.(t)},[]);return{highlights:u,addHighlight:s.default.useCallback((t,o=n.DEFAULT_HIGHLIGHT_COLOR,s)=>{const i=s||t.selection;if(!i||e.Range.isCollapsed(i))return;const u=r(t,i);if(!u)return;const h={id:a(),anchorPath:[...i.anchor.path],anchorOffset:i.anchor.offset,focusPath:[...i.focus.path],focusOffset:i.focus.offset,snippetText:u,color:o,createdAt:Date.now()},d=l.current,g=e.Range.start(f(h)),O=e.Range.end(f(h)),R=[];for(const n of d){if(!c(n,h)){R.push(n);continue}const o=e.Range.start(f(n)),s=e.Range.end(f(n));if(e.Point.isBefore(o,g)){const e={anchor:o,focus:g};R.push({...n,id:a(),anchorPath:[...o.path],anchorOffset:o.offset,focusPath:[...g.path],focusOffset:g.offset,snippetText:r(t,e),createdAt:Date.now()})}if(e.Point.isAfter(s,O)){const e={anchor:O,focus:s};R.push({...n,id:a(),anchorPath:[...O.path],anchorOffset:O.offset,focusPath:[...s.path],focusOffset:s.offset,snippetText:r(t,e),createdAt:Date.now()})}}R.push(h),p(R)},[p]),updateHighlight:s.default.useCallback((t,e)=>{const n=l.current,o=n.findIndex(e=>e.id===t);if(-1===o)return;const s={...n[o],...e,id:n[o].id},a=n[o];if(Object.keys(e).every(t=>a[t]===s[t]))return;const r=[...n];r[o]=s,p(r)},[p]),removeHighlight:s.default.useCallback(t=>{const e=l.current,n=e.filter(e=>e.id!==t);n.length!==e.length&&p(n)},[p]),clearAll:s.default.useCallback(()=>{p([])},[p])}};

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

@@ -1 +1 @@
-"use strict";var e=require("@udecode/plate");const r=[e.createBoldPlugin(),e.createFontBackgroundColorPlugin(),e.createFontSizePlugin(),e.createFontFamilyPlugin(),e.createItalicPlugin(),e.createStrikethroughPlugin(),e.createSubscriptPlugin(),e.createSuperscriptPlugin(),e.createUnderlinePlugin()];exports.marks=r;
+"use strict";var e=require("@udecode/plate"),r=require("@udecode/plate-common"),t=require("../../constants.js");const i=r.createPluginFactory({key:t.MARK_HIGHLIGHT,isLeaf:!0}),c=[e.createBoldPlugin(),e.createFontBackgroundColorPlugin(),e.createFontSizePlugin(),e.createFontFamilyPlugin(),i(),e.createItalicPlugin(),e.createStrikethroughPlugin(),e.createSubscriptPlugin(),e.createSuperscriptPlugin(),e.createUnderlinePlugin()];exports.marks=c;

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

@@ -1 +1 @@
-"use strict";var e=require("@udecode/cn"),E=require("@udecode/plate-common"),l=require("./leafs/link.js"),t=require("../constants.js"),r=require("./blocks/blockquote.js"),s=require("./blocks/biblical-quote.js"),T=require("./blocks/prayer_for_change.js"),o=require("./blocks/buttons.js"),L=require("./blocks/image.js"),a=require("./blocks/list.js"),i=require("./blocks/table.js"),n=require("./blocks/table-cell.js"),_=require("./blocks/table-row.js"),u=require("./blocks/text.js");const M={[t.ELEMENT_PARAGRAPH]:u.ParagraphElement,[t.ELEMENT_H1]:u.HOneElement,[t.ELEMENT_H2]:u.HTwoElement,[t.ELEMENT_H3]:u.HThreeElement,[t.ELEMENT_H4]:u.HFourElement,[t.ELEMENT_H5]:u.HFiveElement,[t.ELEMENT_H6]:u.HSixElement,[t.ELEMENT_BLOCKQUOTE]:r.BlockquoteElement,[t.ELEMENT_BIBLICAL_QUOTE]:s.BiblicalQuoteElement,[t.ELEMENT_PRAYER_FOR_CHANGE]:T.PrayerForChangeElement,[t.ELEMENT_LINK]:l.LinkElement,[t.ELEMENT_OL]:e.withProps(a.ListElement,{variant:t.ELEMENT_OL}),[t.ELEMENT_UL]:e.withProps(a.ListElement,{variant:t.ELEMENT_UL}),[t.ELEMENT_IMAGE]:L.ImageElement,[t.ELEMENT_BUTTON]:o.Button,[t.ELEMENT_TABLE]:i.TableElement,[t.ELEMENT_TD]:n.TableCellElement,[t.ELEMENT_TH]:n.TableCellHeaderElement,[t.ELEMENT_TR]:_.TableRowElement,[t.MARK_SUBSCRIPT]:e.withProps(E.PlateLeaf,{as:"sub"}),[t.MARK_SUPERSCRIPT]:e.withProps(E.PlateLeaf,{as:"sup"})};exports.plateUI=M;
+"use strict";var e=require("@udecode/cn"),E=require("@udecode/plate-common"),l=require("./leafs/link.js"),t=require("./highlights/highlight-leaf.js"),r=require("../constants.js"),s=require("./blocks/blockquote.js"),i=require("./blocks/biblical-quote.js"),T=require("./blocks/prayer_for_change.js"),L=require("./blocks/buttons.js"),a=require("./blocks/image.js"),o=require("./blocks/list.js"),n=require("./blocks/table.js"),_=require("./blocks/table-cell.js"),u=require("./blocks/table-row.js"),M=require("./blocks/text.js");const N={[r.ELEMENT_PARAGRAPH]:M.ParagraphElement,[r.ELEMENT_H1]:M.HOneElement,[r.ELEMENT_H2]:M.HTwoElement,[r.ELEMENT_H3]:M.HThreeElement,[r.ELEMENT_H4]:M.HFourElement,[r.ELEMENT_H5]:M.HFiveElement,[r.ELEMENT_H6]:M.HSixElement,[r.ELEMENT_BLOCKQUOTE]:s.BlockquoteElement,[r.ELEMENT_BIBLICAL_QUOTE]:i.BiblicalQuoteElement,[r.ELEMENT_PRAYER_FOR_CHANGE]:T.PrayerForChangeElement,[r.ELEMENT_LINK]:l.LinkElement,[r.ELEMENT_OL]:e.withProps(o.ListElement,{variant:r.ELEMENT_OL}),[r.ELEMENT_UL]:e.withProps(o.ListElement,{variant:r.ELEMENT_UL}),[r.ELEMENT_IMAGE]:a.ImageElement,[r.ELEMENT_BUTTON]:L.Button,[r.ELEMENT_TABLE]:n.TableElement,[r.ELEMENT_TD]:_.TableCellElement,[r.ELEMENT_TH]:_.TableCellHeaderElement,[r.ELEMENT_TR]:u.TableRowElement,[r.MARK_SUBSCRIPT]:e.withProps(E.PlateLeaf,{as:"sub"}),[r.MARK_SUPERSCRIPT]:e.withProps(E.PlateLeaf,{as:"sup"}),[r.MARK_HIGHLIGHT]:t.HighlightLeaf};exports.plateUI=N;

package/dist/index.js

@@ -1 +1 @@
-"use strict";var e=require("./components/actions/button/button.js"),o=require("./components/actions/dropdown/dropdown.js"),r=require("./components/actions/rate/rate.js"),t=require("./components/actions/switch/switch.js"),s=require("./components/actions/toggle/toggle.js"),n=require("./components/actions/upload/upload.js"),i=require("./components/actions/AccountSelector/selector.js"),a=require("./components/actions/stepIndicator/stepIndicator.js"),p=require("./components/atoms/box/box.js"),c=require("./components/atoms/image/image.js"),u=require("./components/atoms/layout/container.js"),m=require("./components/atoms/layout/grid.js"),d=require("./components/atoms/layout/inline.js"),l=require("./components/atoms/layout/section.js"),x=require("./components/atoms/layout/stack.js"),j=require("./components/atoms/hide/hide.js"),q=require("./components/atoms/highlighter/highlighter.js"),g=require("./components/atoms/seconds_to_duration/seconds_to_duration.js"),b=require("./components/atoms/typography/display.js"),y=require("./components/atoms/typography/heading.js"),h=require("./components/atoms/typography/paragraph.js"),C=require("./components/atoms/typography/typography.js"),f=require("./components/atoms/time_ago/time_ago.js"),w=require("./components/atoms/countdown/countdown.js"),T=require("./components/card/card.js"),_=require("./components/card/simple-course/horizontal-course-card.js"),S=require("./components/editor/editor.js"),P=require("./components/editor/simple_editor/simple_editor.js"),k=require("./components/editor/minimal_editor/minimal_editor.js"),v=require("./components/feedback/badge/badge.js"),A=require("./components/feedback/banner/banner.js"),I=require("./components/feedback/loader/loader.js"),D=require("./components/feedback/notification/notification.js"),B=require("./components/feedback/progress/progress.js"),M=require("./components/feedback/toast/toast.js"),E=require("./components/feedback/tooltip/tooltip.js"),H=require("./components/feedback/animated_toast/animated_toast.js"),R=require("./components/feedback/emojiPicker/emoji-picker.js"),L=require("./components/feedback/emojiPicker/emoji-reactions.js"),N=require("./components/feedback/videoLoader/videoLoader.js"),V=require("./components/iconography/avatar/avatar.js"),U=require("./components/iconography/icon/icon.js"),z=require("./components/input/checkbox/checkbox.js"),F=require("./components/input/counter/counter.js"),G=require("./components/input/date/date.js"),J=require("./components/input/filter/filter.js"),K=require("./components/input/radio/radio.js"),O=require("./components/input/search/search.js"),Q=require("./components/input/select/select.js"),W=require("./components/input/text_area/text_area.js"),X=require("./components/input/text_input/text_input.js"),Y=require("./components/input/calendar/calendar.js"),Z=require("./components/input/time/time.js"),$=require("./components/input/time_input/time_input.js"),ee=require("./components/input/dropdown-select/dropdown-select.js"),oe=require("./components/media/audio-player/audio-player.js"),re=require("./components/media/audio-playlist/audio-playlist.js"),te=require("./components/media/audio-preview/audio-preview.js"),se=require("./components/media/video/video.js"),ne=require("./components/media/video-player/video.js"),ie=require("./components/media/audio-playlist/playing_indicator.js"),ae=require("./components/navigation/breadcrumb/breadcrumb.js"),pe=require("./components/navigation/inner/inner.js"),ce=require("./components/navigation/tabs/tabs.js"),ue=require("./components/navigation/tabs/custom-tabs.js"),me=require("./components/surfaces/accordion/accordion.js"),de=require("./components/surfaces/carousel/card/card.js"),le=require("./components/surfaces/comment/comment.js"),xe=require("./components/surfaces/discuss_post/discuss_post.js"),je=require("./components/surfaces/drawer/drawer.js"),qe=require("./components/surfaces/drawer/bottom-drawer.js"),ge=require("./components/surfaces/message/message.js"),be=require("./components/surfaces/modal/modal.js"),ye=require("./components/surfaces/portal/portal.js"),he=require("./components/surfaces/post/post.js"),Ce=require("./components/surfaces/calendar_date/calendar_date.js"),fe=require("./components/surfaces/success_modal/success-modal.js"),we=require("./components/surfaces/trailer-modal/trailer-modal.js"),Te=require("./components/table/table/table.js"),_e=require("./components/custom/users_selection/users_selection.js"),Se=require("./components/custom/courses_selection/courses_selection.js"),Pe=require("./components/animation/carousel/Carousel.js"),ke=require("./components/animation/marquee/Marquee.js"),ve=require("./icons/index.js"),Ae=require("./emoji/emojis.json.js");exports.Button=e.Button,exports.Dropdown=o.Dropdown,exports.Rate=r.Rate,exports.Switch=t.Switch,exports.Toggle=s.Toggle,exports.Upload=n.Upload,exports.AccountSelector=i.AccountSelector,exports.StepIndicator=a.StepIndicator,exports.Box=p.Box,exports.Image=c.Image,exports.Container=u.Container,exports.Grid=m.Grid,exports.Inline=d.Inline,exports.Section=l.Section,exports.Stack=x.Stack,exports.HideButRender=j.HideButRender,exports.Highlighter=q.Highlighter,exports.SecToDuration=g.SecToDuration,exports.Display=b.Display,exports.H=y.H,exports.P=h.P,exports.Typography=C.Typography,exports.TimeAgo=f.TimeAgo,exports.Countdown=w.Countdown,exports.Card=T.Card,exports.HorizontalCourseCard=_.HorizontalCourseCard,exports.Editor=S.Editor,exports.SimpleEditor=P.SimpleEditor,exports.MinimalEditor=k.MinimalEditor,exports.Badge=v.Badge,exports.Banner=A.Banner,exports.Loader=I.Loader,exports.Notification=D.Notification,exports.Progress=B.Progress,exports.Toast=M.Toast,exports.Tooltip=E.Tooltip,exports.AnimatedToast=H.AnimatedToast,exports.CustomEmojiPicker=R.CustomEmojiPicker,exports.EmojiReaction=L.EmojiReaction,exports.VideoLoader=N.VideoLoader,exports.Avatar=V.Avatar,exports.Icon=U.Icon,exports.Checkbox=z.Checkbox,exports.Counter=F.Counter,exports.DatePicker=G.DatePicker,exports.Filter=J.Filter,exports.Radio=K.Radio,exports.Search=O.Search,exports.Select=Q.Select,exports.TextArea=W.TextArea,exports.TextInput=X.TextInput,exports.CalendarInput=Y.CalendarInput,exports.Time=Z.Time,exports.TimeInput=$.TimeInput,exports.DropdownSelect=ee.DropdownSelect,exports.AudioPlayer=oe.AudioPlayer,exports.AudioPlaylist=re.AudioPlaylist,exports.AudioPreview=te.AudioPreview,exports.Video=se.Video,exports.VideoPlayer=ne.VideoPlayer,exports.NowPlaying=ie.NowPlaying,exports.Breadcrumb=ae.Breadcrumb,exports.InnerNav=pe.InnerNav,exports.Tabs=ce.Tabs,exports.CustomTabs=ue.CustomTabs,exports.Accordion=me.Accordion,exports.CardCarousel=de.CardCarousel,exports.Comment=le.Comment,exports.DiscussPost=xe.DiscussPost,exports.Drawer=je.Drawer,exports.BottomDrawer=qe.BottomDrawer,exports.Message=ge.Message,exports.Modal=be.Modal,exports.Portal=ye.Portal,exports.Post=he.Post,exports.CalendarDate=Ce.CalendarDate,exports.SuccessModal=fe.SuccessModal,exports.TrailerModal=we.TrailerModal,exports.Table=Te.Table,exports.UsersSelection=_e.UsersSelection,exports.CoursesSelection=Se.CoursesSelection,exports.Carousel=Pe.Carousel,exports.Marquee=ke.Marquee,exports.Icons=ve,exports.emoji=Ae;
+"use strict";var e=require("./components/actions/button/button.js"),o=require("./components/actions/dropdown/dropdown.js"),r=require("./components/actions/rate/rate.js"),t=require("./components/actions/switch/switch.js"),s=require("./components/actions/toggle/toggle.js"),i=require("./components/actions/upload/upload.js"),n=require("./components/actions/AccountSelector/selector.js"),a=require("./components/actions/stepIndicator/stepIndicator.js"),p=require("./components/atoms/box/box.js"),c=require("./components/atoms/image/image.js"),u=require("./components/atoms/layout/container.js"),m=require("./components/atoms/layout/grid.js"),d=require("./components/atoms/layout/inline.js"),l=require("./components/atoms/layout/section.js"),x=require("./components/atoms/layout/stack.js"),j=require("./components/atoms/hide/hide.js"),q=require("./components/atoms/highlighter/highlighter.js"),g=require("./components/atoms/seconds_to_duration/seconds_to_duration.js"),h=require("./components/atoms/typography/display.js"),b=require("./components/atoms/typography/heading.js"),y=require("./components/atoms/typography/paragraph.js"),C=require("./components/atoms/typography/typography.js"),T=require("./components/atoms/time_ago/time_ago.js"),_=require("./components/atoms/countdown/countdown.js"),w=require("./components/card/card.js"),f=require("./components/card/simple-course/horizontal-course-card.js"),S=require("./components/editor/editor.js"),I=require("./components/editor/simple_editor/simple_editor.js"),H=require("./components/editor/minimal_editor/minimal_editor.js"),P=require("./components/editor/plugins/highlights/types.js"),k=require("./components/editor/plugins/highlights/use-highlights.js"),D=require("./components/editor/plugins/highlights/highlight-button.js"),v=require("./components/editor/plugins/highlights/highlights-dropdown.js"),A=require("./components/feedback/badge/badge.js"),B=require("./components/feedback/banner/banner.js"),L=require("./components/feedback/loader/loader.js"),M=require("./components/feedback/notification/notification.js"),E=require("./components/feedback/progress/progress.js"),R=require("./components/feedback/toast/toast.js"),G=require("./components/feedback/tooltip/tooltip.js"),O=require("./components/feedback/animated_toast/animated_toast.js"),N=require("./components/feedback/emojiPicker/emoji-picker.js"),U=require("./components/feedback/emojiPicker/emoji-reactions.js"),V=require("./components/feedback/videoLoader/videoLoader.js"),F=require("./components/iconography/avatar/avatar.js"),z=require("./components/iconography/icon/icon.js"),J=require("./components/input/checkbox/checkbox.js"),K=require("./components/input/counter/counter.js"),Q=require("./components/input/date/date.js"),W=require("./components/input/filter/filter.js"),X=require("./components/input/radio/radio.js"),Y=require("./components/input/search/search.js"),Z=require("./components/input/select/select.js"),$=require("./components/input/text_area/text_area.js"),ee=require("./components/input/text_input/text_input.js"),oe=require("./components/input/calendar/calendar.js"),re=require("./components/input/time/time.js"),te=require("./components/input/time_input/time_input.js"),se=require("./components/input/dropdown-select/dropdown-select.js"),ie=require("./components/media/audio-player/audio-player.js"),ne=require("./components/media/audio-playlist/audio-playlist.js"),ae=require("./components/media/audio-preview/audio-preview.js"),pe=require("./components/media/video/video.js"),ce=require("./components/media/video-player/video.js"),ue=require("./components/media/audio-playlist/playing_indicator.js"),me=require("./components/navigation/breadcrumb/breadcrumb.js"),de=require("./components/navigation/inner/inner.js"),le=require("./components/navigation/tabs/tabs.js"),xe=require("./components/navigation/tabs/custom-tabs.js"),je=require("./components/surfaces/accordion/accordion.js"),qe=require("./components/surfaces/carousel/card/card.js"),ge=require("./components/surfaces/comment/comment.js"),he=require("./components/surfaces/discuss_post/discuss_post.js"),be=require("./components/surfaces/drawer/drawer.js"),ye=require("./components/surfaces/drawer/bottom-drawer.js"),Ce=require("./components/surfaces/message/message.js"),Te=require("./components/surfaces/modal/modal.js"),_e=require("./components/surfaces/portal/portal.js"),we=require("./components/surfaces/post/post.js"),fe=require("./components/surfaces/calendar_date/calendar_date.js"),Se=require("./components/surfaces/success_modal/success-modal.js"),Ie=require("./components/surfaces/trailer-modal/trailer-modal.js"),He=require("./components/table/table/table.js"),Pe=require("./components/custom/users_selection/users_selection.js"),ke=require("./components/custom/courses_selection/courses_selection.js"),De=require("./components/animation/carousel/Carousel.js"),ve=require("./components/animation/marquee/Marquee.js"),Ae=require("./icons/index.js"),Be=require("./emoji/emojis.json.js");exports.Button=e.Button,exports.Dropdown=o.Dropdown,exports.Rate=r.Rate,exports.Switch=t.Switch,exports.Toggle=s.Toggle,exports.Upload=i.Upload,exports.AccountSelector=n.AccountSelector,exports.StepIndicator=a.StepIndicator,exports.Box=p.Box,exports.Image=c.Image,exports.Container=u.Container,exports.Grid=m.Grid,exports.Inline=d.Inline,exports.Section=l.Section,exports.Stack=x.Stack,exports.HideButRender=j.HideButRender,exports.Highlighter=q.Highlighter,exports.SecToDuration=g.SecToDuration,exports.Display=h.Display,exports.H=b.H,exports.P=y.P,exports.Typography=C.Typography,exports.TimeAgo=T.TimeAgo,exports.Countdown=_.Countdown,exports.Card=w.Card,exports.HorizontalCourseCard=f.HorizontalCourseCard,exports.Editor=S.Editor,exports.SimpleEditor=I.SimpleEditor,exports.MinimalEditor=H.MinimalEditor,exports.DEFAULT_HIGHLIGHT_COLOR=P.DEFAULT_HIGHLIGHT_COLOR,exports.HIGHLIGHT_COLORS=P.HIGHLIGHT_COLORS,exports.useHighlights=k.useHighlights,exports.HighlightButton=D.HighlightButton,exports.HighlightsDropdown=v.HighlightsDropdown,exports.Badge=A.Badge,exports.Banner=B.Banner,exports.Loader=L.Loader,exports.Notification=M.Notification,exports.Progress=E.Progress,exports.Toast=R.Toast,exports.Tooltip=G.Tooltip,exports.AnimatedToast=O.AnimatedToast,exports.CustomEmojiPicker=N.CustomEmojiPicker,exports.EmojiReaction=U.EmojiReaction,exports.VideoLoader=V.VideoLoader,exports.Avatar=F.Avatar,exports.Icon=z.Icon,exports.Checkbox=J.Checkbox,exports.Counter=K.Counter,exports.DatePicker=Q.DatePicker,exports.Filter=W.Filter,exports.Radio=X.Radio,exports.Search=Y.Search,exports.Select=Z.Select,exports.TextArea=$.TextArea,exports.TextInput=ee.TextInput,exports.CalendarInput=oe.CalendarInput,exports.Time=re.Time,exports.TimeInput=te.TimeInput,exports.DropdownSelect=se.DropdownSelect,exports.AudioPlayer=ie.AudioPlayer,exports.AudioPlaylist=ne.AudioPlaylist,exports.AudioPreview=ae.AudioPreview,exports.Video=pe.Video,exports.VideoPlayer=ce.VideoPlayer,exports.NowPlaying=ue.NowPlaying,exports.Breadcrumb=me.Breadcrumb,exports.InnerNav=de.InnerNav,exports.Tabs=le.Tabs,exports.CustomTabs=xe.CustomTabs,exports.Accordion=je.Accordion,exports.CardCarousel=qe.CardCarousel,exports.Comment=ge.Comment,exports.DiscussPost=he.DiscussPost,exports.Drawer=be.Drawer,exports.BottomDrawer=ye.BottomDrawer,exports.Message=Ce.Message,exports.Modal=Te.Modal,exports.Portal=_e.Portal,exports.Post=we.Post,exports.CalendarDate=fe.CalendarDate,exports.SuccessModal=Se.SuccessModal,exports.TrailerModal=Ie.TrailerModal,exports.Table=He.Table,exports.UsersSelection=Pe.UsersSelection,exports.CoursesSelection=ke.CoursesSelection,exports.Carousel=De.Carousel,exports.Marquee=ve.Marquee,exports.Icons=Ae,exports.emoji=Be;

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

@@ -1,4 +1,5 @@
 import React from 'react';
+import { HighlightData } from './plugins/highlights/types';
 export interface CommentLoaderProps {
     questionAnswerId: string;
     filterType: string;
@@ -30,5 +31,7 @@ export declare const EditorContext: React.Context<{
     defaultFilter?: string;
     hideShowAnswersButton?: boolean;
     showAnswersBelowInput?: boolean;
+    enableHighlighting?: boolean;
+    highlights?: HighlightData[];
 }>;
 //# sourceMappingURL=context.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../../src/components/editor/context.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,kBAAkB;IACjC,gBAAgB,EAAE,MAAM,CAAC;IACzB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,UAAU,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,WAAW,iBAAiB;IAChC,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,gBAAgB,EAAE,MAAM,CAAC;CAC1B;AAED,MAAM,WAAW,oBAAoB;IACnC,MAAM,EAAE,MAAM,CAAC;IACf,cAAc,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAClD,gBAAgB,EAAE,MAAM,CAAC;CAC1B;AAED,eAAO,MAAM,aAAa;kBACV,CAAC,KAAK,EAAE;QAAE,aAAa,EAAE,MAAM,CAAA;KAAE,KAAK,MAAM,YAAY;wBAClD,CAAC,KAAK,EAAE,iBAAiB,KAAK,MAAM,YAAY;mBACrD,CAAC,KAAK,EAAE,kBAAkB,KAAK,MAAM,YAAY;uBAC7C,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI;uBACpB,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI;oBACvB,CAAC,EAAE,EAAE,MAAM,KAAK,QAAQ,MAAM,CAAC;sBAC7B,CAAC,KAAK,EAAE;QAAE,aAAa,EAAE,MAAM,CAAA;KAAE,KAAK,MAAM,YAAY;sBACxD,MAAM,aAAa,CAAC,oBAAoB,CAAC;oBAC3C,MAAM;4BACE,OAAO;4BACP,OAAO;EAa/B,CAAC"}
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../../src/components/editor/context.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAE3D,MAAM,WAAW,kBAAkB;IACjC,gBAAgB,EAAE,MAAM,CAAC;IACzB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,UAAU,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,WAAW,iBAAiB;IAChC,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,gBAAgB,EAAE,MAAM,CAAC;CAC1B;AAED,MAAM,WAAW,oBAAoB;IACnC,MAAM,EAAE,MAAM,CAAC;IACf,cAAc,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAClD,gBAAgB,EAAE,MAAM,CAAC;CAC1B;AAED,eAAO,MAAM,aAAa;kBACV,CAAC,KAAK,EAAE;QAAE,aAAa,EAAE,MAAM,CAAA;KAAE,KAAK,MAAM,YAAY;wBAClD,CAAC,KAAK,EAAE,iBAAiB,KAAK,MAAM,YAAY;mBACrD,CAAC,KAAK,EAAE,kBAAkB,KAAK,MAAM,YAAY;uBAC7C,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI;uBACpB,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI;oBACvB,CAAC,EAAE,EAAE,MAAM,KAAK,QAAQ,MAAM,CAAC;sBAC7B,CAAC,KAAK,EAAE;QAAE,aAAa,EAAE,MAAM,CAAA;KAAE,KAAK,MAAM,YAAY;sBACxD,MAAM,aAAa,CAAC,oBAAoB,CAAC;oBAC3C,MAAM;4BACE,OAAO;4BACP,OAAO;yBACV,OAAO;iBACf,aAAa,EAAE;EAe5B,CAAC"}

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

@@ -1,6 +1,7 @@
 import React from 'react';
 import { TElement } from '@udecode/plate-common';
 import { CommentInputProps, CommentLoaderProps, FilterComponentProps } from './context';
+import { HighlightData } from './plugins/highlights/types';
 export interface EditorProps {
     audioLoader?: (props: {
         courseMediaId: number;
@@ -20,7 +21,30 @@ export interface EditorProps {
     filterComponent?: React.ComponentType<FilterComponentProps>;
     hideShowAnswersButton?: boolean;
     showAnswersBelowInput?: boolean;
+    /**
+     * Enables the floating highlight toolbar and the highlights dropdown.
+     *
+     * Only supported in read-only mode (`editable={false}`). `HighlightData`
+     * stores Slate path-based coordinates (`anchorPath` / `focusPath`), and
+     * those paths are NOT rebased when the document is edited — any insertion
+     * or deletion before a highlighted range will silently shift the stored
+     * paths out of alignment with the text they were meant to mark.
+     *
+     * Passing `enableHighlighting` with `editable={true}` will emit a
+     * development-mode warning.
+     */
+    enableHighlighting?: boolean;
+    initialHighlights?: HighlightData[];
+    onHighlightsChange?: (highlights: HighlightData[]) => void;
+    onOpenNotes?: (payload: {
+        mode: 'add';
+        snippetText: string;
+    } | {
+        mode: 'edit';
+        snippetText: string;
+        highlightId: string;
+    }) => void;
 }
 export type EditorContent = TElement;
-export declare const Editor: ({ audioLoader, commentInputLoader, commentLoader, editable, handleAudioClick, handleVideoClick, imageSrcLoader, onChange, previousContent, defaultFilter, videoTitleLoader, filterComponent, hideShowAnswersButton, showAnswersBelowInput, }: EditorProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Editor: ({ audioLoader, commentInputLoader, commentLoader, editable, handleAudioClick, handleVideoClick, imageSrcLoader, onChange, previousContent, defaultFilter, videoTitleLoader, filterComponent, hideShowAnswersButton, showAnswersBelowInput, enableHighlighting, initialHighlights, onHighlightsChange, onOpenNotes, }: EditorProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=editor.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"editor.d.ts","sourceRoot":"","sources":["../../../../src/components/editor/editor.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAIL,QAAQ,EACT,MAAM,uBAAuB,CAAC;AAE/B,OAAO,EACL,iBAAiB,EACjB,kBAAkB,EAElB,oBAAoB,EACrB,MAAM,WAAW,CAAC;AAYnB,MAAM,WAAW,WAAW;IAC1B,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,aAAa,EAAE,MAAM,CAAA;KAAE,KAAK,KAAK,CAAC,YAAY,CAAC;IACvE,kBAAkB,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,KAAK,CAAC,YAAY,CAAC;IACrE,aAAa,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,KAAK,CAAC,YAAY,CAAC;IACjE,QAAQ,EAAE,OAAO,CAAC;IAClB,gBAAgB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,gBAAgB,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,cAAc,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAC,MAAM,CAAC,CAAC;IAChD,QAAQ,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,IAAI,CAAC;IACzC,eAAe,CAAC,EAAE,QAAQ,EAAE,CAAC;IAC7B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gBAAgB,EAAE,CAAC,KAAK,EAAE;QAAE,aAAa,EAAE,MAAM,CAAA;KAAE,KAAK,KAAK,CAAC,YAAY,CAAC;IAC3E,eAAe,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,oBAAoB,CAAC,CAAC;IAC5D,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,qBAAqB,CAAC,EAAE,OAAO,CAAC;CACjC;AAED,MAAM,MAAM,aAAa,GAAG,QAAQ,CAAC;AAErC,eAAO,MAAM,MAAM,iPAehB,WAAW,4CA0Cb,CAAC"}
+{"version":3,"file":"editor.d.ts","sourceRoot":"","sources":["../../../../src/components/editor/editor.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAIL,QAAQ,EAET,MAAM,uBAAuB,CAAC;AAG/B,OAAO,EACL,iBAAiB,EACjB,kBAAkB,EAElB,oBAAoB,EACrB,MAAM,WAAW,CAAC;AAOnB,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAe3D,MAAM,WAAW,WAAW;IAC1B,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,aAAa,EAAE,MAAM,CAAA;KAAE,KAAK,KAAK,CAAC,YAAY,CAAC;IACvE,kBAAkB,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,KAAK,CAAC,YAAY,CAAC;IACrE,aAAa,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,KAAK,CAAC,YAAY,CAAC;IACjE,QAAQ,EAAE,OAAO,CAAC;IAClB,gBAAgB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,gBAAgB,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,cAAc,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAC,MAAM,CAAC,CAAC;IAChD,QAAQ,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,IAAI,CAAC;IACzC,eAAe,CAAC,EAAE,QAAQ,EAAE,CAAC;IAC7B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gBAAgB,EAAE,CAAC,KAAK,EAAE;QAAE,aAAa,EAAE,MAAM,CAAA;KAAE,KAAK,KAAK,CAAC,YAAY,CAAC;IAC3E,eAAe,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,oBAAoB,CAAC,CAAC;IAC5D,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC;;;;;;;;;;;OAWG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,iBAAiB,CAAC,EAAE,aAAa,EAAE,CAAC;IACpC,kBAAkB,CAAC,EAAE,CAAC,UAAU,EAAE,aAAa,EAAE,KAAK,IAAI,CAAC;IAC3D,WAAW,CAAC,EAAE,CACZ,OAAO,EACH;QAAE,IAAI,EAAE,KAAK,CAAC;QAAC,WAAW,EAAE,MAAM,CAAA;KAAE,GACpC;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,WAAW,EAAE,MAAM,CAAC;QAAC,WAAW,EAAE,MAAM,CAAA;KAAE,KAC3D,IAAI,CAAC;CACX;AAED,MAAM,MAAM,aAAa,GAAG,QAAQ,CAAC;AAErC,eAAO,MAAM,MAAM,yTAmBhB,WAAW,4CA0Fb,CAAC"}

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

@@ -4,4 +4,9 @@ export { SimpleEditor } from './simple_editor';
 export type { SimpleEditorProps } from './simple_editor';
 export { MinimalEditor } from './minimal_editor';
 export type { MinimalEditorProps } from './minimal_editor';
+export type { HighlightData } from './plugins/highlights/types';
+export { HIGHLIGHT_COLORS, DEFAULT_HIGHLIGHT_COLOR, } from './plugins/highlights/types';
+export { useHighlights } from './plugins/highlights/use-highlights';
+export { HighlightButton } from './plugins/highlights/highlight-button';
+export { HighlightsDropdown } from './plugins/highlights/highlights-dropdown';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/editor/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAC3D,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,YAAY,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,YAAY,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/editor/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAC3D,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,YAAY,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,YAAY,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAC3D,YAAY,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EACL,gBAAgB,EAChB,uBAAuB,GACxB,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AACpE,OAAO,EAAE,eAAe,EAAE,MAAM,uCAAuC,CAAC;AACxE,OAAO,EAAE,kBAAkB,EAAE,MAAM,0CAA0C,CAAC"}

package/dist/src/components/editor/plugins/highlights/floating-highlight-toolbar.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import { BaseRange } from 'slate';
+import { HighlightData } from './types';
+interface FloatingHighlightToolbarProps {
+    highlights: HighlightData[];
+    onHighlight: (color: string, range: BaseRange) => void;
+    onChangeColor?: (id: string, color: string) => void;
+    onRemoveHighlight?: (id: string) => void;
+    onOpenNotes?: (payload: {
+        mode: 'add';
+        snippetText: string;
+    } | {
+        mode: 'edit';
+        snippetText: string;
+        highlightId: string;
+    }) => void;
+}
+export declare const FloatingHighlightToolbar: ({ highlights, onHighlight, onChangeColor, onRemoveHighlight, onOpenNotes, }: FloatingHighlightToolbarProps) => React.ReactPortal;
+export {};
+//# sourceMappingURL=floating-highlight-toolbar.d.ts.map

package/dist/src/components/editor/plugins/highlights/floating-highlight-toolbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"floating-highlight-toolbar.d.ts","sourceRoot":"","sources":["../../../../../../src/components/editor/plugins/highlights/floating-highlight-toolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,EAAoB,aAAa,EAAE,MAAM,SAAS,CAAC;AAG1D,UAAU,6BAA6B;IAIrC,UAAU,EAAE,aAAa,EAAE,CAAC;IAE5B,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;IAEvD,aAAa,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAEpD,iBAAiB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAazC,WAAW,CAAC,EAAE,CACZ,OAAO,EACH;QAAE,IAAI,EAAE,KAAK,CAAC;QAAC,WAAW,EAAE,MAAM,CAAA;KAAE,GACpC;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,WAAW,EAAE,MAAM,CAAC;QAAC,WAAW,EAAE,MAAM,CAAA;KAAE,KAC3D,IAAI,CAAC;CACX;AA0BD,eAAO,MAAM,wBAAwB,gFAMlC,6BAA6B,sBAgT/B,CAAC"}

package/dist/src/components/editor/plugins/highlights/highlight-button.d.ts

@@ -0,0 +1,8 @@
+interface HighlightButtonProps {
+    count: number;
+    isOpen: boolean;
+    onClick: () => void;
+}
+export declare const HighlightButton: ({ count, isOpen, onClick, }: HighlightButtonProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=highlight-button.d.ts.map

package/dist/src/components/editor/plugins/highlights/highlight-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"highlight-button.d.ts","sourceRoot":"","sources":["../../../../../../src/components/editor/plugins/highlights/highlight-button.tsx"],"names":[],"mappings":"AAGA,UAAU,oBAAoB;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,eAAO,MAAM,eAAe,gCAIzB,oBAAoB,4CAetB,CAAC"}

package/dist/src/components/editor/plugins/highlights/highlight-decoration.d.ts

@@ -0,0 +1,25 @@
+import { TNodeEntry } from '@udecode/plate-common';
+import { BaseRange } from 'slate';
+import { HighlightData } from './types';
+import { MARK_HIGHLIGHT } from '../../constants';
+/**
+ * A Slate decoration range augmented with the metadata HighlightLeaf needs.
+ * Slate's decorate API allows extra properties on ranges; consumers (like
+ * decorated leaf renderers) can read them off the leaf.
+ */
+export type HighlightRange = BaseRange & {
+    [MARK_HIGHLIGHT]: true;
+    highlightId: string;
+    highlightColor: string;
+};
+export type HighlightDecorate = (entry: TNodeEntry) => HighlightRange[];
+/**
+ * Creates a decorate function that renders highlights as Slate decorations.
+ * Decorations are visual-only — they don't modify the source content.
+ *
+ * Performance: highlights are normalized once at creation time.
+ * Per text node, we skip highlights whose block range doesn't include
+ * the current node's top-level block, reducing work for large documents.
+ */
+export declare const createHighlightDecorate: (highlights: HighlightData[]) => HighlightDecorate;
+//# sourceMappingURL=highlight-decoration.d.ts.map

package/dist/src/components/editor/plugins/highlights/highlight-decoration.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"highlight-decoration.d.ts","sourceRoot":"","sources":["../../../../../../src/components/editor/plugins/highlights/highlight-decoration.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACnD,OAAO,EAAE,SAAS,EAAqB,MAAM,OAAO,CAAC;AACrD,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AACxC,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEjD;;;;GAIG;AACH,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG;IACvC,CAAC,cAAc,CAAC,EAAE,IAAI,CAAC;IACvB,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG,CAAC,KAAK,EAAE,UAAU,KAAK,cAAc,EAAE,CAAC;AAoCxE;;;;;;;GAOG;AACH,eAAO,MAAM,uBAAuB,eACtB,aAAa,EAAE,KAC1B,iBAkDF,CAAC"}

package/dist/src/components/editor/plugins/highlights/highlight-leaf.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { PlateLeafProps } from '@udecode/plate-common';
+export interface HighlightLeafProps extends PlateLeafProps {
+    leaf: PlateLeafProps['leaf'] & {
+        highlightId?: string;
+        highlightColor?: string;
+    };
+}
+export declare const HighlightLeaf: React.ForwardRefExoticComponent<Omit<HighlightLeafProps, "ref"> & React.RefAttributes<any>>;
+//# sourceMappingURL=highlight-leaf.d.ts.map

package/dist/src/components/editor/plugins/highlights/highlight-leaf.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"highlight-leaf.d.ts","sourceRoot":"","sources":["../../../../../../src/components/editor/plugins/highlights/highlight-leaf.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAEL,cAAc,EAEf,MAAM,uBAAuB,CAAC;AAI/B,MAAM,WAAW,kBAAmB,SAAQ,cAAc;IACxD,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC,GAAG;QAC7B,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,cAAc,CAAC,EAAE,MAAM,CAAC;KACzB,CAAC;CACH;AAED,eAAO,MAAM,aAAa,6FA4BxB,CAAC"}

package/dist/src/components/editor/plugins/highlights/highlights-dropdown.d.ts

@@ -0,0 +1,10 @@
+import { HighlightData } from './types';
+interface HighlightsDropdownProps {
+    isOpen: boolean;
+    highlights: HighlightData[];
+    onRemove: (id: string) => void;
+    onClose: () => void;
+}
+export declare const HighlightsDropdown: ({ isOpen, highlights, onRemove, onClose, }: HighlightsDropdownProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=highlights-dropdown.d.ts.map

package/dist/src/components/editor/plugins/highlights/highlights-dropdown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"highlights-dropdown.d.ts","sourceRoot":"","sources":["../../../../../../src/components/editor/plugins/highlights/highlights-dropdown.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAExC,UAAU,uBAAuB;IAC/B,MAAM,EAAE,OAAO,CAAC;IAChB,UAAU,EAAE,aAAa,EAAE,CAAC;IAC5B,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAID,eAAO,MAAM,kBAAkB,+CAK5B,uBAAuB,4CAgOzB,CAAC"}

package/dist/src/components/editor/plugins/highlights/index.d.ts

@@ -0,0 +1,9 @@
+export type { HighlightData } from './types';
+export { HIGHLIGHT_COLORS, DEFAULT_HIGHLIGHT_COLOR } from './types';
+export { useHighlights } from './use-highlights';
+export { createHighlightDecorate } from './highlight-decoration';
+export { HighlightLeaf } from './highlight-leaf';
+export { FloatingHighlightToolbar } from './floating-highlight-toolbar';
+export { HighlightButton } from './highlight-button';
+export { HighlightsDropdown } from './highlights-dropdown';
+//# sourceMappingURL=index.d.ts.map

package/dist/src/components/editor/plugins/highlights/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/editor/plugins/highlights/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAC7C,OAAO,EAAE,gBAAgB,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAC;AACpE,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,uBAAuB,EAAE,MAAM,wBAAwB,CAAC;AACjE,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,wBAAwB,EAAE,MAAM,8BAA8B,CAAC;AACxE,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC"}

package/dist/src/components/editor/plugins/highlights/types.d.ts

@@ -0,0 +1,26 @@
+export interface HighlightData {
+    id: string;
+    anchorPath: number[];
+    anchorOffset: number;
+    focusPath: number[];
+    focusOffset: number;
+    snippetText: string;
+    color: string;
+    createdAt: number;
+}
+export declare const HIGHLIGHT_COLORS: readonly [{
+    readonly label: "Yellow";
+    readonly value: "#FBD33D";
+}, {
+    readonly label: "Red";
+    readonly value: "#CF3A2E";
+}, {
+    readonly label: "Blue";
+    readonly value: "#0076D9";
+}, {
+    readonly label: "Green";
+    readonly value: "#288641";
+}];
+export declare const DEFAULT_HIGHLIGHT_COLOR: "#FBD33D";
+export declare const getHighlightTextColor: (hex: string) => string;
+//# sourceMappingURL=types.d.ts.map

package/dist/src/components/editor/plugins/highlights/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/editor/plugins/highlights/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,MAAM,EAAE,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;CACnB;AAMD,eAAO,MAAM,gBAAgB;;;;;;;;;;;;EAKnB,CAAC;AAEX,eAAO,MAAM,uBAAuB,WAA4B,CAAC;AAQjE,eAAO,MAAM,qBAAqB,QAAS,MAAM,KAAG,MAQnD,CAAC"}

package/dist/src/components/editor/plugins/highlights/use-highlights.d.ts

@@ -0,0 +1,17 @@
+import { BaseRange, Editor } from 'slate';
+import { HighlightData } from './types';
+interface UseHighlightsOptions {
+    initialHighlights?: HighlightData[];
+    onHighlightsChange?: (highlights: HighlightData[]) => void;
+}
+interface UseHighlightsReturn {
+    highlights: HighlightData[];
+    addHighlight: (editor: Editor, color?: string, explicitRange?: BaseRange) => void;
+    updateHighlight: (id: string, patch: Partial<HighlightData>) => void;
+    removeHighlight: (id: string) => void;
+    clearAll: () => void;
+}
+export declare const extractSnippetFromRange: (editor: Editor, range: BaseRange, maxLength?: number) => string;
+export declare const useHighlights: (options?: UseHighlightsOptions) => UseHighlightsReturn;
+export {};
+//# sourceMappingURL=use-highlights.d.ts.map

package/dist/src/components/editor/plugins/highlights/use-highlights.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-highlights.d.ts","sourceRoot":"","sources":["../../../../../../src/components/editor/plugins/highlights/use-highlights.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAsB,MAAM,OAAO,CAAC;AAC9D,OAAO,EAAE,aAAa,EAA2B,MAAM,SAAS,CAAC;AAEjE,UAAU,oBAAoB;IAC5B,iBAAiB,CAAC,EAAE,aAAa,EAAE,CAAC;IACpC,kBAAkB,CAAC,EAAE,CAAC,UAAU,EAAE,aAAa,EAAE,KAAK,IAAI,CAAC;CAC5D;AAED,UAAU,mBAAmB;IAC3B,UAAU,EAAE,aAAa,EAAE,CAAC;IAC5B,YAAY,EAAE,CACZ,MAAM,EAAE,MAAM,EACd,KAAK,CAAC,EAAE,MAAM,EACd,aAAa,CAAC,EAAE,SAAS,KACtB,IAAI,CAAC;IACV,eAAe,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,CAAC,aAAa,CAAC,KAAK,IAAI,CAAC;IACrE,eAAe,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAmBD,eAAO,MAAM,uBAAuB,WAC1B,MAAM,SACP,SAAS,yBAEf,MASF,CAAC;AAgBF,eAAO,MAAM,aAAa,aACf,oBAAoB,KAC5B,mBA2IF,CAAC"}

package/dist/src/components/editor/plugins/marks/marks.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"marks.d.ts","sourceRoot":"","sources":["../../../../../../src/components/editor/plugins/marks/marks.ts"],"names":[],"mappings":"AAYA,eAAO,MAAM,KAAK,OAUjB,CAAC"}
+{"version":3,"file":"marks.d.ts","sourceRoot":"","sources":["../../../../../../src/components/editor/plugins/marks/marks.ts"],"names":[],"mappings":"AAuBA,eAAO,MAAM,KAAK,OAWjB,CAAC"}

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

@@ -116,5 +116,18 @@ export declare const plateUI: {
     } & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import("react").RefAttributes<any>, "ref"> & {
         ref?: import("react").Ref<any>;
     } & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<any>>;
+    highlight: (<V extends import("@udecode/slate").Value = import("@udecode/slate").Value, N extends import("@udecode/slate").TText = import("@udecode/slate").EText<V>>({ className, ...props }: {
+        leafToAttributes?: (leaf: N) => any;
+    } & import("@udecode/plate-common").PlateRenderNodeProps<V, import("@udecode/plate-common").PlateEditor<V>> & Omit<import("slate-react").RenderLeafProps, "leaf" | "text"> & {
+        leaf: N;
+        text: N;
+    } & Omit<{
+        as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements>;
+        asChild?: boolean;
+    } & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import("react").RefAttributes<any>, "ref"> & {
+        ref?: import("react").Ref<any>;
+    } & import("react").RefAttributes<HTMLSpanElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) & {
+        displayName?: string;
+    };
 };
 //# sourceMappingURL=plate.d.ts.map

package/dist/src/components/editor/plugins/plate.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"plate.d.ts","sourceRoot":"","sources":["../../../../../src/components/editor/plugins/plate.ts"],"names":[],"mappings":";AAsBA,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0BnB,CAAC"}
+{"version":3,"file":"plate.d.ts","sourceRoot":"","sources":["../../../../../src/components/editor/plugins/plate.ts"],"names":[],"mappings":";AAuBA,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2BnB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@soul-refiner/design-system",
-  "version": "2.14.155",
+  "version": "2.14.156",
   "main": "dist/index.js",
   "types": "dist/src/index.d.ts",
   "license": "MIT",