@prolibu-suite/cobalt-core 0.9.6 → 0.10.0

package/dist/cobalt/p-fMqVDypp.js

@@ -0,0 +1 @@
+import{h as r}from"./p-DH5lfRNj.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-0c463d9a.entry.js → p-fd150cc6.entry.js}

@@ -1 +1 @@
-import{r as o,c as e,h as t,a as i}from"./p-CrtiywTB.js";import{R as c}from"./p-T4la7ly_.js";import{r as s}from"./p-CQY6Ul7q.js";const r=class{constructor(t){o(this,t),this.coChange=e(this,"coChange",7),this.coOpen=e(this,"coOpen",3),this.coClose=e(this,"coClose",3),this.coClear=e(this,"coClear",7),this.coFooterPrimary=e(this,"coFooterPrimary",7),this.coFooterSecondary=e(this,"coFooterSecondary",7),this.required=!1,this.placeholder="",this.disabled=!1,this.clearable=!0,this.searchable=!1,this.searchPlaceholder="Search",this.showFooter=!1,this.footerPrimaryLabel="Ok",this.footerSecondaryLabel="New Tags",this.options="[]",this.emptyMessage="No results found",this.value="[]",this.multiple=!0,this.size="md",this.status="default",this.layout="vertical",this.isOpen=!1,this.searchQuery="",this.overflowCount=0,this.pendingFocus=!1,this.handleTriggerClick=o=>{this.disabled&&o.stopPropagation()},this.handleTriggerKeyDown=o=>{this.disabled||o.target===this.triggerEl&&("Enter"===o.key||" "===o.key?(o.preventDefault(),this.isOpen=!this.isOpen):"ArrowDown"!==o.key||this.isOpen||(o.preventDefault(),this.isOpen=!0))},this.handlePopoverOpen=()=>{console.log("[co-combobox] handlePopoverOpen called"),this.isOpen=!0},this.handlePopoverClose=()=>{console.log("[co-combobox] handlePopoverClose called"),this.isOpen=!1},this.handleClear=o=>{o.stopPropagation(),this.value="[]",this.coClear.emit(),this.coChange.emit({value:this.multiple?[]:"",item:null})},this.handleListChange=o=>{if(null==o.value)return this.value="[]",this.isOpen=!1,void this.coChange.emit({value:null,item:null});if(this.multiple){const e=o.value;this.value=JSON.stringify(e),this.coChange.emit({value:e,item:o.item})}else{const e=o.value;this.value=JSON.stringify([e]),this.isOpen=!1,this.coChange.emit({value:e,item:o.item})}},this.handleListRemove=o=>{const e=this.selectedValues.filter((e=>e!==o));this.value=JSON.stringify(e),this.coChange.emit({value:e,item:{_id:o,label:o}})},this.handleFooterPrimary=()=>{this.coFooterPrimary.emit(),this.isOpen=!1},this.handleFooterSecondary=()=>{this.coFooterSecondary.emit()}}normalizeOptions(o){return o.map((o=>"string"==typeof o?{label:o,value:o}:o))}get parsedOptions(){if("string"==typeof this.options)try{return this.normalizeOptions(JSON.parse(this.options))}catch(o){return[]}return this.normalizeOptions(this.options)}get selectedValues(){if("string"==typeof this.value)try{return JSON.parse(this.value)}catch(o){return[]}return this.value}get filteredOptions(){return this.searchQuery?s(this.parsedOptions,this.searchQuery,(o=>o.label)):this.parsedOptions}get listItemsJson(){return JSON.stringify(this.filteredOptions.map((o=>({_id:o.value,label:o.label,icon:o.icon}))))}get displayText(){const o=this.selectedValues;if(0===o.length)return"";const e=this.parsedOptions.find((e=>e.value===o[0]));return e?e.label:o[0]}get selectedOptions(){return this.selectedValues.map((o=>this.parsedOptions.find((e=>e.value===o)))).filter((o=>!!o))}get hasValue(){return this.selectedValues.length>0}get statusIcon(){return{error:"warning-circle",success:"check-circle",warning:"warning",info:"info"}[this.status]||null}onOpenChange(o){o?(this.searchQuery="",this.pendingFocus=!0,this.coOpen.emit()):(this.coClose.emit(),this.restoreTriggerFocus())}onValueChange(){}connectedCallback(){this.resizeObserver=new ResizeObserver((()=>{this.calcOverflow()}))}disconnectedCallback(){var o;null===(o=this.resizeObserver)||void 0===o||o.disconnect()}componentDidRender(){var o,e,t;this.chipContainerEl&&(null===(o=this.resizeObserver)||void 0===o||o.disconnect(),null===(e=this.resizeObserver)||void 0===e||e.observe(this.chipContainerEl)),this.calcOverflow(),this.pendingFocus&&(null===(t=this.optionListEl)||void 0===t?void 0:t.isConnected)&&(this.pendingFocus=!1,this.optionListEl.focusSearch())}calcOverflow(){if(!this.multiple||!this.chipContainerEl)return;const o=this.chipContainerEl,e=Array.from(o.querySelectorAll("co-chip"));if(0===e.length)return void(0!==this.overflowCount&&(this.overflowCount=0));const t=o.getBoundingClientRect().right;let i=0;for(let o=e.length-1;o>=0&&e[o].getBoundingClientRect().right>t+1;o--)i++;i!==this.overflowCount&&(this.overflowCount=i)}restoreTriggerFocus(){var o;const e=document.activeElement;(e===this.el||this.el.contains(e))&&(null===(o=this.triggerEl)||void 0===o||o.focus())}render(){return t("div",{key:"37a1a6c5d14a61e45a522024b1aecf9ef3421cb5",class:{"co-combobox":!0,"co-combobox--open":this.isOpen,"co-combobox--disabled":this.disabled,[`co-combobox--${this.size}`]:!0},part:"wrapper"},(this.label||this.secondaryLabel)&&t("div",{key:"4db14a62bbdbd01088df7279939cce69eb30f9a3",class:"co-combobox__labels"},this.label&&t("label",{key:"294744758ea6e99f1c68c3b612269aa5fb38e838",class:"co-combobox__label",part:"label"},this.label,t(c,{key:"17c9fd9fe7cac0abd1f6b8bee4f31a9e536758fb",required:this.required})),this.secondaryLabel&&t("span",{key:"457e35ca2dd250a7ecd5c36980ced045fb46f319",class:"co-combobox__secondary-label",part:"secondary-label"},this.secondaryLabel)),t("co-popover",{key:"54fdc55762dcf268d1522c345968d39f26fc768e",open:this.isOpen,placement:"bottom-start",matchWidth:!0,offset:4,onCoOpen:this.handlePopoverOpen,onCoClose:this.handlePopoverClose},t("div",{key:"0bb104f5e51e7ea5b36d7325e178c7c7eadde05c",slot:"trigger",class:"co-combobox__trigger",part:"trigger",role:"combobox","aria-expanded":this.isOpen?"true":"false","aria-haspopup":"listbox","aria-label":this.label||void 0,"aria-disabled":this.disabled?"true":void 0,"aria-controls":this.isOpen?r.LIST_ID:void 0,tabIndex:this.disabled?-1:0,ref:o=>this.triggerEl=o,onClick:this.handleTriggerClick,onKeyDown:this.handleTriggerKeyDown},this.iconLeft&&t("co-icon",{key:"ebdfa267be7257aaa2b187fc867cb5d334d91319",name:this.iconLeft,size:16,class:"co-combobox__icon"}),t("div",{key:"77671cfffe0d593242c776316292dec69af64ed6",class:"co-combobox__input-wrapper",ref:o=>this.chipContainerEl=o},this.multiple&&this.hasValue?this.selectedOptions.map((o=>t("co-chip",{size:"small","icon-mode":"both",label:o.label},t("co-icon",{slot:"icon-left",name:o.icon||"circle",size:10}),t("co-icon",{slot:"icon-right",name:"x-circle",size:10,weight:"fill",onClick:e=>{e.stopPropagation(),this.handleListRemove(o.value)}})))):t("span",{class:{"co-combobox__text":!0,"co-combobox__text--placeholder":!this.hasValue}},this.hasValue?this.displayText:this.placeholder)),this.multiple&&this.overflowCount>0&&t("span",{key:"c230748247efc705f21f299254c24b717d7f5af7",class:"co-combobox__overflow-badge"},this.overflowCount),this.clearable&&this.hasValue&&!this.disabled&&t("button",{key:"b8acd2eeeb17ec672912886e7dfa67abd1026927",class:"co-combobox__clear",type:"button",tabIndex:-1,onClick:this.handleClear,"aria-label":"Clear selection",part:"clear"},t("co-icon",{key:"d21e7dec49db82e5514a1562b60596d51ee69094",name:"x-circle",size:16,weight:"fill"})),t("co-icon",{key:"51becab683f82d56d93599e701025a640822127c",name:this.isOpen?"caret-up":"caret-down",size:16,class:"co-combobox__caret"})),t("div",{key:"8d21ea81c9c5ca9500359f7cedadf12328e4c5eb",class:"co-combobox__dropdown",part:"dropdown"},this.isOpen&&t("co-option-list",{key:"066a18d85a356c238ff9ced3721c1d3280bce4c8",id:r.LIST_ID,ref:o=>this.optionListEl=o,items:this.listItemsJson,value:this.multiple?JSON.stringify(this.selectedValues):this.selectedValues[0]||"",multiple:this.multiple,selectedAffordance:"check",removableItems:this.multiple,virtual:!0,searchable:this.searchable,searchPlaceholder:this.searchPlaceholder,searchDebounce:0,highlightMatches:!0,emptyMessage:this.emptyMessage,onCoSearch:o=>{this.searchQuery=o.detail},onCoChange:o=>this.handleListChange(o.detail),onCoRemoveItem:o=>this.handleListRemove(o.detail)},this.showFooter&&t("co-list-footer",{key:"11d5f3fd067ac246e2068bc33a7ef938efef8829",slot:"footer",secondaryLabel:this.footerSecondaryLabel,primaryLabel:this.footerPrimaryLabel,onCoSecondary:this.handleFooterSecondary,onCoPrimary:this.handleFooterPrimary})))),this.helperText&&t("div",{key:"aea733779599bf85e1060062b9664821bcd1f003",class:`co-combobox__helper co-combobox__helper--${this.status}`,part:"helper"},this.statusIcon&&t("co-icon",{key:"629698daf7e0005c8849062777daf8b329fe969c",name:this.statusIcon,size:14,weight:"fill",class:"co-combobox__helper-icon"}),t("span",{key:"d91bd4fdadedb2eebbe4a2a3c5d033978cb8db76",class:"co-combobox__helper-text"},this.helperText)))}get el(){return i(this)}static get watchers(){return{isOpen:[{onOpenChange:0}],value:[{onValueChange:0}]}}};r.LIST_ID="co-combobox-list",r.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;position:relative}.co-combobox{display:flex;flex-direction:column;gap:var(--co-spacing-sm2);position:relative}.co-combobox__labels{display:flex;align-items:center;justify-content:space-between;padding:0 var(--co-spacing-xs);gap:var(--co-spacing-sm2)}.co-combobox__label{color:var(--co-semantic-text-secondary);font-size:var(--co-font-size-14);font-weight:400;letter-spacing:var(--co-font-letter-spacing-body);line-height:1;white-space:nowrap;cursor:default}.co-combobox__secondary-label{color:var(--co-semantic-text-secondary);font-size:var(--co-font-size-14);font-weight:400;letter-spacing:var(--co-font-letter-spacing-body);line-height:1;white-space:nowrap;text-align:right}.co-combobox__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);overflow:hidden}.co-combobox--s .co-combobox__trigger{min-height:28px;padding:var(--co-spacing-xxs) var(--co-spacing-sm);font-size:var(--co-font-size-12)}.co-combobox--sm .co-combobox__trigger{min-height:32px;padding:var(--co-spacing-xs) var(--co-spacing-sm);font-size:var(--co-font-size-14)}.co-combobox--lg .co-combobox__trigger{min-height:48px;padding:var(--co-spacing-sm) var(--co-spacing-lg);font-size:var(--co-font-size-16)}.co-combobox--open .co-combobox__trigger{border-color:var(--co-semantic-border-focus);box-shadow:0 0 0 2px var(--co-semantic-border-focus-ring)}.co-combobox__trigger:focus-visible{outline:none;border-color:var(--co-semantic-border-focus);box-shadow:0 0 0 2px var(--co-semantic-border-focus-ring)}.co-combobox--disabled .co-combobox__trigger{background:var(--co-semantic-surface-disabled);border-color:transparent;cursor:not-allowed}.co-combobox__icon{flex-shrink:0;color:var(--co-semantic-text-muted);display:flex;align-items:center}.co-combobox--disabled .co-combobox__icon{color:var(--co-semantic-text-disabled)}.co-combobox__input-wrapper{flex:1;display:flex;align-items:center;flex-wrap:nowrap;gap:4px;min-width:0;min-height:22px;padding:0;overflow:hidden}.co-combobox__input-wrapper co-chip{--co-chip-max-width:120px;--co-chip-bg:var(--co-semantic-surface-muted);--co-chip-color:var(--co-semantic-text-default);--co-chip-border:1px solid var(--co-semantic-border-subtle);flex-shrink:0}.co-combobox__overflow-badge{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 4px;border-radius:var(--co-border-radius-full);background:var(--co-semantic-status-info, #2d6cc5);color:var(--co-color-base-blanco, #fff);font-family:var(--co-font-family-primary);font-size:var(--co-font-size-10);font-weight:600;line-height:1;white-space:nowrap}.co-combobox__text{color:var(--co-semantic-text-default);font-family:inherit;font-size:inherit;font-weight:400;letter-spacing:inherit;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.co-combobox__text--placeholder{color:var(--co-semantic-text-muted)}.co-combobox--disabled .co-combobox__text{color:var(--co-semantic-text-disabled)}.co-combobox__clear{flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:0;margin:0;border:none;background:transparent;cursor:pointer;color:var(--co-semantic-text-muted);transition:color var(--co-motion-duration-fast) var(--co-motion-ease-out)}.co-combobox__clear:hover{color:var(--co-semantic-text-default)}.co-combobox__caret{flex-shrink:0;color:var(--co-semantic-text-muted);display:flex;align-items:center}.co-combobox--disabled .co-combobox__caret{color:var(--co-semantic-text-disabled)}.co-combobox__dropdown{display:flex;flex-direction:column;gap:var(--co-spacing-sm2)}.co-combobox__helper{display:flex;align-items:center;gap:var(--co-spacing-xs);padding:0 var(--co-spacing-xs)}.co-combobox__helper-icon{flex-shrink:0;display:flex;align-items:center}.co-combobox__helper-text{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14);font-weight:400;line-height:1}.co-combobox__helper--error .co-combobox__helper-icon,.co-combobox__helper--error .co-combobox__helper-text{color:var(--co-semantic-status-error)}.co-combobox__helper--success .co-combobox__helper-icon,.co-combobox__helper--success .co-combobox__helper-text{color:var(--co-semantic-status-success)}.co-combobox__helper--warning .co-combobox__helper-icon,.co-combobox__helper--warning .co-combobox__helper-text{color:var(--co-color-status-review)}.co-combobox__helper--info .co-combobox__helper-icon,.co-combobox__helper--info .co-combobox__helper-text{color:var(--co-semantic-status-info)}:host([layout='horizontal']) .co-combobox{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-combobox__labels{grid-column:1;grid-row:1;padding-top:var(--co-spacing-sm2);min-width:0}:host([layout='horizontal']) .co-combobox__label{white-space:normal}:host([layout='horizontal']) .co-combobox>:not(.co-combobox__labels){grid-column:2;min-width:0}.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)')}";export{r as co_combobox}
+import{r as o,c as e,h as t,a as i}from"./p-DH5lfRNj.js";import{R as c}from"./p-fMqVDypp.js";import{r as s}from"./p-CQY6Ul7q.js";const r=class{constructor(t){o(this,t),this.coChange=e(this,"coChange",7),this.coOpen=e(this,"coOpen",3),this.coClose=e(this,"coClose",3),this.coClear=e(this,"coClear",7),this.coFooterPrimary=e(this,"coFooterPrimary",7),this.coFooterSecondary=e(this,"coFooterSecondary",7),this.required=!1,this.placeholder="",this.disabled=!1,this.clearable=!0,this.searchable=!1,this.searchPlaceholder="Search",this.showFooter=!1,this.footerPrimaryLabel="Ok",this.footerSecondaryLabel="New Tags",this.options="[]",this.emptyMessage="No results found",this.value="[]",this.multiple=!0,this.size="md",this.status="default",this.layout="vertical",this.isOpen=!1,this.searchQuery="",this.overflowCount=0,this.pendingFocus=!1,this.handleTriggerClick=o=>{this.disabled&&o.stopPropagation()},this.handleTriggerKeyDown=o=>{this.disabled||o.target===this.triggerEl&&("Enter"===o.key||" "===o.key?(o.preventDefault(),this.isOpen=!this.isOpen):"ArrowDown"!==o.key||this.isOpen||(o.preventDefault(),this.isOpen=!0))},this.handlePopoverOpen=()=>{console.log("[co-combobox] handlePopoverOpen called"),this.isOpen=!0},this.handlePopoverClose=()=>{console.log("[co-combobox] handlePopoverClose called"),this.isOpen=!1},this.handleClear=o=>{o.stopPropagation(),this.value="[]",this.coClear.emit(),this.coChange.emit({value:this.multiple?[]:"",item:null})},this.handleListChange=o=>{if(null==o.value)return this.value="[]",this.isOpen=!1,void this.coChange.emit({value:null,item:null});if(this.multiple){const e=o.value;this.value=JSON.stringify(e),this.coChange.emit({value:e,item:o.item})}else{const e=o.value;this.value=JSON.stringify([e]),this.isOpen=!1,this.coChange.emit({value:e,item:o.item})}},this.handleListRemove=o=>{const e=this.selectedValues.filter((e=>e!==o));this.value=JSON.stringify(e),this.coChange.emit({value:e,item:{_id:o,label:o}})},this.handleFooterPrimary=()=>{this.coFooterPrimary.emit(),this.isOpen=!1},this.handleFooterSecondary=()=>{this.coFooterSecondary.emit()}}normalizeOptions(o){return o.map((o=>"string"==typeof o?{label:o,value:o}:o))}get parsedOptions(){if("string"==typeof this.options)try{return this.normalizeOptions(JSON.parse(this.options))}catch(o){return[]}return this.normalizeOptions(this.options)}get selectedValues(){if("string"==typeof this.value)try{return JSON.parse(this.value)}catch(o){return[]}return this.value}get filteredOptions(){return this.searchQuery?s(this.parsedOptions,this.searchQuery,(o=>o.label)):this.parsedOptions}get listItemsJson(){return JSON.stringify(this.filteredOptions.map((o=>({_id:o.value,label:o.label,icon:o.icon}))))}get displayText(){const o=this.selectedValues;if(0===o.length)return"";const e=this.parsedOptions.find((e=>e.value===o[0]));return e?e.label:o[0]}get selectedOptions(){return this.selectedValues.map((o=>this.parsedOptions.find((e=>e.value===o)))).filter((o=>!!o))}get hasValue(){return this.selectedValues.length>0}get statusIcon(){return{error:"warning-circle",success:"check-circle",warning:"warning",info:"info"}[this.status]||null}onOpenChange(o){o?(this.searchQuery="",this.pendingFocus=!0,this.coOpen.emit()):(this.coClose.emit(),this.restoreTriggerFocus())}onValueChange(){}connectedCallback(){this.resizeObserver=new ResizeObserver((()=>{this.calcOverflow()}))}disconnectedCallback(){var o;null===(o=this.resizeObserver)||void 0===o||o.disconnect()}componentDidRender(){var o,e,t;this.chipContainerEl&&(null===(o=this.resizeObserver)||void 0===o||o.disconnect(),null===(e=this.resizeObserver)||void 0===e||e.observe(this.chipContainerEl)),this.calcOverflow(),this.pendingFocus&&(null===(t=this.optionListEl)||void 0===t?void 0:t.isConnected)&&(this.pendingFocus=!1,this.optionListEl.focusSearch())}calcOverflow(){if(!this.multiple||!this.chipContainerEl)return;const o=this.chipContainerEl,e=Array.from(o.querySelectorAll("co-chip"));if(0===e.length)return void(0!==this.overflowCount&&(this.overflowCount=0));const t=o.getBoundingClientRect().right;let i=0;for(let o=e.length-1;o>=0&&e[o].getBoundingClientRect().right>t+1;o--)i++;i!==this.overflowCount&&(this.overflowCount=i)}restoreTriggerFocus(){var o;const e=document.activeElement;(e===this.el||this.el.contains(e))&&(null===(o=this.triggerEl)||void 0===o||o.focus())}render(){return t("div",{key:"37a1a6c5d14a61e45a522024b1aecf9ef3421cb5",class:{"co-combobox":!0,"co-combobox--open":this.isOpen,"co-combobox--disabled":this.disabled,[`co-combobox--${this.size}`]:!0},part:"wrapper"},(this.label||this.secondaryLabel)&&t("div",{key:"4db14a62bbdbd01088df7279939cce69eb30f9a3",class:"co-combobox__labels"},this.label&&t("label",{key:"294744758ea6e99f1c68c3b612269aa5fb38e838",class:"co-combobox__label",part:"label"},this.label,t(c,{key:"17c9fd9fe7cac0abd1f6b8bee4f31a9e536758fb",required:this.required})),this.secondaryLabel&&t("span",{key:"457e35ca2dd250a7ecd5c36980ced045fb46f319",class:"co-combobox__secondary-label",part:"secondary-label"},this.secondaryLabel)),t("co-popover",{key:"54fdc55762dcf268d1522c345968d39f26fc768e",open:this.isOpen,placement:"bottom-start",matchWidth:!0,offset:4,onCoOpen:this.handlePopoverOpen,onCoClose:this.handlePopoverClose},t("div",{key:"0bb104f5e51e7ea5b36d7325e178c7c7eadde05c",slot:"trigger",class:"co-combobox__trigger",part:"trigger",role:"combobox","aria-expanded":this.isOpen?"true":"false","aria-haspopup":"listbox","aria-label":this.label||void 0,"aria-disabled":this.disabled?"true":void 0,"aria-controls":this.isOpen?r.LIST_ID:void 0,tabIndex:this.disabled?-1:0,ref:o=>this.triggerEl=o,onClick:this.handleTriggerClick,onKeyDown:this.handleTriggerKeyDown},this.iconLeft&&t("co-icon",{key:"ebdfa267be7257aaa2b187fc867cb5d334d91319",name:this.iconLeft,size:16,class:"co-combobox__icon"}),t("div",{key:"77671cfffe0d593242c776316292dec69af64ed6",class:"co-combobox__input-wrapper",ref:o=>this.chipContainerEl=o},this.multiple&&this.hasValue?this.selectedOptions.map((o=>t("co-chip",{size:"small","icon-mode":"both",label:o.label},t("co-icon",{slot:"icon-left",name:o.icon||"circle",size:10}),t("co-icon",{slot:"icon-right",name:"x-circle",size:10,weight:"fill",onClick:e=>{e.stopPropagation(),this.handleListRemove(o.value)}})))):t("span",{class:{"co-combobox__text":!0,"co-combobox__text--placeholder":!this.hasValue}},this.hasValue?this.displayText:this.placeholder)),this.multiple&&this.overflowCount>0&&t("span",{key:"c230748247efc705f21f299254c24b717d7f5af7",class:"co-combobox__overflow-badge"},this.overflowCount),this.clearable&&this.hasValue&&!this.disabled&&t("button",{key:"b8acd2eeeb17ec672912886e7dfa67abd1026927",class:"co-combobox__clear",type:"button",tabIndex:-1,onClick:this.handleClear,"aria-label":"Clear selection",part:"clear"},t("co-icon",{key:"d21e7dec49db82e5514a1562b60596d51ee69094",name:"x-circle",size:16,weight:"fill"})),t("co-icon",{key:"51becab683f82d56d93599e701025a640822127c",name:this.isOpen?"caret-up":"caret-down",size:16,class:"co-combobox__caret"})),t("div",{key:"8d21ea81c9c5ca9500359f7cedadf12328e4c5eb",class:"co-combobox__dropdown",part:"dropdown"},this.isOpen&&t("co-option-list",{key:"066a18d85a356c238ff9ced3721c1d3280bce4c8",id:r.LIST_ID,ref:o=>this.optionListEl=o,items:this.listItemsJson,value:this.multiple?JSON.stringify(this.selectedValues):this.selectedValues[0]||"",multiple:this.multiple,selectedAffordance:"check",removableItems:this.multiple,virtual:!0,searchable:this.searchable,searchPlaceholder:this.searchPlaceholder,searchDebounce:0,highlightMatches:!0,emptyMessage:this.emptyMessage,onCoSearch:o=>{this.searchQuery=o.detail},onCoChange:o=>this.handleListChange(o.detail),onCoRemoveItem:o=>this.handleListRemove(o.detail)},this.showFooter&&t("co-list-footer",{key:"11d5f3fd067ac246e2068bc33a7ef938efef8829",slot:"footer",secondaryLabel:this.footerSecondaryLabel,primaryLabel:this.footerPrimaryLabel,onCoSecondary:this.handleFooterSecondary,onCoPrimary:this.handleFooterPrimary})))),this.helperText&&t("div",{key:"aea733779599bf85e1060062b9664821bcd1f003",class:`co-combobox__helper co-combobox__helper--${this.status}`,part:"helper"},this.statusIcon&&t("co-icon",{key:"629698daf7e0005c8849062777daf8b329fe969c",name:this.statusIcon,size:14,weight:"fill",class:"co-combobox__helper-icon"}),t("span",{key:"d91bd4fdadedb2eebbe4a2a3c5d033978cb8db76",class:"co-combobox__helper-text"},this.helperText)))}get el(){return i(this)}static get watchers(){return{isOpen:[{onOpenChange:0}],value:[{onValueChange:0}]}}};r.LIST_ID="co-combobox-list",r.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;position:relative}.co-combobox{display:flex;flex-direction:column;gap:var(--co-spacing-sm2);position:relative}.co-combobox__labels{display:flex;align-items:center;justify-content:space-between;padding:0 var(--co-spacing-xs);gap:var(--co-spacing-sm2)}.co-combobox__label{color:var(--co-semantic-text-secondary);font-size:var(--co-font-size-14);font-weight:400;letter-spacing:var(--co-font-letter-spacing-body);line-height:1;white-space:nowrap;cursor:default}.co-combobox__secondary-label{color:var(--co-semantic-text-secondary);font-size:var(--co-font-size-14);font-weight:400;letter-spacing:var(--co-font-letter-spacing-body);line-height:1;white-space:nowrap;text-align:right}.co-combobox__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);overflow:hidden}.co-combobox--s .co-combobox__trigger{min-height:28px;padding:var(--co-spacing-xxs) var(--co-spacing-sm);font-size:var(--co-font-size-12)}.co-combobox--sm .co-combobox__trigger{min-height:32px;padding:var(--co-spacing-xs) var(--co-spacing-sm);font-size:var(--co-font-size-14)}.co-combobox--lg .co-combobox__trigger{min-height:48px;padding:var(--co-spacing-sm) var(--co-spacing-lg);font-size:var(--co-font-size-16)}.co-combobox--open .co-combobox__trigger{border-color:var(--co-semantic-border-focus);box-shadow:0 0 0 2px var(--co-semantic-border-focus-ring)}.co-combobox__trigger:focus-visible{outline:none;border-color:var(--co-semantic-border-focus);box-shadow:0 0 0 2px var(--co-semantic-border-focus-ring)}.co-combobox--disabled .co-combobox__trigger{background:var(--co-semantic-surface-disabled);border-color:transparent;cursor:not-allowed}.co-combobox__icon{flex-shrink:0;color:var(--co-semantic-text-muted);display:flex;align-items:center}.co-combobox--disabled .co-combobox__icon{color:var(--co-semantic-text-disabled)}.co-combobox__input-wrapper{flex:1;display:flex;align-items:center;flex-wrap:nowrap;gap:4px;min-width:0;min-height:22px;padding:0;overflow:hidden}.co-combobox__input-wrapper co-chip{--co-chip-max-width:120px;--co-chip-bg:var(--co-semantic-surface-muted);--co-chip-color:var(--co-semantic-text-default);--co-chip-border:1px solid var(--co-semantic-border-subtle);flex-shrink:0}.co-combobox__overflow-badge{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 4px;border-radius:var(--co-border-radius-full);background:var(--co-semantic-status-info, #2d6cc5);color:var(--co-color-base-blanco, #fff);font-family:var(--co-font-family-primary);font-size:var(--co-font-size-10);font-weight:600;line-height:1;white-space:nowrap}.co-combobox__text{color:var(--co-semantic-text-default);font-family:inherit;font-size:inherit;font-weight:400;letter-spacing:inherit;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.co-combobox__text--placeholder{color:var(--co-semantic-text-muted)}.co-combobox--disabled .co-combobox__text{color:var(--co-semantic-text-disabled)}.co-combobox__clear{flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:0;margin:0;border:none;background:transparent;cursor:pointer;color:var(--co-semantic-text-muted);transition:color var(--co-motion-duration-fast) var(--co-motion-ease-out)}.co-combobox__clear:hover{color:var(--co-semantic-text-default)}.co-combobox__caret{flex-shrink:0;color:var(--co-semantic-text-muted);display:flex;align-items:center}.co-combobox--disabled .co-combobox__caret{color:var(--co-semantic-text-disabled)}.co-combobox__dropdown{display:flex;flex-direction:column;gap:var(--co-spacing-sm2)}.co-combobox__helper{display:flex;align-items:center;gap:var(--co-spacing-xs);padding:0 var(--co-spacing-xs)}.co-combobox__helper-icon{flex-shrink:0;display:flex;align-items:center}.co-combobox__helper-text{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14);font-weight:400;line-height:1}.co-combobox__helper--error .co-combobox__helper-icon,.co-combobox__helper--error .co-combobox__helper-text{color:var(--co-semantic-status-error)}.co-combobox__helper--success .co-combobox__helper-icon,.co-combobox__helper--success .co-combobox__helper-text{color:var(--co-semantic-status-success)}.co-combobox__helper--warning .co-combobox__helper-icon,.co-combobox__helper--warning .co-combobox__helper-text{color:var(--co-color-status-review)}.co-combobox__helper--info .co-combobox__helper-icon,.co-combobox__helper--info .co-combobox__helper-text{color:var(--co-semantic-status-info)}:host([layout='horizontal']) .co-combobox{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-combobox__labels{grid-column:1;grid-row:1;padding-top:var(--co-spacing-sm2);min-width:0}:host([layout='horizontal']) .co-combobox__label{white-space:normal}:host([layout='horizontal']) .co-combobox>:not(.co-combobox__labels){grid-column:2;min-width:0}.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)')}";export{r as co_combobox}

package/dist/cobalt/{p-0e91e5c4.entry.js → p-fe7e8813.entry.js}

@@ -1 +1 @@
-import{r as e,c as s,h as i,a as r}from"./p-CrtiywTB.js";const c=class{constructor(i){e(this,i),this.coChange=s(this,"coChange",7),this.coInput=s(this,"coInput",7),this.status="default",this.value=0,this.min=0,this.max=100,this.step=1,this.disabled=!1,this.showValue=!0,this.showMarks=!1,this.dragging=!1,this.handlePointerDown=e=>{if(this.disabled)return;e.preventDefault(),this.dragging=!0;const s=this.valueFromEvent(e.clientX);this.value=s,this.coInput.emit(s);const i=e=>{const s=this.valueFromEvent(e.clientX);this.value=s,this.coInput.emit(s)},r=()=>{this.dragging=!1,this.coChange.emit(this.value),document.removeEventListener("pointermove",i),document.removeEventListener("pointerup",r)};document.addEventListener("pointermove",i),document.addEventListener("pointerup",r)},this.handleInputChange=e=>{const s=parseFloat(e.target.value);if(!isNaN(s)){const e=this.snap(s);this.value=e,this.coChange.emit(e)}}}get percentage(){const e=this.max-this.min;return e<=0?0:(this.value-this.min)/e*100}get statusIcon(){return{error:"warning-circle",success:"check-circle",warning:"warning",info:"info"}[this.status]||null}clamp(e){return Math.min(this.max,Math.max(this.min,e))}snap(e){const s=Math.round((e-this.min)/this.step);return this.clamp(this.min+s*this.step)}valueFromEvent(e){if(!this.trackEl)return this.value;const s=this.trackEl.getBoundingClientRect(),i=Math.max(0,Math.min(1,(e-s.left)/s.width));return this.snap(this.min+i*(this.max-this.min))}render(){const e=this.percentage;return i("div",{key:"f82f6a02b6aa537469b2cf09296e313bd2e3580a",class:{"co-slider":!0,"co-slider--disabled":this.disabled,"co-slider--dragging":this.dragging,[`co-slider--${this.status}`]:"default"!==this.status}},(this.label||this.secondaryLabel||this.showValue)&&i("div",{key:"161e77eb5a416d015741a0ff2d5ff1f542d1d90b",class:"co-slider__labels"},i("div",{key:"95c0753a65a5cd74c3d07cd671b43e5c2bb4bb9a",class:"co-slider__labels-left"},this.label&&i("label",{key:"eb490ec9892724486017891173cbd67c601a31ea",class:"co-slider__label"},this.label),this.secondaryLabel&&i("span",{key:"26c67f92cd5c9cfc1b241405758f4b8f22755027",class:"co-slider__secondary-label"},this.secondaryLabel)),this.showValue&&i("span",{key:"af025c1f222f3107d63e303a432a42086889768f",class:"co-slider__value"},this.value)),i("div",{key:"f80d84c22398217d91a746a2acf87fe3017aafc1",class:"co-slider__track-wrapper",ref:e=>this.trackEl=e,onPointerDown:this.handlePointerDown},i("div",{key:"c97e2b09211935a2e7a330e136ddb2ab4f2a6a99",class:"co-slider__track"},i("div",{key:"6eae65d3c54756f9ec2415afa5247264b5b234bc",class:"co-slider__fill",style:{width:`${e}%`}})),i("div",{key:"c7be4df591f311cc9563c0e83446d30c34861f7b",class:"co-slider__thumb",style:{left:`${e}%`}})),this.showMarks&&i("div",{key:"c6136669a27ea7ecd0f59b41e870a7ae97fa0e23",class:"co-slider__marks"},i("span",{key:"b66409d99e858e3d1b7bad094ed8cac1b3adc103",class:"co-slider__mark"},this.min),i("span",{key:"3bd6b1b89600d3f32097b780cc5f2c4a34787e4a",class:"co-slider__mark"},this.max)),i("input",{key:"db4cb887608ace24b68df88a72749995548c61b5",class:"co-slider__native",type:"range",min:this.min,max:this.max,step:this.step,value:this.value,disabled:this.disabled,onInput:this.handleInputChange,"aria-label":this.label||"Slider"}),this.helperText&&i("div",{key:"4e497982df811e9929a6a33ac6a442faa2f9bc77",class:`co-slider__helper co-slider__helper--${this.status}`},this.statusIcon&&i("co-icon",{key:"8b07a87a0dcb8ce622884f0d26f8605442c4696f",name:this.statusIcon,size:14,weight:"fill",class:"co-slider__helper-icon"}),i("span",{key:"3287eabd8005685c8247202c891cf0b3939178cc",class:"co-slider__helper-text"},this.helperText)))}get el(){return r(this)}};c.style=":host{display:block;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14);line-height:1}.co-slider{display:flex;flex-direction:column;gap:var(--co-spacing-sm2)}.co-slider__labels{display:flex;align-items:center;justify-content:space-between;padding:0 var(--co-spacing-xs)}.co-slider__labels-left{display:flex;align-items:center;gap:var(--co-spacing-sm2)}.co-slider__label{color:var(--co-semantic-text-secondary);font-size:var(--co-font-size-14);font-weight:400;cursor:default}.co-slider__secondary-label{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14);font-weight:400}.co-slider__value{color:var(--co-semantic-text-default);font-size:var(--co-font-size-14);font-weight:500;font-variant-numeric:tabular-nums}.co-slider--disabled .co-slider__label,.co-slider--disabled .co-slider__secondary-label,.co-slider--disabled .co-slider__value{color:var(--co-semantic-text-disabled)}.co-slider__track-wrapper{position:relative;height:24px;display:flex;align-items:center;cursor:pointer;touch-action:none}.co-slider--disabled .co-slider__track-wrapper{cursor:not-allowed}.co-slider__track{width:100%;height:4px;background:var(--co-semantic-border-subtle);border-radius:var(--co-border-radius-full);overflow:hidden}.co-slider__fill{height:100%;background:var(--co-semantic-surface-primary);border-radius:var(--co-border-radius-full);transition:width var(--co-motion-duration-instant) var(--co-motion-ease-out)}.co-slider--disabled .co-slider__fill{background:var(--co-semantic-text-disabled)}.co-slider--error .co-slider__fill{background:var(--co-semantic-status-error)}.co-slider--success .co-slider__fill{background:var(--co-semantic-status-success)}.co-slider--warning .co-slider__fill{background:var(--co-color-status-review)}.co-slider__thumb{position:absolute;top:50%;width:20px;height:20px;border-radius:var(--co-border-radius-full);background:var(--co-semantic-surface-primary);border:2px solid var(--co-semantic-surface-secondary);box-shadow:var(--co-semantic-control-shadow, 0 1px 4px rgba(0,0,0,0.12));transform:translate(-50%, -50%);transition:box-shadow var(--co-motion-duration-fast) var(--co-motion-ease-out), transform var(--co-motion-duration-fast) var(--co-motion-ease-out);pointer-events:none}.co-slider--dragging .co-slider__thumb{transform:translate(-50%, -50%) scale(1.15);box-shadow:0 0 0 4px var(--co-semantic-border-focus-ring)}.co-slider--dragging .co-slider__fill{transition:none}.co-slider--disabled .co-slider__thumb{background:var(--co-semantic-text-disabled)}.co-slider--error .co-slider__thumb{background:var(--co-semantic-status-error)}.co-slider--success .co-slider__thumb{background:var(--co-semantic-status-success)}.co-slider--warning .co-slider__thumb{background:var(--co-color-status-review)}.co-slider__marks{display:flex;justify-content:space-between;padding:0 var(--co-spacing-xs)}.co-slider__mark{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-12);font-variant-numeric:tabular-nums}.co-slider__native{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;padding:0;margin:-1px}.co-slider__helper{display:flex;align-items:center;gap:var(--co-spacing-xs);padding:0 var(--co-spacing-xs)}.co-slider__helper-icon{flex-shrink:0;display:flex;align-items:center}.co-slider__helper-text{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14);font-weight:400;line-height:1}.co-slider__helper--error .co-slider__helper-icon,.co-slider__helper--error .co-slider__helper-text{color:var(--co-semantic-status-error)}.co-slider__helper--success .co-slider__helper-icon,.co-slider__helper--success .co-slider__helper-text{color:var(--co-semantic-status-success)}.co-slider__helper--warning .co-slider__helper-icon,.co-slider__helper--warning .co-slider__helper-text{color:var(--co-color-status-review)}.co-slider__helper--info .co-slider__helper-icon,.co-slider__helper--info .co-slider__helper-text{color:var(--co-semantic-status-info)}";export{c as co_slider}
+import{r as e,c as s,h as i,a as r}from"./p-DH5lfRNj.js";const t=class{constructor(i){e(this,i),this.coChange=s(this,"coChange",7),this.coInput=s(this,"coInput",7),this.status="default",this.value=0,this.min=0,this.max=100,this.step=1,this.disabled=!1,this.showValue=!0,this.showMarks=!1,this.dragging=!1,this.handlePointerDown=e=>{if(this.disabled)return;e.preventDefault(),this.dragging=!0;const s=this.valueFromEvent(e.clientX);this.value=s,this.coInput.emit(s);const i=e=>{const s=this.valueFromEvent(e.clientX);this.value=s,this.coInput.emit(s)},r=()=>{this.dragging=!1,this.coChange.emit(this.value),document.removeEventListener("pointermove",i),document.removeEventListener("pointerup",r)};document.addEventListener("pointermove",i),document.addEventListener("pointerup",r)},this.handleInputChange=e=>{const s=parseFloat(e.target.value);if(!isNaN(s)){const e=this.snap(s);this.value=e,this.coChange.emit(e)}}}get percentage(){const e=this.max-this.min;return e<=0?0:(this.value-this.min)/e*100}get statusIcon(){return{error:"warning-circle",success:"check-circle",warning:"warning",info:"info"}[this.status]||null}clamp(e){return Math.min(this.max,Math.max(this.min,e))}snap(e){const s=Math.round((e-this.min)/this.step);return this.clamp(this.min+s*this.step)}valueFromEvent(e){if(!this.trackEl)return this.value;const s=this.trackEl.getBoundingClientRect(),i=Math.max(0,Math.min(1,(e-s.left)/s.width));return this.snap(this.min+i*(this.max-this.min))}render(){const e=this.percentage;return i("div",{key:"9b0393d126f0951918b8579542019448949f8537",class:{"co-slider":!0,"co-slider--disabled":this.disabled,"co-slider--dragging":this.dragging,[`co-slider--${this.status}`]:"default"!==this.status}},(this.label||this.secondaryLabel||this.showValue)&&i("div",{key:"e5a6e71de571099179da3fff7fad8a49f4007b58",class:"co-slider__labels"},i("div",{key:"e2e7b16b04ab4405efefe3c706f0b17e554e3403",class:"co-slider__labels-left"},this.label&&i("label",{key:"5bfdab322661e6a4ff23c3f51b98f92beb7f71d2",class:"co-slider__label"},this.label),this.secondaryLabel&&i("span",{key:"badb1274cb50e9fd5aa4ffe0ecd2fcdf7e356ac5",class:"co-slider__secondary-label"},this.secondaryLabel)),this.showValue&&i("span",{key:"100c039646a494ab2311fe665dcca69ac373412c",class:"co-slider__value"},this.value)),i("div",{key:"cccc6eec3cb96c59fde0dd61f243b99d4dd906a5",class:"co-slider__track-wrapper",ref:e=>this.trackEl=e,onPointerDown:this.handlePointerDown},i("div",{key:"f2e4c77eaad6f282a8516cbecf658309d288e960",class:"co-slider__track"},i("div",{key:"a4b4e062c0f4fc63fe06c0f82635b7938d362872",class:"co-slider__fill",style:{width:`${e}%`}})),i("div",{key:"82aaafcee3e10dabda359e1633d3d43cb907efef",class:"co-slider__thumb",style:{left:`${e}%`}})),this.showMarks&&i("div",{key:"df196b5f77697d80ba347049252f06bd941210af",class:"co-slider__marks"},i("span",{key:"842cf8078d2ce44015bfff1ef5c6af9e81226c65",class:"co-slider__mark"},this.min),i("span",{key:"e9016d28e3cccb5422ee69fc420ffe8573261bb5",class:"co-slider__mark"},this.max)),i("input",{key:"e39cf4e0e392b19bbc69a8824b5304923690a111",class:"co-slider__native",type:"range",min:this.min,max:this.max,step:this.step,value:this.value,disabled:this.disabled,onInput:this.handleInputChange,"aria-label":this.label||"Slider"}),this.helperText&&i("div",{key:"8f63357fba596c559f7a8844588c7c95f85c7216",class:`co-slider__helper co-slider__helper--${this.status}`},this.statusIcon&&i("co-icon",{key:"bd3cb81a4b8e934f97db8520566f41094b4054be",name:this.statusIcon,size:14,weight:"fill",class:"co-slider__helper-icon"}),i("span",{key:"2840f87c55a9404b682b00be36f90807ba2e5cab",class:"co-slider__helper-text"},this.helperText)))}get el(){return r(this)}};t.style=":host{display:block;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14);line-height:1}.co-slider{display:flex;flex-direction:column;gap:var(--co-spacing-sm2)}.co-slider__labels{display:flex;align-items:center;justify-content:space-between;padding:0 var(--co-spacing-xs)}.co-slider__labels-left{display:flex;align-items:center;gap:var(--co-spacing-sm2)}.co-slider__label{color:var(--co-semantic-text-secondary);font-size:var(--co-font-size-14);font-weight:400;cursor:default}.co-slider__secondary-label{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14);font-weight:400}.co-slider__value{color:var(--co-semantic-text-default);font-size:var(--co-font-size-14);font-weight:500;font-variant-numeric:tabular-nums}.co-slider--disabled .co-slider__label,.co-slider--disabled .co-slider__secondary-label,.co-slider--disabled .co-slider__value{color:var(--co-semantic-text-disabled)}.co-slider__track-wrapper{position:relative;height:24px;display:flex;align-items:center;cursor:pointer;touch-action:none}.co-slider--disabled .co-slider__track-wrapper{cursor:not-allowed}.co-slider__track{width:100%;height:4px;background:var(--co-semantic-border-subtle);border-radius:var(--co-border-radius-full);overflow:hidden}.co-slider__fill{height:100%;background:var(--co-semantic-surface-primary);border-radius:var(--co-border-radius-full);transition:width var(--co-motion-duration-instant) var(--co-motion-ease-out)}.co-slider--disabled .co-slider__fill{background:var(--co-semantic-text-disabled)}.co-slider--error .co-slider__fill{background:var(--co-semantic-status-error)}.co-slider--success .co-slider__fill{background:var(--co-semantic-status-success)}.co-slider--warning .co-slider__fill{background:var(--co-color-status-review)}.co-slider__thumb{position:absolute;top:50%;width:20px;height:20px;border-radius:var(--co-border-radius-full);background:var(--co-semantic-surface-primary);border:2px solid var(--co-semantic-surface-secondary);box-shadow:var(--co-semantic-control-shadow, 0 1px 4px rgba(0,0,0,0.12));transform:translate(-50%, -50%);transition:box-shadow var(--co-motion-duration-fast) var(--co-motion-ease-out), transform var(--co-motion-duration-fast) var(--co-motion-ease-out);pointer-events:none}.co-slider--dragging .co-slider__thumb{transform:translate(-50%, -50%) scale(1.15);box-shadow:0 0 0 4px var(--co-semantic-border-focus-ring)}.co-slider--dragging .co-slider__fill{transition:none}.co-slider--disabled .co-slider__thumb{background:var(--co-semantic-text-disabled)}.co-slider--error .co-slider__thumb{background:var(--co-semantic-status-error)}.co-slider--success .co-slider__thumb{background:var(--co-semantic-status-success)}.co-slider--warning .co-slider__thumb{background:var(--co-color-status-review)}.co-slider__marks{display:flex;justify-content:space-between;padding:0 var(--co-spacing-xs)}.co-slider__mark{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-12);font-variant-numeric:tabular-nums}.co-slider__native{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;padding:0;margin:-1px}.co-slider__helper{display:flex;align-items:center;gap:var(--co-spacing-xs);padding:0 var(--co-spacing-xs)}.co-slider__helper-icon{flex-shrink:0;display:flex;align-items:center}.co-slider__helper-text{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14);font-weight:400;line-height:1}.co-slider__helper--error .co-slider__helper-icon,.co-slider__helper--error .co-slider__helper-text{color:var(--co-semantic-status-error)}.co-slider__helper--success .co-slider__helper-icon,.co-slider__helper--success .co-slider__helper-text{color:var(--co-semantic-status-success)}.co-slider__helper--warning .co-slider__helper-icon,.co-slider__helper--warning .co-slider__helper-text{color:var(--co-color-status-review)}.co-slider__helper--info .co-slider__helper-icon,.co-slider__helper--info .co-slider__helper-text{color:var(--co-semantic-status-info)}";export{t as co_slider}

package/dist/cobalt/p-gKnOhsd2.js

@@ -0,0 +1 @@
+const e={es:{uploadButton:"Cargar archivo",dropHint:"Arrastra y suelta archivos aquí",helperBoth:"Puedes subir hasta {n} archivos, cada uno hasta {x}",helperFiles:"Puedes subir hasta {n} archivos",helperBytes:"Cada archivo hasta {x}",uploadedTitle:"Archivos subidos",removeFile:"Eliminar archivo",copyUrl:"Copiar enlace",downloadFile:"Descargar",copied:"Copiado",dragToReorder:"Arrastra para reordenar",openPreview:"Abrir vista previa",playVideo:"Reproducir video",errInvalidFormat:"Formato no permitido: .{x}",errTooLarge:"Archivo demasiado grande: {x}",errMaxFiles:"Puedes subir hasta {n} archivos"},en:{uploadButton:"Upload file",dropHint:"Drag and drop files here",helperBoth:"You can upload up to {n} files, each up to {x}",helperFiles:"You can upload up to {n} files",helperBytes:"Each file up to {x}",uploadedTitle:"Uploaded files",removeFile:"Remove file",copyUrl:"Copy link",downloadFile:"Download",copied:"Copied",dragToReorder:"Drag to reorder",openPreview:"Open preview",playVideo:"Play video",errInvalidFormat:"Invalid format: .{x}",errTooLarge:"File too large: {x}",errMaxFiles:"You can upload up to {n} files"},pt:{uploadButton:"Carregar arquivo",dropHint:"Arraste e solte arquivos aqui",helperBoth:"Você pode enviar até {n} arquivos, cada um até {x}",helperFiles:"Você pode enviar até {n} arquivos",helperBytes:"Cada arquivo até {x}",uploadedTitle:"Arquivos enviados",removeFile:"Remover arquivo",copyUrl:"Copiar link",downloadFile:"Baixar",copied:"Copiado",dragToReorder:"Arraste para reordenar",openPreview:"Abrir pré-visualização",playVideo:"Reproduzir vídeo",errInvalidFormat:"Formato inválido: .{x}",errTooLarge:"Arquivo muito grande: {x}",errMaxFiles:"Você pode enviar até {n} arquivos"}};function r(e){const r=(e||"").toLowerCase();return r.startsWith("es")?"es":r.startsWith("pt")?"pt":"en"}function o(o){return e[r(o)]}function a(e,r){var o,a;return e.replace("{n}",String(null!==(o=r.n)&&void 0!==o?o:"")).replace("{x}",null!==(a=r.x)&&void 0!==a?a:"")}export{a as f,o as g,r as l}

package/dist/cobalt/p-jYd9gu_c.js

@@ -0,0 +1 @@
+const a={es:{prevMonth:"Mes anterior",nextMonth:"Mes siguiente",month:"Mes",week:"Semana",day:"Día",dateLabel:"Fecha",clearDate:"Limpiar fecha",today:"Hoy",yesterday:"Ayer",last7Days:"Últimos 7 días",last14Days:"Últimos 14 días",last30Days:"Últimos 30 días",last90Days:"Últimos 90 días",thisWeek:"Esta semana",thisMonth:"Este mes",lastMonth:"Mes pasado",thisYear:"Este año",lastYear:"Año pasado",custom:"Personalizado",apply:"Aplicar",cancel:"Cancelar",clear:"Limpiar",from:"Desde",to:"Hasta",selectDate:"Seleccionar fecha",setDate:"Establecer fecha",timeLabel:"Hora",selectDateTime:"Seleccionar fecha y hora",setDateTime:"Establecer fecha y hora",clearDateTime:"Limpiar fecha y hora",shortcuts:"Atajos",timeExact:"Hora exacta",done:"Listo",morning:"Mañana",noon:"Mediodía",afternoon:"Tarde",endOfDay:"Fin del día",now:"Ahora",hourLabel:"Hora",minuteLabel:"Minuto",dayPeriodLabel:"a. m./p. m.",timeFieldLabel:"Hora exacta"},en:{prevMonth:"Previous month",nextMonth:"Next month",month:"Month",week:"Week",day:"Day",dateLabel:"Date",clearDate:"Clear date",today:"Today",yesterday:"Yesterday",last7Days:"Last 7 days",last14Days:"Last 14 days",last30Days:"Last 30 days",last90Days:"Last 90 days",thisWeek:"This week",thisMonth:"This month",lastMonth:"Last month",thisYear:"This year",lastYear:"Last year",custom:"Custom",apply:"Apply",cancel:"Cancel",clear:"Clear",from:"From",to:"To",selectDate:"Select date",setDate:"Set date",timeLabel:"Time",selectDateTime:"Select date and time",setDateTime:"Set date and time",clearDateTime:"Clear date and time",shortcuts:"Shortcuts",timeExact:"Exact time",done:"Done",morning:"Morning",noon:"Noon",afternoon:"Afternoon",endOfDay:"End of day",now:"Now",hourLabel:"Hour",minuteLabel:"Minute",dayPeriodLabel:"AM/PM",timeFieldLabel:"Exact time"},pt:{prevMonth:"Mês anterior",nextMonth:"Próximo mês",month:"Mês",week:"Semana",day:"Dia",dateLabel:"Data",clearDate:"Limpar data",today:"Hoje",yesterday:"Ontem",last7Days:"Últimos 7 dias",last14Days:"Últimos 14 dias",last30Days:"Últimos 30 dias",last90Days:"Últimos 90 dias",thisWeek:"Esta semana",thisMonth:"Este mês",lastMonth:"Mês passado",thisYear:"Este ano",lastYear:"Ano passado",custom:"Personalizado",apply:"Aplicar",cancel:"Cancelar",clear:"Limpar",from:"De",to:"Até",selectDate:"Selecionar data",setDate:"Definir data",timeLabel:"Hora",selectDateTime:"Selecionar data e hora",setDateTime:"Definir data e hora",clearDateTime:"Limpar data e hora",shortcuts:"Atalhos",timeExact:"Hora exata",done:"Pronto",morning:"Manhã",noon:"Meio-dia",afternoon:"Tarde",endOfDay:"Fim do dia",now:"Agora",hourLabel:"Hora",minuteLabel:"Minuto",dayPeriodLabel:"AM/PM",timeFieldLabel:"Hora exata"}};function e(a){const e=(a||"").toLowerCase();return e.startsWith("es")?"es":e.startsWith("pt")?"pt":(e.startsWith("en"),"en")}function t(t){return a[e(t)]}export{t as g,e as l}

package/dist/collection/collection-manifest.json

@@ -89,6 +89,7 @@
     "components/co-tab-group/co-tab-group.js",
     "components/co-tags-field/co-tags-field.js",
     "components/co-textarea/co-textarea.js",
+    "components/co-time-field/co-time-field.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",

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

@@ -1,3 +1,88 @@
+/* squircle-surface.css — receta ÚNICA de superficie squircle (co-app-shell,
+   co-drawer, co-modal). Se @import-a desde el CSS del componente como PRIMER
+   statement (Stencil inlinea @import relativos; precedente co-select.css:3) y
+   el tsx agrega las clases. Spec: prolibu-front-v2/docs/superpowers/specs/
+   2026-09-02-suite-v2-intel-perf-remediation-design.md §7 (E1, E5).
+
+   Variables que declara CADA consumidor sobre el elemento (o un ancestro):
+     --co-sq-r            radio de esquina
+     --co-sq-shadow       box-shadow (rama Chromium ≥139, sigue el corner-shape)
+     --co-sq-drop-shadow  filter drop-shadow (fallback Safari/Firefox)
+   Conversión entre ambas: drop-shadow(x y σ) ≡ box-shadow x y 2σ.
+
+   Clases:
+     .co-sq-elevation           sombra que sigue la silueta squircle
+     .co-sq-clip                recorte superelíptico SIN máscara
+     .co-sq-elevation-fallback  SIEMPRE en un ancestro del .co-sq-clip: en el
+                                fallback la sombra es un `filter`, y `filter` se
+                                aplica antes que `mask` en el mismo elemento →
+                                la máscara la recortaría.
+
+   Reglas: (1) el componente NO redeclara border-radius / overflow / filter /
+   mask / box-shadow en esos elementos (una redeclaración posterior le gana al
+   partial por cascada; guard squircle-surface-guard.test.ts); (2)
+   .co-sq-elevation y .co-sq-clip pueden ir en el MISMO elemento (co-modal) o
+   en padre/hijo (shell, drawer); (3) `contain: layout` NO va acá: lo declara
+   cada componente donde E2/E20 lo piden.
+
+   Las 4 rutas SVG son una superelipse de exponente 4 = `corner-shape: squircle`
+   (superellipse(2)): misma silueta, error máx 1e-4 — a 14 px de radio la
+   diferencia con un círculo es ≤1.87 px en la punta. Sin `+2px` anti-costura en
+   la rama Chromium: sin máscara no hay costura posible (historia del hack: nota
+   de memoria cobalt-squircle-mask-seam). */
+
+.co-sq-elevation {
+  border-radius: var(--co-sq-r);
+  corner-shape: squircle;
+  box-shadow: var(--co-sq-shadow);
+}
+
+.co-sq-clip {
+  overflow: hidden;
+  border-radius: var(--co-sq-r);
+  corner-shape: squircle;
+}
+
+/* F2 (E1): Safari/Firefox = píxel-idéntico a la receta anterior (filter
+   drop-shadow en el ancestro + máscara de 6 capas en el clip). */
+@supports not (corner-shape: squircle) {
+  .co-sq-elevation {
+    box-shadow: none;
+  }
+
+  .co-sq-elevation-fallback {
+    filter: var(--co-sq-drop-shadow);
+  }
+
+  /* Declarado DESPUÉS de .co-sq-elevation a propósito: cuando ambas clases van
+     en el mismo elemento (co-modal) gana el radius 0 y la máscara define la
+     forma. 4 esquinas + cruz de 2 barras (H full-width, V full-height); las
+     barras van `calc(... + 2px)` para solapar cada esquina ~1px y evitar la
+     costura sub-píxel que flickeaba con el zoom. */
+  .co-sq-clip {
+    border-radius: 0;
+    --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>");
+    -webkit-mask:
+      var(--co-sq-tl) top left / var(--co-sq-r) var(--co-sq-r) no-repeat,
+      var(--co-sq-tr) top right / var(--co-sq-r) var(--co-sq-r) no-repeat,
+      var(--co-sq-bl) bottom left / var(--co-sq-r) var(--co-sq-r) no-repeat,
+      var(--co-sq-br) bottom right / var(--co-sq-r) var(--co-sq-r) no-repeat,
+      linear-gradient(#fff 0 0) center / 100% calc(100% - 2 * var(--co-sq-r) + 2px) no-repeat,
+      linear-gradient(#fff 0 0) center / calc(100% - 2 * var(--co-sq-r) + 2px) 100% no-repeat;
+            mask:
+      var(--co-sq-tl) top left / var(--co-sq-r) var(--co-sq-r) no-repeat,
+      var(--co-sq-tr) top right / var(--co-sq-r) var(--co-sq-r) no-repeat,
+      var(--co-sq-bl) bottom left / var(--co-sq-r) var(--co-sq-r) no-repeat,
+      var(--co-sq-br) bottom right / var(--co-sq-r) var(--co-sq-r) no-repeat,
+      linear-gradient(#fff 0 0) center / 100% calc(100% - 2 * var(--co-sq-r) + 2px) no-repeat,
+      linear-gradient(#fff 0 0) center / calc(100% - 2 * var(--co-sq-r) + 2px) 100% no-repeat;
+  }
+}
+
+
 :host {
   display: flex;
   height: 100vh;
@@ -129,55 +214,36 @@
   margin: var(--co-spacing-sm);
   margin-left: 0;
   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. */
+  /* E2: containing block + stacking context para los `position: fixed`
+     slotteados (co-fab, co-action-bar centrada en la card, uploads de Drive).
+     Antes lo daba el `filter: drop-shadow` — que se fue al partial y solo
+     existe en el fallback — y sin esto se re-anclarían al viewport. El Host ya
+     es overflow:hidden y .main no scrollea, así que el overflow "ink" que
+     introduce contain no cambia nada. */
+  contain: layout;
+  /* Squircle: receta en global/squircle-surface.css — .main lleva
+     .co-sq-elevation (+ .co-sq-elevation-fallback), .main__card lleva
+     .co-sq-clip. Radio: --co-shell-r se queda como knob público (co-drawer.css
+     lo hereda por el flat tree del slot). */
   --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>");
+  --co-sq-r: var(--co-shell-r);
+  /* Sombra: box-shadow (Chromium ≥139, sigue el corner-shape) / drop-shadow
+     (fallback). Overridables desde el host por custom property, NO por
+     ::part(main){filter} (eso reinstala el render surface con dos blurs por
+     frame). Conversión: drop-shadow(x y σ) ≡ box-shadow x y 2σ. */
+  --co-sq-shadow: var(--co-app-shell-shadow, 0 1px 4px rgba(31, 28, 27, 0.06), 0 10px 56px rgba(31, 28, 27, 0.12));
+  --co-sq-drop-shadow: var(--co-app-shell-drop-shadow, drop-shadow(0 1px 2px rgba(31, 28, 27, 0.06)) drop-shadow(0 10px 28px rgba(31, 28, 27, 0.12)));
 }
 
-/* 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. */
+/* The visible card: el recorte squircle lo da .co-sq-clip (partial). No
+   redeclarar overflow / border-radius / mask acá: le ganarían al partial por
+   orden de cascada. (Sin glass top-rim: el 1px blanco se leía como una línea
+   sobre el navbar oscuro; el borde de la card lo define la sombra de .main.) */
 .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: '7a45ab21e3ad256e25f05df33ad827931532c34a' }, h("aside", { key: '5ca5469a35e630b4ab01be23cae46efc43cb1519', class: "sidebar", part: "sidebar" }, h("div", { key: 'f4243197b46e67b4d632aa8abad803b07f471bb2', class: "sidebar__header", part: "sidebar-header" }, h("slot", { key: 'b609c8272c05f7e4cbb2c8ae1ab0c24430541f84', name: "sidebar-header" })), h("div", { key: '72ca1118e1eeb6b5f3467c16c82dac60c4dc4042', class: "sidebar__body", part: "sidebar-body" }, h("slot", { key: '48c65d150a4836996cf7406f32142bcb86e545df', name: "sidebar" })), h("div", { key: 'be09567b81d7abae1738decfd30b9b7b6edb47f2', class: "sidebar__footer", part: "sidebar-footer" }, h("slot", { key: 'd202466aa14916d7fd3be163a615ce1156151150', name: "sidebar-footer" }))), h("div", { key: 'd8b6f0cfdf0c4123b413d5d8bad78813fb7ba1a9', class: "main", part: "main" }, h("div", { key: '0efa85801eaa0cd339875ff4a1fd9cedcd715751', class: "main__card", part: "card" }, h("header", { key: 'befa647b3822ed055166c3e2da9aca9fb54c1204', class: "main__header", part: "header" }, h("slot", { key: 'b08034b07963d178f3b8e9cee16d3975f97a7b90', name: "navbar" })), h("main", { key: '3b0adfc33dd08b08fb2edf84a5f098c0ff7d1003', class: {
+        return (h(Host, { key: '7a45ab21e3ad256e25f05df33ad827931532c34a' }, h("aside", { key: '5ca5469a35e630b4ab01be23cae46efc43cb1519', class: "sidebar", part: "sidebar" }, h("div", { key: 'f4243197b46e67b4d632aa8abad803b07f471bb2', class: "sidebar__header", part: "sidebar-header" }, h("slot", { key: 'b609c8272c05f7e4cbb2c8ae1ab0c24430541f84', name: "sidebar-header" })), h("div", { key: '72ca1118e1eeb6b5f3467c16c82dac60c4dc4042', class: "sidebar__body", part: "sidebar-body" }, h("slot", { key: '48c65d150a4836996cf7406f32142bcb86e545df', name: "sidebar" })), h("div", { key: 'be09567b81d7abae1738decfd30b9b7b6edb47f2', class: "sidebar__footer", part: "sidebar-footer" }, h("slot", { key: 'd202466aa14916d7fd3be163a615ce1156151150', name: "sidebar-footer" }))), h("div", { key: 'e7d10070e45f3eec363c3206ba8858b55fae6270', class: "main co-sq-elevation co-sq-elevation-fallback", part: "main" }, h("div", { key: 'b3a78141a04b5592f20ce26a7da8a6e596c5a2bf', class: "main__card co-sq-clip", part: "card" }, h("header", { key: 'f9c8d6a6c42d143328d9062e49ab63904c7ba485', class: "main__header", part: "header" }, h("slot", { key: '42722bbc79a308258a89d43c0a9d7eafd0841b47', name: "navbar" })), h("main", { key: 'fd841d8a6010c4feb278ce6f7914591d145ad304', class: {
                 'main__content': true,
                 'main__content--card': this.contentCard,
-            }, part: "content" }, h("slot", { key: '4c38a0a04548bc6cd2cc04d9b3fb095f5548fdde' }))))));
+            }, part: "content" }, h("slot", { key: '03c35d1fa1c9f849aa235e5afc940c7f919371a8' }))))));
     }
     static get is() { return "co-app-shell"; }
     static get encapsulation() { return "shadow"; }

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

@@ -418,7 +418,7 @@ export class CoAutocomplete {
                     "references": {
                         "AutocompleteOption": {
                             "location": "local",
-                            "path": "/Users/agox/worktrees/cobalt-rel-20260827-tooltip/packages/core/src/components/co-autocomplete/co-autocomplete.tsx",
+                            "path": "/Users/agox/Documents/Prolibu/prolibu-cobalt/packages/core/src/components/co-autocomplete/co-autocomplete.tsx",
                             "id": "src/components/co-autocomplete/co-autocomplete.tsx::AutocompleteOption"
                         }
                     }

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

@@ -87,7 +87,7 @@ export class CoAvatarGroup {
                     "references": {
                         "CoAvatarGroupItem": {
                             "location": "local",
-                            "path": "/Users/agox/worktrees/cobalt-rel-20260827-tooltip/packages/core/src/components/co-avatar-group/co-avatar-group.tsx",
+                            "path": "/Users/agox/Documents/Prolibu/prolibu-cobalt/packages/core/src/components/co-avatar-group/co-avatar-group.tsx",
                             "id": "src/components/co-avatar-group/co-avatar-group.tsx::CoAvatarGroupItem"
                         }
                     }

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

@@ -20,3 +20,21 @@
 .co-badge--error   { background: var(--co-semantic-status-error); }
 .co-badge--warning { background: var(--co-semantic-status-warning); }
 .co-badge--info    { background: var(--co-semantic-status-info); }
+
+/* ─── POP DE ENTRADA (opt-in via prop `animated`) ────────────── */
+.co-badge--animated {
+  animation: co-badge-pop var(--co-motion-duration-slower) var(--co-motion-ease-spring) both;
+}
+
+@keyframes co-badge-pop {
+  from {
+    transform: scale(0);
+    opacity: 0;
+    filter: blur(var(--co-motion-blur-sm));
+  }
+  to {
+    transform: scale(1);
+    opacity: 1;
+    filter: none;
+  }
+}

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

@@ -8,12 +8,20 @@ export class CoBadge {
         this.size = 'large';
         /** Color — maps to semantic status tokens */
         this.color = 'default';
+        /**
+         * Pop de entrada al montar (spring + blur). Opt-in: un badge estático no
+         * debe animar al render. El host activa `animated` solo donde el énfasis
+         * de entrada se desea; un remonte por `:key` re-popea — comportamiento
+         * aceptado, no una regresión.
+         */
+        this.animated = false;
     }
     render() {
-        return (h("span", { key: 'f0a6e6e5bd63a5ce3ffac291312880ab7baad1be', class: {
+        return (h("span", { key: '18cea751b9be9ae4712f931ab11e00f87adb353a', class: {
                 'co-badge': true,
                 [`co-badge--${this.size}`]: true,
                 [`co-badge--${this.color}`]: true,
+                'co-badge--animated': this.animated,
             }, part: "badge" }));
     }
     static get is() { return "co-badge"; }
@@ -69,6 +77,26 @@ export class CoBadge {
                 "reflect": false,
                 "attribute": "color",
                 "defaultValue": "'default'"
+            },
+            "animated": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Pop de entrada al montar (spring + blur). Opt-in: un badge est\u00E1tico no\ndebe animar al render. El host activa `animated` solo donde el \u00E9nfasis\nde entrada se desea; un remonte por `:key` re-popea \u2014 comportamiento\naceptado, no una regresi\u00F3n."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "animated",
+                "defaultValue": "false"
             }
         };
     }

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

@@ -27,8 +27,8 @@
     background var(--co-motion-duration-fast) var(--co-motion-ease-out),
     transform var(--co-motion-duration-fast) var(--co-motion-ease-out);
   box-sizing: border-box;
-  -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));
+  -webkit-backdrop-filter: var(--co-glass-filter, blur(var(--co-glass-blur)) saturate(var(--co-glass-saturate)));
+          backdrop-filter: var(--co-glass-filter, blur(var(--co-glass-blur)) saturate(var(--co-glass-saturate)));
 }
 
 /* ─── VARIANTS ─────────────────────────────────────────────── */
@@ -139,8 +139,8 @@
 }
 .co-button--ghost:hover:not(:disabled) {
   background: color-mix(in srgb, var(--co-semantic-surface-hover) 60%, 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));
+  -webkit-backdrop-filter: var(--co-glass-filter, blur(var(--co-glass-blur)) saturate(var(--co-glass-saturate)));
+          backdrop-filter: var(--co-glass-filter, blur(var(--co-glass-blur)) saturate(var(--co-glass-saturate)));
 }
 .co-button--danger:hover:not(:disabled),
 .co-button--success:hover:not(:disabled) {

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

@@ -70,10 +70,14 @@
 }
 
 /* ─── UNCHECKED ─────────────────────────────────────────────── */
