@bikdotai/bik-component-library 0.0.788-beta.4 → 0.0.788-beta.6

package/dist/cjs/editor/BikEditor.styles.js

@@ -27,7 +27,7 @@
 			margin-top: 2px;
 		}
 
-		&.is-editor-empty::before {
+		p.is-editor-empty:first-child::before {
 			content: attr(data-placeholder);
 			float: left;
 			color: #adb5bd;

package/dist/cjs/editor/extensions/buildExtensions.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@tiptap/extension-character-count"),n=require("@tiptap/extension-color"),t=require("@tiptap/extension-font-family"),i=require("@tiptap/extension-highlight"),o=require("@tiptap/extension-image"),r=require("@tiptap/extension-link"),a=require("@tiptap/extension-placeholder"),s=require("@tiptap/extension-subscript"),l=require("@tiptap/extension-superscript"),u=require("@tiptap/extension-text-align"),d=require("@tiptap/extension-text-style"),p=require("@tiptap/extension-underline"),c=require("@tiptap/starter-kit"),x=require("./FontSizeExtension.js"),m=require("./mention/MentionExtension.js"),h=require("./paste/PasteExtension.js"),f=require("./plainClipboard/PlainClipboardExtension.js"),v=require("./sectionDivider/SectionDividerNode.js"),S=require("./sendShortcut/SendShortcutExtension.js"),g=require("./slashCommand/SlashCommandExtension.js"),q=require("./variable/VariableDecorationExtension.js");function E(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var b=E(e),C=E(n),M=E(t),P=E(i),j=E(o),y=E(r),k=E(a),D=E(s),T=E(l),I=E(u),w=E(p),O=E(c);exports.buildExtensions=function(e){var n,t,i,o,r,a,s,l,u,p,c;const E=null!==(t=null===(n=e.features)||void 0===n?void 0:n.richPaste)&&void 0!==t&&t,z=null!==(o=null===(i=e.features)||void 0===i?void 0:i.richTypography)&&void 0!==o&&o;return[...[O.default.configure({link:!1,underline:!1}),w.default,y.default.extend({addPasteRules:()=>[],addInputRules:()=>[]}).configure({openOnClick:!1,autolink:!1,linkOnPaste:!1,HTMLAttributes:{rel:"noopener noreferrer",class:"bik-link"}}),d.TextStyle,k.default.configure({placeholder:null!==(r=e.placeholder)&&void 0!==r?r:"Type a message..."}),...e.onPaste?[h.PasteExtension.configure({onPaste:e.onPaste})]:[],...E?[]:[f.PlainClipboardExtension],S.SendShortcutExtension.configure({onSend:e.onSend,sendShortcut:e.sendShortcut,extraShortcuts:null!==(a=e.shortcuts)&&void 0!==a?a:[]}),q.VariableDecorationExtension,...e.maxCharacters?[b.default.configure({limit:e.maxCharacters})]:[],...e.hasSections?[v.SectionDividerNode]:[]],...[...(null===(l=null===(s=e.mentions)||void 0===s?void 0:s.agents)||void 0===l?void 0:l.length)?[m.buildAgentMentionExtension(e.mentions.agents,e.onMentionSelected,e.renderMentionItem,e.renderMentionDropdown)]:[],...(null===(p=null===(u=e.mentions)||void 0===u?void 0:u.teams)||void 0===p?void 0:p.length)?[m.buildTeamMentionExtension(e.mentions.teams,e.onMentionSelected,e.renderMentionItem,e.renderMentionDropdown)]:[],...(null===(c=e.slashCommands)||void 0===c?void 0:c.length)?[g.buildSlashCommandExtension(e.slashCommands,e.onSlashCommandSelected,e.renderSlashCommandItem,e.renderSlashCommandDropdown)]:[]],...z?[C.default,P.default.configure({multicolor:!0}),M.default,x.FontSizeExtension,I.default.configure({types:["heading","paragraph"]}),D.default,T.default,j.default]:[C.default]]};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@tiptap/extension-character-count"),n=require("@tiptap/extension-color"),t=require("@tiptap/extension-font-family"),i=require("@tiptap/extension-highlight"),o=require("@tiptap/extension-image"),r=require("@tiptap/extension-link"),a=require("@tiptap/extension-placeholder"),s=require("@tiptap/extension-subscript"),l=require("@tiptap/extension-superscript"),d=require("@tiptap/extension-text-align"),u=require("@tiptap/extension-text-style"),p=require("@tiptap/extension-underline"),c=require("@tiptap/starter-kit"),x=require("./FontSizeExtension.js"),m=require("./mention/MentionExtension.js"),f=require("./paste/PasteExtension.js"),h=require("./plainClipboard/PlainClipboardExtension.js"),v=require("./sectionDivider/SectionDividerNode.js"),S=require("./sendShortcut/SendShortcutExtension.js"),g=require("./slashCommand/SlashCommandExtension.js"),q=require("./variable/VariableDecorationExtension.js");function b(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var E=b(e),C=b(n),M=b(t),k=b(i),P=b(o),j=b(r),y=b(a),D=b(s),T=b(l),w=b(d),I=b(p),O=b(c);exports.buildExtensions=function(e){var n,t,i,o,r,a,s,l,d,p,c,b;const z=null!==(t=null===(n=e.features)||void 0===n?void 0:n.richPaste)&&void 0!==t&&t,A=null!==(o=null===(i=e.features)||void 0===i?void 0:i.richTypography)&&void 0!==o&&o,F=null===(r=e.features)||void 0===r?void 0:r.allowedMarks,N=e=>!F||F.includes(e);return[...[O.default.configure({link:!1,underline:!1,bold:!!N("bold")&&{},italic:!!N("italic")&&{},strike:!!N("strike")&&{},code:!!N("code")&&{}}),...N("underline")?[I.default]:[],j.default.extend({addPasteRules:()=>[],addInputRules:()=>[]}).configure({openOnClick:!1,autolink:!1,linkOnPaste:!1,HTMLAttributes:{rel:"noopener noreferrer",class:"bik-link"}}),u.TextStyle,y.default.configure({placeholder:null!==(a=e.placeholder)&&void 0!==a?a:"Type a message..."}),...e.onPaste?[f.PasteExtension.configure({onPaste:e.onPaste})]:[],...z?[]:[h.PlainClipboardExtension],S.SendShortcutExtension.configure({onSend:e.onSend,sendShortcut:e.sendShortcut,extraShortcuts:null!==(s=e.shortcuts)&&void 0!==s?s:[]}),q.VariableDecorationExtension,...e.maxCharacters?[E.default.configure({limit:e.maxCharacters})]:[],...e.hasSections?[v.SectionDividerNode]:[]],...[...(null===(d=null===(l=e.mentions)||void 0===l?void 0:l.agents)||void 0===d?void 0:d.length)?[m.buildAgentMentionExtension(e.mentions.agents,e.onMentionSelected,e.renderMentionItem,e.renderMentionDropdown)]:[],...(null===(c=null===(p=e.mentions)||void 0===p?void 0:p.teams)||void 0===c?void 0:c.length)?[m.buildTeamMentionExtension(e.mentions.teams,e.onMentionSelected,e.renderMentionItem,e.renderMentionDropdown)]:[],...(null===(b=e.slashCommands)||void 0===b?void 0:b.length)?[g.buildSlashCommandExtension(e.slashCommands,e.onSlashCommandSelected,e.renderSlashCommandItem,e.renderSlashCommandDropdown)]:[]],...A?[C.default,k.default.configure({multicolor:!0}),M.default,x.FontSizeExtension,w.default.configure({types:["heading","paragraph"]}),D.default,T.default,P.default]:[C.default]]};

package/dist/cjs/editor/extensions/editorDropdown.styles.js

@@ -1,27 +1,24 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),r=require("../../constants/Theme.js");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=t(e);const n=o.default.div`
-	background: ${r.COLORS.surface.standard};
-	border: 1px solid ${r.COLORS.stroke.primary};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("../../constants/Theme.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=r(e);const n=o.default.div`
+	background: ${t.COLORS.surface.standard};
+	border: 1px solid ${t.COLORS.stroke.primary};
 	border-radius: 8px;
 	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
 	padding: 4px;
-	min-width: 180px;
+	min-width: 330px;
 	max-height: 260px;
 	overflow-y: auto;
 	font-size: 14px;
-	color: ${r.COLORS.content.primary};
+	color: ${t.COLORS.content.primary};
 `,a=o.default.div`
 	display: flex;
 	align-items: center;
 	gap: 8px;
-	padding: 6px 10px;
+	padding: 12px 16px;
+	min-height: 43px;
 	border-radius: 6px;
 	cursor: pointer;
-	color: ${r.COLORS.content.primary};
-	background: ${e=>{let{$isActive:t}=e;return t?r.COLORS.surface.hovered:"transparent"}};
-
-	&:hover {
-		background: ${r.COLORS.surface.hovered};
-	}
+	color: ${t.COLORS.content.primary};
+	background: ${e=>{let{$isActive:r}=e;return r?t.COLORS.surface.hovered:"transparent"}};
 `,i=o.default.img`
 	width: 24px;
 	height: 24px;
@@ -30,19 +27,19 @@
 	flex-shrink: 0;
 `,p=o.default.span`
 	font-weight: 500;
-	color: ${r.COLORS.content.primary};
+	color: ${t.COLORS.content.primary};
 `,s=o.default.span`
 	width: 8px;
 	height: 8px;
 	border-radius: 50%;
-	background: ${e=>{let{$online:t}=e;return t?r.COLORS.content.positive:r.COLORS.content.placeholder}};
+	background: ${e=>{let{$online:r}=e;return r?t.COLORS.content.positive:t.COLORS.content.placeholder}};
 	margin-left: auto;
 	flex-shrink: 0;
 `,d=o.default.span`
 	font-weight: 500;
-	color: ${r.COLORS.content.primary};
-`,c=o.default.span`
+	color: ${t.COLORS.content.primary};
+`,l=o.default.span`
 	font-size: 12px;
-	color: ${r.COLORS.content.secondary};
+	color: ${t.COLORS.content.secondary};
 	margin-left: auto;
-`;exports.DropdownContainer=n,exports.DropdownItem=a,exports.MentionAvatar=i,exports.MentionLabel=p,exports.MentionPresenceDot=s,exports.SlashDescription=c,exports.SlashLabel=d;
+`;exports.DropdownContainer=n,exports.DropdownItem=a,exports.MentionAvatar=i,exports.MentionLabel=p,exports.MentionPresenceDot=s,exports.SlashDescription=l,exports.SlashLabel=d;

package/dist/cjs/editor/extensions/mention/MentionDropdown.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),n=require("react"),r=require("../editorDropdown.styles.js");const t=n.forwardRef(((t,o)=>{let{items:i,query:s,command:l,renderItem:a,renderDropdown:d}=t;const[c,u]=n.useState(0),p=e=>{i[e]&&l(i[e])};return n.useImperativeHandle(o,(()=>({onKeyDown:e=>{let{event:n}=e;return"ArrowUp"===n.key?(u((e=>(e+i.length-1)%i.length)),!0):"ArrowDown"===n.key?(u((e=>(e+1)%i.length)),!0):"Enter"===n.key&&(p(c),!0)}}))),n.useEffect((()=>u(0)),[i]),i.length?d?e.jsx(e.Fragment,{children:d({items:i,query:s,activeIndex:c,onSelect:e=>l(e)})}):e.jsx(r.DropdownContainer,{children:i.map(((n,t)=>e.jsx(r.DropdownItem,Object.assign({$isActive:t===c,onClick:()=>p(t)},{children:a?a(n,t===c):e.jsxs(e.Fragment,{children:[n.avatarUrl&&e.jsx(r.MentionAvatar,{src:n.avatarUrl,alt:""}),e.jsx(r.MentionLabel,{children:n.label}),void 0!==n.isOnline&&e.jsx(r.MentionPresenceDot,{$online:n.isOnline})]})}),n.id)))}):null}));t.displayName="MentionDropdown",exports.MentionDropdown=t;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),n=require("react"),r=require("../editorDropdown.styles.js");const t=n.forwardRef(((t,o)=>{let{items:i,query:s,command:l,renderItem:a,renderDropdown:d}=t;const[c,u]=n.useState(0),p=e=>{i[e]&&l(i[e])};return n.useImperativeHandle(o,(()=>({onKeyDown:e=>{let{event:n}=e;return"ArrowUp"===n.key?(u((e=>(e+i.length-1)%i.length)),!0):"ArrowDown"===n.key?(u((e=>(e+1)%i.length)),!0):"Enter"===n.key&&(p(c),!0)}}))),n.useEffect((()=>u(0)),[i]),i.length?d?e.jsx(e.Fragment,{children:d({items:i,query:s,activeIndex:c,onSelect:e=>l(e)})}):e.jsx(r.DropdownContainer,{children:i.map(((n,t)=>e.jsx(r.DropdownItem,Object.assign({$isActive:t===c,onMouseEnter:()=>u(t),onClick:()=>p(t)},{children:a?a(n,t===c):e.jsxs(e.Fragment,{children:[n.avatarUrl&&e.jsx(r.MentionAvatar,{src:n.avatarUrl,alt:""}),e.jsx(r.MentionLabel,{children:n.label}),void 0!==n.isOnline&&e.jsx(r.MentionPresenceDot,{$online:n.isOnline})]})}),n.id)))}):null}));t.displayName="MentionDropdown",exports.MentionDropdown=t;

package/dist/cjs/editor/extensions/slashCommand/SlashCommandMenu.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),n=require("../editorDropdown.styles.js");const t=r.forwardRef(((t,s)=>{let{items:i,query:o,command:l,renderItem:a,renderDropdown:d}=t;const[c,u]=r.useState(0),m=e=>{i[e]&&l(i[e])};return r.useImperativeHandle(s,(()=>({onKeyDown:e=>{let{event:r}=e;return"ArrowUp"===r.key?(u((e=>(e+i.length-1)%i.length)),!0):"ArrowDown"===r.key?(u((e=>(e+1)%i.length)),!0):"Enter"===r.key&&(m(c),!0)}}))),r.useEffect((()=>u(0)),[i]),i.length?d?e.jsx(e.Fragment,{children:d({items:i,query:o,activeIndex:c,onSelect:e=>l(e)})}):e.jsx(n.DropdownContainer,{children:i.map(((r,t)=>e.jsx(n.DropdownItem,Object.assign({$isActive:t===c,onClick:()=>m(t)},{children:a?a(r,t===c):e.jsxs(e.Fragment,{children:[e.jsx(n.SlashLabel,{children:r.label}),r.description&&e.jsx(n.SlashDescription,{children:r.description})]})}),r.id)))}):null}));t.displayName="SlashCommandMenu",exports.SlashCommandMenu=t;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),n=require("../editorDropdown.styles.js");const t=r.forwardRef(((t,s)=>{let{items:o,query:i,command:l,renderItem:a,renderDropdown:d}=t;const[c,u]=r.useState(0),m=e=>{o[e]&&l(o[e])};return r.useImperativeHandle(s,(()=>({onKeyDown:e=>{let{event:r}=e;return"ArrowUp"===r.key?(u((e=>(e+o.length-1)%o.length)),!0):"ArrowDown"===r.key?(u((e=>(e+1)%o.length)),!0):"Enter"===r.key&&(m(c),!0)}}))),r.useEffect((()=>u(0)),[o]),o.length?d?e.jsx(e.Fragment,{children:d({items:o,query:i,activeIndex:c,onSelect:e=>l(e)})}):e.jsx(n.DropdownContainer,{children:o.map(((r,t)=>e.jsx(n.DropdownItem,Object.assign({$isActive:t===c,onMouseEnter:()=>u(t),onClick:()=>m(t)},{children:a?a(r,t===c):e.jsxs(e.Fragment,{children:[e.jsx(n.SlashLabel,{children:r.label}),r.description&&e.jsx(n.SlashDescription,{children:r.description})]})}),r.id)))}):null}));t.displayName="SlashCommandMenu",exports.SlashCommandMenu=t;

package/dist/cjs/src/editor/BikEditor.types.d.ts

@@ -26,6 +26,17 @@ export interface EditorFeatures {
     richPaste?: boolean;
     /** Enable font family, font size, text alignment, highlight, subscript, superscript, and image. Default: `false`. */
     richTypography?: boolean;
+    /**
+     * Restrict which inline marks are active in the editor.
+     * When set, only the listed marks are registered — all others are disabled
+     * (no rendering, no keyboard shortcuts, no paste preservation).
+     * Omit to allow all marks (default).
+     *
+     * @example
+     * // LiveChat: bold only, no italic / underline / strike
+     * features={{ allowedMarks: ['bold'] }}
+     */
+    allowedMarks?: Array<'bold' | 'italic' | 'strike' | 'underline' | 'code'>;
 }
 /**
  * A named content section placed below the main body, separated by an invisible divider.

package/dist/esm/editor/BikEditor.styles.js

@@ -27,7 +27,7 @@ import e from"styled-components";const o=e.div`
 			margin-top: 2px;
 		}
 
-		&.is-editor-empty::before {
+		p.is-editor-empty:first-child::before {
 			content: attr(data-placeholder);
 			float: left;
 			color: #adb5bd;

package/dist/esm/editor/extensions/buildExtensions.js

@@ -1 +1 @@
-import o from"@tiptap/extension-character-count";import e from"@tiptap/extension-color";import n from"@tiptap/extension-font-family";import t from"@tiptap/extension-highlight";import i from"@tiptap/extension-image";import r from"@tiptap/extension-link";import s from"@tiptap/extension-placeholder";import a from"@tiptap/extension-subscript";import m from"@tiptap/extension-superscript";import p from"@tiptap/extension-text-align";import{TextStyle as l}from"@tiptap/extension-text-style";import d from"@tiptap/extension-underline";import u from"@tiptap/starter-kit";import{FontSizeExtension as c}from"./FontSizeExtension.js";import{buildAgentMentionExtension as f,buildTeamMentionExtension as h}from"./mention/MentionExtension.js";import{PasteExtension as x}from"./paste/PasteExtension.js";import{PlainClipboardExtension as v}from"./plainClipboard/PlainClipboardExtension.js";import{SectionDividerNode as g}from"./sectionDivider/SectionDividerNode.js";import{SendShortcutExtension as S}from"./sendShortcut/SendShortcutExtension.js";import{buildSlashCommandExtension as C}from"./slashCommand/SlashCommandExtension.js";import{VariableDecorationExtension as j}from"./variable/VariableDecorationExtension.js";function k(k){var M,P,b,E,y,D,I,w,T,O,R;const z=null!==(P=null===(M=k.features)||void 0===M?void 0:M.richPaste)&&void 0!==P&&P,A=null!==(E=null===(b=k.features)||void 0===b?void 0:b.richTypography)&&void 0!==E&&E;return[...[u.configure({link:!1,underline:!1}),d,r.extend({addPasteRules:()=>[],addInputRules:()=>[]}).configure({openOnClick:!1,autolink:!1,linkOnPaste:!1,HTMLAttributes:{rel:"noopener noreferrer",class:"bik-link"}}),l,s.configure({placeholder:null!==(y=k.placeholder)&&void 0!==y?y:"Type a message..."}),...k.onPaste?[x.configure({onPaste:k.onPaste})]:[],...z?[]:[v],S.configure({onSend:k.onSend,sendShortcut:k.sendShortcut,extraShortcuts:null!==(D=k.shortcuts)&&void 0!==D?D:[]}),j,...k.maxCharacters?[o.configure({limit:k.maxCharacters})]:[],...k.hasSections?[g]:[]],...[...(null===(w=null===(I=k.mentions)||void 0===I?void 0:I.agents)||void 0===w?void 0:w.length)?[f(k.mentions.agents,k.onMentionSelected,k.renderMentionItem,k.renderMentionDropdown)]:[],...(null===(O=null===(T=k.mentions)||void 0===T?void 0:T.teams)||void 0===O?void 0:O.length)?[h(k.mentions.teams,k.onMentionSelected,k.renderMentionItem,k.renderMentionDropdown)]:[],...(null===(R=k.slashCommands)||void 0===R?void 0:R.length)?[C(k.slashCommands,k.onSlashCommandSelected,k.renderSlashCommandItem,k.renderSlashCommandDropdown)]:[]],...A?[e,t.configure({multicolor:!0}),n,c,p.configure({types:["heading","paragraph"]}),a,m,i]:[e]]}export{k as buildExtensions};
+import o from"@tiptap/extension-character-count";import e from"@tiptap/extension-color";import t from"@tiptap/extension-font-family";import n from"@tiptap/extension-highlight";import i from"@tiptap/extension-image";import r from"@tiptap/extension-link";import s from"@tiptap/extension-placeholder";import a from"@tiptap/extension-subscript";import l from"@tiptap/extension-superscript";import m from"@tiptap/extension-text-align";import{TextStyle as p}from"@tiptap/extension-text-style";import d from"@tiptap/extension-underline";import c from"@tiptap/starter-kit";import{FontSizeExtension as u}from"./FontSizeExtension.js";import{buildAgentMentionExtension as f,buildTeamMentionExtension as h}from"./mention/MentionExtension.js";import{PasteExtension as x}from"./paste/PasteExtension.js";import{PlainClipboardExtension as v}from"./plainClipboard/PlainClipboardExtension.js";import{SectionDividerNode as g}from"./sectionDivider/SectionDividerNode.js";import{SendShortcutExtension as S}from"./sendShortcut/SendShortcutExtension.js";import{buildSlashCommandExtension as C}from"./slashCommand/SlashCommandExtension.js";import{VariableDecorationExtension as k}from"./variable/VariableDecorationExtension.js";function b(b){var M,j,P,E,y,D,w,I,T,O,R,z;const A=null!==(j=null===(M=b.features)||void 0===M?void 0:M.richPaste)&&void 0!==j&&j,F=null!==(E=null===(P=b.features)||void 0===P?void 0:P.richTypography)&&void 0!==E&&E,H=null===(y=b.features)||void 0===y?void 0:y.allowedMarks,L=o=>!H||H.includes(o);return[...[c.configure({link:!1,underline:!1,bold:!!L("bold")&&{},italic:!!L("italic")&&{},strike:!!L("strike")&&{},code:!!L("code")&&{}}),...L("underline")?[d]:[],r.extend({addPasteRules:()=>[],addInputRules:()=>[]}).configure({openOnClick:!1,autolink:!1,linkOnPaste:!1,HTMLAttributes:{rel:"noopener noreferrer",class:"bik-link"}}),p,s.configure({placeholder:null!==(D=b.placeholder)&&void 0!==D?D:"Type a message..."}),...b.onPaste?[x.configure({onPaste:b.onPaste})]:[],...A?[]:[v],S.configure({onSend:b.onSend,sendShortcut:b.sendShortcut,extraShortcuts:null!==(w=b.shortcuts)&&void 0!==w?w:[]}),k,...b.maxCharacters?[o.configure({limit:b.maxCharacters})]:[],...b.hasSections?[g]:[]],...[...(null===(T=null===(I=b.mentions)||void 0===I?void 0:I.agents)||void 0===T?void 0:T.length)?[f(b.mentions.agents,b.onMentionSelected,b.renderMentionItem,b.renderMentionDropdown)]:[],...(null===(R=null===(O=b.mentions)||void 0===O?void 0:O.teams)||void 0===R?void 0:R.length)?[h(b.mentions.teams,b.onMentionSelected,b.renderMentionItem,b.renderMentionDropdown)]:[],...(null===(z=b.slashCommands)||void 0===z?void 0:z.length)?[C(b.slashCommands,b.onSlashCommandSelected,b.renderSlashCommandItem,b.renderSlashCommandDropdown)]:[]],...F?[e,n.configure({multicolor:!0}),t,u,m.configure({types:["heading","paragraph"]}),a,l,i]:[e]]}export{b as buildExtensions};

package/dist/esm/editor/extensions/editorDropdown.styles.js

@@ -1,27 +1,24 @@
-import r from"styled-components";import{COLORS as o}from"../../constants/Theme.js";const e=r.div`
+import r from"styled-components";import{COLORS as o}from"../../constants/Theme.js";const t=r.div`
 	background: ${o.surface.standard};
 	border: 1px solid ${o.stroke.primary};
 	border-radius: 8px;
 	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
 	padding: 4px;
-	min-width: 180px;
+	min-width: 330px;
 	max-height: 260px;
 	overflow-y: auto;
 	font-size: 14px;
 	color: ${o.content.primary};
-`,t=r.div`
+`,e=r.div`
 	display: flex;
 	align-items: center;
 	gap: 8px;
-	padding: 6px 10px;
+	padding: 12px 16px;
+	min-height: 43px;
 	border-radius: 6px;
 	cursor: pointer;
 	color: ${o.content.primary};
-	background: ${r=>{let{$isActive:e}=r;return e?o.surface.hovered:"transparent"}};
-
-	&:hover {
-		background: ${o.surface.hovered};
-	}
+	background: ${r=>{let{$isActive:t}=r;return t?o.surface.hovered:"transparent"}};
 `,n=r.img`
 	width: 24px;
 	height: 24px;
@@ -31,18 +28,18 @@ import r from"styled-components";import{COLORS as o}from"../../constants/Theme.j
 `,i=r.span`
 	font-weight: 500;
 	color: ${o.content.primary};
-`,a=r.span`
+`,p=r.span`
 	width: 8px;
 	height: 8px;
 	border-radius: 50%;
-	background: ${r=>{let{$online:e}=r;return e?o.content.positive:o.content.placeholder}};
+	background: ${r=>{let{$online:t}=r;return t?o.content.positive:o.content.placeholder}};
 	margin-left: auto;
 	flex-shrink: 0;
-`,p=r.span`
+`,a=r.span`
 	font-weight: 500;
 	color: ${o.content.primary};
-`,d=r.span`
+`,s=r.span`
 	font-size: 12px;
 	color: ${o.content.secondary};
 	margin-left: auto;
-`;export{e as DropdownContainer,t as DropdownItem,n as MentionAvatar,i as MentionLabel,a as MentionPresenceDot,d as SlashDescription,p as SlashLabel};
+`;export{t as DropdownContainer,e as DropdownItem,n as MentionAvatar,i as MentionLabel,p as MentionPresenceDot,s as SlashDescription,a as SlashLabel};

package/dist/esm/editor/extensions/mention/MentionDropdown.js

@@ -1 +1 @@
-import{jsx as e,Fragment as r,jsxs as n}from"react/jsx-runtime";import{forwardRef as t,useState as o,useImperativeHandle as i,useEffect as l}from"react";import{DropdownContainer as a,DropdownItem as c,MentionAvatar as d,MentionLabel as s,MentionPresenceDot as m}from"../editorDropdown.styles.js";const p=t(((t,p)=>{let{items:h,query:y,command:w,renderItem:u,renderDropdown:v}=t;const[g,D]=o(0),k=e=>{h[e]&&w(h[e])};return i(p,(()=>({onKeyDown:e=>{let{event:r}=e;return"ArrowUp"===r.key?(D((e=>(e+h.length-1)%h.length)),!0):"ArrowDown"===r.key?(D((e=>(e+1)%h.length)),!0):"Enter"===r.key&&(k(g),!0)}}))),l((()=>D(0)),[h]),h.length?v?e(r,{children:v({items:h,query:y,activeIndex:g,onSelect:e=>w(e)})}):e(a,{children:h.map(((t,o)=>e(c,Object.assign({$isActive:o===g,onClick:()=>k(o)},{children:u?u(t,o===g):n(r,{children:[t.avatarUrl&&e(d,{src:t.avatarUrl,alt:""}),e(s,{children:t.label}),void 0!==t.isOnline&&e(m,{$online:t.isOnline})]})}),t.id)))}):null}));p.displayName="MentionDropdown";export{p as MentionDropdown};
+import{jsx as e,Fragment as n,jsxs as r}from"react/jsx-runtime";import{forwardRef as t,useState as o,useImperativeHandle as i,useEffect as l}from"react";import{DropdownContainer as a,DropdownItem as c,MentionAvatar as d,MentionLabel as s,MentionPresenceDot as m}from"../editorDropdown.styles.js";const p=t(((t,p)=>{let{items:h,query:y,command:u,renderItem:w,renderDropdown:v}=t;const[g,D]=o(0),k=e=>{h[e]&&u(h[e])};return i(p,(()=>({onKeyDown:e=>{let{event:n}=e;return"ArrowUp"===n.key?(D((e=>(e+h.length-1)%h.length)),!0):"ArrowDown"===n.key?(D((e=>(e+1)%h.length)),!0):"Enter"===n.key&&(k(g),!0)}}))),l((()=>D(0)),[h]),h.length?v?e(n,{children:v({items:h,query:y,activeIndex:g,onSelect:e=>u(e)})}):e(a,{children:h.map(((t,o)=>e(c,Object.assign({$isActive:o===g,onMouseEnter:()=>D(o),onClick:()=>k(o)},{children:w?w(t,o===g):r(n,{children:[t.avatarUrl&&e(d,{src:t.avatarUrl,alt:""}),e(s,{children:t.label}),void 0!==t.isOnline&&e(m,{$online:t.isOnline})]})}),t.id)))}):null}));p.displayName="MentionDropdown";export{p as MentionDropdown};

package/dist/esm/editor/extensions/slashCommand/SlashCommandMenu.js

@@ -1 +1 @@
-import{jsx as e,Fragment as r,jsxs as n}from"react/jsx-runtime";import{forwardRef as t,useState as o,useImperativeHandle as i,useEffect as l}from"react";import{DropdownContainer as c,DropdownItem as d,SlashLabel as m,SlashDescription as s}from"../editorDropdown.styles.js";const a=t(((t,a)=>{let{items:h,query:p,command:y,renderItem:u,renderDropdown:w}=t;const[g,k]=o(0),D=e=>{h[e]&&y(h[e])};return i(a,(()=>({onKeyDown:e=>{let{event:r}=e;return"ArrowUp"===r.key?(k((e=>(e+h.length-1)%h.length)),!0):"ArrowDown"===r.key?(k((e=>(e+1)%h.length)),!0):"Enter"===r.key&&(D(g),!0)}}))),l((()=>k(0)),[h]),h.length?w?e(r,{children:w({items:h,query:p,activeIndex:g,onSelect:e=>y(e)})}):e(c,{children:h.map(((t,o)=>e(d,Object.assign({$isActive:o===g,onClick:()=>D(o)},{children:u?u(t,o===g):n(r,{children:[e(m,{children:t.label}),t.description&&e(s,{children:t.description})]})}),t.id)))}):null}));a.displayName="SlashCommandMenu";export{a as SlashCommandMenu};
+import{jsx as e,Fragment as r,jsxs as n}from"react/jsx-runtime";import{forwardRef as t,useState as o,useImperativeHandle as i,useEffect as l}from"react";import{DropdownContainer as c,DropdownItem as d,SlashLabel as m,SlashDescription as s}from"../editorDropdown.styles.js";const a=t(((t,a)=>{let{items:h,query:p,command:u,renderItem:y,renderDropdown:w}=t;const[g,k]=o(0),D=e=>{h[e]&&u(h[e])};return i(a,(()=>({onKeyDown:e=>{let{event:r}=e;return"ArrowUp"===r.key?(k((e=>(e+h.length-1)%h.length)),!0):"ArrowDown"===r.key?(k((e=>(e+1)%h.length)),!0):"Enter"===r.key&&(D(g),!0)}}))),l((()=>k(0)),[h]),h.length?w?e(r,{children:w({items:h,query:p,activeIndex:g,onSelect:e=>u(e)})}):e(c,{children:h.map(((t,o)=>e(d,Object.assign({$isActive:o===g,onMouseEnter:()=>k(o),onClick:()=>D(o)},{children:y?y(t,o===g):n(r,{children:[e(m,{children:t.label}),t.description&&e(s,{children:t.description})]})}),t.id)))}):null}));a.displayName="SlashCommandMenu";export{a as SlashCommandMenu};

package/dist/esm/src/editor/BikEditor.types.d.ts

@@ -26,6 +26,17 @@ export interface EditorFeatures {
     richPaste?: boolean;
     /** Enable font family, font size, text alignment, highlight, subscript, superscript, and image. Default: `false`. */
     richTypography?: boolean;
+    /**
+     * Restrict which inline marks are active in the editor.
+     * When set, only the listed marks are registered — all others are disabled
+     * (no rendering, no keyboard shortcuts, no paste preservation).
+     * Omit to allow all marks (default).
+     *
+     * @example
+     * // LiveChat: bold only, no italic / underline / strike
+     * features={{ allowedMarks: ['bold'] }}
+     */
+    allowedMarks?: Array<'bold' | 'italic' | 'strike' | 'underline' | 'code'>;
 }
 /**
  * A named content section placed below the main body, separated by an invisible divider.

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@bikdotai/bik-component-library",
-	"version": "0.0.788-beta.4",
+	"version": "0.0.788-beta.6",
 	"description": "Bik Component Library",
 	"repository": {
 		"type": "git",