@prolibu-suite/cobalt-core 0.2.0 → 0.3.0

package/dist/cobalt/p-f4063c41.entry.js

@@ -0,0 +1 @@
+import{r as t,c as o,h as e,a as r}from"./p-CYsftTKf.js";import{g as a}from"./p-B-ckjCUA.js";import{C as i,T as c,t as n}from"./p-ChibIpZv.js";const s=class{constructor(e){t(this,e),this.coAction=o(this,"coAction",7),this.coPopoverChange=o(this,"coPopoverChange",7),this.variant="basic",this.disabled=!1,this.locale="en",this.items=[],this.tick=0,this.openPopover=null,this.popoverInput="",this.gridHoverRows=0,this.gridHoverCols=0,this.gridLockedRows=0,this.gridLockedCols=0,this.tableTab="grid",this.tableManualRows=3,this.tableManualCols=3,this.tableWithHeader=!1,this.tableContextItems=[],this.imagePopoverMode="menu",this.colorHexInput="",this.onTransaction=()=>{this.tick++,this.updateTableContext()},this.colorPalette=[],this._tableContextItems=[],this.handleHostMouseDown=t=>{t.composedPath().some((t=>t instanceof HTMLElement&&"INPUT"===t.tagName))||t.preventDefault()},this.handleDocumentClick=t=>{this.openPopover&&(this.el.contains(t.target)||this.closePopover())},this.run=t=>{const o=this.editor;if(!o||this.disabled)return;const e=o.chain().focus();switch(t.action){case"bold":e.toggleBold().run();break;case"italic":e.toggleItalic().run();break;case"underline":e.toggleUnderline().run();break;case"strike":e.toggleStrike().run();break;case"code":e.toggleCode().run();break;case"bulletList":case"bulletListMenu":e.toggleBulletList().run();break;case"orderedList":case"orderedListMenu":e.toggleOrderedList().run();break;case"taskListMenu":e.toggleTaskList().run();break;case"blockquote":e.toggleBlockquote().run();break;case"codeBlock":e.toggleCodeBlock().run();break;case"heading":e.toggleHeading(t.payload).run();break;case"horizontalRule":e.setHorizontalRule().run();break;case"textAlign":e.setTextAlign(t.payload).run();break;case"undo":e.undo().run();break;case"redo":e.redo().run();break;case"addColumnAfter":e.addColumnAfter().run();break;case"addColumnBefore":e.addColumnBefore().run();break;case"deleteColumn":e.deleteColumn().run();break;case"addRowAfter":e.addRowAfter().run();break;case"addRowBefore":e.addRowBefore().run();break;case"deleteRow":e.deleteRow().run();break;case"deleteTable":e.deleteTable().run();break;case"mergeCells":e.mergeCells().run();break;case"splitCell":e.splitCell().run();break;case"toggleHeaderRow":e.toggleHeaderRow().run();break;case"indentIncrease":o.isActive("bulletList")||o.isActive("orderedList")?e.sinkListItem("listItem").run():e.indent().run();break;case"indentDecrease":o.isActive("bulletList")||o.isActive("orderedList")?e.liftListItem("listItem").run():e.outdent().run();break;case"link":case"image":case"youtube":case"iframe":case"callout":case"fontSize":case"fontFamily":case"headingStyle":case"lineSpacing":case"letterSpacing":case"table":case"textColor":case"highlight":return void this.togglePopover(t.action);default:e.run()}this.coAction.emit({action:t.action,payload:t.payload})}}get s(){return a(this.locale)}tItem(t){var o;const e=this.s;return null!==(o={bold:e.bold,italic:e.italic,underline:e.underline,strike:e.strikethrough,code:e.code,headingStyle:e.styles,fontSize:e.fontSize,fontFamily:e.font,bulletList:e.bulletList,orderedList:e.orderedList,bulletListMenu:e.bulletList,orderedListMenu:e.orderedList,taskListMenu:e.taskList,blockquote:e.quote,codeBlock:e.codeBlock,horizontalRule:e.horizontalRule,link:e.link,image:e.image,youtube:e.youtubeVideo,iframe:e.iframeEmbed,table:e.table,textColor:e.textColor,highlight:e.highlight,alignment:e.alignment,lineSpacing:e.lineSpacing,letterSpacing:e.letterSpacing,indentIncrease:e.increaseIndent,indentDecrease:e.decreaseIndent,callout:e.callout,undo:e.undo,redo:e.redo,addColumnAfter:e.addColumnAfter,addColumnBefore:e.addColumnBefore,deleteColumn:e.deleteColumn,addRowAfter:e.addRowAfter,addRowBefore:e.addRowBefore,deleteRow:e.deleteRow,deleteTable:e.deleteTable,mergeCells:e.mergeCells,splitCell:e.splitCell,toggleHeaderRow:e.headerRow}[t.action])&&void 0!==o?o:t.label}tOpt(t){var o,e,r,a,i;const c=this.s;if("separator"===t.action)return`─── ${c.systemFonts} ───`;if("paragraph"===t.action)return c.normalText;if("heading"===t.action){const e=null===(o=t.payload)||void 0===o?void 0:o.level;if(1===e)return c.title;if(2===e)return c.subtitle;if(3===e)return c.heading3}if("bulletStyle"===t.action)return null!==(e={disc:c.disc,circle:c.circle,square:c.square}[t.payload])&&void 0!==e?e:t.label;if("taskStyle"===t.action){if("strike"===t.payload)return c.strikeOnComplete;if("plain"===t.payload)return c.noStrikethrough}if("textAlign"===t.action)return null!==(r={left:c.left,center:c.center,right:c.right,justify:c.justify}[t.payload])&&void 0!==r?r:t.label;if("lineHeight"===t.action){if("1"===t.payload)return c.single;if("2"===t.payload)return c.double}return"letterSpacing"===t.action?null!==(a={normal:c.normal,"-0.05em":c.tight,"0.05em":c.light,"0.1em":c.wide,"0.2em":c.veryWide}[t.payload])&&void 0!==a?a:t.label:"callout"===t.action&&null!==(i={info:c.info,warning:c.warning,success:c.success,error:c.error}[t.payload])&&void 0!==i?i:t.label}connectedCallback(){this.el.addEventListener("mousedown",this.handleHostMouseDown),document.addEventListener("click",this.handleDocumentClick,!0)}componentWillLoad(){this.items=this.resolveItems(this.variant),this.colorPalette=i,this._tableContextItems=c}onVariantChange(t){this.items=this.resolveItems(t)}onEditorChange(t,o){null==o||o.off("transaction",this.onTransaction),null==t||t.on("transaction",this.onTransaction),this.items=this.resolveItems(this.variant),this.tick++}resolveItems(t){const o=n("none"===t?"compact":t),e=this.editor;if(!e)return o;const r=o.filter((t=>{if(this.isSeparator(t))return!0;const o=s.ITEM_COMMAND[t.action];return!o||(t=>{try{return"function"==typeof e.can()[t]}catch(t){return!0}})(o)})),a=[];for(const t of r)(!this.isSeparator(t)||a.length&&!this.isSeparator(a[a.length-1]))&&a.push(t);return a.length&&this.isSeparator(a[a.length-1])&&a.pop(),a}onOpenPopoverChange(t,o){!!t!=!!o&&this.coPopoverChange.emit({open:!!t})}disconnectedCallback(){var t;null===(t=this.editor)||void 0===t||t.off("transaction",this.onTransaction),this.el.removeEventListener("mousedown",this.handleHostMouseDown),document.removeEventListener("click",this.handleDocumentClick,!0)}updateTableContext(){if(!this.editor)return void(this.tableContextItems.length&&(this.tableContextItems=[]));const t=this.editor.isActive("table");t&&!this.tableContextItems.length?this.tableContextItems=this._tableContextItems:!t&&this.tableContextItems.length&&(this.tableContextItems=[])}isSeparator(t){return"separator"===t.type}isActive(t){if(!this.editor)return!1;try{if("textAlign"===t.action)return this.editor.isActive({textAlign:t.payload});if("heading"===t.action)return this.editor.isActive("heading",t.payload);if("bulletListMenu"===t.action)return this.editor.isActive("bulletList");if("orderedListMenu"===t.action)return this.editor.isActive("orderedList");if("taskListMenu"===t.action)return this.editor.isActive("taskList");if("iframe"===t.action)return this.editor.isActive("iframe");if("youtube"===t.action)return this.editor.isActive("youtube");if("toggle"===t.type)return this.editor.isActive(t.action)}catch(t){}return!1}getDynamicIcon(t){return"alignment"===t.action&&this.editor?this.editor.isActive({textAlign:"center"})?"text-align-center":this.editor.isActive({textAlign:"right"})?"text-align-right":this.editor.isActive({textAlign:"justify"})?"text-align-justify":"text-align-left":t.icon}togglePopover(t){var o,e;this.openPopover===t?(this.openPopover=null,this.popoverInput=""):(this.openPopover=t,this.popoverInput="","link"===t&&(null===(o=this.editor)||void 0===o?void 0:o.isActive("link"))?this.popoverInput=this.editor.getAttributes("link").href||"":"iframe"===t&&(null===(e=this.editor)||void 0===e?void 0:e.isActive("iframe"))&&(this.popoverInput=this.editor.getAttributes("iframe").src||""))}closePopover(){this.openPopover=null,this.popoverInput="",this.colorHexInput="",this.imagePopoverMode="menu",this.gridLockedRows=0,this.gridLockedCols=0,this.gridHoverRows=0,this.gridHoverCols=0}submitPopover(t){const o=this.editor;if(!o||!this.popoverInput.trim())return void this.closePopover();const e=this.popoverInput.trim(),r="youtube"===t||"iframe"===t;r&&o.view.focus();const a=r?o.chain():o.chain().focus();switch(t){case"link":a.setLink({href:e}).run();break;case"image":a.setImage({src:e}).run();break;case"youtube":a.setYoutubeVideo({src:e}).run();break;case"iframe":o.isActive("iframe")?a.updateIframe({src:e}).run():a.setIframe({src:e}).run()}this.coAction.emit({action:t,payload:e}),this.closePopover(),r&&this.smoothScrollToInserted()}smoothScrollToInserted(){requestAnimationFrame((()=>{const t=this.editor;if(!t)return;const o=t.view.dom.querySelector(".ProseMirror-selectednode");if(o)return void o.scrollIntoView({behavior:"smooth",block:"center"});const{from:e}=t.state.selection,r=t.state.doc.resolve(e);if(r.nodeBefore)try{const o=t.view.nodeDOM(e-r.nodeBefore.nodeSize);o instanceof HTMLElement&&o.scrollIntoView({behavior:"smooth",block:"center"})}catch(t){}}))}removeLink(){const t=this.editor;t&&(t.chain().focus().unsetLink().run(),this.coAction.emit({action:"link",payload:null}),this.closePopover())}removeIframe(){const t=this.editor;t&&(t.chain().focus().deleteSelection().run(),this.coAction.emit({action:"iframe",payload:null}),this.closePopover())}selectColor(t,o){const e=this.editor;if(!e)return;const r=e.chain().focus();"textColor"===t?r.setColor(o).run():"highlight"===t&&r.setHighlight({color:o}).run(),this.coAction.emit({action:t,payload:o}),this.closePopover()}clearColor(t){const o=this.editor;if(!o)return;const e=o.chain().focus();"textColor"===t?e.unsetColor().run():"highlight"===t&&e.unsetHighlight().run(),this.coAction.emit({action:t,payload:null}),this.closePopover()}canRun(t){if(!this.editor||this.disabled)return!1;const o=this.editor,e=o.can(),r=(t,...o)=>{if("function"!=typeof e[t])return!0;try{return e[t](...o)}catch(t){return!0}};switch(t.action){case"undo":return r("undo");case"redo":return r("redo");case"table":return!o.isActive("table");case"bold":return r("toggleBold");case"italic":return r("toggleItalic");case"underline":return r("toggleUnderline");case"strike":return r("toggleStrike");case"code":return r("toggleCode");case"blockquote":return r("toggleBlockquote");case"codeBlock":return r("toggleCodeBlock");case"horizontalRule":return r("setHorizontalRule");case"bulletList":case"bulletListMenu":return r("toggleBulletList");case"orderedList":case"orderedListMenu":return r("toggleOrderedList");case"taskListMenu":return r("toggleTaskList");default:return!0}}getDropdownLabel(t){if(!this.editor)return null;const o=this.s;if("headingStyle"===t.action)return this.editor.isActive("heading",{level:1})?o.title:this.editor.isActive("heading",{level:2})?o.subtitle:this.editor.isActive("heading",{level:3})?o.headingAbbr3:o.normal;if("fontSize"===t.action){const t=this.editor.getAttributes("textStyle"),o=null==t?void 0:t.fontSize;return o?o.replace("px",""):"16"}if("fontFamily"===t.action){const t=this.editor.getAttributes("textStyle"),o=null==t?void 0:t.fontFamily;if(!o)return"Sans-serif";const e=o.replace(/['"]/g,"").split(",")[0].trim();return e.length>10?e.substring(0,10)+"…":e}return null}getActiveColor(t){var o,e;if(!this.editor)return"textColor"===t?"#000000":"transparent";const r=this.editor.getAttributes("textStyle");if("textColor"===t)return null!==(o=null==r?void 0:r.color)&&void 0!==o?o:"#000000";const a=this.editor.getAttributes("highlight");return null!==(e=null==a?void 0:a.color)&&void 0!==e?e:"transparent"}renderButton(t){var o,r;const a="popover"===t.type||"dropdown"===t.type||"color"===t.type||"grid"===t.type,i=this.openPopover===t.action,c="headingStyle"===t.action||"fontSize"===t.action||"fontFamily"===t.action,n=c?this.getDropdownLabel(t):null;if("alignment"===t.action&&(null===(o=t.options)||void 0===o?void 0:o.length))return this.renderAlignmentGroup(t);if("listpicker"===t.type){const o=this.isActive(t),r=this.tItem(t);return e("div",{class:"co-rich-text-toolbar__split-wrap",key:t.action},e("button",{type:"button",class:{"co-rich-text-toolbar__btn":!0,"co-rich-text-toolbar__split-main":!0,"co-rich-text-toolbar__btn--active":o},"data-tooltip":r,"aria-label":r,"aria-pressed":String(o),disabled:!this.canRun(t),onMouseDown:t=>t.preventDefault(),onClick:()=>this.run(t),part:"button"},e("co-icon",{name:t.icon,size:18})),e("button",{type:"button",class:{"co-rich-text-toolbar__split-caret":!0,"co-rich-text-toolbar__split-caret--open":i},"data-tooltip":`${this.s.stylesPrefix} ${r}`,"aria-label":`${this.s.stylesPrefix} ${r}`,"aria-expanded":String(i),disabled:!this.canRun(t),onMouseDown:t=>t.preventDefault(),onClick:()=>this.togglePopover(t.action)},e("co-icon",{name:"caret-down",size:10})),i&&this.renderListPicker(t))}if("color"===t.type)return this.renderColorButton(t);const s=this.tItem(t);return e("div",{class:"co-rich-text-toolbar__btn-wrap",key:`${t.action}-${JSON.stringify(null!==(r=t.payload)&&void 0!==r?r:"")}`},c?e("button",{type:"button",class:{"co-rich-text-toolbar__select-btn":!0,"co-rich-text-toolbar__select-btn--open":i},"data-tooltip":s,"aria-label":s,"aria-expanded":String(i),disabled:!this.canRun(t),onMouseDown:t=>t.preventDefault(),onClick:()=>this.run(t),part:"button"},e("span",{class:"co-rich-text-toolbar__select-label"},n),e("co-icon",{name:"caret-down",size:10})):e("button",{type:"button",class:{"co-rich-text-toolbar__btn":!0,"co-rich-text-toolbar__btn--active":this.isActive(t)||i},"data-tooltip":s,"aria-label":s,"aria-pressed":"toggle"===t.type?String(this.isActive(t)):void 0,"aria-expanded":a?String(i):void 0,disabled:!this.canRun(t),onMouseDown:t=>t.preventDefault(),onClick:()=>this.run(t),part:"button"},e("co-icon",{name:this.getDynamicIcon(t),size:18})),i&&"popover"===t.type&&this.renderInputPopover(t),i&&"dropdown"===t.type&&this.renderDropdown(t),i&&"grid"===t.type&&this.renderTableGrid())}renderAlignmentGroup(t){const o=this.s,r={left:o.alignLeft,center:o.center,right:o.alignRight,justify:o.justify};return e("div",{class:"co-rich-text-toolbar__align-group",key:t.action},t.options.map((t=>{var o,a,i;const c=null!==(a=null===(o=this.editor)||void 0===o?void 0:o.isActive({textAlign:t.payload}))&&void 0!==a&&a,n=null!==(i=r[t.payload])&&void 0!==i?i:t.label;return e("button",{type:"button",class:{"co-rich-text-toolbar__btn":!0,"co-rich-text-toolbar__btn--active":c},"data-tooltip":n,"aria-label":n,"aria-pressed":String(c),disabled:!this.editor||this.disabled,onMouseDown:t=>t.preventDefault(),onClick:()=>{this.editor&&(this.editor.chain().focus().setTextAlign(t.payload).run(),this.coAction.emit({action:"textAlign",payload:t.payload}))},part:"button"},e("co-icon",{name:t.icon,size:18}))})))}renderColorButton(t){const o=this.openPopover===t.action,r=this.tItem(t),a=this.getActiveColor(t.action),i="textColor"===t.action;return e("div",{class:"co-rich-text-toolbar__btn-wrap",key:t.action},e("button",{type:"button",class:{"co-rich-text-toolbar__btn":!0,"co-rich-text-toolbar__btn--active":o},"data-tooltip":r,"aria-label":r,"aria-expanded":String(o),disabled:!this.canRun(t),onMouseDown:t=>t.preventDefault(),onClick:()=>this.run(t),part:"button"},i?e("span",{class:"co-rich-text-toolbar__color-indicator"},e("span",{class:"co-rich-text-toolbar__color-letter"},"A"),e("span",{class:"co-rich-text-toolbar__color-bar",style:{background:a}})):e("span",{class:"co-rich-text-toolbar__color-indicator"},e("co-icon",{name:t.icon,size:16}),e("span",{class:"co-rich-text-toolbar__color-bar",style:{background:"transparent"===a?"#cccccc":a}}))),o&&this.renderColorPicker(t))}renderListPicker(t){var o,r;if(!(null===(o=t.options)||void 0===o?void 0:o.length))return null;if("taskListMenu"===t.action)return this.renderTaskListPicker(t);const a="orderedListMenu"===t.action,i=this.editor?null===(r=this.editor.getAttributes(a?"orderedList":"bulletList"))||void 0===r?void 0:r.listStyleType:null;return e("div",{class:"co-rich-text-toolbar__listpicker",onMouseDown:t=>{t.preventDefault(),t.stopPropagation()}},t.options.map((t=>e("button",{type:"button",class:{"co-rich-text-toolbar__listpicker-item":!0,"co-rich-text-toolbar__listpicker-item--active":i===t.payload},"data-tooltip":t.label,onMouseDown:t=>t.preventDefault(),onClick:()=>this.applyListStyle(a,t.payload)},e("ol",{class:{"co-rich-text-toolbar__listpicker-preview":!0,"co-rich-text-toolbar__listpicker-preview--ordered":a},style:{"list-style-type":t.payload}},e("li",null),e("li",null),e("li",null))))))}renderTaskListPicker(t){var o,r;const a=this.editor&&this.editor.isActive("taskList")?null!==(r=null===(o=this.editor.getAttributes("taskList"))||void 0===o?void 0:o.variant)&&void 0!==r?r:"strike":null;return e("div",{class:"co-rich-text-toolbar__listpicker co-rich-text-toolbar__listpicker--task",onMouseDown:t=>{t.preventDefault(),t.stopPropagation()}},t.options.map((t=>{const o=t.payload;return e("button",{type:"button",class:{"co-rich-text-toolbar__listpicker-item":!0,"co-rich-text-toolbar__listpicker-item--task":!0,"co-rich-text-toolbar__listpicker-item--active":a===o},"data-tooltip":t.label,onMouseDown:t=>t.preventDefault(),onClick:()=>this.applyTaskStyle(o)},e("span",{class:"co-rich-text-toolbar__taskpreview","data-variant":o},e("span",{class:"co-rich-text-toolbar__taskpreview-row"},e("span",{class:"co-rich-text-toolbar__taskpreview-box"}),e("span",{class:"co-rich-text-toolbar__taskpreview-line"})),e("span",{class:"co-rich-text-toolbar__taskpreview-row co-rich-text-toolbar__taskpreview-row--checked"},e("span",{class:"co-rich-text-toolbar__taskpreview-box co-rich-text-toolbar__taskpreview-box--checked"}),e("span",{class:"co-rich-text-toolbar__taskpreview-line"}))))})))}applyListStyle(t,o){const e=this.editor;if(!e)return;const r=e.chain().focus();t?e.isActive("orderedList")||r.toggleOrderedList():e.isActive("bulletList")||r.toggleBulletList(),r.setListStyleType(o).run(),this.coAction.emit({action:t?"orderedStyle":"bulletStyle",payload:o}),this.closePopover()}applyTaskStyle(t){const o=this.editor;if(!o)return;const e=o.chain().focus();o.isActive("taskList")||e.toggleTaskList(),e.setTaskListVariant(t).run(),this.coAction.emit({action:"taskStyle",payload:t}),this.closePopover()}renderInputPopover(t){var o,r;if("image"===t.action)return this.renderImagePopover();const a="link"===t.action,i="iframe"===t.action,c=a&&(null===(o=this.editor)||void 0===o?void 0:o.isActive("link"))||i&&(null===(r=this.editor)||void 0===r?void 0:r.isActive("iframe"));return e("div",{class:"co-rich-text-toolbar__popover",onMouseDown:t=>{"INPUT"!==t.target.tagName&&t.preventDefault(),t.stopPropagation()}},e("input",{type:"url",class:"co-rich-text-toolbar__popover-input",placeholder:"iframe"===t.action?this.s.iframeUrlPlaceholder:"link"===t.action?"https://...":this.s.youtubeUrlPlaceholder,value:this.popoverInput,onInput:t=>{this.popoverInput=t.target.value},onKeyDown:o=>{"Enter"===o.key&&this.submitPopover(t.action),"Escape"===o.key&&this.closePopover()},ref:t=>t&&setTimeout((()=>t.focus()),0)}),e("div",{class:"co-rich-text-toolbar__popover-actions"},e("button",{type:"button",class:"co-rich-text-toolbar__popover-btn co-rich-text-toolbar__popover-btn--primary",onMouseDown:t=>t.preventDefault(),onClick:()=>this.submitPopover(t.action)},this.s.add),c&&e("button",{type:"button",class:"co-rich-text-toolbar__popover-btn co-rich-text-toolbar__popover-btn--danger",onMouseDown:t=>t.preventDefault(),onClick:()=>a?this.removeLink():this.removeIframe()},this.s.remove),e("button",{type:"button",class:"co-rich-text-toolbar__popover-btn",onMouseDown:t=>t.preventDefault(),onClick:()=>this.closePopover()},this.s.cancel)))}renderImagePopover(){return"url"===this.imagePopoverMode?e("div",{class:"co-rich-text-toolbar__popover",onMouseDown:t=>{"INPUT"!==t.target.tagName&&t.preventDefault(),t.stopPropagation()}},e("input",{type:"url",class:"co-rich-text-toolbar__popover-input",placeholder:this.s.imageUrlPlaceholder,value:this.popoverInput,onInput:t=>{this.popoverInput=t.target.value},onKeyDown:t=>{"Enter"===t.key&&this.submitPopover("image"),"Escape"===t.key&&(this.imagePopoverMode="menu")},ref:t=>t&&setTimeout((()=>t.focus()),0)}),e("div",{class:"co-rich-text-toolbar__popover-actions"},e("button",{type:"button",class:"co-rich-text-toolbar__popover-btn co-rich-text-toolbar__popover-btn--primary",onMouseDown:t=>t.preventDefault(),onClick:()=>this.submitPopover("image")},this.s.add),e("button",{type:"button",class:"co-rich-text-toolbar__popover-btn",onMouseDown:t=>t.preventDefault(),onClick:()=>{this.imagePopoverMode="menu"}},this.s.back))):e("div",{class:"co-rich-text-toolbar__popover",onMouseDown:t=>{t.preventDefault(),t.stopPropagation()}},e("button",{type:"button",class:"co-rich-text-toolbar__popover-option",onMouseDown:t=>t.preventDefault(),onClick:()=>this.triggerImageFileUpload()},e("co-icon",{name:"upload-simple",size:16}),e("span",null,this.s.uploadFromComputer)),e("button",{type:"button",class:"co-rich-text-toolbar__popover-option",onMouseDown:t=>t.preventDefault(),onClick:()=>{this.imagePopoverMode="url"}},e("co-icon",{name:"link",size:16}),e("span",null,this.s.viaUrl)))}triggerImageFileUpload(){const t=document.createElement("input");t.type="file",t.accept="image/*",t.onchange=()=>{var o;const e=null===(o=t.files)||void 0===o?void 0:o[0];if(!e||!this.editor)return;const r=new FileReader;r.onload=()=>{const t=r.result;this.editor.chain().focus().setImage({src:t}).run(),this.imageUpload&&this.imageUpload(e).then((o=>{var e;const r="string"==typeof o?{src:o}:{src:o.src,dataFileId:null!==(e=o.fileId)&&void 0!==e?e:null},{state:a}=this.editor.view;a.doc.descendants(((o,e)=>{if("image"===o.type.name&&o.attrs.src===t){const t=this.editor.view.state.tr.setNodeMarkup(e,void 0,Object.assign(Object.assign({},o.attrs),r));return this.editor.view.dispatch(t),!1}}))})).catch((()=>{})),this.coAction.emit({action:"image",payload:t})},r.readAsDataURL(e),this.closePopover()},t.click()}isDropdownOptionActive(t){var o,e,r;if(!this.editor)return!1;try{if("textAlign"===t.action)return this.editor.isActive({textAlign:t.payload});if("lineHeight"===t.action){const r=this.editor.getAttributes("paragraph");return(null!==(o=null==r?void 0:r.lineHeight)&&void 0!==o?o:null)===(null!==(e=t.payload)&&void 0!==e?e:null)}if("letterSpacing"===t.action){const o=this.editor.getAttributes("textStyle"),e=null!==(r=null==o?void 0:o.letterSpacing)&&void 0!==r?r:null;return"normal"===t.payload?null===e||"normal"===e:e===t.payload}if("heading"===t.action)return this.editor.isActive("heading",t.payload);if("paragraph"===t.action)return!this.editor.isActive("heading")}catch(t){}return!1}applyDropdownCustom(t,o){const e=this.editor,r=o.trim();if(!e||!r)return;const a=e.chain().focus();if("fontSize"===t){const t=parseFloat(r);if(!(t>0))return;a.setFontSize(/^\d+(\.\d+)?$/.test(r)?`${t}px`:r).run()}else"lineSpacing"===t?a.setLineHeight(r).run():"letterSpacing"===t&&("normal"===r?a.unsetLetterSpacing().run():a.setLetterSpacing(r).run());this.closePopover()}renderDropdown(t){var o;if(!(null===(o=t.options)||void 0===o?void 0:o.length))return null;const r="fontFamily"===t.action,a="headingStyle"===t.action,i="lineSpacing"===t.action,c="letterSpacing"===t.action,n="alignment"===t.action||i||c||a,s="fontSize"===t.action?{placeholder:this.s.sizePlaceholder}:i?{placeholder:this.s.lineSpacingPlaceholder}:c?{placeholder:this.s.letterSpacingPlaceholder}:null;return e("div",{class:"co-rich-text-toolbar__dropdown",onMouseDown:t=>{t.preventDefault(),t.stopPropagation()}},s&&e("div",{class:"co-rich-text-toolbar__dropdown-input-wrap"},e("input",{type:"text",class:"co-rich-text-toolbar__dropdown-input",placeholder:s.placeholder,onMouseDown:t=>t.stopPropagation(),onKeyDown:o=>{"Enter"===o.key?(this.applyDropdownCustom(t.action,o.target.value),o.target.value=""):"Escape"===o.key&&this.closePopover()}})),t.options.map((o=>{var i;if("separator"===o.action)return e("div",{class:"co-rich-text-toolbar__dropdown-sep-label"},e("span",null,this.tOpt(o)));const c={},s=n&&this.isDropdownOptionActive(o);if(a&&"heading"===o.action){const t=null===(i=o.payload)||void 0===i?void 0:i.level;c.fontSize=1===t?"20px":2===t?"16px":"14px",c.fontWeight="600"}return r&&o.payload&&(c.fontFamily=o.payload),e("button",{type:"button",class:{"co-rich-text-toolbar__dropdown-item":!0,"co-rich-text-toolbar__dropdown-item--active":s},style:c,onMouseDown:t=>t.preventDefault(),onClick:()=>this.handleDropdownSelect(t,o)},n&&e("span",{class:"co-rich-text-toolbar__dropdown-check"},s?e("co-icon",{name:"check",size:14}):null),o.icon&&e("co-icon",{name:o.icon,size:16}),e("span",null,this.tOpt(o)))})))}handleDropdownSelect(t,o){const e=this.editor;if(!e)return;const r=e.chain().focus();switch(o.action){case"heading":r.toggleHeading(o.payload).run();break;case"paragraph":r.setParagraph().run();break;case"fontSize":r.setFontSize(o.payload).run();break;case"fontFamily":r.setFontFamily(o.payload).run();break;case"textAlign":r.setTextAlign(o.payload).run();break;case"lineHeight":r.setLineHeight(o.payload).run();break;case"letterSpacing":"normal"===o.payload?r.unsetLetterSpacing().run():r.setLetterSpacing(o.payload).run();break;case"callout":r.insertCallout(o.payload).run()}this.coAction.emit({action:o.action,payload:o.payload}),this.closePopover()}renderTableGrid(){return e("div",{class:"co-rich-text-toolbar__table-picker",onMouseDown:t=>{"INPUT"!==t.target.tagName&&t.preventDefault(),t.stopPropagation()}},e("div",{class:"co-rich-text-toolbar__table-header"},e("co-icon",{name:"table",size:16}),e("span",{class:"co-rich-text-toolbar__table-title"},this.s.configureTable),e("button",{type:"button",class:"co-rich-text-toolbar__table-close",onMouseDown:t=>t.preventDefault(),onClick:()=>this.closePopover()},e("co-icon",{name:"x",size:16}))),e("div",{class:"co-rich-text-toolbar__table-tabs"},e("button",{type:"button",class:{"co-rich-text-toolbar__table-tab":!0,"co-rich-text-toolbar__table-tab--active":"grid"===this.tableTab},onMouseDown:t=>t.preventDefault(),onClick:()=>{this.tableTab="grid"}},this.s.grid),e("button",{type:"button",class:{"co-rich-text-toolbar__table-tab":!0,"co-rich-text-toolbar__table-tab--active":"manual"===this.tableTab},onMouseDown:t=>t.preventDefault(),onClick:()=>{this.tableTab="manual"}},this.s.manual)),"grid"===this.tableTab&&this.renderGridTab(),"manual"===this.tableTab&&this.renderManualTab(),e("label",{class:"co-rich-text-toolbar__table-check"},e("input",{type:"checkbox",checked:this.tableWithHeader,onChange:t=>{this.tableWithHeader=t.target.checked}}),e("span",null,this.s.includeHeaderRow)),"manual"===this.tableTab&&e("div",{class:"co-rich-text-toolbar__table-actions"},e("button",{type:"button",class:"co-rich-text-toolbar__table-btn co-rich-text-toolbar__table-btn--secondary",onMouseDown:t=>t.preventDefault(),onClick:()=>this.closePopover()},this.s.cancel),e("button",{type:"button",class:"co-rich-text-toolbar__table-btn co-rich-text-toolbar__table-btn--primary",onMouseDown:t=>t.preventDefault(),onClick:()=>this.insertTable(this.tableManualRows,this.tableManualCols)},this.s.createTable)))}renderGridTab(){const t=[],o=this.gridLockedRows>0,r=o?this.gridLockedRows:this.gridHoverRows,a=o?this.gridLockedCols:this.gridHoverCols;for(let i=1;i<=8;i++)for(let c=1;c<=8;c++)t.push(e("div",{class:{"co-rich-text-toolbar__grid-cell":!0,"co-rich-text-toolbar__grid-cell--active":i<=r&&c<=a},onMouseEnter:()=>{o||(this.gridHoverRows=i,this.gridHoverCols=c)},onMouseDown:t=>t.preventDefault(),onClick:()=>{this.gridLockedRows=i,this.gridLockedCols=c}}));const i=this.s,c=r>0?`${a} × ${r} (${a} ${i.columns.toLowerCase()} × ${r} ${i.rows.toLowerCase()})`:i.selectSize;return e("div",{class:"co-rich-text-toolbar__grid-container",onMouseLeave:()=>{o||(this.gridHoverRows=0,this.gridHoverCols=0)}},e("div",{class:"co-rich-text-toolbar__grid",style:{"grid-template-columns":"repeat(8, 1fr)"}},t),e("div",{class:"co-rich-text-toolbar__grid-footer"},e("span",{class:"co-rich-text-toolbar__grid-label"},c),o&&e("button",{type:"button",class:"co-rich-text-toolbar__grid-reset",onMouseDown:t=>t.preventDefault(),onClick:()=>{this.gridLockedRows=0,this.gridLockedCols=0,this.gridHoverRows=0,this.gridHoverCols=0}},i.changeSelection)),o&&e("div",{class:"co-rich-text-toolbar__table-actions"},e("button",{type:"button",class:"co-rich-text-toolbar__table-btn co-rich-text-toolbar__table-btn--secondary",onMouseDown:t=>t.preventDefault(),onClick:()=>this.closePopover()},i.cancel),e("button",{type:"button",class:"co-rich-text-toolbar__table-btn co-rich-text-toolbar__table-btn--primary",onMouseDown:t=>t.preventDefault(),onClick:()=>this.insertTable(this.gridLockedRows,this.gridLockedCols)},i.createTable)))}renderManualTab(){return e("div",{class:"co-rich-text-toolbar__table-manual"},e("div",{class:"co-rich-text-toolbar__table-field"},e("label",null,this.s.columns,":"),e("input",{type:"number",min:"1",max:"20",value:this.tableManualCols,onInput:t=>{this.tableManualCols=Math.max(1,parseInt(t.target.value)||1)}})),e("div",{class:"co-rich-text-toolbar__table-field"},e("label",null,this.s.rows,":"),e("input",{type:"number",min:"1",max:"50",value:this.tableManualRows,onInput:t=>{this.tableManualRows=Math.max(1,parseInt(t.target.value)||1)}})))}insertTable(t,o){const e=this.editor;if(!e)return;if(e.isActive("table"))return void this.closePopover();const r=this.tableWithHeader,a=t=>({type:"tableHeader",content:[{type:"paragraph",content:[{type:"text",text:`${this.s.tableHeaderLabel} ${t+1}`}]}]}),i=[];r&&i.push({type:"tableRow",content:Array.from({length:o},((t,o)=>a(o)))});const c=r?t-1:t;for(let t=0;t<c;t++)i.push({type:"tableRow",content:Array.from({length:o},(()=>({type:"tableCell",content:[{type:"paragraph"}]})))});e.chain().focus().insertContent({type:"table",content:i}).run(),this.coAction.emit({action:"table",payload:{rows:t,cols:o,withHeaderRow:r}}),this.closePopover()}renderColorPicker(t){return e("div",{class:"co-rich-text-toolbar__color-picker",onMouseDown:t=>{"INPUT"!==t.target.tagName&&t.preventDefault(),t.stopPropagation()}},e("div",{class:"co-rich-text-toolbar__color-grid"},this.colorPalette.map((o=>e("button",{type:"button",class:"co-rich-text-toolbar__color-swatch",style:Object.assign({background:o},"#ffffff"===o?{border:"1px solid #ccc"}:{}),title:o,onMouseDown:t=>t.preventDefault(),onClick:()=>this.selectColor(t.action,o)})))),e("div",{class:"co-rich-text-toolbar__color-hex"},e("input",{type:"text",class:"co-rich-text-toolbar__color-hex-input",placeholder:"#hex",maxLength:7,value:this.colorHexInput,onInput:t=>{this.colorHexInput=t.target.value},onKeyDown:o=>{if("Enter"===o.key){const o=this.colorHexInput.trim();/^#[0-9a-fA-F]{3,6}$/.test(o)&&(this.selectColor(t.action,o),this.colorHexInput="")}else"Escape"===o.key&&this.closePopover()}})),e("button",{type:"button",class:"co-rich-text-toolbar__color-clear",onMouseDown:t=>t.preventDefault(),onClick:()=>this.clearColor(t.action)},e("co-icon",{name:"x",size:12}),e("span",null,this.s.removeColor)))}render(){return"none"===this.variant||0===this.items.length?null:e("div",{class:"co-rich-text-toolbar",role:"toolbar","aria-label":"Formatting",part:"toolbar"},this.items.map((t=>this.isSeparator(t)?e("span",{class:"co-rich-text-toolbar__sep"}):this.renderButton(t))))}get el(){return r(this)}static get watchers(){return{variant:[{onVariantChange:0}],editor:[{onEditorChange:0}],openPopover:[{onOpenPopoverChange:0}]}}};s.ITEM_COMMAND={table:"insertTable",image:"setImage",youtube:"setYoutubeVideo",iframe:"setIframe",callout:"insertCallout",fontFamily:"setFontFamily",fontSize:"setFontSize",highlight:"toggleHighlight",alignment:"setTextAlign",lineSpacing:"setLineHeight",letterSpacing:"setLetterSpacing",taskListMenu:"toggleTaskList",indentIncrease:"indent",indentDecrease:"outdent",codeBlock:"toggleCodeBlock",blockquote:"toggleBlockquote",horizontalRule:"setHorizontalRule",bulletListMenu:"toggleBulletList",orderedListMenu:"toggleOrderedList"},s.style=":host{display:block;font-family:var(--co-font-family-primary);z-index:10;flex-shrink:0;background:var(--co-semantic-surface-secondary, #fff);overflow:visible}.co-rich-text-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--co-spacing-xxs, 2px);padding:var(--co-spacing-xs) var(--co-spacing-sm);border-bottom:1px solid var(--co-semantic-border-subtle);background:var(--co-semantic-surface-secondary)}.co-rich-text-toolbar__btn-wrap,.co-rich-text-toolbar__split-wrap{overflow:visible}[data-tooltip]{position:relative}[data-tooltip]::after{content:attr(data-tooltip);position:absolute;top:calc(100% + 4px);left:50%;transform:translateX(-50%);padding:4px 8px;background:var(--co-color-base-negro, #1a1a1a);color:var(--co-color-base-blanco, #fff);font-size:11px;font-weight:500;line-height:1.3;white-space:nowrap;border-radius:4px;pointer-events:none;opacity:0;transition:opacity 0.15s ease;z-index:9999}[data-tooltip]:hover::after{opacity:1;transition-delay:0.4s}[data-tooltip]:active::after,[data-tooltip][aria-expanded=\"true\"]::after{opacity:0 !important;transition-delay:0s}.co-rich-text-toolbar__btn-wrap{position:relative;display:inline-flex}.co-rich-text-toolbar__btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;border:none;border-radius:var(--co-border-radius-xxs);background:transparent;color:var(--co-semantic-text-default, #333);cursor:pointer;transition:background 0.12s ease, color 0.12s ease}.co-rich-text-toolbar__btn:hover:not(:disabled):not(.co-rich-text-toolbar__btn--active){background:var(--co-semantic-surface-hover, rgba(0, 0, 0, 0.08));color:var(--co-semantic-text-default, #1a1a1a)}.co-rich-text-toolbar__btn--active{background:var(--co-color-base-negro, #1a1a1a);color:var(--co-color-base-blanco, #fff)}.co-rich-text-toolbar__btn--active:hover{background:var(--co-color-base-negro, #333);color:var(--co-color-base-blanco, #fff)}.co-rich-text-toolbar__btn:disabled{opacity:0.4;cursor:not-allowed}.co-rich-text-toolbar__btn:focus-visible{outline:2px solid var(--co-semantic-border-focus, var(--co-color-base-negro, #1a1a1a));outline-offset:1px}.co-rich-text-toolbar__select-btn{display:inline-flex;align-items:center;gap:2px;height:30px;padding:0 6px;border:1px solid transparent;border-radius:var(--co-border-radius-xxs, 4px);background:transparent;color:var(--co-semantic-text-default, #333);font-family:var(--co-font-family-primary);font-size:var(--co-font-size-12, 12px);cursor:pointer;white-space:nowrap;transition:background 0.12s, border-color 0.12s}.co-rich-text-toolbar__select-btn:hover:not(:disabled){background:var(--co-semantic-surface-hover, rgba(0, 0, 0, 0.06));border-color:var(--co-semantic-border-default, #e0e0e0)}.co-rich-text-toolbar__select-btn--open{background:var(--co-semantic-surface-hover, rgba(0, 0, 0, 0.06));border-color:var(--co-semantic-border-default, #e0e0e0)}.co-rich-text-toolbar__select-btn:disabled{opacity:0.4;cursor:not-allowed}.co-rich-text-toolbar__select-label{max-width:100px;overflow:hidden;text-overflow:ellipsis}.co-rich-text-toolbar__sep{display:inline-block;width:1px;height:20px;margin:0 var(--co-spacing-xs, 4px);background:var(--co-semantic-border-subtle, rgba(0, 0, 0, 0.12))}.co-rich-text-toolbar__popover{position:absolute;top:100%;left:0;z-index:100;display:flex;flex-direction:column;gap:var(--co-spacing-xs, 4px);min-width:280px;padding:var(--co-spacing-sm, 8px);background:var(--co-semantic-surface-secondary, #fff);border:1px solid var(--co-semantic-border-default, #e0e0e0);border-radius:var(--co-border-radius-xs, 8px);box-shadow:0 4px 16px rgba(0, 0, 0, 0.12);margin-top:var(--co-spacing-xs, 4px)}.co-rich-text-toolbar__popover-input{width:100%;padding:6px 10px;border:1px solid var(--co-semantic-border-default, #ccc);border-radius:var(--co-border-radius-xxs, 4px);font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14, 14px);outline:none;box-sizing:border-box}.co-rich-text-toolbar__popover-input:focus{border-color:var(--co-color-base-negro, #1a1a1a);box-shadow:0 0 0 2px rgba(0, 0, 0, 0.1)}.co-rich-text-toolbar__popover-actions{display:flex;gap:var(--co-spacing-xs, 4px)}.co-rich-text-toolbar__popover-btn{padding:4px 12px;border:1px solid var(--co-semantic-border-default, #ccc);border-radius:var(--co-border-radius-xxs, 4px);font-family:var(--co-font-family-primary);font-size:var(--co-font-size-12, 12px);cursor:pointer;background:var(--co-semantic-surface-secondary, #fff);color:var(--co-semantic-text-default, #333);transition:background 0.12s}.co-rich-text-toolbar__popover-btn:hover:not(.co-rich-text-toolbar__popover-btn--primary){background:var(--co-semantic-surface-hover, #f5f5f5)}.co-rich-text-toolbar__popover-btn--primary{background:var(--co-color-base-negro, #1a1a1a);color:#fff;border-color:var(--co-color-base-negro, #1a1a1a)}.co-rich-text-toolbar__popover-btn--primary:hover{background:var(--co-color-base-negro, #333);color:#fff}.co-rich-text-toolbar__popover-btn--danger{color:var(--co-color-status-error, #aa2e1b);border-color:var(--co-color-status-error, #aa2e1b)}.co-rich-text-toolbar__popover-option{display:flex;align-items:center;gap:var(--co-spacing-sm, 8px);width:100%;padding:8px 10px;border:none;border-radius:var(--co-border-radius-xxs, 4px);background:transparent;color:var(--co-semantic-text-default, #333);font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14, 14px);cursor:pointer;text-align:left;transition:background 0.1s}.co-rich-text-toolbar__popover-option:hover{background:var(--co-semantic-surface-hover, #f5f5f5)}.co-rich-text-toolbar__dropdown{position:absolute;top:100%;left:0;z-index:100;display:flex;flex-direction:column;min-width:180px;max-height:360px;overflow-y:auto;padding:var(--co-spacing-xs, 4px);background:var(--co-semantic-surface-secondary, #fff);border:1px solid var(--co-semantic-border-default, #e0e0e0);border-radius:var(--co-border-radius-xs, 8px);box-shadow:0 4px 16px rgba(0, 0, 0, 0.12);margin-top:var(--co-spacing-xs, 4px)}.co-rich-text-toolbar__dropdown-item{display:flex;align-items:center;gap:var(--co-spacing-sm, 8px);padding:6px 10px;border:none;border-radius:var(--co-border-radius-xxs, 4px);background:transparent;color:var(--co-semantic-text-default, #333);font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14, 14px);cursor:pointer;text-align:left;transition:background 0.12s}.co-rich-text-toolbar__dropdown-item:hover{background:var(--co-semantic-surface-hover, #f5f5f5)}.co-rich-text-toolbar__dropdown-sep{height:1px;margin:4px 0;background:var(--co-semantic-border-default, #e0e0e0)}.co-rich-text-toolbar__dropdown-sep-label{padding:6px 10px 2px;font-family:var(--co-font-family-primary);font-size:11px;font-weight:600;color:var(--co-semantic-text-muted, #999);letter-spacing:0.03em;border-top:1px solid var(--co-semantic-border-default, #e0e0e0);margin-top:2px}.co-rich-text-toolbar__dropdown-input-wrap{padding:6px 8px;border-bottom:1px solid var(--co-semantic-border-default, #e0e0e0)}.co-rich-text-toolbar__dropdown-input{width:100%;padding:4px 8px;border:1px solid var(--co-semantic-border-default, #e0e0e0);border-radius:4px;font-size:13px;font-family:var(--co-font-family-primary);outline:none;box-sizing:border-box}.co-rich-text-toolbar__dropdown-input:focus{border-color:var(--co-color-base-negro, #1a1a1a);box-shadow:0 0 0 2px rgba(0, 0, 0, 0.1)}.co-rich-text-toolbar__color-picker{position:absolute;top:100%;left:0;z-index:100;display:flex;flex-direction:column;gap:var(--co-spacing-xs, 4px);padding:var(--co-spacing-sm, 8px);background:var(--co-semantic-surface-secondary, #fff);border:1px solid var(--co-semantic-border-default, #e0e0e0);border-radius:var(--co-border-radius-xs, 8px);box-shadow:0 4px 16px rgba(0, 0, 0, 0.12);margin-top:var(--co-spacing-xs, 4px)}.co-rich-text-toolbar__color-grid{display:grid;grid-template-columns:repeat(10, 1fr);gap:2px}.co-rich-text-toolbar__color-swatch{width:22px;height:22px;padding:0;border:none;border-radius:3px;cursor:pointer;transition:transform 0.1s, box-shadow 0.1s}.co-rich-text-toolbar__color-swatch:hover{transform:scale(1.2);box-shadow:0 0 0 2px var(--co-color-base-negro, #1a1a1a)}.co-rich-text-toolbar__color-clear{display:flex;align-items:center;gap:var(--co-spacing-xs, 4px);padding:4px 8px;border:none;background:transparent;color:var(--co-semantic-text-secondary, #666);font-family:var(--co-font-family-primary);font-size:var(--co-font-size-12, 12px);cursor:pointer;border-radius:var(--co-border-radius-xxs, 4px);margin-top:var(--co-spacing-xxs, 2px)}.co-rich-text-toolbar__color-clear:hover{background:var(--co-semantic-surface-hover, #f5f5f5);color:var(--co-semantic-text-default, #333)}.co-rich-text-toolbar__table-picker{position:absolute;top:100%;left:0;z-index:100;display:flex;flex-direction:column;width:280px;padding:var(--co-spacing-lg, 16px);background:var(--co-semantic-surface-secondary, #fff);border:1px solid var(--co-semantic-border-default, #e0e0e0);border-radius:var(--co-border-radius-xs, 8px);box-shadow:0 8px 24px rgba(0, 0, 0, 0.12);margin-top:var(--co-spacing-xs, 4px)}.co-rich-text-toolbar__table-header{display:flex;align-items:center;gap:var(--co-spacing-sm, 8px);margin-bottom:var(--co-spacing-md, 12px)}.co-rich-text-toolbar__table-title{flex:1;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-12, 12px);font-weight:600;letter-spacing:0.06em;color:var(--co-semantic-text-secondary, #666)}.co-rich-text-toolbar__table-close{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;border-radius:var(--co-border-radius-xxs, 4px);background:transparent;color:var(--co-semantic-text-secondary, #666);cursor:pointer}.co-rich-text-toolbar__table-close:hover{background:var(--co-semantic-surface-hover, #f0f0f0)}.co-rich-text-toolbar__table-tabs{display:flex;gap:0;margin-bottom:var(--co-spacing-md, 12px);border:1px solid var(--co-semantic-border-default, #e0e0e0);border-radius:var(--co-border-radius-xxs, 4px);overflow:hidden}.co-rich-text-toolbar__table-tab{flex:1;padding:var(--co-spacing-sm, 8px) var(--co-spacing-md, 12px);font-family:var(--co-font-family-primary);font-size:var(--co-font-size-13, 13px);font-weight:500;border:none;background:transparent;color:var(--co-semantic-text-secondary, #666);cursor:pointer;transition:background 0.12s, color 0.12s}.co-rich-text-toolbar__table-tab:hover{background:var(--co-semantic-surface-hover, #f5f5f5)}.co-rich-text-toolbar__table-tab--active{background:var(--co-color-base-negro, #1a1a1a);color:var(--co-color-base-blanco, #fff)}.co-rich-text-toolbar__grid-container{display:flex;flex-direction:column;gap:var(--co-spacing-sm, 8px);margin-bottom:var(--co-spacing-md, 12px)}.co-rich-text-toolbar__grid{display:grid;gap:3px}.co-rich-text-toolbar__grid-cell{width:24px;height:24px;border:1px solid var(--co-semantic-border-default, #d0d0d0);border-radius:3px;background:transparent;cursor:pointer;transition:background 0.08s, border-color 0.08s}.co-rich-text-toolbar__grid-cell:hover,.co-rich-text-toolbar__grid-cell--active{background:var(--co-color-base-negro, #1a1a1a);border-color:var(--co-color-base-negro, #1a1a1a)}.co-rich-text-toolbar__grid-footer{display:flex;align-items:center;justify-content:space-between}.co-rich-text-toolbar__grid-label{font-family:var(--co-font-family-primary);font-size:var(--co-font-size-12, 12px);color:var(--co-semantic-text-muted, #999)}.co-rich-text-toolbar__grid-reset{font-family:var(--co-font-family-primary);font-size:var(--co-font-size-12, 12px);color:var(--co-semantic-text-default, #333);text-decoration:underline;border:none;background:transparent;cursor:pointer;padding:0}.co-rich-text-toolbar__table-manual{display:flex;flex-direction:column;gap:var(--co-spacing-md, 12px);margin-bottom:var(--co-spacing-md, 12px)}.co-rich-text-toolbar__table-field{display:flex;align-items:center;gap:var(--co-spacing-md, 12px)}.co-rich-text-toolbar__table-field label{font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14, 14px);color:var(--co-semantic-text-default, #333);min-width:70px}.co-rich-text-toolbar__table-field input{flex:1;padding:var(--co-spacing-sm, 8px) var(--co-spacing-md, 12px);font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14, 14px);border:1px solid var(--co-semantic-border-default, #e0e0e0);border-radius:var(--co-border-radius-xxs, 4px);background:var(--co-semantic-surface-secondary, #fff);outline:none}.co-rich-text-toolbar__table-field input:focus{border-color:var(--co-color-base-negro, #1a1a1a)}.co-rich-text-toolbar__table-check{display:flex;align-items:center;gap:var(--co-spacing-sm, 8px);font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14, 14px);color:var(--co-semantic-text-default, #333);cursor:pointer;margin-bottom:var(--co-spacing-md, 12px)}.co-rich-text-toolbar__table-check input{width:18px;height:18px;cursor:pointer;accent-color:var(--co-color-base-negro, #1a1a1a)}.co-rich-text-toolbar__table-actions{display:flex;gap:var(--co-spacing-sm, 8px);justify-content:flex-end}.co-rich-text-toolbar__table-btn{padding:var(--co-spacing-sm, 8px) var(--co-spacing-lg, 16px);font-family:var(--co-font-family-primary);font-size:var(--co-font-size-13, 13px);font-weight:500;border:none;border-radius:var(--co-border-radius-xxs, 4px);cursor:pointer;transition:opacity 0.12s}.co-rich-text-toolbar__table-btn--primary{background:var(--co-color-base-negro, #1a1a1a);color:var(--co-color-base-blanco, #fff)}.co-rich-text-toolbar__table-btn--primary:hover{opacity:0.85}.co-rich-text-toolbar__table-btn--secondary{background:transparent;color:var(--co-semantic-text-default, #333)}.co-rich-text-toolbar__table-btn--secondary:hover{background:var(--co-semantic-surface-hover, #f5f5f5)}.co-rich-text-toolbar__split-wrap{position:relative;display:inline-flex;align-items:center}.co-rich-text-toolbar__split-main{border-top-right-radius:0;border-bottom-right-radius:0;width:28px}.co-rich-text-toolbar__split-caret{display:inline-flex;align-items:center;justify-content:center;width:16px;height:30px;padding:0;border:none;border-radius:var(--co-border-radius-xxs);border-top-left-radius:0;border-bottom-left-radius:0;background:transparent;color:var(--co-semantic-text-default, #333);cursor:pointer;transition:background 0.12s ease}.co-rich-text-toolbar__split-caret:hover:not(:disabled),.co-rich-text-toolbar__split-caret--open{background:var(--co-semantic-surface-hover, rgba(0, 0, 0, 0.08))}.co-rich-text-toolbar__split-caret:disabled{opacity:0.4;cursor:not-allowed}.co-rich-text-toolbar__listpicker{position:absolute;top:100%;left:0;z-index:100;display:grid;grid-template-columns:repeat(3, 1fr);gap:14px;padding:16px;background:var(--co-semantic-surface-secondary, #fff);border:1px solid var(--co-semantic-border-default, #e0e0e0);border-radius:var(--co-border-radius-xs, 8px);box-shadow:0 8px 24px rgba(0, 0, 0, 0.14);margin-top:var(--co-spacing-xs, 4px)}.co-rich-text-toolbar__listpicker-item{display:flex;align-items:center;justify-content:flex-start;width:76px;height:60px;padding:0;border:1px solid var(--co-semantic-border-default, #e3e3e3);border-radius:8px;background:var(--co-semantic-surface-secondary, #fff);cursor:pointer;transition:border-color 0.12s, box-shadow 0.12s, background 0.12s}.co-rich-text-toolbar__listpicker-item:hover{border-color:var(--co-color-base-negro, #1a1a1a);background:var(--co-semantic-surface-hover, #fafafa)}.co-rich-text-toolbar__listpicker-item--active{border-color:var(--co-color-base-negro, #1a1a1a);box-shadow:0 0 0 1.5px var(--co-color-base-negro, #1a1a1a)}.co-rich-text-toolbar__listpicker-preview{margin:0;padding:0 0 0 22px;list-style-position:outside;pointer-events:none}.co-rich-text-toolbar__listpicker-preview li{height:3px;width:30px;margin:7px 0;background:var(--co-semantic-border-default, #cfcfcf);border-radius:2px}.co-rich-text-toolbar__listpicker-preview li::marker{color:var(--co-color-base-negro, #1a1a1a);font-size:11px;font-weight:600}.co-rich-text-toolbar__listpicker--task{grid-template-columns:repeat(2, 1fr)}.co-rich-text-toolbar__listpicker-item--task{width:92px;justify-content:center}.co-rich-text-toolbar__taskpreview{display:flex;flex-direction:column;gap:9px}.co-rich-text-toolbar__taskpreview-row{display:flex;align-items:center;gap:7px}.co-rich-text-toolbar__taskpreview-box{flex:0 0 auto;width:11px;height:11px;border:1.5px solid var(--co-color-base-negro, #1a1a1a);border-radius:3px;box-sizing:border-box}.co-rich-text-toolbar__taskpreview-box--checked{position:relative;background:var(--co-color-base-negro, #1a1a1a)}.co-rich-text-toolbar__taskpreview-box--checked::after{content:'';position:absolute;left:3px;top:0.5px;width:3px;height:6px;border:solid #fff;border-width:0 1.5px 1.5px 0;transform:rotate(45deg)}.co-rich-text-toolbar__taskpreview-line{position:relative;width:34px;height:3px;background:var(--co-semantic-border-default, #cfcfcf);border-radius:2px}.co-rich-text-toolbar__taskpreview[data-variant=\"strike\"] .co-rich-text-toolbar__taskpreview-row--checked .co-rich-text-toolbar__taskpreview-line::after{content:'';position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);height:1.5px;background:var(--co-color-base-negro, #1a1a1a)}.co-rich-text-toolbar__dropdown-check{display:inline-flex;align-items:center;justify-content:center;width:18px;flex-shrink:0}.co-rich-text-toolbar__dropdown-item--active{background:var(--co-semantic-surface-hover, rgba(0, 0, 0, 0.04));font-weight:600}.co-rich-text-toolbar__align-group{display:inline-flex;align-items:center;gap:0}.co-rich-text-toolbar__color-indicator{display:flex;flex-direction:column;align-items:center;gap:1px;line-height:1}.co-rich-text-toolbar__color-letter{font-family:var(--co-font-family-primary);font-size:14px;font-weight:700;color:var(--co-semantic-text-default, #333);line-height:1}.co-rich-text-toolbar__color-bar{width:14px;height:3px;border-radius:1px}.co-rich-text-toolbar__color-hex{display:flex;align-items:center;gap:4px;margin-top:6px}.co-rich-text-toolbar__color-hex-input{width:100%;padding:3px 6px;border:1px solid var(--co-semantic-border-default, #ccc);border-radius:3px;background:var(--co-semantic-surface-secondary, #fff);color:var(--co-semantic-text-default, #333);font-family:var(--co-font-family-mono, monospace);font-size:11px;outline:none;box-sizing:border-box}.co-rich-text-toolbar__color-hex-input:focus{border-color:var(--co-color-base-negro, #1a1a1a);box-shadow:0 0 0 2px rgba(0, 0, 0, 0.1)}";export{s as co_rich_text_toolbar}

package/dist/cobalt/p-oImf-7fN.js

@@ -0,0 +1 @@
+import{h as r}from"./p-CYsftTKf.js";const e=({required:e})=>e?r("span",{class:"co-field-required",part:"required"},"*",r("span",{class:"co-field-required__caption"})):null;export{e as R}

package/dist/cobalt/{p-CyYF8IJE.js → p-tPYikBRJ.js}

@@ -1 +1 @@
-const n=/^(\d{4})-(\d{2})-(\d{2})$/,e=n=>String(n).padStart(2,"0");function t(n){return new Date(n.year,n.month-1,n.day)}function r(n){return{year:n.getFullYear(),month:n.getMonth()+1,day:n.getDate()}}function o(e){if("string"!=typeof e)return!1;const t=n.exec(e);if(!t)return!1;const r=Number(t[1]),o=Number(t[2]),u=Number(t[3]);if(o<1||o>12||u<1||u>31)return!1;const a=new Date(r,o-1,u);return a.getFullYear()===r&&a.getMonth()===o-1&&a.getDate()===u}function u(e){if(!o(e))return null;const t=n.exec(e);return{year:Number(t[1]),month:Number(t[2]),day:Number(t[3])}}function a(n){return`${String(n.year).padStart(4,"0")}-${e(n.month)}-${e(n.day)}`}function s(){return a(r(new Date))}function c(e,t={}){const r=t.order??"dmy",u=t.twoDigitYearPivot??69,s={status:"invalid",value:null},c=(e??"").trim();if(""===c)return{status:"empty",value:null};if(n.test(c))return o(c)?{status:"valid",value:c}:s;const d=c.split(/[/.\-\s]+/).filter(Boolean).filter((n=>!f.has(l(n))));if(d.length<2||d.length>3)return s;const b=function(n){const e=n||"_base",t=y.get(e);if(t)return t;const r={...m};if(n)for(let e=0;e<12;e++){const t=new Date(2020,e,1);for(const o of["short","long"]){const u=l(new Intl.DateTimeFormat(n,{month:o}).format(t));u&&(r[u]=e+1,u.length>=3&&(r[u.slice(0,3)]=e+1))}}return y.set(e,r),r}(t.locale),M=[];let w,h,g,v=null;if(d.forEach(((n,e)=>{if(/^\d+$/.test(n))M.push({val:Number(n),pos:e});else{const e=b[l(n)];v=e&&null===v?e:-1}})),-1===v)return s;if(null!==v)if(h=v,2===M.length){const[n,e]=M;n.val>31||4===i(d,n.pos)?(g=n.val,w=e.val):e.val>31||4===i(d,e.pos)?(g=e.val,w=n.val):(g="ymd"===r?n.val:e.val,w="ymd"===r?e.val:n.val)}else{if(1!==M.length)return s;w=M[0].val,g=t.defaultYear??(new Date).getFullYear()}else{const n=M.map((n=>n.val));if(2===n.length){const[e,o]=n;"mdy"===r||"ymd"===r?(h=e,w=o):(w=e,h=o),g=t.defaultYear??(new Date).getFullYear()}else{const[e,t,o]=n;"ymd"===r?(g=e,h=t,w=o):"mdy"===r?(h=e,w=t,g=o):(w=e,h=t,g=o)}}g=function(n,e){return n>=100?n:n<=e?2e3+n:1900+n}(g,u);const D=a({year:g,month:h,day:w});return o(D)?{status:"valid",value:D}:s}function i(n,e){return n[e]?.length??0}const f=new Set(["de","del","of","the"]);function l(n){return n.normalize("NFD").replace(/[̀-ͯ]/g,"").toLowerCase().replace(/\.$/,"").trim()}const m={enero:1,febrero:2,marzo:3,abril:4,mayo:5,junio:6,julio:7,agosto:8,septiembre:9,setiembre:9,octubre:10,noviembre:11,diciembre:12,ene:1,feb:2,mar:3,abr:4,may:5,jun:6,jul:7,ago:8,sep:9,set:9,oct:10,nov:11,dic:12,january:1,february:2,march:3,april:4,june:6,july:7,august:8,september:9,october:10,november:11,december:12,jan:1,apr:4,aug:8,dec:12,janeiro:1,fevereiro:2,marco:3,maio:5,junho:6,julho:7,setembro:9,outubro:10,novembro:11,dezembro:12,fev:2,mai:5,out:10,dez:12},y=new Map;function d(n,r="dd/MM/yyyy",o="en-US"){if(!n)return"";const a=u(n);if(!a)return"";const s=t(a);return r.replace(/yyyy|yy|MMMM|MMM|MM|M|dd|d/g,(n=>{switch(n){case"yyyy":return String(a.year).padStart(4,"0");case"yy":return String(a.year).slice(-2);case"MMMM":return new Intl.DateTimeFormat(o,{month:"long"}).format(s);case"MMM":return new Intl.DateTimeFormat(o,{month:"short"}).format(s).replace(/\.$/,"");case"MM":return e(a.month);case"M":return String(a.month);case"dd":return e(a.day);case"d":return String(a.day);default:return n}}))}function b(n,e){return n===e?0:n<e?-1:1}function M(n,e){const o=u(n);if(!o)return n;const s=t(o);return s.setDate(s.getDate()+e),a(r(s))}function w(n,e){const t=u(n);if(!t)return n;const r=t.month-1+e,o=t.year+Math.floor(r/12),s=(r%12+12)%12,c=new Date(o,s+1,0).getDate();return a({year:o,month:s+1,day:Math.min(t.day,c)})}function h(n){const e=u(n);return e?a({year:e.year,month:e.month,day:1}):n}function g(n,e={}){return!(o(n)&&function(n,e,t){return!(e&&b(n,e)<0||t&&b(n,t)>0)}(n,e.min,e.max)&&(!e.disabledDates||!e.disabledDates.includes(n))&&(!e.disabledDaysOfWeek||!e.disabledDaysOfWeek.includes(function(n){const e=u(n);return e?t(e).getDay():-1}(n))))}function v(n,e,t=1,o=6){const u=(new Date(n,e-1,1).getDay()-t+7)%7,s=new Date(n,e-1,1-u),c=[];for(let n=0;n<o;n++){const t=[];for(let o=0;o<7;o++){const u=new Date(s.getFullYear(),s.getMonth(),s.getDate()+(7*n+o));t.push({value:a(r(u)),inMonth:u.getMonth()===e-1})}c.push(t)}return c}function D(n,e=1,t="short"){const r=new Intl.DateTimeFormat(n,{weekday:t}),o=[];for(let n=0;n<7;n++){const t=new Date(2024,0,1+(n+(e-1)+7)%7);o.push(r.format(t))}return o}function j(n,e,t,r="long"){return new Intl.DateTimeFormat(t,{month:r,year:"numeric"}).format(new Date(n,e-1,1))}function p(n,e){const r=u(n);return r?new Intl.DateTimeFormat(e,{weekday:"long",day:"numeric",month:"long",year:"numeric"}).format(t(r)):""}export{s as a,w as b,b as c,M as d,g as e,d as f,j as g,D as h,o as i,v as j,p as k,c as l,u as p,h as s,t}
+const n=/^(\d{4})-(\d{2})-(\d{2})$/,e=n=>String(n).padStart(2,"0");function t(n){return new Date(n.year,n.month-1,n.day)}function r(n){return{year:n.getFullYear(),month:n.getMonth()+1,day:n.getDate()}}function o(e){if("string"!=typeof e)return!1;const t=n.exec(e);if(!t)return!1;const r=Number(t[1]),o=Number(t[2]),u=Number(t[3]);if(o<1||o>12||u<1||u>31)return!1;const a=new Date(r,o-1,u);return a.getFullYear()===r&&a.getMonth()===o-1&&a.getDate()===u}function u(e){if(!o(e))return null;const t=n.exec(e);return{year:Number(t[1]),month:Number(t[2]),day:Number(t[3])}}function a(n){return`${String(n.year).padStart(4,"0")}-${e(n.month)}-${e(n.day)}`}function s(){return a(r(new Date))}function c(e,t={}){const r=t.order??"dmy",u=t.twoDigitYearPivot??69,s={status:"invalid",value:null},c=(e??"").trim();if(""===c)return{status:"empty",value:null};if(n.test(c))return o(c)?{status:"valid",value:c}:s;const d=c.split(/[/.\-\s]+/).filter(Boolean).filter((n=>!f.has(l(n))));if(d.length<2||d.length>3)return s;const b=function(n){const e=n||"_base",t=y.get(e);if(t)return t;const r={...m};if(n)for(let e=0;e<12;e++){const t=new Date(2020,e,1);for(const o of["short","long"]){const u=l(new Intl.DateTimeFormat(n,{month:o}).format(t));u&&(r[u]=e+1,u.length>=3&&(r[u.slice(0,3)]=e+1))}}return y.set(e,r),r}(t.locale),M=[];let w,h,g,v=null;if(d.forEach(((n,e)=>{if(/^\d+$/.test(n))M.push({val:Number(n),pos:e});else{const e=b[l(n)];v=e&&null===v?e:-1}})),-1===v)return s;if(null!==v)if(h=v,2===M.length){const[n,e]=M;n.val>31||4===i(d,n.pos)?(g=n.val,w=e.val):e.val>31||4===i(d,e.pos)?(g=e.val,w=n.val):(g="ymd"===r?n.val:e.val,w="ymd"===r?e.val:n.val)}else{if(1!==M.length)return s;w=M[0].val,g=t.defaultYear??(new Date).getFullYear()}else{const n=M.map((n=>n.val));if(2===n.length){const[e,o]=n;"mdy"===r||"ymd"===r?(h=e,w=o):(w=e,h=o),g=t.defaultYear??(new Date).getFullYear()}else{const[e,t,o]=n;"ymd"===r?(g=e,h=t,w=o):"mdy"===r?(h=e,w=t,g=o):(w=e,h=t,g=o)}}g=function(n,e){return n>=100?n:n<=e?2e3+n:1900+n}(g,u);const D=a({year:g,month:h,day:w});return o(D)?{status:"valid",value:D}:s}function i(n,e){return n[e]?.length??0}const f=new Set(["de","del","of","the"]);function l(n){return n.normalize("NFD").replace(/[̀-ͯ]/g,"").toLowerCase().replace(/\.$/,"").trim()}const m={enero:1,febrero:2,marzo:3,abril:4,mayo:5,junio:6,julio:7,agosto:8,septiembre:9,setiembre:9,octubre:10,noviembre:11,diciembre:12,ene:1,feb:2,mar:3,abr:4,may:5,jun:6,jul:7,ago:8,sep:9,set:9,oct:10,nov:11,dic:12,january:1,february:2,march:3,april:4,june:6,july:7,august:8,september:9,october:10,november:11,december:12,jan:1,apr:4,aug:8,dec:12,janeiro:1,fevereiro:2,marco:3,maio:5,junho:6,julho:7,setembro:9,outubro:10,novembro:11,dezembro:12,fev:2,mai:5,out:10,dez:12},y=new Map;function d(n,r="dd/MM/yyyy",o="en-US"){if(!n)return"";const a=u(n);if(!a)return"";const s=t(a);return r.replace(/yyyy|yy|MMMM|MMM|MM|M|dd|d/g,(n=>{switch(n){case"yyyy":return String(a.year).padStart(4,"0");case"yy":return String(a.year).slice(-2);case"MMMM":return new Intl.DateTimeFormat(o,{month:"long"}).format(s);case"MMM":return new Intl.DateTimeFormat(o,{month:"short"}).format(s).replace(/\.$/,"");case"MM":return e(a.month);case"M":return String(a.month);case"dd":return e(a.day);case"d":return String(a.day);default:return n}}))}function b(n,e){return n===e?0:n<e?-1:1}function M(n,e){const o=u(n);if(!o)return n;const s=t(o);return s.setDate(s.getDate()+e),a(r(s))}function w(n,e){const t=u(n);if(!t)return n;const r=t.month-1+e,o=t.year+Math.floor(r/12),s=(r%12+12)%12,c=new Date(o,s+1,0).getDate();return a({year:o,month:s+1,day:Math.min(t.day,c)})}function h(n){const e=u(n);return e?a({year:e.year,month:e.month,day:1}):n}function g(n,e={}){return!(o(n)&&function(n,e,t){return!(e&&b(n,e)<0||t&&b(n,t)>0)}(n,e.min,e.max)&&(!e.disabledDates||!e.disabledDates.includes(n))&&(!e.disabledDaysOfWeek||!e.disabledDaysOfWeek.includes(function(n){const e=u(n);return e?t(e).getDay():-1}(n))))}function v(n,e,t=1,o=6){const u=(new Date(n,e-1,1).getDay()-t+7)%7,s=new Date(n,e-1,1-u),c=[];for(let n=0;n<o;n++){const t=[];for(let o=0;o<7;o++){const u=new Date(s.getFullYear(),s.getMonth(),s.getDate()+(7*n+o));t.push({value:a(r(u)),inMonth:u.getMonth()===e-1})}c.push(t)}return c}function D(n,e=1,t="short"){const r=new Intl.DateTimeFormat(n,{weekday:t}),o=[];for(let n=0;n<7;n++){const t=new Date(2024,0,1+(n+(e-1)+7)%7);o.push(r.format(t))}return o}function j(n,e,t,r="long"){return new Intl.DateTimeFormat(t,{month:r,year:"numeric"}).format(new Date(n,e-1,1))}function p(n,e){const r=u(n);return r?new Intl.DateTimeFormat(e,{weekday:"long",day:"numeric",month:"long",year:"numeric"}).format(t(r)):""}export{s as a,w as b,b as c,M as d,j as e,d as f,v as g,g as h,o as i,D as j,p as k,c as l,u as p,h as s,t}

package/dist/collection/collection-manifest.json

@@ -1,12 +1,11 @@
 {
   "entries": [
     "components/co-autocomplete/co-autocomplete.js",
+    "components/co-avatar-group/co-avatar-group.js",
     "components/co-checkbox-group/co-checkbox-group.js",
     "components/co-combobox/co-combobox.js",
-    "components/co-command-search/co-command-search.js",
     "components/co-data-table/co-data-table.js",
     "components/co-date-range-picker/co-date-range-picker.js",
-    "components/co-icon/co-icon.js",
     "components/co-popover/co-popover.js",
     "components/co-radio-group/co-radio-group.js",
     "components/co-ref-field/co-ref-field.js",
@@ -18,27 +17,33 @@
     "components/co-app-shell/co-app-shell.js",
     "components/co-avatar/co-avatar.js",
     "components/co-badge/co-badge.js",
+    "components/co-bottom-sheet/co-bottom-sheet.js",
     "components/co-button/co-button.js",
     "components/co-button-group/co-button-group.js",
     "components/co-calendar/co-calendar.js",
+    "components/co-calendar-month/co-calendar-month.js",
     "components/co-card/co-card.js",
     "components/co-checkbox/co-checkbox.js",
     "components/co-chip/co-chip.js",
     "components/co-color-picker/co-color-picker.js",
     "components/co-column-picker/co-column-picker.js",
+    "components/co-command-search/co-command-search.js",
     "components/co-data-table-pagination/co-data-table-pagination.js",
     "components/co-date-field/co-date-field.js",
     "components/co-date-picker/co-date-picker.js",
     "components/co-date-range/co-date-range.js",
     "components/co-drawer/co-drawer.js",
     "components/co-empty-state/co-empty-state.js",
+    "components/co-event-calendar/co-event-calendar.js",
     "components/co-fab/co-fab.js",
     "components/co-file-field/co-file-field.js",
     "components/co-helper-text/co-helper-text.js",
+    "components/co-icon/co-icon.js",
     "components/co-icon-button/co-icon-button.js",
     "components/co-input/co-input.js",
     "components/co-json-field/co-json-field.js",
     "components/co-lightbox/co-lightbox.js",
+    "components/co-list-footer/co-list-footer.js",
     "components/co-list-item/co-list-item.js",
     "components/co-loader/co-loader.js",
     "components/co-menu/co-menu.js",
@@ -60,6 +65,7 @@
     "components/co-row/co-row.js",
     "components/co-separator/co-separator.js",
     "components/co-sidebar/co-sidebar.js",
+    "components/co-skeleton/co-skeleton.js",
     "components/co-slider/co-slider.js",
     "components/co-switch/co-switch.js",
     "components/co-tab/co-tab.js",
@@ -68,7 +74,8 @@
     "components/co-textarea/co-textarea.js",
     "components/co-toggle-button/co-toggle-button.js",
     "components/co-toggle-button-group/co-toggle-button-group.js",
-    "components/co-tooltip/co-tooltip.js"
+    "components/co-tooltip/co-tooltip.js",
+    "components/co-video/co-video.js"
   ],
   "mixins": [],
   "compiler": {

package/dist/collection/components/co-accordion/co-accordion.js

@@ -35,11 +35,11 @@ export class CoAccordion {
         return !!(this.subheading && this.subheading.trim()) || this.hasSubheadingSlot;
     }
     render() {
-        return (h("div", { key: '6a6073c42e0e0d7c1949717e702af49a174c5cc7', class: {
+        return (h("div", { key: '6ef26b2e6312391fcfc164f43dac68d63ba3af2d', class: {
                 'co-accordion': true,
                 'co-accordion--open': this.open,
                 'co-accordion--disabled': this.disabled,
-            }, part: "accordion" }, h("button", { key: 'e69c8e0b9d9aacc0c4fea50a9b4e85d0bbeec961', class: "co-accordion__header", type: "button", "aria-expanded": this.open ? 'true' : 'false', disabled: this.disabled, onClick: this.handleToggle, part: "header" }, h("span", { key: '75037112bc403bf5887aec00bd815aff57b8d9f0', class: "co-accordion__heading-group" }, h("span", { key: 'f91d04da6b694bf7187a58d197e255c31e036d37', class: "co-accordion__heading", part: "heading" }, h("slot", { key: '186f0c02cb8648d2d9d5e7b87684518d78f915e7', name: "header" }, this.heading)), this.showSubheading && (h("span", { key: '6a44307de2f0f83b26b6e0f40460847f648cf868', class: "co-accordion__subheading", part: "subheading" }, h("slot", { key: '0586b988ed182b936398c618ecc33d32e64e60e3', name: "subheading" }, this.subheading)))), h("span", { key: 'a3665b1f92145c6b3d61a9814238635a8c269bdc', class: "co-accordion__caret", part: "caret" }, h("co-icon", { key: 'e1a4d45ae4fe6cdce335f609c737ca5647269733', name: "caret-up", size: 20 }))), h("div", { key: 'fe2829a080e937dbd7c1dfd966b42e33ac0fb461', class: "co-accordion__body", part: "body" }, h("div", { key: '499715f298ce7f6fa027702c3856e6eecf20c870', class: "co-accordion__body-inner", part: "body-inner" }, h("slot", { key: 'bfd0303f4c7bd1b47a5fce8bfe8acfcc77f0b6ff' })))));
+            }, part: "accordion" }, h("button", { key: '0f094a6a90dacfd1a59de4f002dc6e1d2bde80c6', class: "co-accordion__header", type: "button", "aria-expanded": this.open ? 'true' : 'false', disabled: this.disabled, onClick: this.handleToggle, part: "header" }, h("span", { key: '406b3b06d8fa48df809652838f466bf8dae1b1d0', class: "co-accordion__heading-group" }, h("span", { key: '72d56aadb1f7b6cfe110121a5f3ce7690b7580a9', class: "co-accordion__heading", part: "heading" }, h("slot", { key: '25d921d62d196bd7bb20ed5a9a3cac3b96bb77fd', name: "header" }, this.heading)), this.showSubheading && (h("span", { key: '0b35302e165d304c61feaf616252f4be829b5b97', class: "co-accordion__subheading", part: "subheading" }, h("slot", { key: 'dfc194ec90f524edb9e65b150c3f920721126bfa', name: "subheading" }, this.subheading)))), h("span", { key: '6fb170bf34fb0be5ab9abb3c8c61f80076b02e4b', class: "co-accordion__caret", part: "caret" }, h("co-icon", { key: '0929dae22a07eec32c8919844fe3c29292e65cdb', name: "caret-up", size: 20 }))), h("div", { key: '783e6bc3ba9090dad9d972a88830fc059f442432', class: "co-accordion__body", part: "body" }, h("div", { key: '165c8cf24049cbec512542130f2e2b61b2c9e194', class: "co-accordion__body-inner", part: "body-inner" }, h("slot", { key: '0a50328db4f4b9ab900912c34a250f4c9b136f8f' })))));
     }
     static get is() { return "co-accordion"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/co-app-shell/co-app-shell.css

@@ -26,10 +26,18 @@
 }
 
 :host([sidebar-mode="min"]) .sidebar {
-  width: 58px;
-  align-items: center;
-  padding: var(--co-spacing-sm);
-  padding-right: 0;
+  /* Collapsed rail = a FIXED-width "lane". Width = 2 × the expanded icon-center
+     X (32px) so the centered collapsed icon lands at the SAME X as the expanded
+     icon → no horizontal jump when toggling. */
+  --co-sidebar-min-width: 64px;
+  width: var(--co-sidebar-min-width);
+  /* Left-anchor the lane (don't center it in the animating panel): the panel
+     animates its width 256→64, but the lane stays put at the left edge, so its
+     centered content does NOT slide while the panel narrows. */
+  align-items: flex-start;
+  /* No horizontal padding — the lane spans the full rail and centers its own
+     content. */
+  padding: var(--co-spacing-sm) 0;
 }
 
 .sidebar__header {
@@ -86,7 +94,11 @@
   display: flex;
   flex-direction: column;
   align-items: center;
-  width: 100%;
+  /* Fixed-width lane (= the collapsed rail width), inherited from .sidebar. The
+     panel animates 256→64, but this lane holds 64px and stays left-anchored, so
+     its centered content (icons, toggle, search) keeps the SAME X throughout the
+     animation — no slide, and it ends centered in the rail. */
+  width: var(--co-sidebar-min-width, 64px);
 }
 
 :host([sidebar-mode="min"]) .sidebar__header {
@@ -94,6 +106,19 @@
   padding-bottom: var(--co-spacing-md);
 }
 
+/* Min mode: the body is the scroll container, and a custom ::-webkit-scrollbar
+   reserves a right-only gutter that pulls the centered icon column left of the
+   (non-scrolling) header above. Drop the reserved gutter in min mode so the
+   column stays centered — the rail still scrolls via wheel/trackpad. (Full mode
+   keeps its visible thin scrollbar.) */
+:host([sidebar-mode="min"]) .sidebar__body {
+  scrollbar-width: none;
+}
+
+:host([sidebar-mode="min"]) .sidebar__body::-webkit-scrollbar {
+  width: 0;
+}
+
 /* ─── Main area ─────────────────────────────────────────────── */
 .main {
   display: flex;
@@ -103,8 +128,56 @@
   padding: 0;
   margin: var(--co-spacing-sm);
   margin-left: 0;
-  border-radius: var(--co-border-radius-xl);
+  min-height: 0;
+  /* Elevation: a layered soft drop-shadow that follows the squircle silhouette
+     of the inner card (drop-shadow respects the child mask; a box-shadow here
+     would be rectangular and the inner mask would clip it away). */
+  filter:
+    drop-shadow(0 1px 2px rgba(31, 28, 27, 0.06))
+    drop-shadow(0 10px 28px rgba(31, 28, 27, 0.12));
+  /* Squircle geometry — shared with .main__card via inheritance. Fixed-radius
+     corner-mask (4 corner pieces + 2 bars) so the radius stays constant at any
+     shell size and the corners are smooth. Radius knob: --co-border-radius-md. */
+  --co-shell-r: var(--co-border-radius-md);
+  --co-sq-tl: url("data:image/svg+xml,<svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 100 100%27 preserveAspectRatio=%27none%27><path d=%27M100 0L97.5 0L95 0L92.5 0L90 0L87.5 0.01L85 0.01L82.5 0.02L80 0.04L77.5 0.06L75 0.1L72.5 0.14L70 0.2L67.5 0.28L65 0.38L62.5 0.5L60 0.65L57.5 0.83L55 1.04L52.5 1.3L50 1.6L47.5 1.96L45 2.37L42.5 2.85L40 3.41L37.5 4.05L35 4.8L32.5 5.65L30 6.63L27.5 7.77L25 9.07L22.5 10.58L20 12.34L17.5 14.41L15 16.85L12.5 19.79L10 23.42L7.5 28.06L5 34.37L2.5 44.29L0 100L100 100Z%27 fill=%27%23fff%27/></svg>");
+  --co-sq-tr: url("data:image/svg+xml,<svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 100 100%27 preserveAspectRatio=%27none%27><path d=%27M0 0L2.5 0L5 0L7.5 0L10 0L12.5 0.01L15 0.01L17.5 0.02L20 0.04L22.5 0.06L25 0.1L27.5 0.14L30 0.2L32.5 0.28L35 0.38L37.5 0.5L40 0.65L42.5 0.83L45 1.04L47.5 1.3L50 1.6L52.5 1.96L55 2.37L57.5 2.85L60 3.41L62.5 4.05L65 4.8L67.5 5.65L70 6.63L72.5 7.77L75 9.07L77.5 10.58L80 12.34L82.5 14.41L85 16.85L87.5 19.79L90 23.42L92.5 28.06L95 34.37L97.5 44.29L100 100L0 100Z%27 fill=%27%23fff%27/></svg>");
+  --co-sq-bl: url("data:image/svg+xml,<svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 100 100%27 preserveAspectRatio=%27none%27><path d=%27M0 0L2.5 55.71L5 65.63L7.5 71.94L10 76.58L12.5 80.21L15 83.15L17.5 85.59L20 87.66L22.5 89.42L25 90.93L27.5 92.23L30 93.37L32.5 94.35L35 95.2L37.5 95.95L40 96.59L42.5 97.15L45 97.63L47.5 98.04L50 98.4L52.5 98.7L55 98.96L57.5 99.17L60 99.35L62.5 99.5L65 99.62L67.5 99.72L70 99.8L72.5 99.86L75 99.9L77.5 99.94L80 99.96L82.5 99.98L85 99.99L87.5 99.99L90 100L92.5 100L95 100L97.5 100L100 100L100 0Z%27 fill=%27%23fff%27/></svg>");
+  --co-sq-br: url("data:image/svg+xml,<svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 100 100%27 preserveAspectRatio=%27none%27><path d=%27M100 0L97.5 55.71L95 65.63L92.5 71.94L90 76.58L87.5 80.21L85 83.15L82.5 85.59L80 87.66L77.5 89.42L75 90.93L72.5 92.23L70 93.37L67.5 94.35L65 95.2L62.5 95.95L60 96.59L57.5 97.15L55 97.63L52.5 98.04L50 98.4L47.5 98.7L45 98.96L42.5 99.17L40 99.35L37.5 99.5L35 99.62L32.5 99.72L30 99.8L27.5 99.86L25 99.9L22.5 99.94L20 99.96L17.5 99.98L15 99.99L12.5 99.99L10 100L7.5 100L5 100L2.5 100L0 100L0 0Z%27 fill=%27%23fff%27/></svg>");
+}
+
+/* The visible card: smooth (squircle) corners + a subtle glass hairline rim.
+   The mask lives here (not on .main) so .main's drop-shadow isn't clipped. */
+.main__card {
+  flex: 1;
+  min-height: 0;
+  display: flex;
+  flex-direction: column;
   overflow: hidden;
+  border-radius: 0; /* the mask defines the (smooth) shape */
+  /* (No glass top-rim: the 1px white highlight read as a distracting line on the
+     dark navbar. The card edge is defined by .main's drop-shadow instead.) */
+  /* Squircle via 4 corner pieces + a cross of 2 bars (H full-width, V full-height).
+     The bars are sized `calc(... + 2px)` so they OVERLAP each corner by ~1px on
+     every side: otherwise the bar↔corner edges abut exactly at x=r / y=r and the
+     fractional-pixel rounding (per device-pixel-ratio) leaves a <1px transparent
+     SEAM there. Because the navbar slotted on top is semi-transparent, that seam
+     read as a faint line that flickered in/out with browser zoom. The overlap
+     lands in the corners' already-opaque area, so the rounded shape is unchanged
+     (at most a sub-px nub at the very corner tip). */
+  -webkit-mask:
+    var(--co-sq-tl) top left / var(--co-shell-r) var(--co-shell-r) no-repeat,
+    var(--co-sq-tr) top right / var(--co-shell-r) var(--co-shell-r) no-repeat,
+    var(--co-sq-bl) bottom left / var(--co-shell-r) var(--co-shell-r) no-repeat,
+    var(--co-sq-br) bottom right / var(--co-shell-r) var(--co-shell-r) no-repeat,
+    linear-gradient(#fff 0 0) center / 100% calc(100% - 2 * var(--co-shell-r) + 2px) no-repeat,
+    linear-gradient(#fff 0 0) center / calc(100% - 2 * var(--co-shell-r) + 2px) 100% no-repeat;
+          mask:
+    var(--co-sq-tl) top left / var(--co-shell-r) var(--co-shell-r) no-repeat,
+    var(--co-sq-tr) top right / var(--co-shell-r) var(--co-shell-r) no-repeat,
+    var(--co-sq-bl) bottom left / var(--co-shell-r) var(--co-shell-r) no-repeat,
+    var(--co-sq-br) bottom right / var(--co-shell-r) var(--co-shell-r) no-repeat,
+    linear-gradient(#fff 0 0) center / 100% calc(100% - 2 * var(--co-shell-r) + 2px) no-repeat,
+    linear-gradient(#fff 0 0) center / calc(100% - 2 * var(--co-shell-r) + 2px) 100% no-repeat;
 }
 
 /* ─── Header ────────────────────────────────────────────────── */

package/dist/collection/components/co-app-shell/co-app-shell.js

@@ -16,10 +16,10 @@ export class CoAppShell {
         this.contentCard = true;
     }
     render() {
-        return (h(Host, { key: 'ab23780c66e30f71d93b5e05b82b2fe2ac3ab994' }, h("aside", { key: '20f0ecb6f7bc63ed53d04931de34d90f39487a97', class: "sidebar", part: "sidebar" }, h("div", { key: 'f046e8a20ca07156b90db3e4d87eea5f9b50a4d5', class: "sidebar__header", part: "sidebar-header" }, h("slot", { key: 'c1e557fc4b8f0e47cd8207b17b25fcd7db64a857', name: "sidebar-header" })), h("div", { key: '8314e61d32ade2fe6a5a0b7d548e8cfeb08409cd', class: "sidebar__body", part: "sidebar-body" }, h("slot", { key: '82b4a258100534732a226fc7f5d91efaab485345', name: "sidebar" })), h("div", { key: '4028cd2436d78865de3b5b229f476965aab49c72', class: "sidebar__footer", part: "sidebar-footer" }, h("slot", { key: '8d31d73c66a8c61d162b8a3bb25916640144c86e', name: "sidebar-footer" }))), h("div", { key: 'aa9f170d57f2700474a05c82cf8403fb6ccd8016', class: "main", part: "main" }, h("header", { key: '0963500986ea4b9b4bae3e13f1573482362c6924', class: "main__header", part: "header" }, h("slot", { key: 'a611280b4612d10f501cc3330ccbd173245cf3f5', name: "navbar" })), h("main", { key: '2a9bf5d59f6bbc6228d42b1eed2aa180b2d8ac2b', class: {
+        return (h(Host, { key: '5df857b1122c6dd0589b86873e321a425ffd6dbc' }, h("aside", { key: '4427047dcc3f1316398300e26bc0f8798dc25db2', class: "sidebar", part: "sidebar" }, h("div", { key: '33652ac6919e6c5d9519fa4c2dcaa2820f356cc5', class: "sidebar__header", part: "sidebar-header" }, h("slot", { key: 'ec3a1a5979594acab40f90e44a344fb100db2c20', name: "sidebar-header" })), h("div", { key: 'f0688f52d20a6edbf939728fde84cad7b86bf2b5', class: "sidebar__body", part: "sidebar-body" }, h("slot", { key: '572aced266588d3b11894dfa012d218bf47a5adf', name: "sidebar" })), h("div", { key: 'a8695d8875430d1dddc7d0e93c0cc69ad188aa50', class: "sidebar__footer", part: "sidebar-footer" }, h("slot", { key: 'd70f3553b94c62ffed5ee2a8e2a3e121945df1d7', name: "sidebar-footer" }))), h("div", { key: '3096910efd4d3c61d97d18284a3926273a60b220', class: "main", part: "main" }, h("div", { key: '3f4b2591d4aaddd2fdc14cd3d51341783b5ce1ea', class: "main__card", part: "card" }, h("header", { key: 'd9c464d4a0246099d30b3102430afb00e8f248f6', class: "main__header", part: "header" }, h("slot", { key: '94ec52ee636f22e5870b90d39a3b6cc3c6cc6920', name: "navbar" })), h("main", { key: 'f521001dfda2cf8fc98931c291a6a0829367154a', class: {
                 'main__content': true,
                 'main__content--card': this.contentCard,
-            }, part: "content" }, h("slot", { key: 'b29b1046eda51dc96acdf5fa81eb14694988ebd9' })))));
+            }, part: "content" }, h("slot", { key: '0f339d0bdfc1352551bc10c0ce3a54c4a757722e' }))))));
     }
     static get is() { return "co-app-shell"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/co-autocomplete/co-autocomplete.css

@@ -726,7 +726,9 @@ html[data-overlayscrollbars-viewport~=scrollbarHidden] > body::-webkit-scrollbar
   flex-wrap: wrap;
   gap: var(--co-spacing-xs);
   padding: var(--co-spacing-sm2) var(--co-spacing-md);
-  background: var(--co-semantic-surface-secondary);
+  background: color-mix(in srgb, var(--co-semantic-surface-secondary) 55%, transparent);
+  -webkit-backdrop-filter: blur(var(--co-glass-blur)) saturate(var(--co-glass-saturate));
+  backdrop-filter: blur(var(--co-glass-blur)) saturate(var(--co-glass-saturate));
   border: 1px solid var(--co-semantic-border-subtle);
   border-radius: var(--co-border-radius-xs);
   min-height: 40px;
@@ -734,6 +736,27 @@ html[data-overlayscrollbars-viewport~=scrollbarHidden] > body::-webkit-scrollbar
   transition: border-color 0.15s ease, box-shadow 0.15s ease;
 }
 
+/* ── Size variants (mirror co-input: s 28 / sm 32 / md 40 / lg 48) ── */
+.co-autocomplete--s .co-autocomplete__field {
+  min-height: 28px;
+  padding: var(--co-spacing-xxs) var(--co-spacing-sm);
+  font-size: var(--co-font-size-12);
+}
+
+.co-autocomplete--sm .co-autocomplete__field {
+  min-height: 32px;
+  padding: var(--co-spacing-xs) var(--co-spacing-sm);
+  font-size: var(--co-font-size-14);
+}
+
+/* md is the default (40px) — no override needed */
+
+.co-autocomplete--lg .co-autocomplete__field {
+  min-height: 48px;
+  padding: var(--co-spacing-sm) var(--co-spacing-lg);
+  font-size: var(--co-font-size-16);
+}
+
 .co-autocomplete--focused .co-autocomplete__field {
   border-color: var(--co-semantic-border-focus);
   box-shadow: 0 0 0 2px var(--co-semantic-border-focus-ring);
@@ -981,3 +1004,7 @@ html[data-overlayscrollbars-viewport~=scrollbarHidden] > body::-webkit-scrollbar
 .co-field-required__caption::before {
   content: var(--co-field-required-text, ' (required)');
 }
+
+@supports not (background: color-mix(in srgb, red, transparent)) {
+  .co-autocomplete__field { background: var(--co-semantic-surface-secondary); }
+}

package/dist/collection/components/co-autocomplete/co-autocomplete.js

@@ -10,6 +10,8 @@ export class CoAutocomplete {
         this.clearable = true;
         /** Label layout: vertical (label above) or horizontal (label beside) */
         this.layout = 'vertical';
+        /** Field size (mirrors co-input): s 28 / sm 32 / md 40 / lg 48. */
+        this.size = 'md';
         this.status = 'default';
         /** Pre-loaded or server-returned options */
         this.options = '[]';
@@ -176,16 +178,17 @@ export class CoAutocomplete {
     render() {
         const options = this.parsedOptions;
         const selected = this.selectedValues;
-        return (h("div", { key: 'ce31954b886934fec694f6c08e8fd0ec358aa8e6', class: {
+        return (h("div", { key: 'dfab9ff6344118bbaa21bc911671f701ca321d14', class: {
                 'co-autocomplete': true,
                 'co-autocomplete--open': this.isOpen,
                 'co-autocomplete--disabled': this.disabled,
                 'co-autocomplete--focused': this.focused,
+                [`co-autocomplete--${this.size}`]: true,
                 [`co-autocomplete--${this.status}`]: this.status !== 'default',
-            } }, (this.label || this.secondaryLabel) && (h("div", { key: 'b71d3070d2bcce5adf61e1e88d06909b416ee4be', class: "co-autocomplete__labels" }, this.label && h("label", { key: 'add95254b2680cbb8f97a9b5b396ad4d89e1068e', class: "co-autocomplete__label" }, this.label, h(RequiredMark, { key: 'e92fe73557be2f133615b1271d5c5607a568ce42', required: this.required })), this.secondaryLabel && h("span", { key: 'b1000110ba12d6ebd8e59de414053bb4181c2ae8', class: "co-autocomplete__secondary-label" }, this.secondaryLabel))), h("div", { key: 'd47ff0409a8b2f061fd4b1327c86a6eb7ab4d5a0', class: "co-autocomplete__field" }, this.iconLeft && h("co-icon", { key: '490f639278ac1d92f8e5da2526941ae1eca155d6', name: this.iconLeft, size: 16, class: "co-autocomplete__icon" }), this.multiple && selected.length > 0 && (h("div", { key: '72c1e36ff8f609803a04183b500b73fd66638b5e', class: "co-autocomplete__chips" }, selected.map(val => {
+            } }, (this.label || this.secondaryLabel) && (h("div", { key: '2870599c3af0b8a7ee0ced25f54f3dff7118506e', class: "co-autocomplete__labels" }, this.label && h("label", { key: '2bd76cb15d591d71430ff0ac592b8c2910fdb4ce', class: "co-autocomplete__label" }, this.label, h(RequiredMark, { key: '766aac3940792e1b04b48e44c76d02f754ded4c3', required: this.required })), this.secondaryLabel && h("span", { key: '7f0baeed0eaf6b877e4ee7177e27d8553b6ed82a', class: "co-autocomplete__secondary-label" }, this.secondaryLabel))), h("div", { key: 'faff4ef114f15478992548784a11127f2d14ba27', class: "co-autocomplete__field" }, this.iconLeft && h("co-icon", { key: '8638177d1a8a17e68849c2ffffc386ad76b6365d', name: this.iconLeft, size: 16, class: "co-autocomplete__icon" }), this.multiple && selected.length > 0 && (h("div", { key: '59ba38d7a3b44d1502e6668920850098b140e2a3', class: "co-autocomplete__chips" }, selected.map(val => {
             const opt = this.parsedOptions.find(o => o.value === val);
             return (h("co-chip", { label: opt ? opt.label : val, size: "small", removable: true, onCoRemove: () => this.handleChipRemove(val) }));
-        }))), h("input", { key: '88baf2b40c8507295f650798bc010d559ee3bd4c', ref: el => (this.inputEl = el), class: "co-autocomplete__input", type: "text", value: this.query, placeholder: this.placeholder, disabled: this.disabled, onInput: this.handleInput, onFocus: this.handleFocus }), this.loading && h("div", { key: 'f8f1913882e0974fa5a1d10181ef74a1f64e4186', class: "co-autocomplete__spinner" }), this.clearable && (this.hasValue || this.query) && !this.disabled && (h("button", { key: '69bd3289badc18d1db76a883d7714403946ea754', class: "co-autocomplete__clear", type: "button", tabIndex: -1, onClick: this.handleClear, "aria-label": "Clear" }, h("co-icon", { key: 'a5efa91bb9ce0e4d0eac8825a81dddc6ad91021e', name: "x-circle", size: 16, weight: "fill" })))), this.isOpen && (h("div", { key: 'b466e95c24e6ae654708998c3bc7d5f6fadcda46', class: "co-autocomplete__dropdown" }, this.loading && options.length === 0 ? (h("div", { class: "co-autocomplete__loading" }, h("co-loader", { size: "sm" }))) : options.length === 0 ? (h("div", { class: "co-autocomplete__empty" }, this.emptyText)) : (h("div", { class: "co-autocomplete__options", ref: el => (this.optionsEl = el), onScroll: this.handleOptionsScroll }, (() => {
+        }))), h("input", { key: '0196cedcbccae1f159b3b3cf4575964a37398d6a', ref: el => (this.inputEl = el), class: "co-autocomplete__input", type: "text", value: this.query, placeholder: this.placeholder, disabled: this.disabled, onInput: this.handleInput, onFocus: this.handleFocus }), this.loading && h("div", { key: 'b9ab823198d9268c6fb97f60ddb91f508006d27c', class: "co-autocomplete__spinner" }), this.clearable && (this.hasValue || this.query) && !this.disabled && (h("button", { key: 'e13078152b14056cd0640f90c26e68e1b2faa65a', class: "co-autocomplete__clear", type: "button", tabIndex: -1, onClick: this.handleClear, "aria-label": "Clear" }, h("co-icon", { key: '8db7105cb2865347cb0340b5c1f2a5b5f9da13d3', name: "x-circle", size: 16, weight: "fill" })))), this.isOpen && (h("div", { key: '101741284b39462d6f080c35dbec305e911674a9', class: "co-autocomplete__dropdown" }, this.loading && options.length === 0 ? (h("div", { class: "co-autocomplete__loading" }, h("co-loader", { size: "sm" }))) : options.length === 0 ? (h("div", { class: "co-autocomplete__empty" }, this.emptyText)) : (h("div", { class: "co-autocomplete__options", ref: el => (this.optionsEl = el), onScroll: this.handleOptionsScroll }, (() => {
             const { totalHeight, startIdx, endIdx, offsetY } = this.getVirtualSlice(options);
             return (h("div", { class: "co-autocomplete__virtual-spacer", style: { height: `${totalHeight}px`, position: 'relative' } }, h("div", { style: { position: 'absolute', top: `${offsetY}px`, left: '0', right: '0' } }, options.slice(startIdx, endIdx).map(opt => {
                 const isSelected = selected.includes(opt.value);
@@ -196,7 +199,7 @@ export class CoAutocomplete {
                         'co-autocomplete__option--disabled': isDisabled,
                     }, onClick: () => !isDisabled && this.handleOptionClick(opt.value) }, opt.icon && h("co-icon", { name: opt.icon, size: 20, class: "co-autocomplete__option-icon" }), h("span", { class: "co-autocomplete__option-label" }, opt.label), isSelected && h("co-icon", { name: "check", size: 16, class: "co-autocomplete__option-check" })));
             }))));
-        })())))), this.helperText && (h("div", { key: '5f6a00e92f6415c3ceaf04daf0cc9453b25c8090', class: `co-autocomplete__helper co-autocomplete__helper--${this.status}` }, this.statusIcon && h("co-icon", { key: '46ec66a06fd5d05b7aa715a23abe65586aacfdf3', name: this.statusIcon, size: 14, weight: "fill", class: "co-autocomplete__helper-icon" }), h("span", { key: 'fb8a087ea50ccb8a3adc4d1f2a117d185915b417', class: "co-autocomplete__helper-text" }, this.helperText)))));
+        })())))), this.helperText && (h("div", { key: '10718ee7ba24570057e2f130ef950b304c510c02', class: `co-autocomplete__helper co-autocomplete__helper--${this.status}` }, this.statusIcon && h("co-icon", { key: 'e8d88e8278f9ea3b28f6b5767991e484d6fc7eb6', name: this.statusIcon, size: 14, weight: "fill", class: "co-autocomplete__helper-icon" }), h("span", { key: '0a9a6ef20def10b8efe92c55d3e66f1acd34525f', class: "co-autocomplete__helper-text" }, this.helperText)))));
     }
     static get is() { return "co-autocomplete"; }
     static get encapsulation() { return "shadow"; }
@@ -388,6 +391,26 @@ export class CoAutocomplete {
                 "attribute": "layout",
                 "defaultValue": "'vertical'"
             },
+            "size": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "'s' | 'sm' | 'md' | 'lg'",
+                    "resolved": "\"lg\" | \"md\" | \"s\" | \"sm\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Field size (mirrors co-input): s 28 / sm 32 / md 40 / lg 48."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true,
+                "attribute": "size",
+                "defaultValue": "'md'"
+            },
             "status": {
                 "type": "string",
                 "mutable": false,

package/dist/collection/components/co-avatar/co-avatar.css

@@ -1,8 +1,13 @@
 :host {
   display: inline-flex;
+  /* Squircle (superellipse, n≈5) used to mask square avatars so their corners
+     are smooth/continuous — Figma "corner smoothing" — instead of a plain
+     border-radius arc. Normalized 0–100 box, scales to any size via mask-size. */
+  --co-avatar-squircle: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'><path d='M100 50L99.94 68.06L99.75 73.81L99.44 77.94L99.01 81.26L98.44 84.05L97.74 86.46L96.91 88.57L95.94 90.43L94.81 92.07L93.53 93.53L92.07 94.81L90.43 95.94L88.57 96.91L86.46 97.74L84.05 98.44L81.26 99.01L77.94 99.44L73.81 99.75L68.06 99.94L50 100L31.94 99.94L26.19 99.75L22.06 99.44L18.74 99.01L15.95 98.44L13.54 97.74L11.43 96.91L9.57 95.94L7.93 94.81L6.47 93.53L5.19 92.07L4.06 90.43L3.09 88.57L2.26 86.46L1.56 84.05L0.99 81.26L0.56 77.94L0.25 73.81L0.06 68.06L0 50L0.06 31.94L0.25 26.19L0.56 22.06L0.99 18.74L1.56 15.95L2.26 13.54L3.09 11.43L4.06 9.57L5.19 7.93L6.47 6.47L7.93 5.19L9.57 4.06L11.43 3.09L13.54 2.26L15.95 1.56L18.74 0.99L22.06 0.56L26.19 0.25L31.94 0.06L50 0L68.06 0.06L73.81 0.25L77.94 0.56L81.26 0.99L84.05 1.56L86.46 2.26L88.57 3.09L90.43 4.06L92.07 5.19L93.53 6.47L94.81 7.93L95.94 9.57L96.91 11.43L97.74 13.54L98.44 15.95L99.01 18.74L99.44 22.06L99.75 26.19L99.94 31.94Z' fill='%23fff'/></svg>");
 }
 
 .co-avatar {
+  position: relative; /* anchors the optional border ring (::after) */
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -19,6 +24,18 @@
   -webkit-font-smoothing: antialiased;
 }
 
+/* Optional border that hugs the avatar shape. Off by default (transparent);
+   a host enables it by setting --co-avatar-border-color (custom properties
+   inherit through the shadow boundary, so it can be driven from outside). */
+.co-avatar::after {
+  content: '';
+  position: absolute;
+  inset: 0;
+  pointer-events: none;
+  border-radius: inherit;
+  box-shadow: inset 0 0 0 var(--co-avatar-border-width, 1px) var(--co-avatar-border-color, transparent);
+}
+
 .co-avatar__text {
   text-transform: uppercase;
 }
@@ -30,8 +47,28 @@
   display: block;
 }
 
+/* Square = smooth "squircle" corners (Figma corner-smoothing). The shape comes
+   from the mask, so border-radius is reset to 0. */
 .co-avatar--square {
-  border-radius: var(--co-border-radius-xs);
+  border-radius: 0;
+  -webkit-mask: var(--co-avatar-squircle) center / 100% 100% no-repeat;
+          mask: var(--co-avatar-squircle) center / 100% 100% no-repeat;
+}
+
+/* The square border must follow the squircle (not the rectangular box): paint
+   the border colour and clip it to a ring = full squircle minus an inset one. */
+.co-avatar--square::after {
+  --co-avatar-bw: var(--co-avatar-border-width, 1px);
+  box-shadow: none;
+  background: var(--co-avatar-border-color, transparent);
+  -webkit-mask:
+    var(--co-avatar-squircle) center / 100% 100% no-repeat,
+    var(--co-avatar-squircle) center / calc(100% - 2 * var(--co-avatar-bw)) calc(100% - 2 * var(--co-avatar-bw)) no-repeat;
+  -webkit-mask-composite: xor;
+          mask:
+    var(--co-avatar-squircle) center / 100% 100% no-repeat,
+    var(--co-avatar-squircle) center / calc(100% - 2 * var(--co-avatar-bw)) calc(100% - 2 * var(--co-avatar-bw)) no-repeat;
+          mask-composite: exclude;
 }
 
 .co-avatar--light {

package/dist/collection/components/co-avatar/co-avatar.js

@@ -37,13 +37,15 @@ export class CoAvatar {
         const iconSize = (_b = ICON_SIZE_MAP[this.size]) !== null && _b !== void 0 ? _b : 24;
         const fontSize = (_c = FONT_SIZE_MAP[this.size]) !== null && _c !== void 0 ? _c : 'var(--co-font-size-18)';
         const showImage = this.type === 'image' && this.src && !this.imgFailed;
-        return (h("div", { key: '8d537f60b1cefc91c98b0bfd5bdbfc9af8415868', class: {
+        return (h("div", { key: '0cb2791e742ef38fdf9fe39037cb4024bf87df4f', class: {
                 'co-avatar': true,
                 [`co-avatar--${this.size}`]: true,
                 [`co-avatar--${this.type}`]: true,
                 'co-avatar--square': this.shape === 'square',
                 'co-avatar--light': !!this.color && isLightColor(this.color),
-            }, style: Object.assign({ width: `${dim}px`, height: `${dim}px`, fontSize }, (this.color ? { background: this.color } : {})), part: "avatar", role: "img", "aria-label": this.type === 'text' ? this.text : this.icon }, showImage ? (h("img", { class: "co-avatar__img", src: this.src, alt: this.text || '', onError: this.handleImgError })) : this.type === 'icon' ? (h("co-icon", { name: this.icon, weight: this.iconWeight, size: iconSize })) : (h("span", { class: "co-avatar__text" }, this.text))));
+            }, style: Object.assign(Object.assign({ width: `var(--co-avatar-size, ${dim}px)`, height: `var(--co-avatar-size, ${dim}px)`, fontSize }, (this.color ? { background: this.color } : {})), (this.ringColor
+                ? { '--co-avatar-border-color': this.ringColor, '--co-avatar-border-width': '2px' }
+                : {})), part: "avatar", role: "img", "aria-label": this.type === 'text' ? this.text : this.icon }, showImage ? (h("img", { class: "co-avatar__img", src: this.src, alt: this.text || '', onError: this.handleImgError })) : this.type === 'icon' ? (h("co-icon", { name: this.icon, weight: this.iconWeight, size: iconSize })) : (h("span", { class: "co-avatar__text" }, this.text))));
     }
     static get is() { return "co-avatar"; }
     static get encapsulation() { return "shadow"; }
@@ -215,6 +217,25 @@ export class CoAvatar {
                 "setter": false,
                 "reflect": false,
                 "attribute": "color"
+            },
+            "ringColor": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Optional 2px ring color (hex/CSS). Drives the inset ::after ring."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true,
+                "attribute": "ring-color"
             }
         };
     }