+/* Sin backdrop-filter (D2, spec intel-perf §7 C3): un checkbox vive sobre un
+   fondo UNIFORME (fila blanca/hover/seleccionada, card kanban, form, isla) y
+   blur() de un color constante es la identidad; saturate(1.3) sobre neutros
+   queda sub-JND. Cada uno pagaba capa + render surface + read-back + máscara
+   redondeada (≈41 por datatable). La translucidez se queda (gratis: sigue el
+   tinte de la fila). Frost real solo en appearance="overlay", más abajo. */
 .co-checkbox:not(.co-checkbox--checked) {
   background: color-mix(in srgb, var(--co-semantic-surface-secondary) 35%, 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 color-mix(in srgb, var(--co-semantic-border-default) 75%, transparent);
 }
 
@@ -117,11 +121,16 @@
   border-radius: 6px;
 }
 
-/* Unchecked → frosted white chip with a hairline inset border */
+/* Unchecked → frosted white chip with a hairline inset border. El frost es
+   EXPLÍCITO acá (antes lo heredaba de la regla unchecked genérica, que ya no
+   lo trae): sobre un thumbnail de Drive SÍ hay imagen que esmerilar. Encadenado
+   a --co-glass-filter (none = opt-out / reduced-transparency). */
 .co-checkbox--overlay:not(.co-checkbox--checked):not(.co-checkbox--indeterminate) {
   background: rgba(255, 255, 255, 0.9);
   box-shadow: inset 0 0 0 1px var(--co-color-opacity-negro-16, rgba(31, 28, 27, 0.16));
   border: none;
+  -webkit-backdrop-filter: var(--co-glass-filter, blur(var(--co-glass-blur)) saturate(var(--co-glass-saturate)));
+          backdrop-filter: var(--co-glass-filter, blur(var(--co-glass-blur)) saturate(var(--co-glass-saturate)));
 }
 
 /* Checked / indeterminate → solid accent fill (overridable via the on-color prop) */

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

