@prolibu-suite/cobalt-core 0.11.0 → 0.11.2

package/dist/cjs/co-checkbox.cjs.entry.js

@@ -57,18 +57,18 @@ const CoCheckbox = class {
         // 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.checkedColor && isOn ? { background: this.checkedColor } : undefined;
-        return (index.h("div", { key: '9de8d31f441ffebc9b7aeafeb8ad3309b223c70a', class: {
+        return (index.h("div", { key: '9e2c38b7ae4421165cf8ebea81516a91478b99a1', class: {
                 'co-checkbox-row': true,
                 'co-checkbox-row--disabled': this.disabled,
                 'co-checkbox-row--label-xs': this.labelSize === 'xs',
-            }, onClick: this.handleClick }, index.h("span", { key: 'a8a05c66edf39223dc670f998a526e0fe48fad52', role: "checkbox", "aria-checked": this.indeterminate ? 'mixed' : String(this.checked), "aria-label": this.label || this.ariaLabelText || '', "aria-disabled": this.disabled ? 'true' : undefined, tabIndex: this.disabled ? -1 : 0, onKeyDown: this.handleKeyDown, class: {
+            }, onClick: this.handleClick }, index.h("span", { key: '6d7d00ff7624068dda50673b75844f7ac338c6e9', role: "checkbox", "aria-checked": this.indeterminate ? 'mixed' : String(this.checked), "aria-label": this.label || this.ariaLabelText || '', "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" }, index.h("svg", { key: '45c59e90ec645d1a7585cc78acc932dc4779da05', class: "co-checkbox__glyph", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true" }, index.h("path", { key: 'e764cbd5543edab329bc41a55946d6d12d33985a', class: "co-checkbox__check", d: "M3.5 8.5l3 3 6-6.5", pathLength: "1", "stroke-linecap": "round", "stroke-linejoin": "round" }), index.h("path", { key: 'eb20f21d61965c7be426bac5e819e665f58d9549', class: "co-checkbox__dash", d: "M3 8h10", pathLength: "1", "stroke-linecap": "round" }))), this.label && (index.h("span", { key: '4b7b06bab99f6181ce5670c2bfb694a3ff7fd249', class: "co-checkbox__label", part: "label" }, this.label))));
+            }, style: boxStyle, part: "box" }, index.h("svg", { key: '2c6377c45aa39658fe85d399d812fb7f32d0a51b', class: "co-checkbox__glyph", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true" }, index.h("path", { key: '0f754ffa9b90acc943bcb9ec354a27596b4b3532', class: "co-checkbox__check", d: "M3.5 8.5l3 3 6-6.5", pathLength: "1", "stroke-linecap": "round", "stroke-linejoin": "round" }), index.h("path", { key: 'beca1dff6db4a2eae3c7c2c25dcd10061fae5f31', class: "co-checkbox__dash", d: "M3 8h10", pathLength: "1", "stroke-linecap": "round" }))), this.label && (index.h("span", { key: '28f0916e57c3377040ebeb2a901ba1dec491f580', class: "co-checkbox__label", part: "label" }, this.label))));
     }
 };
 CoCheckbox.style = coCheckboxCss();

package/dist/cjs/co-chip_2.cjs.entry.js

@@ -5,7 +5,7 @@ var normalizeText = require('./normalizeText-D9rlJWZa.js');
 var overlayScroll = require('./overlayScroll-ifzDNeyb.js');
 require('./overlayscrollbars-BlBHo2Xx.js');
 
-const coChipCss = () => `:host{display:inline-flex;max-width:var(--co-chip-max-width, none)}.co-chip{display:inline-flex;align-items:center;justify-content:center;font-family:var(--co-font-family-primary);font-weight:400;line-height:1;letter-spacing:var(--co-font-letter-spacing-body);white-space:nowrap;box-sizing:border-box;-webkit-font-smoothing:antialiased;max-width:100%;overflow:hidden;border:1px solid transparent;transition:background var(--co-motion-duration-fast) var(--co-motion-ease-out), border-color var(--co-motion-duration-fast) var(--co-motion-ease-out), opacity var(--co-motion-duration-fast) var(--co-motion-ease-out), box-shadow var(--co-motion-duration-fast) var(--co-motion-ease-out);cursor:default;margin:0;padding:0}button.co-chip{cursor:pointer;outline:none}button.co-chip:focus-visible{box-shadow:0 0 0 2px var(--co-semantic-border-focus-ring)}.co-chip__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.co-chip__value{color:var(--co-chip-value-color, var(--co-color-gray-500, #888888))}.co-chip--filled{background:var(--co-chip-bg, var(--co-semantic-surface-muted));color:var(--co-chip-color, var(--co-semantic-text-default));border-color:var(--co-chip-border, transparent)}.co-chip--filled.co-chip--clickable:hover:not(.co-chip--disabled){background:var(--co-color-opacity-negro-8, rgba(0, 0, 0, 0.08))}.co-chip--filled.co-chip--clickable:active:not(.co-chip--disabled){opacity:0.85}.co-chip--filled.co-chip--primary{background:var(--co-semantic-surface-primary);color:var(--co-semantic-on-primary)}.co-chip--filled.co-chip--primary.co-chip--clickable:hover:not(.co-chip--disabled){background:var(--co-semantic-surface-primary);opacity:0.85}.co-chip--filled.co-chip--success{background:var(--co-semantic-status-success);color:#fff}.co-chip--filled.co-chip--error{background:var(--co-semantic-status-error);color:#fff}.co-chip--filled.co-chip--warning{background:var(--co-color-status-review);color:#fff}.co-chip--filled.co-chip--info{background:var(--co-semantic-status-info);color:#fff}.co-chip--filled.co-chip--pending{background:var(--co-color-status-pending);color:#fff}.co-chip--filled.co-chip--progress{background:var(--co-color-status-progress);color:#fff}.co-chip--filled.co-chip--review{background:var(--co-color-status-review);color:#fff}.co-chip--filled.co-chip--submitted{background:var(--co-color-status-submitted);color:#fff}.co-chip--outlined{background:transparent;color:var(--co-semantic-text-default);border-color:var(--co-semantic-border-default)}.co-chip--outlined.co-chip--clickable:hover:not(.co-chip--disabled){background:var(--co-semantic-surface-hover)}.co-chip--outlined.co-chip--clickable:active:not(.co-chip--disabled){background:var(--co-semantic-surface-muted)}.co-chip--outlined.co-chip--primary{color:var(--co-semantic-surface-primary);border-color:var(--co-semantic-surface-primary)}.co-chip--outlined.co-chip--success{color:var(--co-semantic-status-success);border-color:var(--co-semantic-status-success)}.co-chip--outlined.co-chip--error{color:var(--co-semantic-status-error);border-color:var(--co-semantic-status-error)}.co-chip--outlined.co-chip--warning{color:var(--co-color-status-review);border-color:var(--co-color-status-review)}.co-chip--outlined.co-chip--info{color:var(--co-semantic-status-info);border-color:var(--co-semantic-status-info)}.co-chip--filled.co-chip--selected{box-shadow:inset 0 0 0 1px rgba(255, 255, 255, 0.3)}.co-chip--outlined.co-chip--selected{background:var(--co-semantic-surface-muted);border-width:2px}.co-chip--disabled{opacity:0.4;cursor:not-allowed;pointer-events:none}button.co-chip--disabled{pointer-events:auto;}.co-chip--large{font-size:var(--co-font-size-12)}.co-chip--large.co-chip--icon-none{padding:var(--co-spacing-sm) var(--co-spacing-sm2);gap:0}.co-chip--large.co-chip--icon-left{padding:var(--co-spacing-xs) var(--co-spacing-sm2) var(--co-spacing-xs) var(--co-spacing-sm);gap:var(--co-spacing-sm)}.co-chip--large.co-chip--icon-right{padding:var(--co-spacing-xs) var(--co-spacing-xs) var(--co-spacing-xs) var(--co-spacing-sm2);gap:var(--co-spacing-sm)}.co-chip--large.co-chip--icon-both{padding:var(--co-spacing-xs);gap:var(--co-spacing-sm)}.co-chip--small{font-size:var(--co-font-size-10)}.co-chip--small.co-chip--icon-none{padding:var(--co-spacing-xs) var(--co-spacing-sm);gap:0}.co-chip--small.co-chip--icon-left{padding:var(--co-spacing-xs) var(--co-spacing-sm) var(--co-spacing-xs) var(--co-spacing-xs);gap:var(--co-spacing-xs)}.co-chip--small.co-chip--icon-right{padding:var(--co-spacing-xs) var(--co-spacing-xs) var(--co-spacing-xs) var(--co-spacing-sm);gap:var(--co-spacing-xs)}.co-chip--small.co-chip--icon-both{padding:var(--co-spacing-xs);gap:var(--co-spacing-xs)}.co-chip--rounded{border-radius:var(--co-border-radius-full)}.co-chip--square{border-radius:var(--co-spacing-sm)}.co-chip__icon-left,.co-chip__icon-right,.co-chip__dot,.co-chip__trailing{display:inline-flex;flex-shrink:0;align-items:center}.co-chip__trailing{color:var(--co-chip-trailing-color, currentColor)}.co-chip--large .co-chip__icon-left,.co-chip--large .co-chip__icon-right,.co-chip--large .co-chip__dot{width:16px;height:16px}.co-chip--small .co-chip__icon-left,.co-chip--small .co-chip__icon-right,.co-chip--small .co-chip__dot{width:10px;height:10px}.co-chip__remove{display:inline-flex;flex-shrink:0;align-items:center;cursor:pointer;opacity:1;transition:opacity var(--co-motion-duration-fast) var(--co-motion-ease-out);border:none;background:transparent;padding:0;color:inherit}.co-chip__remove:hover{opacity:0.7}.co-chip--large .co-chip__remove{width:16px;height:16px}.co-chip--small .co-chip__remove{width:10px;height:10px}::slotted(*){display:inline-flex;width:100%;height:100%}.co-chip.co-chip--filter{height:34px;padding:0 12px;gap:7px;font-size:13.5px;border-radius:var(--co-border-radius-full);background:var(--co-color-base-blanco, #fff);color:var(--co-color-base-negro, #1f1c1b);border-color:transparent;box-shadow:inset 0 0 0 1px var(--co-color-opacity-negro-16, rgba(0, 0, 0, 0.16))}.co-chip--filter .co-chip__icon-left{color:var(--co-color-gray-500, #888888)}.co-chip--filter .co-chip__trailing{color:var(--co-color-gray-400, #a0a0a0)}.co-chip--filter.co-chip--clickable:hover:not(.co-chip--disabled){box-shadow:inset 0 0 0 1px var(--co-color-opacity-negro-25, rgba(0, 0, 0, 0.25))}.co-chip--filter.co-chip--clickable:active:not(.co-chip--disabled){background:var(--co-color-gray-100, #f6f6f6)}.co-chip--filter.co-chip--selected{background:var(--co-color-gray-100, #f6f6f6)}`;
+const coChipCss = () => `:host{display:inline-flex;max-width:var(--co-chip-max-width, none)}.co-chip{display:inline-flex;align-items:center;justify-content:center;font-family:var(--co-font-family-primary);font-weight:400;line-height:1;letter-spacing:var(--co-font-letter-spacing-body);white-space:nowrap;box-sizing:border-box;-webkit-font-smoothing:antialiased;max-width:100%;overflow:hidden;border:1px solid transparent;transition:background var(--co-motion-duration-fast) var(--co-motion-ease-out), border-color var(--co-motion-duration-fast) var(--co-motion-ease-out), opacity var(--co-motion-duration-fast) var(--co-motion-ease-out), box-shadow var(--co-motion-duration-fast) var(--co-motion-ease-out);cursor:default;margin:0;padding:0}button.co-chip{cursor:pointer;outline:none}button.co-chip:focus-visible{box-shadow:0 0 0 2px var(--co-semantic-border-focus-ring)}.co-chip__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.co-chip__value{color:var(--co-chip-value-color, var(--co-color-gray-500, #888888))}.co-chip--filled{background:var(--co-chip-bg, var(--co-semantic-surface-muted));color:var(--co-chip-color, var(--co-semantic-text-default));border-color:var(--co-chip-border, transparent)}.co-chip--filled.co-chip--clickable:hover:not(.co-chip--disabled){background:var(--co-color-opacity-negro-8, rgba(0, 0, 0, 0.08))}.co-chip--filled.co-chip--clickable:active:not(.co-chip--disabled){opacity:0.85}.co-chip--filled.co-chip--primary{background:var(--co-semantic-surface-primary);color:var(--co-semantic-on-primary)}.co-chip--filled.co-chip--primary.co-chip--clickable:hover:not(.co-chip--disabled){background:var(--co-semantic-surface-primary);opacity:0.85}.co-chip--filled.co-chip--success{background:var(--co-semantic-status-success);color:#fff}.co-chip--filled.co-chip--error{background:var(--co-semantic-status-error);color:#fff}.co-chip--filled.co-chip--warning{background:var(--co-color-status-review);color:#fff}.co-chip--filled.co-chip--info{background:var(--co-semantic-status-info);color:#fff}.co-chip--filled.co-chip--pending{background:var(--co-color-status-pending);color:#fff}.co-chip--filled.co-chip--progress{background:var(--co-color-status-progress);color:#fff}.co-chip--filled.co-chip--review{background:var(--co-color-status-review);color:#fff}.co-chip--filled.co-chip--submitted{background:var(--co-color-status-submitted);color:#fff}.co-chip--outlined{background:transparent;color:var(--co-semantic-text-default);border-color:var(--co-semantic-border-default)}.co-chip--outlined.co-chip--clickable:hover:not(.co-chip--disabled){background:var(--co-semantic-surface-hover)}.co-chip--outlined.co-chip--clickable:active:not(.co-chip--disabled){background:var(--co-semantic-surface-muted)}.co-chip--outlined.co-chip--primary{color:var(--co-semantic-surface-primary);border-color:var(--co-semantic-surface-primary)}.co-chip--outlined.co-chip--success{color:var(--co-semantic-status-success);border-color:var(--co-semantic-status-success)}.co-chip--outlined.co-chip--error{color:var(--co-semantic-status-error);border-color:var(--co-semantic-status-error)}.co-chip--outlined.co-chip--warning{color:var(--co-color-status-review);border-color:var(--co-color-status-review)}.co-chip--outlined.co-chip--info{color:var(--co-semantic-status-info);border-color:var(--co-semantic-status-info)}.co-chip--filled.co-chip--selected{box-shadow:inset 0 0 0 1px rgba(255, 255, 255, 0.3)}.co-chip--outlined.co-chip--selected{background:var(--co-semantic-surface-muted);border-width:2px}.co-chip--disabled{opacity:0.4;cursor:not-allowed;pointer-events:none}button.co-chip--disabled{pointer-events:auto;}.co-chip--large{font-size:var(--co-font-size-12)}.co-chip--large.co-chip--icon-none{padding:var(--co-spacing-sm) var(--co-spacing-sm2);gap:0}.co-chip--large.co-chip--icon-left{padding:var(--co-spacing-xs) var(--co-spacing-sm2) var(--co-spacing-xs) var(--co-spacing-sm);gap:var(--co-spacing-sm)}.co-chip--large.co-chip--icon-right{padding:var(--co-spacing-xs) var(--co-spacing-xs) var(--co-spacing-xs) var(--co-spacing-sm2);gap:var(--co-spacing-sm)}.co-chip--large.co-chip--icon-both{padding:var(--co-spacing-xs);gap:var(--co-spacing-sm)}.co-chip--small{font-size:var(--co-font-size-10)}.co-chip--small.co-chip--icon-none{padding:var(--co-spacing-xs) var(--co-spacing-sm);gap:0}.co-chip--small.co-chip--icon-left{padding:var(--co-spacing-xs) var(--co-spacing-sm) var(--co-spacing-xs) var(--co-spacing-xs);gap:var(--co-spacing-xs)}.co-chip--small.co-chip--icon-right{padding:var(--co-spacing-xs) var(--co-spacing-xs) var(--co-spacing-xs) var(--co-spacing-sm);gap:var(--co-spacing-xs)}.co-chip--small.co-chip--icon-both{padding:var(--co-spacing-xs);gap:var(--co-spacing-xs)}.co-chip--rounded{border-radius:var(--co-border-radius-full)}.co-chip--square{border-radius:var(--co-spacing-sm)}.co-chip__icon-left,.co-chip__icon-right,.co-chip__dot,.co-chip__trailing{display:inline-flex;flex-shrink:0;align-items:center}.co-chip__trailing{color:var(--co-chip-trailing-color, currentColor)}.co-chip--large .co-chip__icon-left,.co-chip--large .co-chip__icon-right,.co-chip--large .co-chip__dot{width:16px;height:16px}.co-chip--small .co-chip__icon-left,.co-chip--small .co-chip__icon-right,.co-chip--small .co-chip__dot{width:10px;height:10px}.co-chip__remove{display:inline-flex;flex-shrink:0;align-items:center;cursor:pointer;opacity:1;transition:opacity var(--co-motion-duration-fast) var(--co-motion-ease-out);border:none;background:transparent;padding:0;color:inherit}.co-chip__remove:hover{opacity:0.7}.co-chip--large .co-chip__remove{width:16px;height:16px}.co-chip--small .co-chip__remove{width:10px;height:10px}::slotted(*){display:inline-flex;width:100%;height:100%}.co-chip.co-chip--filter{height:34px;padding:0 12px;gap:7px;font-size:13.5px;border-radius:var(--co-border-radius-full);background:var(--co-semantic-surface-page, #fff);color:var(--co-semantic-text-default, #1f1c1b);border-color:transparent;box-shadow:inset 0 0 0 1px var(--co-semantic-border-default, rgba(0, 0, 0, 0.16))}.co-chip--filter .co-chip__icon-left{color:var(--co-semantic-text-muted, #888888)}.co-chip--filter .co-chip__trailing{color:var(--co-color-gray-400, #a0a0a0)}.co-chip--filter.co-chip--clickable:hover:not(.co-chip--disabled){box-shadow:inset 0 0 0 1px var(--co-semantic-border-field, rgba(0, 0, 0, 0.25))}.co-chip--filter.co-chip--clickable:active:not(.co-chip--disabled){background:var(--co-semantic-surface-disabled, #f6f6f6)}.co-chip--filter.co-chip--selected{background:var(--co-semantic-surface-disabled, #f6f6f6)}`;
 
 const CoChip = class {
     constructor(hostRef) {
@@ -76,7 +76,7 @@ const CoChip = class {
         else
             effectiveIconMode = 'none';
         const Tag = this.clickable ? 'button' : 'div';
-        return (index.h(Tag, { key: '00d8eb125566907af12d288037c9b6129609857f', class: {
+        return (index.h(Tag, { key: 'a0fef13e5a67b2d8c1ac96576d1f75f5187c70cb', class: {
                 'co-chip': true,
                 [`co-chip--${this.shape}`]: true,
                 [`co-chip--${this.size}`]: true,
@@ -86,7 +86,7 @@ const CoChip = class {
                 'co-chip--clickable': this.clickable,
                 'co-chip--disabled': this.disabled,
                 'co-chip--selected': this.selected,
-            }, part: "chip", type: this.clickable ? 'button' : undefined, disabled: this.clickable ? this.disabled : undefined, onClick: this.handleClick }, this.dot && (index.h("span", { key: 'f9df52bcd104f452ae56aaff384c434eebab7bf8', class: "co-chip__dot", part: "dot", style: this.dotColor ? { color: this.dotColor } : undefined }, index.h("co-icon", { key: 'f50c4eb609c7302eb7cda669d8b560a8193aa9a0', name: "circle", size: iconSize, weight: "fill" }))), this.iconLeft && !hasLeftSlot && (index.h("span", { key: 'a068106737290e16d4ffb0d2b2fdb26562f64987', class: "co-chip__icon-left", part: "icon-left" }, index.h("co-icon", { key: '4f1631db1c7348ae0732574e01b3d5690c5a37c2', name: this.iconLeft, size: iconSize, weight: this.iconWeight }))), hasLeftSlot && (index.h("span", { key: '10d132f52ad0c32f09c02d3917f3f5af689ff453', class: "co-chip__icon-left", part: "icon-left" }, index.h("slot", { key: '0194d3829fcbd9141672d0f63e5a60ee147d154b', name: "icon-left" }))), index.h("span", { key: 'ee278a1de261e142819f8d3d32b8de45435b41b1', class: "co-chip__label" }, index.h("slot", { key: 'e28bf7aa97b05669fef495f81373064a3e061736' }, this.label), this.valueLabel != null && this.valueLabel !== '' && (index.h("span", { key: '2436fe42a2373a8edce158b8930bcd9f990abb04', class: "co-chip__value", part: "value" }, `: ${this.valueLabel}`))), this.iconRight && !hasRightSlot && !this.removable && (index.h("span", { key: '84f726d0b004faff58f75a07efdc5162e0669b78', class: "co-chip__icon-right", part: "icon-right" }, index.h("co-icon", { key: '5468eda2f54efc471bd36b1b2544088092d3c97b', name: this.iconRight, size: iconSize, weight: this.iconWeight }))), hasRightSlot && (index.h("span", { key: 'd5fcdba05a10556d915b60abbb5a8bc67a663860', class: "co-chip__icon-right", part: "icon-right" }, index.h("slot", { key: 'e04de9508615a06bd232db11720d9f540ec35a0f', name: "icon-right" }))), this.removable && (index.h("span", { key: '37fe709e4d60790707c2dc88693d4b09523d6516', class: "co-chip__remove", part: "remove", role: "button", tabIndex: this.disabled ? -1 : 0, onClick: this.handleRemove, "aria-label": "Remove" }, index.h("co-icon", { key: '1a9e734ebd80193f2a79a2f9a2339a17d77c7e49', name: "x-circle", size: removeIconSize, weight: "fill" }))), this.trailingIcon && (index.h("span", { key: 'd9c5f717252d664f5b352944ebadf7628ee161b5', class: "co-chip__trailing", part: "trailing" }, index.h("co-icon", { key: '3f2eee2b995c9f27ea502cf586e204ea78a81cd6', name: this.trailingIcon, size: trailingIconSize, weight: this.iconWeight })))));
+            }, part: "chip", type: this.clickable ? 'button' : undefined, disabled: this.clickable ? this.disabled : undefined, onClick: this.handleClick }, this.dot && (index.h("span", { key: 'cac1c98fa890bae489af9b3efb4fb3ec0a06d1ca', class: "co-chip__dot", part: "dot", style: this.dotColor ? { color: this.dotColor } : undefined }, index.h("co-icon", { key: '545dba15817d7375447a0adb1d472b2accf7b878', name: "circle", size: iconSize, weight: "fill" }))), this.iconLeft && !hasLeftSlot && (index.h("span", { key: 'a54ecde8516125b1670716ebd8555d3ac6ca24be', class: "co-chip__icon-left", part: "icon-left" }, index.h("co-icon", { key: '0e3174abeb9761a8a2abca7bbd9ebec0bd3e9dea', name: this.iconLeft, size: iconSize, weight: this.iconWeight }))), hasLeftSlot && (index.h("span", { key: 'cf7a72c01e63140bc22bde8d87841cbb79bb4f4a', class: "co-chip__icon-left", part: "icon-left" }, index.h("slot", { key: 'f2398a1b9bb41f1f2dc039303ec0a6b8c8ccfada', name: "icon-left" }))), index.h("span", { key: 'de70419bb5a522cd5425096f6da19752736d14b8', class: "co-chip__label" }, index.h("slot", { key: '6bf611ee5235e60514eb2b3f37040183f7e0032c' }, this.label), this.valueLabel != null && this.valueLabel !== '' && (index.h("span", { key: 'bc36276493cd3ff26ce131c85094125b27791028', class: "co-chip__value", part: "value" }, `: ${this.valueLabel}`))), this.iconRight && !hasRightSlot && !this.removable && (index.h("span", { key: '8d20d206a23ed7109c5cc40b2beb278fd0e89614', class: "co-chip__icon-right", part: "icon-right" }, index.h("co-icon", { key: '28cdb555b65fefcf3e3471aea46fe4ec0d2aad18', name: this.iconRight, size: iconSize, weight: this.iconWeight }))), hasRightSlot && (index.h("span", { key: '009206c164ae5d378481e8512fe8e63c921bb57e', class: "co-chip__icon-right", part: "icon-right" }, index.h("slot", { key: '8397bf2f3add45386d34b61964fe6ea5ecb05f70', name: "icon-right" }))), this.removable && (index.h("span", { key: 'bb95705bdb89959b8bc64a5d692d54dcc2387e0b', class: "co-chip__remove", part: "remove", role: "button", tabIndex: this.disabled ? -1 : 0, onClick: this.handleRemove, "aria-label": "Remove" }, index.h("co-icon", { key: 'a616ebe4d69c08be3bb908e7da1dcdd15a4c257a', name: "x-circle", size: removeIconSize, weight: "fill" }))), this.trailingIcon && (index.h("span", { key: '3302ddb23482eaeff3a4ba2de38282f423768b2c', class: "co-chip__trailing", part: "trailing" }, index.h("co-icon", { key: '34a716149f174722d7b7a5549821a80ee7cdad63', name: this.trailingIcon, size: trailingIconSize, weight: this.iconWeight })))));
     }
 };
 CoChip.style = coChipCss();
@@ -273,6 +273,8 @@ const CoOptionList = class {
         this.value = '';
         /** Display-items de la selección (para selected-first con ids fuera de página). */
         this.selectedItems = '[]';
+        /** Selección múltiple: `value` es un JSON array de ids y `coChange` emite el
+         *  array completo; con `false` (default) la selección es un solo id. */
         this.multiple = false;
         /** Partición selected-first (snapshot al llamar snapshotOrder()). */
         this.selectedFirst = false;
@@ -290,17 +292,24 @@ const CoOptionList = class {
          *  Independiente de multiple/selectedFirst. No soportado con `virtual`. */
         this.listReorderable = false;
         // ── Search integrado (opcional) ────────────────────────────
+        /** Muestra el buscador integrado arriba de la lista (reflejado como atributo).
+         *  El filtrado lo hace el host al recibir `coSearch`. */
         this.searchable = false;
+        /** Placeholder del buscador integrado. */
         this.searchPlaceholder = 'Search…';
+        /** Espera en ms entre la última tecla y el `coSearch` (default 350). */
         this.searchDebounce = 350;
         /** Pre-seed del término (modo convert de las celdas). */
         this.initialTerm = '';
         // ── Estados ────────────────────────────────────────────────
+        /** Cargando: sin filas muestra un loader en lugar de la lista; con filas,
+         *  un loader al pie. Mientras está activo no se emite `coLoadMore`. */
         this.loading = false;
         /** Total del server: deriva hasMore + hint "N more results". */
         this.total = 0;
         /** Fallback cuando el host no conoce totales (⌘K). total>0 manda. */
         this.hasMore = false;
+        /** Texto cuando no hay filas y no se está cargando. */
         this.emptyMessage = 'No results found';
         /** Si se setea y hay selección, fila "quitar selección" al tope. */
         this.clearOptionLabel = '';
@@ -311,6 +320,7 @@ const CoOptionList = class {
         this.highlightMatches = false;
         /** Término externo para highlight (input en el host, p.ej. ⌘K). */
         this.highlightTerm = '';
+        /** Forma del `co-avatar` de las filas que traen avatar: `circle` (default) o `square`. */
         this.avatarShape = 'circle';
         /** `end` pinta el suffix como columna a la derecha de la fila (precio/meta),
          *  sin el guion; `inline` = junto al label (default). */
@@ -559,7 +569,6 @@ const CoOptionList = class {
         this.activeIndex = activeId ? this.orderedItems.findIndex((i) => i._id === activeId) : -1;
     }
     // ── Métodos públicos ───────────────────────────────────────
-    /** Re-toma el snapshot selected-first. El host la llama al abrir su panel. */
     /**
      * Vacía el buscador (texto, término y cualquier coSearch en vuelo) y emite
      * `coSearch('')`. Para hosts que reabren el panel (co-popover): el término
@@ -579,6 +588,7 @@ const CoOptionList = class {
             this.takeSnapshot();
         this.coSearch.emit('');
     }
+    /** Re-toma el snapshot selected-first. El host la llama al abrir su panel. */
     async snapshotOrder() {
         this.takeSnapshot();
     }
@@ -1013,11 +1023,11 @@ const CoOptionList = class {
         const selectedIds = this.selectedIds;
         const { hasMore, remaining } = deriveMore(this.parsedItems.length, this.total, this.hasMore);
         const showClear = !!this.clearOptionLabel && selectedIds.length > 0;
-        return (index.h("div", { key: 'af6891bdf933b74b6e680b81387764c3c2a0f2b9', class: "co-option-list", onKeyDown: this.onRootKeyDown }, this.searchable && (index.h("div", { key: '68cfffc9df1d3061d38063f6b0502afc58c668c4', class: "co-option-list__search", part: "search" }, index.h("co-icon", { key: 'abfc569cce22f30146cc714f4157ce12819a729a', name: "magnifying-glass", size: 16 }), index.h("input", { key: '5150055db79ef22253e0103998fde0c79d3b5eda', class: "co-option-list__search-input", type: "text", placeholder: this.searchPlaceholder, value: this.term, onInput: this.onSearchInput, ref: (el) => (this.searchInputEl = el), role: "combobox", "aria-expanded": "true", "aria-autocomplete": "list" }))), index.h("slot", { key: '1d858e33c3a6971b4abf6dd614603c4e01cba1c6', name: "header" }), index.h("div", { key: '28fd86f22a7f8e95fdfee4f33f1af0b441ca4c38', class: "co-option-list__options", part: "options", role: "listbox", "aria-multiselectable": this.multiple ? 'true' : 'false', ref: (el) => (this.optionsEl = el), onScroll: this.onNativeScroll }, index.h("div", { key: '3002c5216cac79d5d39aab2b349f6853e6517535', class: "co-option-list__inner" }, showClear && (index.h("button", { key: 'f6e15aeb7ea9422daf38d65611df3ca4dbb243e2', class: "co-option-list__clear-row", type: "button", onClick: () => this.coClearSelection.emit() }, index.h("co-icon", { key: '2f22f2b31291145b36721e923c3a422fadcabb50', name: "x-circle", size: 14 }), index.h("span", { key: 'd4c6b7ad4dd8df4725b763929f34da6793b29649' }, this.clearOptionLabel))), this.loading && items.length === 0 && (index.h("div", { key: 'c9cb5cf8095ed45d71a143878bd9ed524c6dbf25', class: "co-option-list__loading" }, index.h("co-loader", { key: '550b8014bec75fb16c9c7b29dd5589355abee9be', size: "sm" }))), !this.loading && items.length === 0 && (index.h("div", { key: '40ffc1f2945a0acd0a9c7ee4e83a1f23a93ebbd2', class: "co-option-list__empty" }, index.h("co-icon", { key: '639e88bb241fd79fca5481505d5cab36e89b89df', name: "magnifying-glass", size: 20 }), index.h("span", { key: '8f01fb62e21ad0fd6c2e367bd14d88cb09fa425e' }, this.emptyMessage))), items.length > 0 && this.virtual
+        return (index.h("div", { key: 'ca480a23b7127ff745ee57002a71dea707e32e95', class: "co-option-list", onKeyDown: this.onRootKeyDown }, this.searchable && (index.h("div", { key: 'de6a96f09450c05c9194933f3e5f732e158437c7', class: "co-option-list__search", part: "search" }, index.h("co-icon", { key: 'f99a19e0a194d6a0bcce6d40a736197593af8fdf', name: "magnifying-glass", size: 16 }), index.h("input", { key: '26fabd78b4660523e25b40bc8e92740df2677244', class: "co-option-list__search-input", type: "text", placeholder: this.searchPlaceholder, value: this.term, onInput: this.onSearchInput, ref: (el) => (this.searchInputEl = el), role: "combobox", "aria-expanded": "true", "aria-autocomplete": "list" }))), index.h("slot", { key: '05dc7fb2d632ba58b3b960e9355b1e48a71df32c', name: "header" }), index.h("div", { key: 'b3edc8acf06c7f433da9584249be73d25c5f1fee', class: "co-option-list__options", part: "options", role: "listbox", "aria-multiselectable": this.multiple ? 'true' : 'false', ref: (el) => (this.optionsEl = el), onScroll: this.onNativeScroll }, index.h("div", { key: '8abe9a20998f35332ee320512a433d8fb8196875', class: "co-option-list__inner" }, showClear && (index.h("button", { key: '9b420f4a08d94c7588657ec73102253dc3aace29', class: "co-option-list__clear-row", type: "button", onClick: () => this.coClearSelection.emit() }, index.h("co-icon", { key: '5e0d86b76f5b85ee41a4534284c4e05fec4f2df1', name: "x-circle", size: 14 }), index.h("span", { key: 'ff554cd331978bbe2e6aaef44b590a9de66c67d5' }, this.clearOptionLabel))), this.loading && items.length === 0 && (index.h("div", { key: '1db10de6bf8b6cda7b7ca13f5969400ab420a3e7', class: "co-option-list__loading" }, index.h("co-loader", { key: 'd724879c38f755067e544503c233c740f932f46e', size: "sm" }))), !this.loading && items.length === 0 && (index.h("div", { key: '95f42f0028e6f7a1641bc45f6a294fe2ded5a29f', class: "co-option-list__empty" }, index.h("co-icon", { key: '1bed6dbd8c0c4e0722f6c28c2867331bba4e3879', name: "magnifying-glass", size: 20 }), index.h("span", { key: '7f2d01d6eed6e91ab14ace418f52167713963976' }, this.emptyMessage))), items.length > 0 && this.virtual
             ? this.renderVirtual(items, selectedIds)
             : buildRows(items).map((row) => row.kind === 'header'
                 ? index.h("div", { class: "co-option-list__group", role: "presentation" }, row.label)
-                : this.renderRow(row.item, row.index, selectedIds)), this.loading && items.length > 0 && (index.h("div", { key: 'e0146742e08a49e0c297ab795e3eb283daedf281', class: "co-option-list__loading-more" }, index.h("co-loader", { key: '1bdd97a2c79d4fab0ea75be2bc4c7c4254de7638', size: "sm" }))), !this.loading && hasMore && remaining > 0 && (index.h("div", { key: 'cd336459aded62f27957888595c53475ba2d7664', class: "co-option-list__more" }, remaining, " more results")))), index.h("slot", { key: '767d9b82e7afbea41f196e110d7a6fd720637df9', name: "footer" })));
+                : this.renderRow(row.item, row.index, selectedIds)), this.loading && items.length > 0 && (index.h("div", { key: '9fb95c0193357bf50eabc21dae3f8ca0bb2b3a9f', class: "co-option-list__loading-more" }, index.h("co-loader", { key: 'dddf472d61b1c14f281212b02538bd576dce09d1', size: "sm" }))), !this.loading && hasMore && remaining > 0 && (index.h("div", { key: '6d4f16d14d67b137fe37b67fe1590d209b51b800', class: "co-option-list__more" }, remaining, " more results")))), index.h("slot", { key: '9091482eaf2228e93b3eeb893e804d5fcd8c3d44', name: "footer" })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/co-color-area.cjs.entry.js

@@ -156,11 +156,11 @@ const CoColorArea = class {
         const s = hsv.clamp((_b = this.saturation) !== null && _b !== void 0 ? _b : 100, 0, 100);
         const v = hsv.clamp((_c = this.value) !== null && _c !== void 0 ? _c : 100, 0, 100);
         const fill = hsv.hsvToHex({ h: hue, s, v });
-        return (index.h("div", { key: 'e8915d2faeda1cdb28b509b5180b51ac43c5d9ca', class: {
+        return (index.h("div", { key: '6611eb74820088bdd7fd23a915cc5f0fd4b29f17', class: {
                 'co-color-area': true,
                 'co-color-area--disabled': this.disabled,
                 'co-color-area--dragging': this.dragging,
-            }, style: { '--co-color-area-hue': String(hue) }, role: "slider", tabIndex: this.disabled ? -1 : 0, "aria-label": this.label || undefined, "aria-valuemin": "0", "aria-valuemax": "100", "aria-valuenow": String(Math.round(s)), "aria-valuetext": `S ${Math.round(s)}% V ${Math.round(v)}%`, "aria-disabled": this.disabled ? 'true' : undefined, ref: (el) => (this.areaEl = el), onPointerDown: this.handlePointerDown, onPointerMove: this.handlePointerMove, onPointerUp: this.handlePointerEnd, onPointerCancel: this.handlePointerEnd, onKeyDown: this.handleKeyDown }, index.h("div", { key: '9aa7ce683df8b57debdd13c70136d19a53cd4ca0', class: "co-color-thumb co-color-area__thumb", part: "thumb", style: { left: `${s}%`, top: `${100 - v}%`, '--co-color-thumb-fill': fill } })));
+            }, style: { '--co-color-area-hue': String(hue) }, role: "slider", tabIndex: this.disabled ? -1 : 0, "aria-label": this.label || undefined, "aria-valuemin": "0", "aria-valuemax": "100", "aria-valuenow": String(Math.round(s)), "aria-valuetext": `S ${Math.round(s)}% V ${Math.round(v)}%`, "aria-disabled": this.disabled ? 'true' : undefined, ref: (el) => (this.areaEl = el), onPointerDown: this.handlePointerDown, onPointerMove: this.handlePointerMove, onPointerUp: this.handlePointerEnd, onPointerCancel: this.handlePointerEnd, onKeyDown: this.handleKeyDown }, index.h("div", { key: '480fedf78cd542849742c351c64f1a1f6ec91cbd', class: "co-color-thumb co-color-area__thumb", part: "thumb", style: { left: `${s}%`, top: `${100 - v}%`, '--co-color-thumb-fill': fill } })));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/co-color-picker.cjs.entry.js

@@ -1156,12 +1156,12 @@ const CoColorPicker = class {
     render() {
         const hasValue = !!this.value;
         const statusClass = this.status !== 'default' ? `co-color-picker--${this.status}` : '';
-        return (index.h("div", { key: 'bdc7487c5b694937aa2ffdb79fd558891a4b6931', class: `co-color-picker co-color-picker--${this.size} ${statusClass} ${this.isOpen ? 'co-color-picker--open' : ''} ${this.disabled ? 'co-color-picker--disabled' : ''}` }, this.label && (index.h("label", { key: '34d0e3a9df74d80defd62bee980fe9114cdcd2d4', class: "co-color-picker__label" }, this.label, index.h(requiredMark.RequiredMark, { key: '37467a67f8a84fcd229073b214be33e7623dee94', required: this.required }))), index.h("co-popover", { key: 'f4e7e9364a8ffedfc2fddf7ff88f636e1bb22f68', open: this.isOpen, placement: "bottom-start",
+        return (index.h("div", { key: '6746d83ad6d123c58a88dd3a236f3288758eb507', class: `co-color-picker co-color-picker--${this.size} ${statusClass} ${this.isOpen ? 'co-color-picker--open' : ''} ${this.disabled ? 'co-color-picker--disabled' : ''}` }, this.label && (index.h("label", { key: 'd37d7b2e7b457cc366006e18f5188dd76171c3bb', class: "co-color-picker__label" }, this.label, index.h(requiredMark.RequiredMark, { key: 'dbb125918398dc5d55f9083e88f0f1948281d5b0', required: this.required }))), index.h("co-popover", { key: '91b03300c502c85e068e28e235feadf06fbbb76c', open: this.isOpen, placement: "bottom-start",
             // Sin `matchWidth`: el panel tiene ancho INTRÍNSECO (grilla de 8
             // swatches fijos de 32px). Copiar el ancho del trigger achica los
             // tracks bajo 32px con un campo angosto (media columna de un modal) y
             // los swatches desbordan el card — guard: panel-width.spec.
-            offset: 4, onCoOpen: this.handlePopoverOpen, onCoClose: this.handlePopoverClose }, index.h("div", { key: 'f25ef2310238bf18c34d0d7aa61f1916d479193e', slot: "trigger", class: "co-color-picker__trigger", role: "combobox", "aria-expanded": this.isOpen ? 'true' : 'false', "aria-haspopup": "dialog", "aria-controls": this.isOpen ? CoColorPicker.PANEL_ID : undefined, "aria-label": this.label || undefined, "aria-disabled": this.disabled ? 'true' : undefined, tabIndex: this.disabled ? -1 : 0, ref: (el) => (this.triggerEl = el), onKeyDown: this.handleTriggerKeyDown }, index.h("span", { key: '3d8bcd557976d56105790a7158147b5dff2a17e3', class: "co-color-picker__swatch", style: { background: hasValue ? this.value : 'transparent' } }), index.h("span", { key: '461087a2cba8edfa74504e332c1a81cb45046821', class: `co-color-picker__value ${!hasValue ? 'co-color-picker__value--empty' : ''}` }, hasValue ? this.value : this.placeholder)), this.isOpen && (index.h("div", { key: 'aecdd232d82fe98830ca6f5677a034f62783e48e', class: "co-color-picker__panel", id: CoColorPicker.PANEL_ID, role: "dialog", "aria-label": this.label || this.placeholder }, this.renderArea(), this.renderHue(), this.renderSwatches(), this.renderHexRow()))), this.helperText && (index.h("div", { key: '5aba7ada0642092c743e43321017d812f32316e3', class: "co-color-picker__helper" }, this.statusIcon && (index.h("co-icon", { key: '28ce648d02d2e672ce2936000c655b7ea5f6aa7d', name: this.statusIcon, size: 14, weight: "fill", class: "co-color-picker__helper-icon" })), index.h("span", { key: '7545d46b04f19b34c4865f55bd5e7d556514f00a', class: "co-color-picker__helper-text" }, this.helperText)))));
+            offset: 4, onCoOpen: this.handlePopoverOpen, onCoClose: this.handlePopoverClose }, index.h("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 ? CoColorPicker.PANEL_ID : undefined, "aria-label": this.label || undefined, "aria-disabled": this.disabled ? 'true' : undefined, tabIndex: this.disabled ? -1 : 0, ref: (el) => (this.triggerEl = el), onKeyDown: this.handleTriggerKeyDown }, index.h("span", { key: '648331ab929d1874f09ebd59d722839312434bcd', class: "co-color-picker__swatch", style: { background: hasValue ? this.value : 'transparent' } }), index.h("span", { key: '07f235dfd673b4d31f9fb994eccc7e38d1f866ec', class: `co-color-picker__value ${!hasValue ? 'co-color-picker__value--empty' : ''}` }, hasValue ? this.value : this.placeholder)), this.isOpen && (index.h("div", { key: 'e6ad5d5190d9341afde82de0c8897249e173463e', class: "co-color-picker__panel", id: CoColorPicker.PANEL_ID, role: "dialog", "aria-label": this.label || this.placeholder }, this.renderArea(), this.renderHue(), this.renderSwatches(), this.renderHexRow()))), this.helperText && (index.h("div", { key: '057dabe6f2fd8853f6a1df6d0c1c8d6574393f45', class: "co-color-picker__helper" }, this.statusIcon && (index.h("co-icon", { key: '674e0cf71b0a2d1cc367c929196a7876c23c966c', name: this.statusIcon, size: 14, weight: "fill", class: "co-color-picker__helper-icon" })), index.h("span", { key: '001b3df1f014b0039bfe0cdd588aae91d92a78bd', class: "co-color-picker__helper-text" }, this.helperText)))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/co-color-slider.cjs.entry.js

@@ -169,15 +169,15 @@ const CoColorSlider = class {
         const value = hsv.clamp((_b = this.value) !== null && _b !== void 0 ? _b : 0, 0, max);
         const color = this.color || '#000';
         const isAlpha = channel === 'alpha';
-        return (index.h("div", { key: 'd5754d3330b2cd2699ee55a00dfd3b464bde1e3b', class: {
+        return (index.h("div", { key: 'a4ab80a67e0bb20037f48b99cca835d17622a776', class: {
                 'co-color-slider': true,
                 'co-color-slider--disabled': this.disabled,
                 'co-color-slider--dragging': this.dragging,
-            } }, index.h("div", { key: '65c3e870d834e5bc019f24372e937cb5ae87ca6c', class: {
+            } }, index.h("div", { key: 'd9dd4a75f7b74e73ddd0da15384566d038fd9eff', class: {
                 'co-color-slider__track': true,
                 'co-color-slider__track--hue': !isAlpha,
                 'co-color-slider__track--alpha': isAlpha,
-            }, part: "track", style: isAlpha ? { '--co-color-slider-color': color } : undefined, role: "slider", tabIndex: this.disabled ? -1 : 0, "aria-label": this.label || undefined, "aria-valuemin": "0", "aria-valuemax": String(max), "aria-valuenow": String(Math.round(value)), "aria-disabled": this.disabled ? 'true' : undefined, ref: (el) => (this.trackEl = el), onPointerDown: this.handlePointerDown, onPointerMove: this.handlePointerMove, onPointerUp: this.handlePointerEnd, onPointerCancel: this.handlePointerEnd, onKeyDown: this.handleKeyDown }, index.h("div", { key: '8553027ec2658d42a0f9df1798223a267ee69681', class: "co-color-thumb co-color-slider__thumb", part: "thumb", ref: (el) => (this.thumbEl = el), style: {
+            }, part: "track", style: isAlpha ? { '--co-color-slider-color': color } : undefined, role: "slider", tabIndex: this.disabled ? -1 : 0, "aria-label": this.label || undefined, "aria-valuemin": "0", "aria-valuemax": String(max), "aria-valuenow": String(Math.round(value)), "aria-disabled": this.disabled ? 'true' : undefined, ref: (el) => (this.trackEl = el), onPointerDown: this.handlePointerDown, onPointerMove: this.handlePointerMove, onPointerUp: this.handlePointerEnd, onPointerCancel: this.handlePointerEnd, onKeyDown: this.handleKeyDown }, index.h("div", { key: '62866f901b8090289ab48a8d90ad4ee50fea5bb5', class: "co-color-thumb co-color-slider__thumb", part: "thumb", ref: (el) => (this.thumbEl = el), style: {
                 '--co-color-slider-ratio': String(value / max),
                 '--co-color-thumb-fill': this.thumbFill(value, color),
             } }))));

package/dist/cjs/co-column-picker.cjs.entry.js

@@ -261,22 +261,42 @@ const CoColumnPicker = class {
         this.coChange = index.createEvent(this, "coChange", 7);
         this.coClear = index.createEvent(this, "coClear", 7);
         this.coSearch = index.createEvent(this, "coSearch", 7);
+        /** Rutas elegibles: array de strings (`"company.name"`), de `{ value, label, icon?, disabled? }`,
+         *  o ese array como JSON desde HTML. Los puntos arman el árbol; sin `label`, el
+         *  texto sale de la ruta (camelCase y `_`/`-` separados en palabras). */
         this.options = '[]';
+        /** Rutas seleccionadas: array o JSON array. El componente lo actualiza al elegir. */
         this.value = '[]';
+        /** Selección múltiple (default `true`); con `false` elegir una ruta cierra el panel. */
         this.multiple = true;
+        /** Deshabilita el campo. */
         this.disabled = false;
+        /** Barra del panel con «seleccionar todo», «limpiar», expandir/contraer y el contador. */
         this.showToolbar = true;
+        /** Buscador del panel; al buscar se expanden las ramas con coincidencias. */
         this.showSearch = true;
+        /** Botón × en el campo para vaciar la selección. */
         this.clearable = true;
+        /** Texto del campo sin selección. */
         this.placeholder = 'Select…';
+        /** Alto máximo en px del árbol antes de scrollear (default 220). */
         this.maxHeight = 220;
+        /** Texto cuando la búsqueda no encuentra rutas. */
         this.emptyText = 'No results found';
+        /** Texto del botón «seleccionar todo» de la barra. */
         this.selectAllText = 'Select all';
+        /** Texto del botón «limpiar» de la barra. */
         this.clearText = 'Clear';
+        /** Texto del botón «expandir todo» de la barra. */
         this.expandText = 'Expand';
+        /** Texto del botón «contraer todo» de la barra. */
         this.collapseText = 'Collapse';
+        /** Palabra tras el contador de la barra («3 selected»). */
         this.selectedText = 'selected';
+        /** Agrupa el árbol en secciones: `[{ label, prefix }]` (o JSON). Cada sección toma las
+         *  rutas que empiezan por `prefix.`; una sección con `prefix: ''` junta el resto. */
         this.sections = '[]';
+        /** Estado de validación: pinta el borde y el `helperText` con el color del estado. */
         this.status = 'default';
         this.isOpen = false;
         this.query = '';
@@ -423,13 +443,13 @@ const CoColumnPicker = class {
         return (index.h("div", { class: "co-column-picker__empty" }, index.h("co-icon", { name: "magnifying-glass", size: 40, class: "co-column-picker__empty-icon" }), index.h("span", null, this.emptyText)));
     }
     render() {
-        return (index.h("div", { key: '1d2bd18a155483115dc1e96764c4b1a70a2a905a', class: {
+        return (index.h("div", { key: 'ab2ad3bd249351f19e223ee8437d0f66ea368f84', class: {
                 'co-column-picker': true,
                 'co-column-picker--open': this.isOpen,
                 'co-column-picker--disabled': this.disabled,
                 'co-column-picker--focused': this.focused,
                 [`co-column-picker--${this.status}`]: this.status !== 'default',
-            } }, (this.label || this.secondaryLabel) && (index.h("div", { key: '26459691cbb08646122c6b84f39a974ca4f1fd9c', class: "co-column-picker__labels" }, this.label && index.h("label", { key: '92ffd71828c22b97582cef13d8a384a3f9ba937e', class: "co-column-picker__label" }, this.label), this.secondaryLabel && index.h("span", { key: 'b0d7bcb5e8feff1441e52beb99b2665fcbee0ab0', class: "co-column-picker__secondary-label" }, this.secondaryLabel))), this.renderField(), this.isOpen && (index.h("div", { key: '304bcf74653023ef6dd0120546733952c46cd179', class: "co-column-picker__dropdown" }, this.showSearch && (index.h("div", { key: '450a8b2d96bb238f78af451816ef7dc3f89e8221', class: "co-column-picker__search" }, index.h("co-icon", { key: '07e37bb18a637a22f2e94987ada23e3621291c65', name: "magnifying-glass", size: 14, class: "co-column-picker__search-icon" }), index.h("input", { key: '0f92eee4279a27b2c57fbdcde81ae3af2f4e3e52', ref: el => (this.searchInputEl = el), class: "co-column-picker__search-input", type: "text", value: this.query, placeholder: this.placeholder, onInput: this.handleSearchInput, onClick: (e) => e.stopPropagation() }), this.query && (index.h("button", { key: '0f2763e9f143a779bdb579ac37ddb46c759792c4', class: "co-column-picker__search-clear", type: "button", onClick: this.handleSearchClear }, index.h("co-icon", { key: 'df24dd1c216f53a541cba73c5084b5cc877a10ee', name: "x", size: 14 }))))), this.showToolbar && this.multiple && (index.h("div", { key: '9ac7d402dcc11f10da27a6e0ca4b4dd4549704b3', class: "co-column-picker__toolbar" }, index.h("button", { key: '10f9114ec60023a4f1233262269ba7a30d130f88', class: "co-column-picker__toolbar-btn", type: "button", onClick: this.handleSelectAll }, this.selectAllText), index.h("button", { key: '732104f5d4e174f3e36683c6161522a5eccf9b43', class: "co-column-picker__toolbar-btn", type: "button", onClick: this.handleDeselectAll }, this.clearText), index.h("span", { key: 'bddc836e0a401fa7756309683119026c23894a37', class: "co-column-picker__toolbar-sep" }), index.h("button", { key: '8fb1562fd3bd0073cf9ac259d573e538dacd0970', class: "co-column-picker__toolbar-btn", type: "button", onClick: this.handleExpandAll }, this.expandText), index.h("button", { key: 'cd156c6db410fb5c270169e5cb4e791422e91117', class: "co-column-picker__toolbar-btn", type: "button", onClick: this.handleCollapseAll }, this.collapseText), index.h("span", { key: '5bae08f63282db0c2de2d7145394903c27b2948d', style: { flex: '1' } }), this.selectedValues.length > 0 && index.h("span", { key: 'a062ed66af5dbf8e6056721a0013cb89d6f25e1a', class: "co-column-picker__toolbar-counter" }, this.selectedValues.length, " ", this.selectedText))), index.h("div", { key: 'e0e25124ebcbee2db66da742f7f28b09d5fcb639', class: "co-column-picker__scroll", style: { maxHeight: `${this.maxHeight}px` } }, this.renderTree()))), this.helperText && (index.h("div", { key: 'f41e25d27617dfcfd848d743cf238cc5030a78a0', class: `co-column-picker__helper co-column-picker__helper--${this.status}` }, this.statusIcon && index.h("co-icon", { key: 'de330fc3337547b9d9df2a766022972b55756074', name: this.statusIcon, size: 14, weight: "fill", class: "co-column-picker__helper-icon" }), index.h("span", { key: 'a7644c9eb64f8650a80f5f1c864d3cfc501870c6', class: "co-column-picker__helper-text" }, this.helperText)))));
+            } }, (this.label || this.secondaryLabel) && (index.h("div", { key: 'eef032ff9774ee1ac9c656a8413ebf099a7d4a42', class: "co-column-picker__labels" }, this.label && index.h("label", { key: '6638950f784fac9809d853945b87dd8ce26d86b8', class: "co-column-picker__label" }, this.label), this.secondaryLabel && index.h("span", { key: 'eeac25d27edddeabf25e7b62f9e7e550d9683f87', class: "co-column-picker__secondary-label" }, this.secondaryLabel))), this.renderField(), this.isOpen && (index.h("div", { key: '761ac25d7c97c1b5b51e24dde8e0bd98d1471649', class: "co-column-picker__dropdown" }, this.showSearch && (index.h("div", { key: 'e54ed5eee5f71cb30b3e09728b0e4d4987d98e99', class: "co-column-picker__search" }, index.h("co-icon", { key: '184a9b2193e53669fb10796bdd770a863fe642b7', name: "magnifying-glass", size: 14, class: "co-column-picker__search-icon" }), index.h("input", { key: '9f41b5adf0dfeec083a300ce743c3bbe78b95fe9', ref: el => (this.searchInputEl = el), class: "co-column-picker__search-input", type: "text", value: this.query, placeholder: this.placeholder, onInput: this.handleSearchInput, onClick: (e) => e.stopPropagation() }), this.query && (index.h("button", { key: '4dd69184260a2edead1737df4f2f07ecf6b10680', class: "co-column-picker__search-clear", type: "button", onClick: this.handleSearchClear }, index.h("co-icon", { key: '5cf2e640b64683b3802696ac66d6ecfabfffdb3a', name: "x", size: 14 }))))), this.showToolbar && this.multiple && (index.h("div", { key: 'd383004d0b209a93f11f7d070796b2944f3c6849', class: "co-column-picker__toolbar" }, index.h("button", { key: '22dd890b4c35c8cac632f2c90ce0d0a4f20a166a', class: "co-column-picker__toolbar-btn", type: "button", onClick: this.handleSelectAll }, this.selectAllText), index.h("button", { key: '5a69e90720c2e3724656ca9a9a774f496faafcb1', class: "co-column-picker__toolbar-btn", type: "button", onClick: this.handleDeselectAll }, this.clearText), index.h("span", { key: '4c9bc30f4429d7e54f4040ec874ea18423e7de77', class: "co-column-picker__toolbar-sep" }), index.h("button", { key: 'b3a106e5b4268f3ea6d6de8bdac162b247d43b91', class: "co-column-picker__toolbar-btn", type: "button", onClick: this.handleExpandAll }, this.expandText), index.h("button", { key: 'a79d4b5ba8a481c2db958ba9d685712e24b95feb', class: "co-column-picker__toolbar-btn", type: "button", onClick: this.handleCollapseAll }, this.collapseText), index.h("span", { key: '53439fb7eab725a7e11261aa440106c68dbf7865', style: { flex: '1' } }), this.selectedValues.length > 0 && index.h("span", { key: 'd34736ad6f2081228f7cb43a5d88b69e7fc33e15', class: "co-column-picker__toolbar-counter" }, this.selectedValues.length, " ", this.selectedText))), index.h("div", { key: '28226718a1270e859742fe754d4ea75a0c23a8e6', class: "co-column-picker__scroll", style: { maxHeight: `${this.maxHeight}px` } }, this.renderTree()))), this.helperText && (index.h("div", { key: 'e9a252deb5af1abd89d988bc354a8dbd6130a6cd', class: `co-column-picker__helper co-column-picker__helper--${this.status}` }, this.statusIcon && index.h("co-icon", { key: '051cd7eee2817ba288be2e8d38c2b92b0fc63cb8', name: this.statusIcon, size: 14, weight: "fill", class: "co-column-picker__helper-icon" }), index.h("span", { key: 'b496d726484740151c2830e1e4d2a85b1040d86f', class: "co-column-picker__helper-text" }, this.helperText)))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/co-combobox.cjs.entry.js

@@ -273,15 +273,15 @@ const CoCombobox = class {
         }
     }
     render() {
-        return (index.h("div", { key: '6fed11f88fb5fcaf2105997ac20138ffc53ff101', class: {
+        return (index.h("div", { key: '8b0ff4418cd4ef8313fb18f597423938668e7c4c', class: {
                 'co-combobox': true,
                 'co-combobox--open': this.isOpen,
                 'co-combobox--disabled': this.disabled,
                 [`co-combobox--${this.size}`]: true,
-            }, part: "wrapper" }, (this.label || this.secondaryLabel) && (index.h("div", { key: '7b75c40477363baa58a26c6177b40be309cea6f9', class: "co-combobox__labels" }, this.label && index.h("label", { key: 'b62a7d8716e57bb7162ee7c96e8327484fe65f5a', class: "co-combobox__label", part: "label" }, this.label, index.h(requiredMark.RequiredMark, { key: 'e383891183517918c238b2c991837aae60ee821e', required: this.required })), this.secondaryLabel && (index.h("span", { key: '91cd238f0bac065b2e396aa03b1a5a0c534e8685', class: "co-combobox__secondary-label", part: "secondary-label" }, this.secondaryLabel)))), index.h("co-popover", { key: 'aa7354defca2a6a55e105a48895df997af68d1e7', open: this.isOpen, placement: "bottom-start", matchWidth: true, offset: 4, onCoOpen: this.handlePopoverOpen, onCoClose: this.handlePopoverClose }, index.h("div", { key: '40f92dcf5c50c78177a2ca76f152e2c380bcf3f6', slot: "trigger", class: "co-combobox__trigger", part: "trigger", role: "combobox", "aria-expanded": this.isOpen ? 'true' : 'false', "aria-haspopup": "listbox", "aria-label": this.label || undefined, "aria-disabled": this.disabled ? 'true' : undefined, "aria-controls": this.isOpen ? CoCombobox.LIST_ID : undefined, tabIndex: this.disabled ? -1 : 0, ref: (el) => (this.triggerEl = el), onClick: this.handleTriggerClick, onKeyDown: this.handleTriggerKeyDown }, this.iconLeft && (index.h("co-icon", { key: '15c6fdd87e01e0e5e4dca3c8c34d375dbf8af878', name: this.iconLeft, size: 16, class: "co-combobox__icon" })), index.h("div", { key: 'fa656d5c962bd270d01b425a49059e91d0211a00', class: "co-combobox__input-wrapper", ref: (el) => (this.chipContainerEl = el) }, this.multiple && this.hasValue ? (this.selectedOptions.map(opt => (index.h("co-chip", { size: "small", "icon-mode": "both", label: opt.label }, index.h("co-icon", { slot: "icon-left", name: opt.icon || 'circle', size: 10 }), index.h("co-icon", { slot: "icon-right", name: "x-circle", size: 10, weight: "fill", onClick: (e) => { e.stopPropagation(); this.handleListRemove(opt.value); } }))))) : (index.h("span", { class: {
+            }, part: "wrapper" }, (this.label || this.secondaryLabel) && (index.h("div", { key: 'e54542e22563eafd57909405254d85a8b4df3e4f', class: "co-combobox__labels" }, this.label && index.h("label", { key: '3f54d1ba25400dd89b1e3a59c564f68e8a3785df', class: "co-combobox__label", part: "label" }, this.label, index.h(requiredMark.RequiredMark, { key: '4b0c64794195101ef3dfac1b656cd393eb19012a', required: this.required })), this.secondaryLabel && (index.h("span", { key: '51f2ed8dcd890fa162011ccf1fe9e3f96afcc6b9', class: "co-combobox__secondary-label", part: "secondary-label" }, this.secondaryLabel)))), index.h("co-popover", { key: 'c071e11ad27db937caa615b63d32e056b099ea4a', open: this.isOpen, placement: "bottom-start", matchWidth: true, offset: 4, onCoOpen: this.handlePopoverOpen, onCoClose: this.handlePopoverClose }, index.h("div", { key: 'c4b215350ab75d791e9f0181f43af320e32506a9', slot: "trigger", class: "co-combobox__trigger", part: "trigger", role: "combobox", "aria-expanded": this.isOpen ? 'true' : 'false', "aria-haspopup": "listbox", "aria-label": this.label || undefined, "aria-disabled": this.disabled ? 'true' : undefined, "aria-controls": this.isOpen ? CoCombobox.LIST_ID : undefined, tabIndex: this.disabled ? -1 : 0, ref: (el) => (this.triggerEl = el), onClick: this.handleTriggerClick, onKeyDown: this.handleTriggerKeyDown }, this.iconLeft && (index.h("co-icon", { key: '595cfc20ba148cd99e487002d4ce186feaf4b590', name: this.iconLeft, size: 16, class: "co-combobox__icon" })), index.h("div", { key: '04a932c116df074d9a9e293d7dc3fead24f85e84', class: "co-combobox__input-wrapper", ref: (el) => (this.chipContainerEl = el) }, this.multiple && this.hasValue ? (this.selectedOptions.map(opt => (index.h("co-chip", { size: "small", "icon-mode": "both", label: opt.label }, index.h("co-icon", { slot: "icon-left", name: opt.icon || 'circle', size: 10 }), index.h("co-icon", { slot: "icon-right", name: "x-circle", size: 10, weight: "fill", onClick: (e) => { e.stopPropagation(); this.handleListRemove(opt.value); } }))))) : (index.h("span", { class: {
                 'co-combobox__text': true,
                 'co-combobox__text--placeholder': !this.hasValue,
-            } }, this.hasValue ? this.displayText : this.placeholder))), this.multiple && this.overflowCount > 0 && (index.h("span", { key: '99540b85f84966fbdb1a50d44c01174bad7e661c', class: "co-combobox__overflow-badge" }, this.overflowCount)), this.clearable && this.hasValue && !this.disabled && (index.h("button", { key: 'dc0fb5f10daa29361c9a3a045207e44faa145d7a', class: "co-combobox__clear", type: "button", tabIndex: -1, onClick: this.handleClear, "aria-label": "Clear selection", part: "clear" }, index.h("co-icon", { key: 'e8dc3180e4760c5c67b6584681f7fce1c5932cb4', name: "x-circle", size: 16, weight: "fill" }))), index.h("co-icon", { key: '406302a495fa3c3d8e91e9ce1a1a8ca247da0003', name: this.isOpen ? 'caret-up' : 'caret-down', size: 16, class: "co-combobox__caret" })), index.h("div", { key: 'd3691124ae69d7c7b6a9989980a7f406a5679d4c', class: "co-combobox__dropdown", part: "dropdown" }, this.isOpen && (index.h("co-option-list", { key: '8f23d737e36bac0c3077eb3e9fa1e6df1e9aeae1', id: CoCombobox.LIST_ID, ref: (el) => (this.optionListEl = el), items: this.listItemsJson, value: this.multiple ? JSON.stringify(this.selectedValues) : (this.selectedValues[0] || ''), multiple: this.multiple, selectedAffordance: "check", removableItems: this.multiple, virtual: true, searchable: this.searchable, searchPlaceholder: this.searchPlaceholder, searchDebounce: 0, highlightMatches: true, emptyMessage: this.emptyMessage, onCoSearch: (e) => { this.searchQuery = e.detail; }, onCoChange: (e) => this.handleListChange(e.detail), onCoRemoveItem: (e) => this.handleListRemove(e.detail) }, this.showFooter && (index.h("co-list-footer", { key: '198f56ba250948a6642919d3eb69cb6bb41e32cf', slot: "footer", secondaryLabel: this.footerSecondaryLabel, primaryLabel: this.footerPrimaryLabel, onCoSecondary: this.handleFooterSecondary, onCoPrimary: this.handleFooterPrimary })))))), this.helperText && (index.h("div", { key: 'ab4a7a36d580ab6f3a198e3d88587010053fa7c8', class: `co-combobox__helper co-combobox__helper--${this.status}`, part: "helper" }, this.statusIcon && index.h("co-icon", { key: '2325dbb2d31dc7b3d4b319ecb23a0f7a42e10bac', name: this.statusIcon, size: 14, weight: "fill", class: "co-combobox__helper-icon" }), index.h("span", { key: 'e941e857eb03af5cfefd2d6bce7cb59226a5511b', class: "co-combobox__helper-text" }, this.helperText)))));
+            } }, this.hasValue ? this.displayText : this.placeholder))), this.multiple && this.overflowCount > 0 && (index.h("span", { key: '3717ddeb6a6cbfb50992f060a94466637d641848', class: "co-combobox__overflow-badge" }, this.overflowCount)), this.clearable && this.hasValue && !this.disabled && (index.h("button", { key: '3bd22162de7163e761f4deec4813c7bbd2dc7ab3', class: "co-combobox__clear", type: "button", tabIndex: -1, onClick: this.handleClear, "aria-label": "Clear selection", part: "clear" }, index.h("co-icon", { key: '466f7859e45f36d572e2736f8c67bb028be00e90', name: "x-circle", size: 16, weight: "fill" }))), index.h("co-icon", { key: '6631ac9f8053225d79b4ec3e70733de96044a5fa', name: this.isOpen ? 'caret-up' : 'caret-down', size: 16, class: "co-combobox__caret" })), index.h("div", { key: '3d3cf9b043e50c161f48575e625dfa167c0efefd', class: "co-combobox__dropdown", part: "dropdown" }, this.isOpen && (index.h("co-option-list", { key: '74eb44b2f32b30f5965a24d3d46fd99dba6b05b3', id: CoCombobox.LIST_ID, ref: (el) => (this.optionListEl = el), items: this.listItemsJson, value: this.multiple ? JSON.stringify(this.selectedValues) : (this.selectedValues[0] || ''), multiple: this.multiple, selectedAffordance: "check", removableItems: this.multiple, virtual: true, searchable: this.searchable, searchPlaceholder: this.searchPlaceholder, searchDebounce: 0, highlightMatches: true, emptyMessage: this.emptyMessage, onCoSearch: (e) => { this.searchQuery = e.detail; }, onCoChange: (e) => this.handleListChange(e.detail), onCoRemoveItem: (e) => this.handleListRemove(e.detail) }, this.showFooter && (index.h("co-list-footer", { key: '00861de6c0f6cd87a9a21d88d9f4fe1dd31afc6c', slot: "footer", secondaryLabel: this.footerSecondaryLabel, primaryLabel: this.footerPrimaryLabel, onCoSecondary: this.handleFooterSecondary, onCoPrimary: this.handleFooterPrimary })))))), this.helperText && (index.h("div", { key: 'ac1eaf079ae327e76df9723972404a375903689e', class: `co-combobox__helper co-combobox__helper--${this.status}`, part: "helper" }, this.statusIcon && index.h("co-icon", { key: 'be90b01fda8c51b11bbc73b8ab76085e160492b1', name: this.statusIcon, size: 14, weight: "fill", class: "co-combobox__helper-icon" }), index.h("span", { key: 'c3921ff5a264d24bbba07358085d92675aadbe9b', class: "co-combobox__helper-text" }, this.helperText)))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/co-command-search.cjs.entry.js

@@ -205,14 +205,14 @@ const CoCommandSearch = class {
     render() {
         const items = this.filteredItems;
         return [
-            index.h("div", { key: '39923de31e4b2af82ecbf5e2d53d7d3c1e473b24', class: "co-command-search__trigger", onClick: this.handleTriggerClick }, index.h("slot", { key: '8ff9d2f0df90708646121f42801d7b5800acc187', name: "trigger" })),
-            index.h("co-overlay", { key: 'b0dc190f246e3449e09ad0c3b93848835dc03dbf', open: this.open, onCoClose: this.handleOverlayClick }, index.h("div", { key: '8210d7c7957ff0994bd7971bc7983072aa02983e', class: { 'co-command-search': true, 'co-command-search--open': this.open }, part: "panel", role: "dialog", "aria-modal": "true", "aria-label": "Command palette", onClick: this.handlePanelClick, onKeyDown: this.handlePanelKeyDown }, index.h("div", { key: 'f387deebbd88c8f188cb12208972f85f6cfc90a7', class: "co-command-search__input-row", part: "input-row" }, index.h("co-icon", { key: '668f418f7390875064f0094d0dbf66e73cf9d906', name: "magnifying-glass", size: 20 }), this.parsedChips.map((chip, idx) => (index.h("span", { class: "co-command-search__facet-chip" }, chip.icon && index.h("co-icon", { name: chip.icon, size: 12 }), index.h("span", { class: "co-command-search__facet-chip-label" }, chip.label), index.h("button", { class: "co-command-search__facet-chip-remove", type: "button", "aria-label": `Remove filter ${chip.label}`, onClick: (e) => {
+            index.h("div", { key: '37a7fa941fee9d90d58937fea9a968604e825daf', class: "co-command-search__trigger", onClick: this.handleTriggerClick }, index.h("slot", { key: '23aff571c1cc19b36b1931a5c30d3d3c544eb9b8', name: "trigger" })),
+            index.h("co-overlay", { key: 'bc74cdb881e5005d12ae0e55f301507715303d63', open: this.open, onCoClose: this.handleOverlayClick }, index.h("div", { key: '654ab29570bd313809b660cce6ba9f71c0730e57', class: { 'co-command-search': true, 'co-command-search--open': this.open }, part: "panel", role: "dialog", "aria-modal": "true", "aria-label": "Command palette", onClick: this.handlePanelClick, onKeyDown: this.handlePanelKeyDown }, index.h("div", { key: 'f62ae09d7384d180b4169e1f7c21d14c7f3ca0b3', class: "co-command-search__input-row", part: "input-row" }, index.h("co-icon", { key: '800323c34524e72dd0255166e45528dcf273a642', name: "magnifying-glass", size: 20 }), this.parsedChips.map((chip, idx) => (index.h("span", { class: "co-command-search__facet-chip" }, chip.icon && index.h("co-icon", { name: chip.icon, size: 12 }), index.h("span", { class: "co-command-search__facet-chip-label" }, chip.label), index.h("button", { class: "co-command-search__facet-chip-remove", type: "button", "aria-label": `Remove filter ${chip.label}`, onClick: (e) => {
                     e.stopPropagation();
                     this.coChipRemove.emit(idx);
-                } }, index.h("co-icon", { name: "x", size: 10, weight: "bold" }))))), index.h("input", { key: '569d79d5dd64bf0d77f2f935faddb45140dbb4ab', class: "co-command-search__input", type: "text", placeholder: this.placeholder, value: this.query, onInput: this.handleInput, onKeyDown: this.handleKeyDown, ref: el => (this.inputEl = el), part: "input", role: "combobox", "aria-expanded": this.open ? 'true' : 'false', "aria-autocomplete": "list" }), this.loading && (index.h("co-loader", { key: '2c97cbbe4cb8680cc9a0a17ac4874affb4aa4dbc', class: "co-command-search__loading", part: "loading", size: "sm" })), index.h("span", { key: 'e83670924b978f2b1c8900d7b5974ddfdec79421', class: "co-command-search__shortcut" }, "ESC")), (this.parsedTabs.length > 0 || this.hasMore) && (index.h("div", { key: 'ac2e11112323393377a47b70d0c4e7f0b4879925', class: "co-command-search__tabs", part: "tabs", role: "tablist" }, this.parsedTabs.map(tab => {
+                } }, index.h("co-icon", { name: "x", size: 10, weight: "bold" }))))), index.h("input", { key: '5468e510b549c996e7208b691b846b2949b2870d', class: "co-command-search__input", type: "text", placeholder: this.placeholder, value: this.query, onInput: this.handleInput, onKeyDown: this.handleKeyDown, ref: el => (this.inputEl = el), part: "input", role: "combobox", "aria-expanded": this.open ? 'true' : 'false', "aria-autocomplete": "list" }), this.loading && (index.h("co-loader", { key: '300afe578342e795b968c01ec4a941b2fc07c25b', class: "co-command-search__loading", part: "loading", size: "sm" })), index.h("span", { key: '96c6c03f2330c1c4fbdecba635cc61aee1cef442', class: "co-command-search__shortcut" }, "ESC")), (this.parsedTabs.length > 0 || this.hasMore) && (index.h("div", { key: 'b05917311a4e65b98ed2e1db1c0cedb9f83bd5a2', class: "co-command-search__tabs", part: "tabs", role: "tablist" }, this.parsedTabs.map(tab => {
                 const active = tab.value === this.activeTab;
                 return (index.h("co-chip", { class: "co-command-search__tab", role: "tab", "aria-selected": active ? 'true' : 'false', clickable: true, selected: active, variant: active ? 'filled' : 'outlined', color: active ? 'primary' : 'default', iconLeft: tab.icon, label: tab.label, onCoClick: () => this.coTabSelect.emit(active ? '' : tab.value) }));
-            }), this.hasMore && (index.h("co-chip", { key: '5d9f2d1f698ae0bcd8114fecc37933d3a382e827', class: "co-command-search__tab co-command-search__tab--more", clickable: true, variant: "outlined", label: this.moreLabel, iconRight: "caret-down", onCoClick: () => this.coMoreTabs.emit() })))), index.h("div", { key: 'f40c3fd0d1df01943abb1ad5c309c4d3ca06cb6d', class: "co-command-search__results", part: "results" }, this.parsedFavorites.length > 0 && !this.query && (index.h("div", { key: 'db24aad8d20d08ca7ab73d7a7282864b86416270', class: "co-command-search__fav", part: "favorites" }, index.h("div", { key: 'da53185a2e61f62413520ed731233db7994c8c98', class: "co-command-search__fav-grid" }, this.parsedFavorites.map(fav => (index.h("button", { class: "co-command-search__fav-card", type: "button", onClick: () => this.coSelect.emit(fav.value) }, index.h("span", { class: "co-command-search__fav-icon", style: { background: fav.color || 'var(--co-semantic-surface-muted)' } }, index.h("co-icon", { name: fav.icon || 'circle', size: 26, weight: "fill" })), index.h("span", { class: "co-command-search__fav-label" }, fav.label))))))), index.h("co-option-list", { key: '31c21b81d1fffc0c8a1e7aadfc3abb6661804967', ref: (el) => (this.optionListEl = el), items: JSON.stringify(items.map((it) => ({
+            }), this.hasMore && (index.h("co-chip", { key: '36c25c208b1e26394bd02a56dda55d5e0fd912fd', class: "co-command-search__tab co-command-search__tab--more", clickable: true, variant: "outlined", label: this.moreLabel, iconRight: "caret-down", onCoClick: () => this.coMoreTabs.emit() })))), index.h("div", { key: '72497fec08f07fd6a91f62db10091d7d635eeab9', class: "co-command-search__results", part: "results" }, this.parsedFavorites.length > 0 && !this.query && (index.h("div", { key: 'be18a43f0e3e5cc4c9ce0cbfacc90c7e5568017b', class: "co-command-search__fav", part: "favorites" }, index.h("div", { key: '9c29628bb6ba66daf9253aa5d490f7dcc56e4b3b', class: "co-command-search__fav-grid" }, this.parsedFavorites.map(fav => (index.h("button", { class: "co-command-search__fav-card", type: "button", onClick: () => this.coSelect.emit(fav.value) }, index.h("span", { class: "co-command-search__fav-icon", style: { background: fav.color || 'var(--co-semantic-surface-muted)' } }, index.h("co-icon", { name: fav.icon || 'circle', size: 26, weight: "fill" })), index.h("span", { class: "co-command-search__fav-label" }, fav.label))))))), index.h("co-option-list", { key: 'ee50dd0d97743a7a85de59f8daf6e45e989a422d', ref: (el) => (this.optionListEl = el), items: JSON.stringify(items.map((it) => ({
                     _id: it.value, label: it.label, icon: it.icon, description: it.subtitle, group: it.section,
                     disabled: it.disabled,
                 }))), autoHighlight: true, highlightMatches: true, highlightTerm: this.query, loading: this.loading, emptyMessage: this.emptyMessage, onCoChange: (e) => this.handleListPick(e.detail.item._id) })))),

package/dist/cjs/co-data-table-pagination.cjs.entry.js

@@ -91,17 +91,17 @@ const CoDataTablePagination = class {
     }
     render() {
         const pages = this.getVisiblePages();
-        return (index.h("div", { key: 'f83c7d15c6e8eec2afc321143bded864ae5fda09', class: "co-pagination", part: "pagination" }, index.h("div", { key: '11782853551ccefbcec9ac5106f832b2197da906', class: "co-pagination__section" }, index.h("span", { key: 'cf6655015c28276df65494a98227f3958f49c0d3', class: "co-pagination__label" }, this.jumpToPageLabel), index.h("input", { key: 'e81cfc938459634a724af59b2f00ceb509faaafb', type: "text", class: "co-pagination__jump-input", value: this.jumpToValue || String(this.page), onInput: (e) => {
+        return (index.h("div", { key: '0f62fb900604d4deb263f03e8075e2c092e8ce73', class: "co-pagination", part: "pagination" }, index.h("div", { key: '257d5bc2c25ef058ceb7b41ddfba949e8da0d466', class: "co-pagination__section" }, index.h("span", { key: '61d243f6e20b8aca4f65c4f95dd0a85a98b70485', class: "co-pagination__label" }, this.jumpToPageLabel), index.h("input", { key: 'd99b709c2f9ac000adf4922c3cbcd9a745f6be2f', type: "text", class: "co-pagination__jump-input", value: this.jumpToValue || String(this.page), onInput: (e) => {
                 this.jumpToValue = e.target.value;
             }, onKeyDown: (e) => this.handleJumpToPage(e), onFocus: (e) => {
                 e.target.select();
-            }, part: "jump-input" })), index.h("div", { key: '1106208e94bf7fed0a536d9ba697f029e6125bf4', class: "co-pagination__section co-pagination__section--page-size" }, index.h("div", { key: '9a158ae48966c89bbfd30b575382e3798f86c403', class: "co-pagination__page-size-trigger", onClick: () => { this.showPageSizeDropdown = !this.showPageSizeDropdown; } }, index.h("span", { key: 'eb823c3876c2b53bc8a946b18899290ab9d4928c', class: "co-pagination__page-size-value" }, this.pageSize), index.h("span", { key: 'f46690625eb9b4fc3f47c3dd6c19670f483f4373', class: "co-pagination__label" }, this.perPageLabel), index.h("co-icon", { key: 'ebd5dcac78b682c6a96ca090868dfbe4a81196e7', name: "caret-down", size: 14 })), this.showPageSizeDropdown && (index.h("div", { key: 'be486ea92757e11c3782c293cbbf377fb39ac1f2', class: "co-pagination__page-size-dropdown", part: "dropdown" }, this.parsedPageSizes.map(size => (index.h("button", { class: {
+            }, part: "jump-input" })), index.h("div", { key: '9737e4830745d75428184b9cb1e45f9cfd713aaf', class: "co-pagination__section co-pagination__section--page-size" }, index.h("div", { key: '1a025e7dc8fc1cc29547da7633b70e0b1b166ab7', class: "co-pagination__page-size-trigger", onClick: () => { this.showPageSizeDropdown = !this.showPageSizeDropdown; } }, index.h("span", { key: '5402395084c43c4e828de79454aa2dbb457bf6df', class: "co-pagination__page-size-value" }, this.pageSize), index.h("span", { key: '8010da33d478ce393f77122926d6d5e30eb6da27', class: "co-pagination__label" }, this.perPageLabel), index.h("co-icon", { key: '0abd66f654b36912826d9b11357837f1db5b045c', name: "caret-down", size: 14 })), this.showPageSizeDropdown && (index.h("div", { key: 'ca25c9f67dd28fbf58d903691a6f805168dc255e', class: "co-pagination__page-size-dropdown", part: "dropdown" }, this.parsedPageSizes.map(size => (index.h("button", { class: {
                 'co-pagination__page-size-option': true,
                 'co-pagination__page-size-option--active': size === this.pageSize,
-            }, onClick: () => this.changePageSize(size) }, size)))))), index.h("div", { key: '90d4ade3e50e1e539dacae10375bf395eb8f116b', class: "co-pagination__spacer" }), index.h("div", { key: 'db63dc37c80ef387473085d18dbcfb41e5779513', class: "co-pagination__section" }, index.h("span", { key: '1c3a3603bb8fcfc60762fb6e2ea865e06a23bf60', class: "co-pagination__count" }, this.totalCount.toLocaleString(), " ", this.recordsLabel)), index.h("div", { key: '04f0065db683f13f6b57d2c068cd883b538964fd', class: "co-pagination__section co-pagination__nav" }, index.h("button", { key: '69c7aa951561422f9a0b6a4321845ceadf33d4c7', class: "co-pagination__nav-btn", disabled: this.page <= 1, onClick: () => this.goToPage(this.page - 1), part: "prev-btn" }, this.previousLabel), pages.map(p => p === '...' ? (index.h("span", { class: "co-pagination__ellipsis" }, "\u2026")) : (index.h("button", { class: {
+            }, onClick: () => this.changePageSize(size) }, size)))))), index.h("div", { key: '3b84c572f6eb902d9bd2787e938014efa710b317', class: "co-pagination__spacer" }), index.h("div", { key: '0cf60f2844ccd5e7ce370bc57895c874f558b718', class: "co-pagination__section" }, index.h("span", { key: '944f414d863c494b00df4ac81f688b00597b0af4', class: "co-pagination__count" }, this.totalCount.toLocaleString(), " ", this.recordsLabel)), index.h("div", { key: '4190fcca176fc5d9918cc6e70c7ab6f5a244dfd7', class: "co-pagination__section co-pagination__nav" }, index.h("button", { key: '5dbb9d83e9e3df1ad9dc817e5e7995706e9c06b3', class: "co-pagination__nav-btn", disabled: this.page <= 1, onClick: () => this.goToPage(this.page - 1), part: "prev-btn" }, this.previousLabel), pages.map(p => p === '...' ? (index.h("span", { class: "co-pagination__ellipsis" }, "\u2026")) : (index.h("button", { class: {
                 'co-pagination__page-btn': true,
                 'co-pagination__page-btn--active': p === this.page,
-            }, onClick: () => this.goToPage(p) }, p))), index.h("button", { key: '8498aaddbfa4bf91c63fd7d2697613d112d37adc', class: "co-pagination__nav-btn", disabled: this.page >= this.totalPages, onClick: () => this.goToPage(this.page + 1), part: "next-btn" }, this.nextLabel))));
+            }, onClick: () => this.goToPage(p) }, p))), index.h("button", { key: '7b27f1e6910b3f8c40198c83a6c6a11a4fbddaeb', class: "co-pagination__nav-btn", disabled: this.page >= this.totalPages, onClick: () => this.goToPage(this.page + 1), part: "next-btn" }, this.nextLabel))));
     }
     static get watchers() { return {
         "pageSizes": [{

package/dist/cjs/co-data-table.cjs.entry.js

@@ -548,12 +548,12 @@ const CoDataTable = class {
             : index.h("slot", { name: "empty-action" }))));
     }
     render() {
-        return (index.h("div", { key: '44bc59a435ddaecd97cc5f6a70c466e2b8932344', class: {
+        return (index.h("div", { key: 'db627f32da540ce37e30ef6411c29ffc7be6b7fb', class: {
                 'co-data-table': true,
                 'co-data-table--resizing': this.resizingColumn !== null,
                 'co-data-table--loading': this.loading,
                 'co-data-table--empty': !this.loading && this.parsedRows.length === 0,
-            } }, index.h("div", { key: '1bd489e12b774b82571877870783454484319c9e', class: "co-data-table__scroll" }, index.h("table", { key: '3676513e8cffa3af36575975e3a57de8482129e6', class: "co-data-table__table", style: { width: `${this.getTableWidth()}px`, minWidth: '100%' } }, this.renderColgroup(), this.renderHeader(), index.h("slot", { key: '9bfc25d51933af94e714a5c8dc9e37f306ee27ed' }), this.loading ? this.renderSkeletonBody() : null)), this.renderEmpty()));
+            } }, index.h("div", { key: '03c1c7eb194c077716535a73b753db1b1c7ea49f', class: "co-data-table__scroll" }, index.h("table", { key: '6401d8f51d991e434b6798ffa800ec05521408bd', class: "co-data-table__table", style: { width: `${this.getTableWidth()}px`, minWidth: '100%' } }, this.renderColgroup(), this.renderHeader(), index.h("slot", { key: 'ddc92d612b45877c558d2ad8dd567c1ea12d76ef' }), this.loading ? this.renderSkeletonBody() : null)), this.renderEmpty()));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/co-date-picker.cjs.entry.js

@@ -19,8 +19,11 @@ const CoDatePicker = class {
         this.coClose = index.createEvent(this, "coClose", 3);
         /** Committed value, "YYYY-MM-DD" or null. */
         this.value = null;
+        /** Locale BCP-47: nombres de meses y días, parseo de lo tipeado y textos de la UI (es/en/pt). */
         this.locale = 'es-CO';
+        /** Formato de la fecha visible. Tokens: `yyyy yy MMMM MMM MM M dd d` (el valor sigue siendo `YYYY-MM-DD`). */
         this.displayFormat = 'd MMM yyyy';
+        /** Primer día de la semana del calendario: 0 = domingo … 6 = sábado (default 1, lunes). */
         this.firstDayOfWeek = 1;
         /** Field size, forwarded to the inner co-date-field. */
         this.size = 'md';
@@ -31,10 +34,15 @@ const CoDatePicker = class {
          *  this prop existed. co-date-field itself has no `variant` prop, so this
          *  is applied from the outside via `::part(field)` — see co-date-picker.css. */
         this.variant = 'default';
+        /** Deshabilita el campo y el calendario. */
         this.disabled = false;
+        /** Solo lectura: muestra la fecha pero no permite cambiarla. */
         this.readonly = false;
+        /** Campo obligatorio: marca la etiqueta con el indicador de requerido. */
         this.required = false;
+        /** Botón × para vaciar la fecha (default `true`); emite `coClear`. */
         this.clearable = true;
+        /** Marca el campo como inválido (validación externa): borde de error y `errorMessage` en lugar de `helperText`. */
         this.invalid = false;
         /** Label layout: vertical (label above) or horizontal (label beside) */
         this.layout = 'vertical';

package/dist/cjs/co-date-range-picker.cjs.entry.js

@@ -20,18 +20,25 @@ const CoDateRangePicker = class {
         this.coClose = index.createEvent(this, "coClose", 3);
         /** JSON `{from,to}` or '' (empty). */
         this.value = '';
+        /** Locale BCP-47: nombres de meses y días, parseo de lo tipeado y textos de la UI (es/en/pt). */
         this.locale = 'es-CO';
+        /** Formato de las fechas en el trigger y los campos. Tokens: `yyyy yy MMMM MMM MM M dd d`. */
         this.displayFormat = 'd MMM yyyy';
+        /** Primer día de la semana del calendario: 0 = domingo … 6 = sábado (default 1, lunes). */
         this.firstDayOfWeek = 1;
         /** Show the quick-preset column. */
         this.presets = true;
         /** Allow from === to. */
         this.allowSameDay = true;
+        /** Muestra la acción «Limpiar» en el footer (default `true`); emite `coClear`. */
         this.clearable = true;
         /** Commit (emit coApply) as soon as a full valid range is picked, debounced. */
         this.applyOnSelect = false;
+        /** Deshabilita el campo: no abre el popover. */
         this.disabled = false;
+        /** Solo lectura: muestra el rango pero no permite cambiarlo. */
         this.readonly = false;
+        /** Marca el campo como inválido (validación externa): borde de error y `errorMessage` en lugar de `helperText`. */
         this.invalid = false;
         /** Whether the field is required (renders a required marker on the label). */
         this.required = false;
@@ -44,7 +51,9 @@ const CoDateRangePicker = class {
          *  focus ring, disabled and invalid states are unaffected. `default` (the
          *  standard bordered box) renders identically to before this prop existed. */
         this.variant = 'default';
+        /** Lado y alineación del popover respecto del trigger (default `bottom-start`). */
         this.placement = 'bottom-start';
+        /** Popover abierto (reflejado; el componente lo actualiza al abrir y cerrar). */
         this.open = false;
         /** Max viewport width (px) that renders the picker as a bottom sheet. */
         this.mobileBreakpoint = 600;

package/dist/cjs/co-date-range.cjs.entry.js

@@ -11,11 +11,17 @@ const CoDateRange = class {
         this.coClear = index.createEvent(this, "coClear", 7);
         /** JSON `{from,to}` or empty string. */
         this.value = '';
+        /** Etiqueta del campo. */
         this.label = '';
+        /** Texto del trigger sin rango. */
         this.placeholder = 'Select range';
+        /** Deshabilita el campo. */
         this.disabled = false;
+        /** Acción «Limpiar» en el footer; emite `coClear`. */
         this.clearable = true;
+        /** Columna de rangos rápidos (hoy, esta semana…), traducidos según `locale`. */
         this.presets = true;
+        /** Texto de ayuda bajo el campo. */
         this.helperText = '';
         /** BCP-47 locale. */
         this.locale = 'es';
@@ -33,7 +39,7 @@ const CoDateRange = class {
         }
     }
     render() {
-        return (index.h("co-date-range-picker", { key: 'f979460b1e6de4e3a519534a62258aebce1f2670', value: this.value, label: this.label, placeholder: this.placeholder, disabled: this.disabled, clearable: this.clearable, presets: this.presets, helperText: this.helperText, locale: this.locale, applyLabel: this.applyLabel, clearLabel: this.clearLabel, onCoApply: this.handleApply, onCoClear: () => this.coClear.emit() }));
+        return (index.h("co-date-range-picker", { key: 'e1d13b772fcd7aa60bbc77a25a5c6cb40a25dd4b', value: this.value, label: this.label, placeholder: this.placeholder, disabled: this.disabled, clearable: this.clearable, presets: this.presets, helperText: this.helperText, locale: this.locale, applyLabel: this.applyLabel, clearLabel: this.clearLabel, onCoApply: this.handleApply, onCoClear: () => this.coClear.emit() }));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/co-date-time-picker.cjs.entry.js

@@ -27,18 +27,25 @@ const CoDateTimePicker = class {
         this.presetIds = ['morning', 'noon', 'afternoon', 'endOfDay', 'now'];
         /** 12-hour clock (Google style). `false` renders a 24h clock. */
         this.hour12 = true;
+        /** Locale BCP-47: nombres de meses y días, formato de la hora y textos de la UI (es/en/pt). */
         this.locale = 'es-CO';
         /** Date part of the trigger text (tokens yyyy/yy/MMMM/MMM/MM/M/dd/d). */
         this.displayFormat = 'd MMM yyyy';
+        /** Primer día de la semana del calendario: 0 = domingo … 6 = sábado (default 1, lunes). */
         this.firstDayOfWeek = 1;
         /** Field size, mirrors co-input/co-date-field: s 28 / sm 32 / md 40 / lg 48. */
         this.size = 'md';
         /** `flat` strips the trigger's border/background so it reads as content. */
         this.variant = 'default';
+        /** Deshabilita el campo. */
         this.disabled = false;
+        /** Solo lectura: muestra el valor pero no abre el panel ni permite limpiar. */
         this.readonly = false;
+        /** Campo obligatorio: marca la etiqueta con el indicador de requerido. */
         this.required = false;
+        /** Botón × para vaciar el valor (default `true`); emite `coClear` y `coChange(null)`. */
         this.clearable = true;
+        /** Marca el campo como inválido (validación externa): borde de error y `errorMessage` en lugar de `helperText`. */
         this.invalid = false;
         /** Label layout: vertical (label above) or horizontal (label beside). */
         this.layout = 'vertical';
@@ -329,10 +336,10 @@ const CoDateTimePicker = class {
     render() {
         var _a;
         const t = dateI18n.getDateStrings(this.locale);
-        return (index.h("div", { key: 'f5805a061a0ab020f956e9333dd308745385814d', class: "co-date-time-picker", onKeyDown: this.onRootKeyDown }, this.renderLabel(), this.isMobile ? ([
+        return (index.h("div", { key: 'fd0f8441ff0531546790d1d318a580cd962bf345', class: "co-date-time-picker", onKeyDown: this.onRootKeyDown }, this.renderLabel(), this.isMobile ? ([
             index.h("div", { class: "co-date-time-picker__trigger", onClick: () => !this.disabled && !this.readonly && this.setOpen(true) }, this.renderTrigger(t)),
             index.h("co-drawer", { position: "bottom", open: this.open, heading: t.selectDateTime, onCoClose: this.closeApplyingDraft }, index.h("div", { class: "co-date-time-picker__sheet" }, this.renderPanel(t, true))),
-        ]) : (index.h("co-popover", { ref: (el) => (this.popoverEl = el), open: this.open, placement: this.placement, offset: 4, closeOnEscape: false, onCoOpen: this.onPopoverOpen, onCoClose: this.onPopoverClose }, index.h("div", { slot: "trigger", class: "co-date-time-picker__trigger" }, this.renderTrigger(t)), this.open && this.renderPanel(t, false))), this.name && index.h("input", { key: '58c58310ebc09b22b95ba8c7e231564edc7cecfa', type: "hidden", name: this.name, value: (_a = this.value) !== null && _a !== void 0 ? _a : '' }), this.renderHelper()));
+        ]) : (index.h("co-popover", { ref: (el) => (this.popoverEl = el), open: this.open, placement: this.placement, offset: 4, closeOnEscape: false, onCoOpen: this.onPopoverOpen, onCoClose: this.onPopoverClose }, index.h("div", { slot: "trigger", class: "co-date-time-picker__trigger" }, this.renderTrigger(t)), this.open && this.renderPanel(t, false))), this.name && index.h("input", { key: 'a30aed536d890836f468660f4f40f745504a6731', type: "hidden", name: this.name, value: (_a = this.value) !== null && _a !== void 0 ? _a : '' }), this.renderHelper()));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {