@prolibu-suite/cobalt-core 0.11.0 → 0.11.2

package/dist/cobalt/{p-e99ddf9c.entry.js → p-f2fa2ac0.entry.js}

@@ -1 +1 @@
-import{r as e,h as o,c as t}from"./p-DJkaRtbb.js";const i={google:{viewBox:"0 0 48 48",paths:[{fill:"#EA4335",d:"M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z"},{fill:"#4285F4",d:"M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z"},{fill:"#FBBC05",d:"M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z"},{fill:"#34A853",d:"M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.15 1.45-4.92 2.3-8.16 2.3-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z"}]},microsoft:{viewBox:"0 0 23 23",paths:[{fill:"#F25022",d:"M1 1h10v10H1z"},{fill:"#7FBA00",d:"M12 1h10v10H12z"},{fill:"#00A4EF",d:"M1 12h10v10H1z"},{fill:"#FFB900",d:"M12 12h10v10H12z"}]}},s=class{constructor(o){e(this,o),this.size=16,this.plated=!1}render(){var e;const t=String(null!==(e=this.provider)&&void 0!==e?e:"").toLowerCase(),s=i[t.includes("outlook")?"microsoft":t];if(!s)return null;const r=this.plated?Math.round(1.5*this.size):this.size;return o("span",{class:{"co-provider-logo":!0,"co-provider-logo--plated":this.plated},style:{width:`${r}px`,height:`${r}px`},part:"root"},o("svg",{width:this.size,height:this.size,viewBox:s.viewBox,"aria-hidden":"true",focusable:"false"},s.paths.map((e=>o("path",{fill:e.fill,d:e.d})))))}};s.style=":host{display:inline-flex;flex:0 0 auto;line-height:0}.co-provider-logo{display:inline-flex;align-items:center;justify-content:center}.co-provider-logo--plated{background:#fff;border-radius:var(--co-border-radius-full);box-shadow:0 0 0 1px rgb(0 0 0 / 8%)}";const r=class{constructor(o){e(this,o),this.coRevealEnd=t(this,"coRevealEnd",7),this.variant="rect",this.width="100%",this.height="",this.revealed=!1,this.revealEndEmitted=!1,this.handleTransitionEnd=e=>{this.revealed&&"opacity"===e.propertyName&&this.emitRevealEnd()}}onRevealedChange(e){clearTimeout(this.revealFallbackTimer),e?(this.revealEndEmitted=!1,this.revealFallbackTimer=setTimeout((()=>this.emitRevealEnd()),400)):this.revealEndEmitted=!1}disconnectedCallback(){clearTimeout(this.revealFallbackTimer)}emitRevealEnd(){clearTimeout(this.revealFallbackTimer),this.revealEndEmitted||(this.revealEndEmitted=!0,this.coRevealEnd.emit())}render(){const e={width:this.width};return this.height&&(e.height=this.height),o("div",{key:"737eaa6e7ec7581151eda26ba506193d6c0ed6e5",class:{"co-skeleton":!0,[`co-skeleton--${this.variant}`]:!0,"co-skeleton--revealed":this.revealed},part:"skeleton",style:e,"aria-hidden":"true",onTransitionEnd:this.handleTransitionEnd})}static get watchers(){return{revealed:[{onRevealedChange:0}]}}};r.style=":host{display:block}.co-skeleton{height:1em;border-radius:var(--co-border-radius-xs);background:linear-gradient(     90deg,     var(--co-semantic-surface-secondary) 0%,     var(--co-semantic-surface-hover, rgba(0, 0, 0, 0.04)) 50%,     var(--co-semantic-surface-secondary) 100%   );background-size:200% 100%;animation:co-skeleton-sweep 1.2s ease-in-out infinite}.co-skeleton--text{border-radius:var(--co-border-radius-xxs)}.co-skeleton--circle{border-radius:var(--co-border-radius-full)}.co-skeleton{transition:opacity var(--co-motion-duration-base) var(--co-motion-ease-in-out)}.co-skeleton--revealed{opacity:0;pointer-events:none;animation:none}@keyframes co-skeleton-sweep{0%{background-position:200% 0}100%{background-position:-200% 0}}@media (prefers-reduced-motion: reduce){.co-skeleton{animation:none}}";export{s as co_provider_logo,r as co_skeleton}
+import{r as e,h as o,c as t}from"./p-DJkaRtbb.js";const i={google:{viewBox:"0 0 48 48",paths:[{fill:"#EA4335",d:"M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z"},{fill:"#4285F4",d:"M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z"},{fill:"#FBBC05",d:"M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z"},{fill:"#34A853",d:"M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.15 1.45-4.92 2.3-8.16 2.3-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z"}]},microsoft:{viewBox:"0 0 23 23",paths:[{fill:"#F25022",d:"M1 1h10v10H1z"},{fill:"#7FBA00",d:"M12 1h10v10H12z"},{fill:"#00A4EF",d:"M1 12h10v10H1z"},{fill:"#FFB900",d:"M12 12h10v10H12z"}]}},s=class{constructor(o){e(this,o),this.size=16,this.plated=!1}render(){var e;const t=String(null!==(e=this.provider)&&void 0!==e?e:"").toLowerCase(),s=i[t.includes("outlook")?"microsoft":t];if(!s)return null;const r=this.plated?Math.round(1.5*this.size):this.size;return o("span",{class:{"co-provider-logo":!0,"co-provider-logo--plated":this.plated},style:{width:`${r}px`,height:`${r}px`},part:"root"},o("svg",{width:this.size,height:this.size,viewBox:s.viewBox,"aria-hidden":"true",focusable:"false"},s.paths.map((e=>o("path",{fill:e.fill,d:e.d})))))}};s.style=":host{display:inline-flex;flex:0 0 auto;line-height:0}.co-provider-logo{display:inline-flex;align-items:center;justify-content:center}.co-provider-logo--plated{background:#fff;border-radius:var(--co-border-radius-full);box-shadow:0 0 0 1px rgb(0 0 0 / 8%)}";const r=class{constructor(o){e(this,o),this.coRevealEnd=t(this,"coRevealEnd",7),this.variant="rect",this.width="100%",this.height="",this.revealed=!1,this.revealEndEmitted=!1,this.handleTransitionEnd=e=>{this.revealed&&"opacity"===e.propertyName&&this.emitRevealEnd()}}onRevealedChange(e){clearTimeout(this.revealFallbackTimer),e?(this.revealEndEmitted=!1,this.revealFallbackTimer=setTimeout((()=>this.emitRevealEnd()),400)):this.revealEndEmitted=!1}disconnectedCallback(){clearTimeout(this.revealFallbackTimer)}emitRevealEnd(){clearTimeout(this.revealFallbackTimer),this.revealEndEmitted||(this.revealEndEmitted=!0,this.coRevealEnd.emit())}render(){const e={width:this.width};return this.height&&(e.height=this.height),o("div",{key:"26e69f4c94f59664827c617fa3d54983ac56cd1d",class:{"co-skeleton":!0,[`co-skeleton--${this.variant}`]:!0,"co-skeleton--revealed":this.revealed},part:"skeleton",style:e,"aria-hidden":"true",onTransitionEnd:this.handleTransitionEnd})}static get watchers(){return{revealed:[{onRevealedChange:0}]}}};r.style=":host{display:block}.co-skeleton{height:1em;border-radius:var(--co-border-radius-xs);background:linear-gradient(     90deg,     var(--co-semantic-surface-secondary) 0%,     var(--co-semantic-surface-hover, rgba(0, 0, 0, 0.04)) 50%,     var(--co-semantic-surface-secondary) 100%   );background-size:200% 100%;animation:co-skeleton-sweep 1.2s ease-in-out infinite}.co-skeleton--text{border-radius:var(--co-border-radius-xxs)}.co-skeleton--circle{border-radius:var(--co-border-radius-full)}.co-skeleton{transition:opacity var(--co-motion-duration-base) var(--co-motion-ease-in-out)}.co-skeleton--revealed{opacity:0;pointer-events:none;animation:none}@keyframes co-skeleton-sweep{0%{background-position:200% 0}100%{background-position:-200% 0}}@media (prefers-reduced-motion: reduce){.co-skeleton{animation:none}}";export{s as co_provider_logo,r as co_skeleton}

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