@@ -42,18 +42,18 @@ export class CoCheckbox {
         const isOn = this.checked || this.indeterminate;
         // Only override the fill when a custom color is provided AND the box is "on".
         // Leaving this undefined keeps the default appearance byte-identical to before.
-        const boxStyle = this.onColor && isOn ? { background: this.onColor } : undefined;
-        return (h("div", { key: 'caf200e3c53efa2a00d28db0e149da953e4432da', class: {
+        const boxStyle = this.checkedColor && isOn ? { background: this.checkedColor } : undefined;
+        return (h("div", { key: 'ba8053a262557bdfc35e16d743158b26e1783932', class: {
                 'co-checkbox-row': true,
                 'co-checkbox-row--disabled': this.disabled,
-            }, onClick: this.handleClick }, h("span", { key: 'a8fe01958d81587129f304ce33f1f5fef882dd9f', role: "checkbox", "aria-checked": this.indeterminate ? 'mixed' : String(this.checked), "aria-label": this.label || '', "aria-disabled": this.disabled ? 'true' : undefined, tabIndex: this.disabled ? -1 : 0, onKeyDown: this.handleKeyDown, class: {
+            }, onClick: this.handleClick }, h("span", { key: 'fa4f7cddb61bce3636c949bba3b3cd0b681d3744', role: "checkbox", "aria-checked": this.indeterminate ? 'mixed' : String(this.checked), "aria-label": this.label || '', "aria-disabled": this.disabled ? 'true' : undefined, tabIndex: this.disabled ? -1 : 0, onKeyDown: this.handleKeyDown, class: {
                 'co-checkbox': true,
                 [`co-checkbox--${this.size}`]: true,
                 'co-checkbox--overlay': isOverlay,
                 'co-checkbox--checked': this.checked && !this.indeterminate,
                 'co-checkbox--indeterminate': this.indeterminate,
                 'co-checkbox--disabled': this.disabled,
-            }, style: boxStyle, part: "box" }, h("svg", { key: 'd9ea60be2c2e58c227aeca8ae3b8e8f459f3522d', class: "co-checkbox__glyph", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true" }, h("path", { key: 'd25f835b95a2200d44b5e4afdeb727d758e0650f', class: "co-checkbox__check", d: "M3.5 8.5l3 3 6-6.5", pathLength: "1", "stroke-linecap": "round", "stroke-linejoin": "round" }), h("path", { key: 'b7a043b9910736a8bdd15720fd7857c01250086d', class: "co-checkbox__dash", d: "M3 8h10", pathLength: "1", "stroke-linecap": "round" }))), this.label && (h("span", { key: '2e256fb7fd1515bf9dbe3dc380a0d7d09d5347ac', class: "co-checkbox__label", part: "label" }, this.label))));
+            }, style: boxStyle, part: "box" }, h("svg", { key: '3eb81bcb492a7ef932538542ddb37cb0143596e4', class: "co-checkbox__glyph", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true" }, h("path", { key: '1affb22b56c8a907d5c98bd4bba88dc52d19fb76', class: "co-checkbox__check", d: "M3.5 8.5l3 3 6-6.5", pathLength: "1", "stroke-linecap": "round", "stroke-linejoin": "round" }), h("path", { key: 'ad29a5205bc73f358333f648847e34ceedcb9800', class: "co-checkbox__dash", d: "M3 8h10", pathLength: "1", "stroke-linecap": "round" }))), this.label && (h("span", { key: '09b729390669959e52c78a54b426b56c22267bde', class: "co-checkbox__label", part: "label" }, this.label))));
     }
     static get is() { return "co-checkbox"; }
     static get encapsulation() { return "shadow"; }
@@ -188,7 +188,7 @@ export class CoCheckbox {
                 "attribute": "value",
                 "defaultValue": "''"
             },
-            "onColor": {
+            "checkedColor": {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
@@ -205,7 +205,7 @@ export class CoCheckbox {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
-                "attribute": "on-color"
+                "attribute": "checked-color"
             },
             "appearance": {
                 "type": "string",

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

@@ -112,11 +112,9 @@
   border-radius: var(--co-spacing-sm);
 }
 
-/* unchecked */
+/* unchecked — sin backdrop-filter (D2): fondo uniforme, blur inerte. */
 .co-checkbox-group__box:not(.co-checkbox-group__box--checked) {
   background: color-mix(in srgb, var(--co-semantic-surface-secondary) 35%, 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);
 }
 

package/dist/collection/components/co-checkbox-group/co-checkbox-group.js

@@ -231,7 +231,7 @@ export class CoCheckboxGroup {
                     "references": {
                         "CheckboxOption": {
                             "location": "local",
-                            "path": "/Users/agox/worktrees/cobalt-rel-20260827-tooltip/packages/core/src/components/co-checkbox-group/co-checkbox-group.tsx",
+                            "path": "/Users/agox/Documents/Prolibu/prolibu-cobalt/packages/core/src/components/co-checkbox-group/co-checkbox-group.tsx",
                             "id": "src/components/co-checkbox-group/co-checkbox-group.tsx::CheckboxOption"
                         }
                     }