@@ -0,0 +1 @@
+import{r as o,c as e,h as r,a as i}from"./p-DJkaRtbb.js";import{R as t}from"./p-CYN5B3IQ.js";import{h as s,a,p as c,b as n,i as l}from"./p-BVGGRfNG.js";import{l as h,f as d}from"./p-gKnOhsd2.js";const p={en:{swatches:"Color presets",groupNeutrals:"Neutrals",groupBrand:"Brand colors",area:"Saturation and brightness",hue:"Hue",hueValue:"{n} degrees",saturation:"Saturation",satValue:"Saturation {n}%",brightness:"Brightness",briValue:"Brightness {n}%",area2D:"2D slider",hexField:"Hex code",eyedropper:"Pick a color from the screen",copy:"Copy"},es:{swatches:"Colores predefinidos",groupNeutrals:"Neutros",groupBrand:"Colores de marca",area:"Saturación y brillo",hue:"Matiz",hueValue:"{n} grados",saturation:"Saturación",satValue:"Saturación {n} %",brightness:"Brillo",briValue:"Brillo {n} %",area2D:"Control 2D",hexField:"Código hexadecimal",eyedropper:"Elegir un color de la pantalla",copy:"Copiar"},pt:{swatches:"Cores predefinidas",groupNeutrals:"Neutros",groupBrand:"Cores da marca",area:"Saturação e brilho",hue:"Matiz",hueValue:"{n} graus",saturation:"Saturação",satValue:"Saturação {n} %",brightness:"Brilho",briValue:"Brilho {n} %",area2D:"Controle 2D",hexField:"Código hexadecimal",eyedropper:"Escolher uma cor da tela",copy:"Copiar"}},u=o=>{var e;return"string"==typeof o?{key:o,name:o,value:o,synthesizedKey:!0}:null!=o.key?{key:o.key,name:o.name,value:o.value}:{key:null!==(e=o.name)&&void 0!==e?e:o.value,name:o.name,value:o.value,synthesizedKey:!0}},b=[{key:"black",name:"Black",value:"#1F1C1B"},{key:"gray",name:"Gray",value:"#585858"},{key:"silver",name:"Silver",value:"#C4C4C4"},{key:"smoke",name:"Smoke",value:"#E3E3E3"},{key:"bone",name:"Bone",value:"#F7F6F0"},{key:"green",name:"Green",value:"#02A270"},{key:"olive",name:"Olive",value:"#AAB43C"},{key:"yellow",name:"Yellow",value:"#FDBF00"},{key:"orange",name:"Orange",value:"#F0821E"},{key:"red",name:"Red",value:"#EB1E1E"},{key:"pink",name:"Pink",value:"#F32A73"},{key:"burgundy",name:"Burgundy",value:"#811137"},{key:"violet",name:"Violet",value:"#5F4BD7"},{key:"electricBlue",name:"Electric blue",value:"#000AFF"},{key:"blue",name:"Blue",value:"#2563EB"},{key:"lightBlue",name:"Light blue",value:"#00BEE6"},{key:"teal",name:"Teal",value:"#00AFAF"}],g=["black","gray","silver","smoke","bone"],v=b.filter((o=>!g.includes(o.key))).map((o=>o.key)),f=new Set(g),m=new Set(v),k=/^#?[0-9a-f]*$/i,x=Object.freeze({h:0,s:100,v:100}),_=o=>o.reduce(((o,e)=>o.concat(e.items)),[]),y=class{constructor(r){o(this,r),this.coChange=e(this,"coChange",7),this.coInput=e(this,"coInput",7),this.value="",this.placeholder="Select color",this.disabled=!1,this.required=!1,this.status="default",this.layout="vertical",this.size="md",this.presets="",this.locale="en",this.isOpen=!1,this.copied=!1,this.hsv=x,this.hexDraft="",this.hexEditing=!1,this.areaAxis="s",this.emitted="",this.committed="",this.focusedIndex=0,this.areaDragging=!1,this.handlePopoverOpen=()=>{this.isOpen=!0,this.areaDragging=!1,this.resetHexDraft();const o=this.flatPresets.findIndex((o=>o.value.toUpperCase()===(this.value||"").toUpperCase()));this.focusedIndex=o>=0?o:0},this.handlePopoverClose=()=>{this.isOpen=!1,this.finishHexEdit(),this.restoreTriggerFocus()},this.handleTriggerKeyDown=o=>{this.disabled||("Enter"===o.key||" "===o.key?(o.preventDefault(),this.isOpen=!this.isOpen):"ArrowDown"!==o.key||this.isOpen||(o.preventDefault(),this.isOpen=!0))},this.pointerToHsv=o=>{var e;const r=null===(e=this.areaEl)||void 0===e?void 0:e.getBoundingClientRect();if(!(r&&r.width>0&&r.height>0))return!1;const i=Math.min(Math.max((o.clientX-r.left)/r.width,0),1),t=Math.min(Math.max((o.clientY-r.top)/r.height,0),1);return this.previewHsv({s:100*i,v:100*(1-t)}),!0},this.handleAreaPointerDown=o=>{var e,r;this.disabled||0!==o.button||(null===(r=null===(e=this.areaEl)||void 0===e?void 0:e.setPointerCapture)||void 0===r||r.call(e,o.pointerId),this.areaDragging=this.pointerToHsv(o))},this.handleAreaPointerMove=o=>{!this.disabled&&this.areaDragging&&1===o.buttons&&this.pointerToHsv(o)},this.handleAreaPointerCancel=()=>{this.areaDragging=!1},this.handleAreaPointerUp=o=>{this.areaDragging&&0===o.button&&(this.areaDragging=!1,this.disabled||this.commit(s(this.hsv)))},this.handleAreaKeyDown=o=>{if(this.disabled)return;const e=y.AREA_KEYS[o.key];if(!e)return;o.preventDefault();const r=Math.min(100,Math.max(0,this.hsv[e.axis]+e.dir*(o.shiftKey?10:1)));this.focusAxis(e.axis),this.previewHsv({[e.axis]:r}),this.commit(s(this.hsv))},this.handleHueKeyDown=o=>{if(this.disabled||!o.shiftKey)return;const e="ArrowRight"===o.key||"ArrowUp"===o.key?1:"ArrowLeft"===o.key||"ArrowDown"===o.key?-1:0;if(!e)return;o.preventDefault();const r=Math.min(360,Math.max(0,this.hsv.h+10*e));this.previewHsv({h:r}),this.commit(s(this.hsv))},this.handleGridKeyDown=o=>{var e;if(this.disabled)return;const r=this.presetGroups,i=_(r),t=i.length;if(!t)return;const s=Math.min(Math.max(this.focusedIndex,0),t-1);let a=s;switch(o.key){case"ArrowRight":a=(s+1)%t;break;case"ArrowLeft":a=(s-1+t)%t;break;case"ArrowDown":a=this.verticalNeighbor(r,s,1);break;case"ArrowUp":a=this.verticalNeighbor(r,s,-1);break;case"Home":a=0;break;case"End":a=t-1;break;case"Enter":case" ":return o.preventDefault(),void this.handleSwatchClick(i[s].value);default:return}o.preventDefault(),this.focusedIndex=a,null===(e=this.optionEls()[a])||void 0===e||e.focus()},this.handleHexInput=o=>{var e,r;if(this.disabled)return;const i=o.target,t=this.escapeHex(i.value);if(i.value!==t){const o=null!==(e=i.selectionStart)&&void 0!==e?e:i.value.length,s=Math.min(this.escapeHex(i.value.slice(0,o)).length,t.length);i.value=t,null===(r=i.setSelectionRange)||void 0===r||r.call(i,s,s)}this.hexEditing=!0,this.hexDraft=t,a(t)&&this.previewHex(this.expandHex(t))},this.handleHexBlur=()=>{this.finishHexEdit()},this.handleHexKeyDown=o=>{"Enter"===o.key&&(o.preventDefault(),this.finishHexEdit())},this.handleHexPaste=o=>{var e,r;if(this.disabled)return;const i=(null!==(r=null===(e=o.clipboardData)||void 0===e?void 0:e.getData("text"))&&void 0!==r?r:"").trim(),t=c(i);if(t)return o.preventDefault(),this.hexEditing=!1,this.hexDraft=this.escapeHex(t),void this.commit(t);k.test(i)||o.preventDefault()},this.handleEyeDropper=async()=>{if(this.finishHexEdit(),this.hasEyeDropper)try{const o=window.EyeDropper,{sRGBHex:e}=await(new o).open(),r=c(e);r&&this.commit(r)}catch(o){}}}syncFromValue(o){if(this.syncHexDraft(o),(o||"").toUpperCase()===(this.emitted||"").toUpperCase())return;this.committed=o,this.emitted=o;const e=n(o||"");e&&(this.hsv=e)}componentWillLoad(){const o=n(this.value||"");this.hsv=null!=o?o:x,this.areaAxis="s",this.resetHexDraft(),this.committed=this.value,this.emitted=this.value}previewHsv(o){this.hsv=Object.assign(Object.assign({},this.hsv),o),this.emitPreview(s(this.hsv))}previewHex(o){const e=n(o);e&&(this.hsv=e),this.emitPreview(o)}emitPreview(o){this.emitted=o,this.value=o,this.coInput.emit(o)}commit(o){if(s(this.hsv)!==o){const e=n(o);e&&(this.hsv=e)}this.emitted=o,this.committed=o,this.value=o,this.coChange.emit(o)}get strings(){return p[h(this.locale)]}get parsedPresets(){if(Array.isArray(this.presets))return this.presets.map(u);if("string"==typeof this.presets&&this.presets.trim())try{const o=JSON.parse(this.presets);if(Array.isArray(o))return o.map((o=>u(o)))}catch(o){}return b}get presetGroups(){const o=this.parsedPresets,e=function(o){const e=[],r=[];for(const i of o){if(i.synthesizedKey)return null;if(f.has(i.key))e.push(i);else{if(!m.has(i.key))return null;r.push(i)}}return e.length&&r.length?{neutrals:e,brand:r}:null}(o);return e?[{label:this.strings.groupNeutrals,items:e.neutrals,from:0},{label:this.strings.groupBrand,items:e.brand,from:e.neutrals.length}]:[{label:void 0,items:o,from:0}]}get flatPresets(){return _(this.presetGroups)}restoreTriggerFocus(){var o;const e=document.activeElement;(e===this.el||this.el.contains(e))&&(null===(o=this.triggerEl)||void 0===o||o.focus())}handleSwatchClick(o){this.disabled||(this.commit(o),this.isOpen=!1,this.restoreTriggerFocus())}focusAxis(o){this.areaAxis=o;const e="s"===o?this.satEl:this.valEl;e&&(e.removeAttribute("aria-hidden"),e.focus())}optionEls(){var o,e;return Array.from(null!==(e=null===(o=this.gridEl)||void 0===o?void 0:o.querySelectorAll('[role="option"]'))&&void 0!==e?e:[])}verticalNeighbor(o,e,r){const i=o.findIndex((o=>e>=o.from&&e<o.from+o.items.length));if(i<0)return e;const t=o[i],s=e-t.from,a=s%6,c=Math.ceil(t.items.length/6),n=Math.floor(s/6)+r;if(n>=0&&n<c)return t.from+Math.min(6*n+a,t.items.length-1);const l=o[i+r];if(!l)return e;const h=Math.ceil(l.items.length/6)||1;return l.from+Math.min(6*(1===r?0:h-1)+a,l.items.length-1)}renderArea(){const{h:o,s:e,v:i}=this.hsv,t="s"===this.areaAxis;return r("div",{class:"co-color-picker__area",role:"group","aria-label":this.strings.area,ref:o=>this.areaEl=o,style:{"--co-color-picker-hue":`${o}`},onPointerDown:this.handleAreaPointerDown,onPointerMove:this.handleAreaPointerMove,onPointerUp:this.handleAreaPointerUp,onPointerCancel:this.handleAreaPointerCancel},r("span",{class:"co-color-picker__area-thumb",role:"presentation",style:{left:`${e}%`,top:100-i+"%",background:this.value}}),r("input",{type:"range",min:"0",max:"100",step:"1",class:"co-color-picker__channel","data-channel":"s",value:Math.round(e),ref:o=>this.satEl=o,tabIndex:t?0:-1,"aria-hidden":t?void 0:"true","aria-label":this.strings.saturation,"aria-roledescription":this.strings.area2D,"aria-valuetext":d(this.strings.satValue,{n:Math.round(e)}),"aria-orientation":"horizontal",disabled:this.disabled,onFocus:()=>this.areaAxis="s",onInput:o=>this.previewHsv({s:+o.target.value}),onChange:()=>this.commit(s(this.hsv)),onKeyDown:this.handleAreaKeyDown}),r("input",{type:"range",min:"0",max:"100",step:"1",class:"co-color-picker__channel","data-channel":"v",value:Math.round(i),ref:o=>this.valEl=o,tabIndex:t?-1:0,"aria-hidden":t?"true":void 0,"aria-label":this.strings.brightness,"aria-roledescription":this.strings.area2D,"aria-valuetext":d(this.strings.briValue,{n:Math.round(i)}),"aria-orientation":"vertical",disabled:this.disabled,onFocus:()=>this.areaAxis="v",onInput:o=>this.previewHsv({v:+o.target.value}),onChange:()=>this.commit(s(this.hsv)),onKeyDown:this.handleAreaKeyDown}))}renderHue(){return r("input",{type:"range",min:"0",max:"360",step:"1",class:"co-color-picker__hue-input",value:Math.round(this.hsv.h),"aria-label":this.strings.hue,"aria-valuetext":d(this.strings.hueValue,{n:Math.round(this.hsv.h)}),disabled:this.disabled,onInput:o=>this.previewHsv({h:+o.target.value}),onChange:()=>this.commit(s(this.hsv)),onKeyDown:this.handleHueKeyDown})}renderSwatches(){return r("div",{class:"co-color-picker__grid",role:"listbox","aria-label":this.strings.swatches,ref:o=>this.gridEl=o,onKeyDown:this.handleGridKeyDown},this.presetGroups.map((o=>r("div",{class:"co-color-picker__grid-group",key:o.from,role:o.label?"group":"presentation","aria-label":o.label},o.items.map(((e,i)=>{const t=o.from+i,s=e.value.toUpperCase()===(this.value||"").toUpperCase();return r("div",{key:e.value,role:"option","aria-selected":s?"true":"false","aria-label":e.name,title:e.name,tabIndex:t===this.focusedIndex?0:-1,class:{"co-color-picker__grid-item":!0,"co-color-picker__grid-item--selected":s,"co-color-picker__grid-item--light":l(e.value)},style:{background:e.value},onFocus:()=>this.focusedIndex=t,onClick:()=>this.handleSwatchClick(e.value)},s&&r("co-icon",{name:"check",size:16,weight:"bold",class:"co-color-picker__grid-check"}))}))))))}get statusIcon(){return{error:"warning-circle",success:"check-circle",warning:"warning"}[this.status]||null}escapeHex(o){return(o||"").replace(/[^0-9a-f]/gi,"").substring(0,6).toUpperCase()}expandHex(o){const e=o.replace("#","");return`#${(3===e.length?e[0]+e[0]+e[1]+e[1]+e[2]+e[2]:e).toUpperCase()}`}resetHexDraft(){this.hexEditing=!1,this.syncHexDraft(this.value)}syncHexDraft(o){this.hexEditing||o&&!a(o)||(this.hexDraft=this.escapeHex(o))}finishHexEdit(){const o=this.hexEditing;if(this.hexEditing=!1,!this.disabled){if(o&&a(this.hexDraft)){const o=this.expandHex(this.hexDraft);return this.commit(o),void this.syncHexDraft(o)}this.revertToCommitted()}}revertToCommitted(){const o=this.committed;this.syncHexDraft(o),o||(this.hsv=x),(this.value||"").toUpperCase()!==(o||"").toUpperCase()&&(this.value=o,this.coInput.emit(o))}get hasEyeDropper(){return"undefined"!=typeof window&&"EyeDropper"in window}renderHexRow(){const o=!!this.value;return r("div",{class:"co-color-picker__hex-row"},r("span",{class:"co-color-picker__hex-prefix"},"#"),r("input",{type:"text",class:"co-color-picker__hex-input",value:this.hexDraft,spellcheck:!1,autocomplete:"off",maxLength:6,"aria-label":this.strings.hexField,disabled:this.disabled,onInput:this.handleHexInput,onBlur:this.handleHexBlur,onKeyDown:this.handleHexKeyDown,onPaste:this.handleHexPaste}),this.hasEyeDropper&&r("button",{type:"button",class:"co-color-picker__eyedropper",title:this.strings.eyedropper,"aria-label":this.strings.eyedropper,disabled:this.disabled,onClick:this.handleEyeDropper},r("co-icon",{name:"eyedropper",size:16})),r("button",{type:"button",class:"co-color-picker__copy-btn "+(this.copied?"co-color-picker__copy-btn--copied":""),title:this.strings.copy,"aria-label":this.strings.copy,disabled:this.disabled||!o,onClick:()=>this.handleCopy()},r("co-icon",{name:this.copied?"check":"copy",size:16})))}async handleCopy(){if(this.value)try{await navigator.clipboard.writeText(this.value),this.copied=!0,setTimeout((()=>{this.copied=!1}),1500)}catch(o){}}render(){const o=!!this.value;return r("div",{key:"6746d83ad6d123c58a88dd3a236f3288758eb507",class:`co-color-picker co-color-picker--${this.size} ${"default"!==this.status?`co-color-picker--${this.status}`:""} ${this.isOpen?"co-color-picker--open":""} ${this.disabled?"co-color-picker--disabled":""}`},this.label&&r("label",{key:"d37d7b2e7b457cc366006e18f5188dd76171c3bb",class:"co-color-picker__label"},this.label,r(t,{key:"dbb125918398dc5d55f9083e88f0f1948281d5b0",required:this.required})),r("co-popover",{key:"91b03300c502c85e068e28e235feadf06fbbb76c",open:this.isOpen,placement:"bottom-start",offset:4,onCoOpen:this.handlePopoverOpen,onCoClose:this.handlePopoverClose},r("div",{key:"fec8eb5f52f4a95c478cee49a1a05b8ca93a40b4",slot:"trigger",class:"co-color-picker__trigger",role:"combobox","aria-expanded":this.isOpen?"true":"false","aria-haspopup":"dialog","aria-controls":this.isOpen?y.PANEL_ID:void 0,"aria-label":this.label||void 0,"aria-disabled":this.disabled?"true":void 0,tabIndex:this.disabled?-1:0,ref:o=>this.triggerEl=o,onKeyDown:this.handleTriggerKeyDown},r("span",{key:"648331ab929d1874f09ebd59d722839312434bcd",class:"co-color-picker__swatch",style:{background:o?this.value:"transparent"}}),r("span",{key:"07f235dfd673b4d31f9fb994eccc7e38d1f866ec",class:"co-color-picker__value "+(o?"":"co-color-picker__value--empty")},o?this.value:this.placeholder)),this.isOpen&&r("div",{key:"e6ad5d5190d9341afde82de0c8897249e173463e",class:"co-color-picker__panel",id:y.PANEL_ID,role:"dialog","aria-label":this.label||this.placeholder},this.renderArea(),this.renderHue(),this.renderSwatches(),this.renderHexRow())),this.helperText&&r("div",{key:"057dabe6f2fd8853f6a1df6d0c1c8d6574393f45",class:"co-color-picker__helper"},this.statusIcon&&r("co-icon",{key:"674e0cf71b0a2d1cc367c929196a7876c23c966c",name:this.statusIcon,size:14,weight:"fill",class:"co-color-picker__helper-icon"}),r("span",{key:"001b3df1f014b0039bfe0cdd588aae91d92a78bd",class:"co-color-picker__helper-text"},this.helperText)))}get el(){return i(this)}static get watchers(){return{value:[{syncFromValue:0}]}}};y.PANEL_ID="co-color-picker-panel",y.AREA_KEYS={ArrowRight:{axis:"s",dir:1},ArrowLeft:{axis:"s",dir:-1},ArrowUp:{axis:"v",dir:1},ArrowDown:{axis:"v",dir:-1}},y.style=":host{display:block;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14);letter-spacing:var(--co-font-letter-spacing-body);line-height:1}.co-color-picker{display:flex;flex-direction:column;gap:var(--co-spacing-sm2)}.co-color-picker--disabled{opacity:0.5;pointer-events:none}.co-color-picker__label{font-size:var(--co-font-size-14);font-weight:400;color:var(--co-semantic-text-secondary);padding:0 var(--co-spacing-xs)}.co-field-required{margin-left:2px;color:var(--co-color-status-error)}.co-field-required__caption{margin-left:4px;color:var(--co-semantic-text-muted);font-size:var(--co-font-size-12);font-weight:400}.co-field-required__caption::before{content:var(--co-field-required-text, ' (required)')}.co-color-picker co-popover{display:block;width:100%}.co-color-picker__trigger{display:flex;align-items:center;gap:var(--co-spacing-sm2);padding:var(--co-spacing-sm2) var(--co-spacing-md);background:var(--co-semantic-surface-page);border:1px solid var(--co-semantic-border-field);border-radius:var(--co-border-radius-xs);min-height:40px;box-sizing:border-box;cursor:pointer;transition:border-color var(--co-motion-duration-fast) var(--co-motion-ease-out), box-shadow var(--co-motion-duration-fast) var(--co-motion-ease-out)}.co-color-picker--s .co-color-picker__trigger{min-height:28px;padding:var(--co-spacing-xxs) var(--co-spacing-sm);font-size:var(--co-font-size-12)}.co-color-picker--sm .co-color-picker__trigger{min-height:32px;padding:var(--co-spacing-xs) var(--co-spacing-sm);font-size:var(--co-font-size-14)}.co-color-picker--lg .co-color-picker__trigger{min-height:48px;padding:var(--co-spacing-sm) var(--co-spacing-lg);font-size:var(--co-font-size-16)}.co-color-picker--s .co-color-picker__swatch,.co-color-picker--sm .co-color-picker__swatch{width:18px;height:18px}.co-color-picker__trigger:hover{border-color:var(--co-semantic-border-default)}.co-color-picker--open .co-color-picker__trigger{border-color:var(--co-semantic-border-focus);box-shadow:0 0 0 2px color-mix(in srgb, var(--co-semantic-border-focus) 15%, transparent)}.co-color-picker__trigger:focus-visible{outline:none;border-color:var(--co-semantic-border-focus);box-shadow:0 0 0 2px color-mix(in srgb, var(--co-semantic-border-focus) 15%, transparent)}.co-color-picker--error .co-color-picker__trigger{border-color:var(--co-color-status-error)}.co-color-picker__swatch{width:22px;height:22px;box-sizing:border-box;border-radius:var(--co-border-radius-full);border:1px solid var(--co-semantic-border-subtle);flex-shrink:0}.co-color-picker__value{flex:1;font-size:inherit;font-family:inherit;color:var(--co-semantic-text-default);font-weight:500;text-transform:uppercase}.co-color-picker__value--empty{color:var(--co-semantic-text-muted);font-weight:400}.co-color-picker__panel{padding:var(--co-spacing-md);display:flex;flex-direction:column;gap:var(--co-spacing-md)}.co-color-picker__area{position:relative;height:132px;border-radius:var(--co-border-radius-xxs);cursor:crosshair;touch-action:none;background:linear-gradient(to top, black, transparent),     linear-gradient(to right, white, transparent),     hsl(var(--co-color-picker-hue, 0) 100% 50%)}.co-color-picker__area-thumb{position:absolute;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:var(--co-border-radius-full);border:2px solid var(--co-semantic-surface-page);box-shadow:0 0 0 1px var(--co-semantic-border-default);box-sizing:border-box;pointer-events:none}.co-color-picker__channel{position:absolute;inset:0;opacity:0;pointer-events:none;margin:0}.co-color-picker__area:focus-within{outline:2px solid var(--co-semantic-border-focus);outline-offset:2px}.co-color-picker__hue-input{width:100%;height:12px;margin:0;appearance:none;-webkit-appearance:none;border-radius:var(--co-border-radius-full);background:linear-gradient(to right,     hsl(0 100% 50%), hsl(60 100% 50%), hsl(120 100% 50%),     hsl(180 100% 50%), hsl(240 100% 50%), hsl(300 100% 50%), hsl(360 100% 50%));cursor:pointer}.co-color-picker__hue-input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:16px;height:16px;border-radius:var(--co-border-radius-full);background:var(--co-semantic-surface-page);box-shadow:0 0 0 1px var(--co-semantic-border-default);cursor:grab}.co-color-picker__hue-input::-moz-range-thumb{width:16px;height:16px;border:none;border-radius:var(--co-border-radius-full);background:var(--co-semantic-surface-page);box-shadow:0 0 0 1px var(--co-semantic-border-default)}.co-color-picker__hue-input:focus-visible{outline:2px solid var(--co-semantic-border-focus);outline-offset:2px}.co-color-picker__grid{display:flex;flex-direction:column;gap:var(--co-spacing-md)}.co-color-picker__grid-group{display:grid;grid-template-columns:repeat(6, 32px);gap:var(--co-spacing-sm2)}.co-color-picker__grid-item{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--co-border-radius-xxs);border:2px solid transparent;cursor:pointer;box-sizing:border-box;transition:transform var(--co-motion-duration-fast) var(--co-motion-ease-out),     border-color var(--co-motion-duration-fast) var(--co-motion-ease-out)}.co-color-picker__grid-item:hover{transform:scale(1.1)}.co-color-picker__grid-item--selected{border-color:var(--co-semantic-border-focus);box-shadow:0 0 0 2px color-mix(in srgb, var(--co-semantic-border-focus) 25%, transparent)}.co-color-picker__grid-item--light{box-shadow:inset 0 0 0 1px var(--co-semantic-border-default)}.co-color-picker__grid-item--light.co-color-picker__grid-item--selected{box-shadow:inset 0 0 0 1px var(--co-semantic-border-default),     0 0 0 2px color-mix(in srgb, var(--co-semantic-border-focus) 25%, transparent)}.co-color-picker__grid-item:focus-visible{outline:none;box-shadow:0 0 0 2px var(--co-semantic-surface-page),     0 0 0 4px var(--co-semantic-border-focus)}.co-color-picker__grid-item--light:focus-visible{box-shadow:inset 0 0 0 1px var(--co-semantic-border-default),     0 0 0 2px var(--co-semantic-surface-page),     0 0 0 4px var(--co-semantic-border-focus)}.co-color-picker__grid-check{color:var(--co-semantic-surface-page)}.co-color-picker__grid-item--light .co-color-picker__grid-check{color:var(--co-semantic-text-default)}.co-color-picker__hex-row{display:flex;align-items:center;gap:var(--co-spacing-sm2);padding:var(--co-spacing-xs) var(--co-spacing-sm);background:var(--co-semantic-surface-secondary);border:1px solid var(--co-semantic-border-subtle);border-radius:var(--co-border-radius-xxs)}.co-color-picker__hex-prefix{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14);font-weight:500}.co-color-picker__hex-row:has(>.co-color-picker__hex-input:focus){border-color:var(--co-semantic-border-focus);box-shadow:0 0 0 2px var(--co-semantic-border-focus-ring)}.co-color-picker__hex-input{flex:1;min-width:0;box-sizing:border-box;border:none;background:transparent;padding:0;font-size:var(--co-font-size-14);font-family:var(--co-font-family-mono, monospace);color:var(--co-semantic-text-default);text-transform:uppercase}.co-color-picker__hex-input:focus,.co-color-picker__hex-input:focus-visible{outline:none}.co-color-picker__hex-input:disabled{color:var(--co-semantic-text-muted);cursor:not-allowed;opacity:1;-webkit-text-fill-color:var(--co-semantic-text-muted)}.co-color-picker__eyedropper{display:flex;align-items:center;justify-content:center;padding:var(--co-spacing-xs);border:none;background:transparent;cursor:pointer;color:var(--co-semantic-text-muted);border-radius:var(--co-border-radius-xxs);transition:color var(--co-motion-duration-fast) var(--co-motion-ease-out), background var(--co-motion-duration-fast) var(--co-motion-ease-out)}.co-color-picker__eyedropper:hover:not(:disabled){color:var(--co-semantic-text-default);background:var(--co-semantic-surface-hover)}.co-color-picker__eyedropper:focus-visible{outline:none;box-shadow:0 0 0 2px var(--co-semantic-border-focus-ring)}.co-color-picker__eyedropper:disabled{cursor:not-allowed;opacity:0.5}.co-color-picker__copy-btn{display:flex;align-items:center;justify-content:center;padding:var(--co-spacing-xs);border:none;background:transparent;cursor:pointer;color:var(--co-semantic-text-muted);border-radius:var(--co-border-radius-xxs);transition:color var(--co-motion-duration-fast) var(--co-motion-ease-out), background var(--co-motion-duration-fast) var(--co-motion-ease-out)}.co-color-picker__copy-btn:hover:not(:disabled){color:var(--co-semantic-text-default);background:var(--co-semantic-surface-hover)}.co-color-picker__copy-btn:focus-visible{outline:none;box-shadow:0 0 0 2px var(--co-semantic-border-focus-ring)}.co-color-picker__copy-btn:disabled{cursor:not-allowed;opacity:0.5}.co-color-picker__copy-btn--copied{color:var(--co-color-status-success)}.co-color-picker__helper{display:flex;align-items:center;gap:var(--co-spacing-xs);font-size:var(--co-font-size-14);color:var(--co-semantic-text-muted);padding:0 var(--co-spacing-xs)}.co-color-picker__helper-icon{flex-shrink:0;display:flex;align-items:center}.co-color-picker--error .co-color-picker__helper{color:var(--co-semantic-status-error)}:host([layout='horizontal']) .co-color-picker{display:grid;grid-template-columns:var(--co-field-label-width, max-content) 1fr;align-items:start;column-gap:var(--co-spacing-md);row-gap:var(--co-spacing-sm2)}:host([layout='horizontal']) .co-color-picker__label{grid-column:1;grid-row:1;padding-top:var(--co-spacing-sm2);min-width:0}:host([layout='horizontal']) .co-color-picker__label{white-space:normal}:host([layout='horizontal']) .co-color-picker>:not(.co-color-picker__label){grid-column:2;min-width:0}";export{y as co_color_picker}

package/dist/cobalt/{p-ce2b2048.entry.js → p-f69804a6.entry.js}

@@ -1 +1 @@
-import{r as i,c as t,h as e,a as s}from"./p-DJkaRtbb.js";const o=class{constructor(e){i(this,e),this.coSelect=t(this,"coSelect",7),this.selected=!1,this.disabled=!1,this.dense=!1,this.labelTruncated=!1,this.descTruncated=!1,this.measureTruncation=()=>{const i=!!this.labelEl&&this.labelEl.scrollWidth>this.labelEl.clientWidth+1,t=!!this.descEl&&this.descEl.scrollWidth>this.descEl.clientWidth+1;i!==this.labelTruncated&&(this.labelTruncated=i),t!==this.descTruncated&&(this.descTruncated=t)},this.handleClick=()=>{this.disabled||this.coSelect.emit()},this.handleKeyDown=i=>{this.disabled||"Enter"!==i.key&&" "!==i.key&&"Spacebar"!==i.key||(i.preventDefault(),this.coSelect.emit())}}componentDidLoad(){"undefined"!=typeof ResizeObserver&&(this.ro=new ResizeObserver((()=>this.measureTruncation())),this.labelEl&&this.ro.observe(this.labelEl),this.descEl&&this.ro.observe(this.descEl)),this.measureTruncation()}disconnectedCallback(){var i;null===(i=this.ro)||void 0===i||i.disconnect(),this.ro=void 0}onTextChange(){requestAnimationFrame(this.measureTruncation)}render(){return e("div",{key:"1b41a6b63153b67dc59394f292bf100ff3e32a89",class:{"co-list-item":!0,"co-list-item--selected":this.selected,"co-list-item--disabled":this.disabled,"co-list-item--dense":this.dense,"co-list-item--has-description":!!this.description},part:"item",role:"option",tabindex:this.disabled?-1:0,"aria-selected":this.selected?"true":"false","aria-disabled":this.disabled?"true":"false",onClick:this.handleClick,onKeyDown:this.handleKeyDown},e("span",{key:"7cad6103ab3087a0c9b6156bfeb2049f796acca4",class:"co-list-item__prefix"},this.icon&&e("co-icon",{key:"7b9934bad5ec591f82b733451317a6d7e1622ff1",name:this.icon,size:18}),e("slot",{key:"5e5e97b0392f181f442bf6bd3915f001bd95e54c",name:"prefix"})),e("div",{key:"5a64e8895ef52a3aed341307ce36b6a83edfc602",class:"co-list-item__content"},this.label&&e("co-tooltip",{key:"dde0ef8d6141a123200e92f431a8478d2abaec0d",block:!0,class:"co-list-item__tip",content:this.label,placement:"top",disabled:!this.labelTruncated},e("span",{key:"566e69fd926005ec57b3b2314ccc2323c77de916",class:"co-list-item__label",ref:i=>{this.labelEl=i,i&&this.ro&&this.ro.observe(i)}},this.label)),this.description&&e("co-tooltip",{key:"435997357a7370731d90a3e6c636aab5463cd364",block:!0,class:"co-list-item__tip",content:this.description,placement:"top",disabled:!this.descTruncated},e("span",{key:"58ca1721f60f68c3725759f2f14f15c2c4639991",class:"co-list-item__description",ref:i=>{this.descEl=i,i&&this.ro&&this.ro.observe(i)}},this.description)),e("slot",{key:"38cff2270b737756895da1b692f42557e9396b54"})),e("span",{key:"df206f44faabbc30306509ad7651558c976ecb10",class:"co-list-item__suffix"},e("slot",{key:"48bfb58fc0e74ae5647425472279b92e6b1ce30d",name:"suffix"})))}get el(){return s(this)}static get watchers(){return{label:[{onTextChange:0}],description:[{onTextChange:0}]}}};o.style=":host{display:block}.co-list-item{display:flex;align-items:center;gap:var(--co-spacing-md);padding:var(--co-spacing-md) var(--co-spacing-lg);font-family:var(--co-font-family-primary);cursor:pointer;border-radius:var(--co-border-radius-sm);transition:background var(--co-motion-duration-fast) var(--co-motion-ease-out);box-sizing:border-box;min-height:40px}.co-list-item--dense{gap:var(--co-spacing-sm);padding:6px var(--co-spacing-sm);border-radius:var(--co-border-radius-xxs);min-height:32px}.co-list-item--dense .co-list-item__label{font-size:var(--co-font-size-14)}.co-list-item:hover:not(.co-list-item--disabled){background:var(--co-semantic-surface-hover)}.co-list-item:focus-visible{outline:none;box-shadow:0 0 0 2px var(--co-semantic-border-focus)}.co-list-item--selected{background:var(--co-semantic-surface-muted)}.co-list-item--disabled{opacity:0.4;cursor:not-allowed}.co-list-item__prefix,.co-list-item__suffix{display:flex;align-items:center;gap:var(--co-spacing-sm);flex-shrink:0;color:var(--co-semantic-text-muted)}.co-list-item__prefix:empty,.co-list-item__suffix:empty{display:none}.co-list-item__content{display:flex;flex-direction:column;flex:1;min-width:0}.co-list-item__content>.co-list-item__tip{min-width:0;max-width:100%}.co-list-item__label{display:block;font-size:var(--co-font-size-14);font-weight:400;color:var(--co-semantic-text-default);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.co-list-item__description{display:block;font-size:var(--co-font-size-12);color:var(--co-semantic-text-muted);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}";export{o as co_list_item}
+import{r as i,c as t,h as e,a as s}from"./p-DJkaRtbb.js";const o=class{constructor(e){i(this,e),this.coSelect=t(this,"coSelect",7),this.selected=!1,this.disabled=!1,this.dense=!1,this.labelTruncated=!1,this.descTruncated=!1,this.measureTruncation=()=>{const i=!!this.labelEl&&this.labelEl.scrollWidth>this.labelEl.clientWidth+1,t=!!this.descEl&&this.descEl.scrollWidth>this.descEl.clientWidth+1;i!==this.labelTruncated&&(this.labelTruncated=i),t!==this.descTruncated&&(this.descTruncated=t)},this.handleClick=()=>{this.disabled||this.coSelect.emit()},this.handleKeyDown=i=>{this.disabled||"Enter"!==i.key&&" "!==i.key&&"Spacebar"!==i.key||(i.preventDefault(),this.coSelect.emit())}}componentDidLoad(){"undefined"!=typeof ResizeObserver&&(this.ro=new ResizeObserver((()=>this.measureTruncation())),this.labelEl&&this.ro.observe(this.labelEl),this.descEl&&this.ro.observe(this.descEl)),this.measureTruncation()}disconnectedCallback(){var i;null===(i=this.ro)||void 0===i||i.disconnect(),this.ro=void 0}onTextChange(){requestAnimationFrame(this.measureTruncation)}render(){return e("div",{key:"b00bba3c362b7fded6dbb54a3a77204fd6f12f06",class:{"co-list-item":!0,"co-list-item--selected":this.selected,"co-list-item--disabled":this.disabled,"co-list-item--dense":this.dense,"co-list-item--has-description":!!this.description},part:"item",role:"option",tabindex:this.disabled?-1:0,"aria-selected":this.selected?"true":"false","aria-disabled":this.disabled?"true":"false",onClick:this.handleClick,onKeyDown:this.handleKeyDown},e("span",{key:"12df4e650ce79eb1a1081cbaa8d8a0df472bd60f",class:"co-list-item__prefix"},this.icon&&e("co-icon",{key:"6d0b024a833e411784c6c1aec18d2e170657bff5",name:this.icon,size:18}),e("slot",{key:"6d920565296d083b5ebd1683452b54cb18d7cc02",name:"prefix"})),e("div",{key:"9f1ee9f1a8d09ede38cdf56fe6f34bb389d3a008",class:"co-list-item__content"},this.label&&e("co-tooltip",{key:"320ce0919f79ed00a189c19c890cdd31ec8f4fad",block:!0,class:"co-list-item__tip",content:this.label,placement:"top",disabled:!this.labelTruncated},e("span",{key:"c735e984ef6b50d4b075829e496282123463b20a",class:"co-list-item__label",ref:i=>{this.labelEl=i,i&&this.ro&&this.ro.observe(i)}},this.label)),this.description&&e("co-tooltip",{key:"729e862dc61a4c342e850b4453916bc3c477bdd2",block:!0,class:"co-list-item__tip",content:this.description,placement:"top",disabled:!this.descTruncated},e("span",{key:"b593f33d3b0122ab535a94c7ce259add9069323c",class:"co-list-item__description",ref:i=>{this.descEl=i,i&&this.ro&&this.ro.observe(i)}},this.description)),e("slot",{key:"55c7bc86e9aea170a37862642531d01203071e0a"})),e("span",{key:"bef781667653254040abbfbdc518ce6086c17248",class:"co-list-item__suffix"},e("slot",{key:"349cde2b81c10eb9e9c425b96808ad6bcb86d527",name:"suffix"})))}get el(){return s(this)}static get watchers(){return{label:[{onTextChange:0}],description:[{onTextChange:0}]}}};o.style=":host{display:block}.co-list-item{display:flex;align-items:center;gap:var(--co-spacing-md);padding:var(--co-spacing-md) var(--co-spacing-lg);font-family:var(--co-font-family-primary);cursor:pointer;border-radius:var(--co-border-radius-sm);transition:background var(--co-motion-duration-fast) var(--co-motion-ease-out);box-sizing:border-box;min-height:40px}.co-list-item--dense{gap:var(--co-spacing-sm);padding:6px var(--co-spacing-sm);border-radius:var(--co-border-radius-xxs);min-height:32px}.co-list-item--dense .co-list-item__label{font-size:var(--co-font-size-14)}.co-list-item:hover:not(.co-list-item--disabled){background:var(--co-semantic-surface-hover)}.co-list-item:focus-visible{outline:none;box-shadow:0 0 0 2px var(--co-semantic-border-focus)}.co-list-item--selected{background:var(--co-semantic-surface-muted)}.co-list-item--disabled{opacity:0.4;cursor:not-allowed}.co-list-item__prefix,.co-list-item__suffix{display:flex;align-items:center;gap:var(--co-spacing-sm);flex-shrink:0;color:var(--co-semantic-text-muted)}.co-list-item__prefix:empty,.co-list-item__suffix:empty{display:none}.co-list-item__content{display:flex;flex-direction:column;flex:1;min-width:0}.co-list-item__content>.co-list-item__tip{min-width:0;max-width:100%}.co-list-item__label{display:block;font-size:var(--co-font-size-14);font-weight:400;color:var(--co-semantic-text-default);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.co-list-item__description{display:block;font-size:var(--co-font-size-12);color:var(--co-semantic-text-muted);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}";export{o as co_list_item}

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

@@ -20,6 +20,16 @@ function isInteractive(node) {
  * @slot subheading - Optional secondary line under the heading (replaces `subheading` prop).
  *                    Handy for a collapsed summary/preview.
  * @slot            - Body content. Hidden when `open=false`.
+ *
+ * Wrapper Vue: `CoAccordion` de `@prolibu-suite/cobalt-vue`.
+ *
+ * @part accordion - Contenedor de la sección.
+ * @part header - Fila del encabezado (clickeable).
+ * @part heading - Título.
+ * @part subheading - Línea secundaria bajo el título.
+ * @part caret - Botón del chevron (el control accesible).
+ * @part body - Contenedor animado del cuerpo.
+ * @part body-inner - Cuerpo con su padding (slot por defecto).
  */
 export class CoAccordion {
     constructor() {
@@ -69,11 +79,11 @@ export class CoAccordion {
         return !!(this.subheading && this.subheading.trim()) || this.hasSubheadingSlot;
     }
     render() {
-        return (h("div", { key: '48a22b997b1611f285c747c2ce30b4db2ac87fdc', class: {
+        return (h("div", { key: '0d1c2cca135ac9d62cb7d4b5c620843c5788101d', class: {
                 'co-accordion': true,
                 'co-accordion--open': this.open,
                 'co-accordion--disabled': this.disabled,
-            }, part: "accordion" }, h("div", { key: 'fde9b00c928e7aab65650975ece4539c6a8d54e7', class: "co-accordion__header", part: "header" }, h("span", { key: '884cf74c6207037ca4ee8ee4686af08677f15450', class: "co-accordion__heading-group", onClick: this.handleHeadingClick }, h("span", { key: '9019e1b204f06c5f5bb184b948a322a81110c79d', class: "co-accordion__heading", part: "heading" }, h("slot", { key: '9feb0b98d902bbfdf93c45340aa6854e4c473b31', name: "header" }, this.heading)), this.showSubheading && (h("span", { key: 'eaffac4798f56c63feb7796f43c58c06ef6e0fcb', class: "co-accordion__subheading", part: "subheading" }, h("slot", { key: '659cdde265f6325d3320f355ea9875fc0d50a480', name: "subheading" }, this.subheading)))), h("button", { key: 'a97f62583665f162085dcae31f08297a89bff184', class: "co-accordion__caret", type: "button", "aria-expanded": this.open ? 'true' : 'false', "aria-label": this.heading || 'Toggle section', disabled: this.disabled, onClick: this.handleToggle, part: "caret" }, h("co-icon", { key: '2d34e356aa0a7817d59c838b4cad3addc0698386', name: "caret-up", size: 20 }))), h("div", { key: '6514d5a1ef7a7e3eeb33514705a83ad17e30826b', class: "co-accordion__body", part: "body" }, h("div", { key: '8dfcd782cda8973943a2619ce24d11a8655fad98', class: "co-accordion__body-inner", part: "body-inner" }, h("slot", { key: '7f9a2c929b8bb82ab2267ae590cf3916b8c55824' })))));
+            }, part: "accordion" }, h("div", { key: 'aa80683852ba2b131c7ab29eed528ec87d92a565', class: "co-accordion__header", part: "header" }, h("span", { key: '71c84f588f351279bb999a2ec84dd37b202203d0', class: "co-accordion__heading-group", onClick: this.handleHeadingClick }, h("span", { key: '42201833527fd73790ab6391668ba8eb7986ed90', class: "co-accordion__heading", part: "heading" }, h("slot", { key: '11528c94fa817e55ffb015975e29947111e98c08', name: "header" }, this.heading)), this.showSubheading && (h("span", { key: '73bd7f8b5d7b967f0a5c84f207ab4452e96f6805', class: "co-accordion__subheading", part: "subheading" }, h("slot", { key: '1cefb67a4b6809357ee9a5a9330ec3bcd3be42ab', name: "subheading" }, this.subheading)))), h("button", { key: 'fef96df91611513ab6f6074578a31c3e7b23b4c2', class: "co-accordion__caret", type: "button", "aria-expanded": this.open ? 'true' : 'false', "aria-label": this.heading || 'Toggle section', disabled: this.disabled, onClick: this.handleToggle, part: "caret" }, h("co-icon", { key: 'f32612853d42ea6f2c34b2554951b22d155d1afc', name: "caret-up", size: 20 }))), h("div", { key: 'c3c90907e7114f20a917bae025012464182b8ea4', class: "co-accordion__body", part: "body" }, h("div", { key: '44877e54213ae200cde25d5a2fb5ae4ed95b7df9', class: "co-accordion__body-inner", part: "body-inner" }, h("slot", { key: '4ad41bab50239bb4ddca8ee8751afeb6dfb19227' })))));
     }
     static get is() { return "co-accordion"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/co-action-bar/co-action-bar.css

@@ -1,5 +1,11 @@
 /* co-action-bar — pill flotante de acciones masivas (superficie inversa, SOLID) */
 
+/**
+ * @prop --co-action-bar-offset: Distancia al borde inferior con `position="bottom-center"` (default 24px).
+ * @prop --co-action-bar-inline-margin: Margen lateral mínimo con `position="bottom-center"`; limita el ancho (default 24px).
+ * @prop --co-action-bar-z: z-index con `position="bottom-center"` (default 1000).
+ */
+
 :host {
   display: inline-flex;
   font-family: var(--co-font-family-primary);

package/dist/collection/components/co-action-bar/co-action-bar.js

@@ -17,6 +17,7 @@ import { h } from "@stencil/core";
  * disponible, o la barra desborda con varias acciones). La política de
  * contenido cuando no cabe (colapsar labels a icon-only, abreviar el conteo)
  * es del CONSUMIDOR — el componente no scrollea ni reordena.
+ * Wrapper Vue: `CoActionBar` de `@prolibu-suite/cobalt-vue`.
  *
  * @slot - Acciones de la barra (co-button surface="dark", divisores <hr>, …)
  * @slot label - Presentación custom del label. SOLO presentación: el anuncio
@@ -94,11 +95,11 @@ export class CoActionBar {
         }
     }
     render() {
-        return (h("div", { key: '44994727b254742807ea5f9aa8eab97e621b623c', class: {
+        return (h("div", { key: '142b59b00b772502ea25dfb13537b9b3dd546080', class: {
                 'co-action-bar': true,
                 'co-action-bar--open': this.open,
                 'co-action-bar--animated': this.animated,
-            }, part: "bar", role: "group", "aria-label": this.ariaLabelText || this.label, "aria-hidden": this.open ? null : 'true' }, h("span", { key: '0a2c1c9a2d78c91616c7453cf464e6d0b35604e3', class: "co-action-bar__live", "aria-live": "polite" }, this.liveText), h("span", { key: 'dc0f171a5daf70f1bc9d17cd9208449d778686b6', class: "co-action-bar__label", part: "label" }, h("slot", { key: '68255bae861d9f3c5bdf1ebf49983487dfcc0086', name: "label" }, this.label)), h("div", { key: '38b1b684b3c5b9aeddaf146219d977d9438804fa', class: "co-action-bar__actions", part: "actions" }, h("slot", { key: '6856aa1045f7a716fe33fc7b99f125175053325d' })), this.dismissible !== false && (h("co-icon-button", { key: '558f6857a0e8128fdd7ead83947b27069d473539', class: "co-action-bar__dismiss", part: "dismiss", icon: "x", variant: "ghost", surface: "dark", size: "xs", label: "Dismiss", onClick: this.handleDismiss }))));
+            }, part: "bar", role: "group", "aria-label": this.ariaLabelText || this.label, "aria-hidden": this.open ? null : 'true' }, h("span", { key: '8d250df3de2ac4a0c656f90e43f113d0cf2725e2', class: "co-action-bar__live", "aria-live": "polite" }, this.liveText), h("span", { key: '0787a2c1d6a145dd95c6cca688b8a410c50dd8db', class: "co-action-bar__label", part: "label" }, h("slot", { key: 'ece9079fc9e5a06a75b4f9ff4da8d5b9c0362bbf', name: "label" }, this.label)), h("div", { key: '29a587420ce044ee0fa1502bef229c15ab287a79', class: "co-action-bar__actions", part: "actions" }, h("slot", { key: '359ce62b1f45b4c3292ee575b5a4bcf9c684fc07' })), this.dismissible !== false && (h("co-icon-button", { key: '66439f013f0e3de6f184f6e600cd1eb5bca3b004', class: "co-action-bar__dismiss", part: "dismiss", icon: "x", variant: "ghost", surface: "dark", size: "xs", label: "Dismiss", onClick: this.handleDismiss }))));
     }
     static get is() { return "co-action-bar"; }
     static get encapsulation() { return "shadow"; }

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

@@ -83,6 +83,12 @@
 }
 
 
+/**
+ * @prop --co-app-shell-bg: Fondo de la página detrás de la tarjeta (default degradado suave).
+ * @prop --co-app-shell-shadow: Sombra de la tarjeta principal (box-shadow, navegadores con corner-shape).
+ * @prop --co-app-shell-drop-shadow: Sombra de la tarjeta en el fallback (filter drop-shadow, Safari/Firefox).
+ */
+
 :host {
   display: flex;
   height: 100vh;

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

@@ -7,6 +7,17 @@ import { Host, h } from "@stencil/core";
  * @slot sidebar-header - Header area of the sidebar (logo, collapse button)
  * @slot sidebar-footer - Footer area of the sidebar
  * @slot - Main content area
+ *
+ * Wrapper Vue: `CoAppShell` de `@prolibu-suite/cobalt-vue`.
+ *
+ * @part sidebar - Columna lateral completa.
+ * @part sidebar-header - Cabecera de la barra lateral (slot `sidebar-header`).
+ * @part sidebar-body - Cuerpo de la barra lateral (slot `sidebar`).
+ * @part sidebar-footer - Pie de la barra lateral (slot `sidebar-footer`).
+ * @part main - Columna principal (con la sombra del panel).
+ * @part card - Tarjeta del contenido principal.
+ * @part header - Cabecera de la tarjeta (slot `navbar`).
+ * @part content - Área de contenido (slot por defecto).
  */
 export class CoAppShell {
     constructor() {
@@ -16,10 +27,10 @@ export class CoAppShell {
         this.contentCard = true;
     }
     render() {
-        return (h(Host, { key: '6c6062fe507ad4000b316f249063d4adeb781bc2' }, h("aside", { key: '627e78f81460aecf933757d743a1517545055b90', class: "sidebar", part: "sidebar" }, h("div", { key: 'f76c26b2b7a702b1652cde3ec891f232b5974ffb', class: "sidebar__header", part: "sidebar-header" }, h("slot", { key: '72f4e04eea092d465742874633eab234b7eb8dd5', name: "sidebar-header" })), h("div", { key: '9a1490ddb0cd566d8711b6b611d685500c2f2d3e', class: "sidebar__body", part: "sidebar-body" }, h("slot", { key: '35c209d25f06da6627c4b09fe3e60fbf45f5f766', name: "sidebar" })), h("div", { key: '6b976c9326cd0fcb267910c3016d8c73a08ce793', class: "sidebar__footer", part: "sidebar-footer" }, h("slot", { key: '66274387d3b63e0dd04369c29f4efa60de7c915e', name: "sidebar-footer" }))), h("div", { key: '6bb53ff220634d5363447c11a485c5c316a0a926', class: "main co-sq-elevation co-sq-elevation-fallback", part: "main" }, h("div", { key: 'a394d95b686319a3b6d24af6ea85b12c677c50d3', class: "main__card co-sq-clip", part: "card" }, h("header", { key: 'a71028e8efd157c9e38691a94e61c0e20d60c06d', class: "main__header", part: "header" }, h("slot", { key: 'a8e9e4efc55445d49f117f35740cf43241d867af', name: "navbar" })), h("main", { key: 'b0dcd0b69e185076bbf0c3f7e102712a87bca4a0', class: {
+        return (h(Host, { key: '94ecab3775bfc41a8579c1d1c76c9312160aebad' }, h("aside", { key: '3ddf6675b4d7ce1697c48e3e5885c1e303cdbc5f', class: "sidebar", part: "sidebar" }, h("div", { key: 'b64ecb693c193e4c8b4ac1e2facce961487e56cf', class: "sidebar__header", part: "sidebar-header" }, h("slot", { key: '83d961e15824aea7b5fa7cc9da616d2e05da0cce', name: "sidebar-header" })), h("div", { key: '971f6ae8a723d811f2062963ab370a803284d5f8', class: "sidebar__body", part: "sidebar-body" }, h("slot", { key: 'be55e67e6344346e92eaf086fa139bc3e763949d', name: "sidebar" })), h("div", { key: '5b6680a3368ce37e0e34f99e8544e0007d1131c2', class: "sidebar__footer", part: "sidebar-footer" }, h("slot", { key: 'b0f72b695b2d5fd89e30d64982f9f43370c81341', name: "sidebar-footer" }))), h("div", { key: 'fa85fc8ea88350e90df48e3853429641d6527014', class: "main co-sq-elevation co-sq-elevation-fallback", part: "main" }, h("div", { key: '7a258e3649bb03756d8e56c69e1777bb9006cd53', class: "main__card co-sq-clip", part: "card" }, h("header", { key: 'bdfc99ad70e4c9772da3e8c99d631d2f7cbd7436', class: "main__header", part: "header" }, h("slot", { key: 'f697503aac1963ba4c86e57d45e5e5a3fe4781ee', name: "navbar" })), h("main", { key: 'ca66e612ed04f5f829a0b75ac509c01012a6b4a5', class: {
                 'main__content': true,
                 'main__content--card': this.contentCard,
-            }, part: "content" }, h("slot", { key: 'e0709811ba6219c5a71253440df09b4872264968' }))))));
+            }, part: "content" }, h("slot", { key: 'b99b1ea67e4ae8c059a3dcb03c0a04bbc2af569b' }))))));
     }
     static get is() { return "co-app-shell"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/co-audio-player/co-audio-player.js

@@ -1,5 +1,17 @@
 import { h } from "@stencil/core";
 import { formatTime, resamplePeaks, fallbackPeaks, scrubFraction, resolveDuration } from "./co-audio-player.utils";
+/**
+ * Reproductor de audio compacto con forma de onda: play/pausa, progreso sobre la
+ * onda, tiempo, velocidad y descarga (notas de voz, grabaciones de llamadas).
+ * Wrapper Vue: `CoAudioPlayer` de `@prolibu-suite/cobalt-vue`.
+ *
+ * @part player - Contenedor del reproductor.
+ * @part play - Botón de play/pausa.
+ * @part wave - Forma de onda (también es la barra de búsqueda).
+ * @part time - Tiempo actual / duración.
+ * @part speed - Botón de velocidad (cicla entre las velocidades; oculto en `compact`).
+ * @part download - Botón de descarga (oculto en `compact` o con `noDownload`).
+ */
 export class CoAudioPlayer {
     constructor() {
         /** Compact variant: narrower, hides the download button. */
@@ -339,13 +351,13 @@ export class CoAudioPlayer {
         // below `aria-valuenow` the moment playback advances. ARIA 1.2 makes valuemax
         // optional for `slider`, so leaving it off while unknown is well-formed.
         const ariaMax = total ? Math.floor(total) : undefined;
-        const bar = (hFrac, i, played = false) => (h("rect", { key: '613a55cc16a6e30b15cc4536d4b4c2be36d8e9cb', x: i * UNIT, y: H / 2 - (hFrac * H) / 2, width: W, height: Math.max(hFrac * H, 2), rx: R, class: { 'co-audio-player__bar': true, 'co-audio-player__bar--played': played } }));
-        return (h("div", { key: 'c280d66da131a1275e55504ed6c7f149e4426a81', class: {
+        const bar = (hFrac, i, played = false) => (h("rect", { key: '4b294190b3be5e7cf15282d43e7e51164a3dda4c', x: i * UNIT, y: H / 2 - (hFrac * H) / 2, width: W, height: Math.max(hFrac * H, 2), rx: R, class: { 'co-audio-player__bar': true, 'co-audio-player__bar--played': played } }));
+        return (h("div", { key: '0758a438c4a71e822de94f8b41219945f62ae62d', class: {
                 'co-audio-player': true,
                 'co-audio-player--compact': this.compact,
                 'co-audio-player--error': this.hasError,
                 'co-audio-player--playing': this.isPlaying,
-            }, part: "player" }, h("button", { key: '66069dccca38a00ac2792dddb261ca086d7116ad', type: "button", class: "co-audio-player__play", part: "play", "aria-label": this.hasError ? 'Audio no disponible' : this.isPlaying ? 'Pausar' : 'Reproducir', "aria-busy": this.isLoading ? 'true' : 'false', disabled: this.hasError || !this.src, onClick: this.toggle }, h("co-icon", { key: '7340e5754252c37e173aec9f5a1238a67f5ef0c5', name: this.hasError ? 'warning-circle' : this.isPlaying ? 'pause' : 'play', weight: "fill", size: this.compact ? 12 : 14 })), h("div", { key: '40d64e320e18543586503779780956da58865a89', class: "co-audio-player__wave", part: "wave", role: "slider", tabindex: "0", "aria-label": "Progreso de reproducci\u00F3n", "aria-valuemin": 0, "aria-valuemax": ariaMax, "aria-valuenow": Math.floor(this.currentTime), ref: (el) => (this.waveEl = el), onClick: (e) => this.seekAt(e.clientX), onKeyDown: this.onWaveKey }, h("svg", { key: '5ab7bd2f636bd6148ac99c72aa7e65919fa7b130', class: "co-audio-player__svg", viewBox: `0 0 ${vbW} ${H}`, preserveAspectRatio: "none", "aria-hidden": "true" }, this.peaks.map((hFrac, i) => bar(hFrac, i)), h("clipPath", { key: 'f9d0efe655633d90d9bbb3c4c13f73ac5669e2f8', id: "co-ap-clip" }, h("rect", { key: 'fce2341eb132c30c9cf460e5ebe528c1b4dbc881', x: "0", y: "0", width: (pct / 100) * vbW, height: H })), h("g", { key: 'cf22c83391dd8e303f49a845eab2d3735ca5cc72', "clip-path": "url(#co-ap-clip)" }, this.peaks.map((hFrac, i) => bar(hFrac, i, true))))), h("span", { key: '3cf02ddb3e26cab7964b295d188bb65122b30014', class: "co-audio-player__time", part: "time" }, formatTime(this.currentTime), " / ", formatTime(this.duration)), !this.compact && (h("button", { key: '01768f7846ac3727b9e5cdd2578e7d805b10337e', type: "button", class: "co-audio-player__speed", part: "speed", "aria-label": `Velocidad de reproducción ${this.playbackRate}x`, onClick: this.cycleSpeed }, this.playbackRate, "x")), !this.compact && !this.noDownload && (h("button", { key: '451b5775bcf1ed6482d915f63bf7fe2c4c380b7b', type: "button", class: "co-audio-player__dl", part: "download", "aria-label": "Descargar", onClick: () => this.download() }, h("co-icon", { key: '2798eec7e679f74f9fa7e25e6f8d1b88fac068e7', name: "download-simple", size: 14 })))));
+            }, part: "player" }, h("button", { key: '4c4161e7ba7344a9c6a32dcc8fd92c300b750d95', type: "button", class: "co-audio-player__play", part: "play", "aria-label": this.hasError ? 'Audio no disponible' : this.isPlaying ? 'Pausar' : 'Reproducir', "aria-busy": this.isLoading ? 'true' : 'false', disabled: this.hasError || !this.src, onClick: this.toggle }, h("co-icon", { key: 'ea749ee1cf627a49e3859029ca274170c8d69c63', name: this.hasError ? 'warning-circle' : this.isPlaying ? 'pause' : 'play', weight: "fill", size: this.compact ? 12 : 14 })), h("div", { key: 'f39bf8bf114860a672979fa53287672dccea1b7f', class: "co-audio-player__wave", part: "wave", role: "slider", tabindex: "0", "aria-label": "Progreso de reproducci\u00F3n", "aria-valuemin": 0, "aria-valuemax": ariaMax, "aria-valuenow": Math.floor(this.currentTime), ref: (el) => (this.waveEl = el), onClick: (e) => this.seekAt(e.clientX), onKeyDown: this.onWaveKey }, h("svg", { key: '2145f303271ca676988999b5ea7d76ab384c5e2d', class: "co-audio-player__svg", viewBox: `0 0 ${vbW} ${H}`, preserveAspectRatio: "none", "aria-hidden": "true" }, this.peaks.map((hFrac, i) => bar(hFrac, i)), h("clipPath", { key: '6014c9f96f5df60086265a5e01344be80ebff741', id: "co-ap-clip" }, h("rect", { key: '5857fa3098fc0eb9df58b643c2b44316cf819ae8', x: "0", y: "0", width: (pct / 100) * vbW, height: H })), h("g", { key: '241608ddfdb863ba5b18444ed2bffb39e72abeb5', "clip-path": "url(#co-ap-clip)" }, this.peaks.map((hFrac, i) => bar(hFrac, i, true))))), h("span", { key: '18f190b8b23f8939da5dd2c230214d42a5b330c1', class: "co-audio-player__time", part: "time" }, formatTime(this.currentTime), " / ", formatTime(this.duration)), !this.compact && (h("button", { key: '4a29cae938ab347997bc76e0cfe5621b402730f7', type: "button", class: "co-audio-player__speed", part: "speed", "aria-label": `Velocidad de reproducción ${this.playbackRate}x`, onClick: this.cycleSpeed }, this.playbackRate, "x")), !this.compact && !this.noDownload && (h("button", { key: 'c451449e629584bc3937b27b31b1124e510af91e', type: "button", class: "co-audio-player__dl", part: "download", "aria-label": "Descargar", onClick: () => this.download() }, h("co-icon", { key: 'f4d014129829ab57ddae0d3e32b1e0930f1bc288', name: "download-simple", size: 14 })))));
     }
     static get is() { return "co-audio-player"; }
     static get encapsulation() { return "shadow"; }
@@ -523,7 +535,7 @@ export class CoAudioPlayer {
                 "composed": true,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "Empez\u00F3 la reproducci\u00F3n."
                 },
                 "complexType": {
                     "original": "void",
@@ -538,7 +550,7 @@ export class CoAudioPlayer {
                 "composed": true,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "Se paus\u00F3 la reproducci\u00F3n."
                 },
                 "complexType": {
                     "original": "void",
@@ -553,7 +565,7 @@ export class CoAudioPlayer {
                 "composed": true,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "Termin\u00F3 el audio (vuelve al inicio)."
                 },
                 "complexType": {
                     "original": "void",
@@ -568,7 +580,7 @@ export class CoAudioPlayer {
                 "composed": true,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "No se pudo cargar o reproducir el audio; `detail` = el evento `error` nativo del `<audio>`."
                 },
                 "complexType": {
                     "original": "unknown",

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

@@ -1,21 +1,34 @@
 import { h } from "@stencil/core";
 import { RequiredMark } from "../../utils/requiredMark";
+/**
+ * Campo de texto con sugerencias: al tipear emite `coSearch` (con debounce y
+ * `minChars`) y el host responde con `options`; elegir una sugerencia fija el
+ * valor. Para una lista conocida sin búsqueda remota usá `co-select` o
+ * `co-combobox`. Wrapper Vue: `CoAutocomplete` de `@prolibu-suite/cobalt-vue`.
+ */
 export class CoAutocomplete {
     constructor() {
         /** Whether the field is required (renders a required marker on the label). */
         this.required = false;
+        /** Placeholder del input. */
         this.placeholder = 'Search…';
+        /** Deshabilita el campo. */
         this.disabled = false;
+        /** Botón × para vaciar texto y selección (default `true`); emite `coClear` y `coChange`. */
         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';
+        /** Estado de validación: pinta el borde y el `helperText` con el color del estado. */
         this.status = 'default';
         /** Pre-loaded or server-returned options */
         this.options = '[]';
+        /** Selección: `value` de la opción elegida; en `multiple`, array o JSON array. El componente lo actualiza. */
         this.value = '';
+        /** Selección múltiple: lo elegido se muestra como chips. */
         this.multiple = false;
+        /** El host está buscando: muestra un loader en la lista de sugerencias. */
         this.loading = false;
         /** Minimum characters before emitting coSearch */
         this.minChars = 1;
@@ -168,16 +181,16 @@ export class CoAutocomplete {
     render() {
         const options = this.parsedOptions;
         const selected = this.selectedValues;
-        return (h("div", { key: '0fad340e2daa5ee4b56e28325d5eaec4d60d7188', class: {
+        return (h("div", { key: '02fe5e70777f1a39038af676c76032ae1fbecbc8', class: {
                 'co-autocomplete': true,
                 '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: 'a724b6267fd6dbe267725f3619677e043843c96c', class: "co-autocomplete__labels" }, this.label && h("label", { key: '45c176c82f0967c6ff0f1f323d36834d247f8ac6', class: "co-autocomplete__label" }, this.label, h(RequiredMark, { key: '52940ac88fa7ba5f2b662990a66b0ad84d728ecc', required: this.required })), this.secondaryLabel && h("span", { key: '5eac2ccf44d59067f7ca070561c18c9b45b4cfc1', class: "co-autocomplete__secondary-label" }, this.secondaryLabel))), h("div", { key: '4837e011ac491a34efdfb84bd80f2baa52c4f451', class: "co-autocomplete__field" }, this.iconLeft && h("co-icon", { key: '1a46dba433dec3b8dec82b6d2e93cee0575f5673', name: this.iconLeft, size: 16, class: "co-autocomplete__icon" }), this.multiple && selected.length > 0 && (h("div", { key: '95054c8e5ec371ba04f6fa5938d74babffef473f', class: "co-autocomplete__chips" }, selected.map(val => {
+            } }, (this.label || this.secondaryLabel) && (h("div", { key: 'a9237e72752d5d3921d70cb2d63a160625db7e62', class: "co-autocomplete__labels" }, this.label && h("label", { key: 'f1284520b961bf6598e4b9c8a3d943b8b1aa847f', class: "co-autocomplete__label" }, this.label, h(RequiredMark, { key: '6c40530c3e2dca2b3adef8a8ce00c256b7070b48', required: this.required })), this.secondaryLabel && h("span", { key: '37a0de4ba199f1bc6503543e18261623642c00cf', class: "co-autocomplete__secondary-label" }, this.secondaryLabel))), h("div", { key: '30ff3eacbf9634085b212135356c3edbef6e8df9', class: "co-autocomplete__field" }, this.iconLeft && h("co-icon", { key: '3b8c564aae36e7db59c39fcc31fda7d98f55fae8', name: this.iconLeft, size: 16, class: "co-autocomplete__icon" }), this.multiple && selected.length > 0 && (h("div", { key: 'df7f0b08d2b456a048368f80c828ee83502b0a20', 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: '016887bf4fa1872bafd1ba60a7fb960ca89e8b76', 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, onKeyDown: this.handleInputKeyDown }), this.loading && h("div", { key: 'eac7e752a8d8f18b866c5fe4283707e851355328', class: "co-autocomplete__spinner" }), this.clearable && (this.hasValue || this.query) && !this.disabled && (h("button", { key: 'aac8dcfced13e8abf3bb6beb0fa56124814804ea', class: "co-autocomplete__clear", type: "button", tabIndex: -1, onClick: this.handleClear, "aria-label": "Clear" }, h("co-icon", { key: '8a5605cfe09eb17ca65c9fd97662ceec893431b7', name: "x-circle", size: 16, weight: "fill" })))), this.isOpen && (h("div", { key: '7263c42e73656db3ee8d1c1c2f5f5cd941b0e40b', class: "co-autocomplete__dropdown" }, h("co-option-list", { key: '32071562943c992b0013451c8b89da20590554cf', ref: (el) => (this.optionListEl = el), items: JSON.stringify(options.map((o) => ({ _id: o.value, label: o.label, icon: o.icon, disabled: o.disabled }))), value: this.multiple ? JSON.stringify(this.selectedValues) : (this.selectedValues[0] || ''), multiple: this.multiple, selectedAffordance: "check", virtual: true, loading: this.loading, emptyMessage: this.emptyMessage, onCoChange: (e) => this.handleListChange(e.detail) }))), this.helperText && (h("div", { key: '47ba4956d829c700700a7509e8fd2fc58dd6e4d9', class: `co-autocomplete__helper co-autocomplete__helper--${this.status}` }, this.statusIcon && h("co-icon", { key: 'b4363e83a7258241d23f4911c1f6fb352330c19d', name: this.statusIcon, size: 14, weight: "fill", class: "co-autocomplete__helper-icon" }), h("span", { key: '952777047bd27a6604daea9531f26ce5aab0c475', class: "co-autocomplete__helper-text" }, this.helperText)))));
+        }))), h("input", { key: 'e2d9cfa48001c20aa9e8a4ef5800135172b2aff9', 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, onKeyDown: this.handleInputKeyDown }), this.loading && h("div", { key: 'e58449cb033553a123f3c2b1daa9b9c62a571273', class: "co-autocomplete__spinner" }), this.clearable && (this.hasValue || this.query) && !this.disabled && (h("button", { key: 'ea8021e0807cd0eece9933f84772f5f497d2a63c', class: "co-autocomplete__clear", type: "button", tabIndex: -1, onClick: this.handleClear, "aria-label": "Clear" }, h("co-icon", { key: '67a2f961d0ece0178811aa04fd9e5a082976ef6a', name: "x-circle", size: 16, weight: "fill" })))), this.isOpen && (h("div", { key: '562cc6f307edd60c361c60974d0423550d8f681a', class: "co-autocomplete__dropdown" }, h("co-option-list", { key: '3dec3da0d38adb8986b57960c74b697ffbc211dd', ref: (el) => (this.optionListEl = el), items: JSON.stringify(options.map((o) => ({ _id: o.value, label: o.label, icon: o.icon, disabled: o.disabled }))), value: this.multiple ? JSON.stringify(this.selectedValues) : (this.selectedValues[0] || ''), multiple: this.multiple, selectedAffordance: "check", virtual: true, loading: this.loading, emptyMessage: this.emptyMessage, onCoChange: (e) => this.handleListChange(e.detail) }))), this.helperText && (h("div", { key: '5c21f62defe09b0160aeec8eaeaa881408dbe964', class: `co-autocomplete__helper co-autocomplete__helper--${this.status}` }, this.statusIcon && h("co-icon", { key: '166ccdb5f1e308bb0212c473881bb36a33a8d2e4', name: this.statusIcon, size: 14, weight: "fill", class: "co-autocomplete__helper-icon" }), h("span", { key: 'bf4b038b665c269484b3bf841b19c92d5b0ceb27', class: "co-autocomplete__helper-text" }, this.helperText)))));
     }
     static get is() { return "co-autocomplete"; }
     static get encapsulation() { return "shadow"; }
@@ -205,7 +218,7 @@ export class CoAutocomplete {
                 "optional": true,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "Etiqueta del campo."
                 },
                 "getter": false,
                 "setter": false,
@@ -244,7 +257,7 @@ export class CoAutocomplete {
                 "optional": true,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "Texto secundario junto a la etiqueta."
                 },
                 "getter": false,
                 "setter": false,
@@ -263,7 +276,7 @@ export class CoAutocomplete {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "Placeholder del input."
                 },
                 "getter": false,
                 "setter": false,
@@ -283,7 +296,7 @@ export class CoAutocomplete {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "Deshabilita el campo."
                 },
                 "getter": false,
                 "setter": false,
@@ -303,7 +316,7 @@ export class CoAutocomplete {
                 "optional": true,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "\u00CDcono Phosphor al inicio del input."
                 },
                 "getter": false,
                 "setter": false,
@@ -322,7 +335,7 @@ export class CoAutocomplete {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "Bot\u00F3n \u00D7 para vaciar texto y selecci\u00F3n (default `true`); emite `coClear` y `coChange`."
                 },
                 "getter": false,
                 "setter": false,
@@ -342,7 +355,7 @@ export class CoAutocomplete {
                 "optional": true,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "Texto de ayuda o de error bajo el campo."
                 },
                 "getter": false,
                 "setter": false,
@@ -401,7 +414,7 @@ export class CoAutocomplete {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "Estado de validaci\u00F3n: pinta el borde y el `helperText` con el color del estado."
                 },
                 "getter": false,
                 "setter": false,
@@ -418,7 +431,7 @@ export class CoAutocomplete {
                     "references": {
                         "AutocompleteOption": {
                             "location": "local",
-                            "path": "/Users/agox/worktrees/cobalt-release-2026-09-24/packages/core/src/components/co-autocomplete/co-autocomplete.tsx",
+                            "path": "/Users/agox/worktrees/cobalt-release-0.11.2/packages/core/src/components/co-autocomplete/co-autocomplete.tsx",
                             "id": "src/components/co-autocomplete/co-autocomplete.tsx::AutocompleteOption"
                         }
                     }
@@ -447,7 +460,7 @@ export class CoAutocomplete {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "Selecci\u00F3n: `value` de la opci\u00F3n elegida; en `multiple`, array o JSON array. El componente lo actualiza."
                 },
                 "getter": false,
                 "setter": false,
@@ -467,7 +480,7 @@ export class CoAutocomplete {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "Selecci\u00F3n m\u00FAltiple: lo elegido se muestra como chips."
                 },
                 "getter": false,
                 "setter": false,
@@ -487,7 +500,7 @@ export class CoAutocomplete {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "El host est\u00E1 buscando: muestra un loader en la lista de sugerencias."
                 },
                 "getter": false,
                 "setter": false,
@@ -588,7 +601,7 @@ export class CoAutocomplete {
                 "composed": true,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "Cambi\u00F3 la selecci\u00F3n (`value` ya est\u00E1 actualizado): `{ value, item }`. `value` = el elegido o\nel array en `multiple`; `null` (con `item: null`) al deseleccionar desde la lista;\n`''`/`[]` (con `item: null`) al vaciar con la \u00D7."
                 },
                 "complexType": {
                     "original": "{ value: string | string[] | null; item: { _id: string; label: string } | null }",
@@ -603,7 +616,7 @@ export class CoAutocomplete {
                 "composed": true,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "Se vaci\u00F3 con la \u00D7; le sigue un `coChange`. Sin `detail`."
                 },
                 "complexType": {
                     "original": "void",

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

@@ -1,3 +1,8 @@
+/**
+ * @prop --co-avatar-font-weight: Peso de las iniciales (default 500).
+ * @prop --co-avatar-border-color: Color del anillo interno (default transparente); `ringColor` lo fija por prop.
+ * @prop --co-avatar-border-width: Grosor del anillo interno (default 1px; 2px con `ringColor`).
+ */
 :host {
   display: inline-flex;
   /* Squircle (superellipse, n≈5) used to mask square avatars so their corners
@@ -18,7 +23,7 @@
   /* Figma «Avatars» (Geist Medium, 500; p. ej. 4515:158897 / 1135:103818): las
      iniciales van en Medium, no SemiBold — a 10-12px el 600 empasta la panza de
      la R y se lee «sucio» (2026-09-17).
-     Task C12: el var() es solo un hook para que un consumidor lo pise (mismo
+     El var() es solo un hook para que un consumidor lo pise (mismo
      patrón que --co-avatar-border-color/--co-avatar-size en este archivo); su
      fallback ES el default publicado (500). */
   font-weight: var(--co-avatar-font-weight, 500);
@@ -122,7 +127,7 @@ co-tooltip {
   line-height: 0;
 }
 
-/* Rounded = radio chico FIJO (Task C12), no la superelipse de --square: sin
+/* Rounded = radio chico FIJO, no la superelipse de --square: sin
    máscara squircle, border-radius simple sobre la caja rectangular real. */
 .co-avatar--rounded {
   border-radius: var(--co-border-radius-xs);

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

@@ -14,6 +14,13 @@ const FONT_SIZE_MAP = {
     xs: 'var(--co-font-size-12)',
     xxs: 'var(--co-font-size-10)',
 };
+/**
+ * Avatar de una persona o entidad: iniciales, ícono o imagen, en círculo,
+ * squircle o cuadrado de radio chico. Con `name` muestra el nombre completo en
+ * un `co-tooltip`. Wrapper Vue: `CoAvatar` de `@prolibu-suite/cobalt-vue`.
+ *
+ * @part avatar - Caja del avatar (fondo, máscara y anillo).
+ */
 export class CoAvatar {
     constructor() {
         /** Display type: text shows initials, icon shows a Phosphor icon, image shows a picture */
@@ -24,7 +31,7 @@ export class CoAvatar {
         this.icon = 'user';
         /** Icon weight */
         this.iconWeight = 'regular';
-        /** Shape of the avatar. `rounded` (Task C12) = radio chico
+        /** Shape of the avatar. `rounded` = radio chico
          *  (`--co-border-radius-xs`), sin máscara squircle — esquinas de radio fijo,
          *  no la superelipse de `square`. */
         this.shape = 'circle';
@@ -226,7 +233,7 @@ export class CoAvatar {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "Shape of the avatar. `rounded` (Task C12) = radio chico\n(`--co-border-radius-xs`), sin m\u00E1scara squircle \u2014 esquinas de radio fijo,\nno la superelipse de `square`."
+                    "text": "Shape of the avatar. `rounded` = radio chico\n(`--co-border-radius-xs`), sin m\u00E1scara squircle \u2014 esquinas de radio fijo,\nno la superelipse de `square`."
                 },
                 "getter": false,
                 "setter": false,

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

@@ -1,3 +1,7 @@
+/**
+ * @prop --co-avatar-group-overlap: Cuánto se superpone cada avatar al anterior (default 6px).
+ * @prop --co-avatar-group-ring-width: Grosor del anillo que separa los avatares (default 2px).
+ */
 /* co-avatar-group — overlapping stack of co-avatar with a "+N" overflow badge */
 
 :host {