@prolibu-suite/cobalt-core 0.1.2 → 0.3.0

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

@@ -0,0 +1,26 @@
+'use strict';
+
+var index = require('./index-BumlM92r.js');
+
+const coSkeletonCss = () => `:host{display:block}.co-skeleton{height:1em;border-radius:var(--co-border-radius-xs);background:linear-gradient(     90deg,     var(--co-semantic-surface-secondary) 0%,     var(--co-semantic-surface-hover, rgba(0, 0, 0, 0.04)) 50%,     var(--co-semantic-surface-secondary) 100%   );background-size:200% 100%;animation:co-skeleton-sweep 1.2s ease-in-out infinite}.co-skeleton--text{border-radius:var(--co-border-radius-xxs)}.co-skeleton--circle{border-radius:var(--co-border-radius-full)}@keyframes co-skeleton-sweep{0%{background-position:200% 0}100%{background-position:-200% 0}}@media (prefers-reduced-motion: reduce){.co-skeleton{animation:none}}`;
+
+const CoSkeleton = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        /** rect (default) | text (radio menor) | circle */
+        this.variant = 'rect';
+        /** Ancho CSS (default 100%) */
+        this.width = '100%';
+        /** Alto CSS (default por variante en CSS) */
+        this.height = '';
+    }
+    render() {
+        const style = { width: this.width };
+        if (this.height)
+            style.height = this.height;
+        return (index.h("div", { key: '073c65d588917203f4f6a253a97535dc8a1a38f7', class: { 'co-skeleton': true, [`co-skeleton--${this.variant}`]: true }, part: "skeleton", style: style, "aria-hidden": "true" }));
+    }
+};
+CoSkeleton.style = coSkeletonCss();
+
+exports.co_skeleton = CoSkeleton;

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BEovErzl.js');
+var index = require('./index-BumlM92r.js');
 
 const coSliderCss = () => `: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 0.05s ease}.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 0.15s ease, transform 0.1s ease;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--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)}`;
 
@@ -80,12 +80,12 @@ const CoSlider = class {
     }
     render() {
         const pct = this.percentage;
-        return (index.h("div", { key: '55b6b1234eb1262d34100dbeeea5b9cdd00cf9b0', class: {
+        return (index.h("div", { key: '719f3ecd1e92b234f2938b570747c4d1f174903b', class: {
                 'co-slider': true,
                 'co-slider--disabled': this.disabled,
                 'co-slider--dragging': this.dragging,
                 [`co-slider--${this.status}`]: this.status !== 'default',
-            } }, (this.label || this.secondaryLabel || this.showValue) && (index.h("div", { key: '9b552dbf32b1a5d63b8c068bace8ed6f976cfc06', class: "co-slider__labels" }, index.h("div", { key: '84ef18f271167714c4fb0f0a493347aed826677f', class: "co-slider__labels-left" }, this.label && index.h("label", { key: '83f55dab8b5c9f6ffe645bf5a9a5f64d48091cdc', class: "co-slider__label" }, this.label), this.secondaryLabel && index.h("span", { key: 'e87460cb0301217c620534169a81a4d1eb2ec8e8', class: "co-slider__secondary-label" }, this.secondaryLabel)), this.showValue && index.h("span", { key: 'fcceffe989b3a920bf0a036a84945ae09d12e332', class: "co-slider__value" }, this.value))), index.h("div", { key: '3bb4838439376d74c46a48ffd44924243f0c8d1f', class: "co-slider__track-wrapper", ref: el => (this.trackEl = el), onPointerDown: this.handlePointerDown }, index.h("div", { key: '452336835c5ec68ade4b5d62c7bf6f1228033dd3', class: "co-slider__track" }, index.h("div", { key: 'eace119e23a4ffa2e775af4b7df2fdae2a4c1a4d', class: "co-slider__fill", style: { width: `${pct}%` } })), index.h("div", { key: '2961e33a63c54bcd6642d3d9e49c7816bdcc0136', class: "co-slider__thumb", style: { left: `${pct}%` } })), this.showMarks && (index.h("div", { key: '1d3796eecca1054817db1b2d4dbb4b79199b59f6', class: "co-slider__marks" }, index.h("span", { key: '37a8f0927a98dc4564d18bc3ac6069778d28db43', class: "co-slider__mark" }, this.min), index.h("span", { key: 'c250e0d1e046d854a142fd54145d6839d35455e4', class: "co-slider__mark" }, this.max))), index.h("input", { key: '56be78722e738311ddd15fe107231c93d63a961b', 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 && (index.h("div", { key: '4d620cd43d5a58f188f3836362e9f258455ef277', class: `co-slider__helper co-slider__helper--${this.status}` }, this.statusIcon && index.h("co-icon", { key: 'b3f449dd2e7d7df70f9164e547f2ee91a1ee7c87', name: this.statusIcon, size: 14, weight: "fill", class: "co-slider__helper-icon" }), index.h("span", { key: 'b73792b9bf9e957ece4ad05a9e32b40ffa221867', class: "co-slider__helper-text" }, this.helperText)))));
+            } }, (this.label || this.secondaryLabel || this.showValue) && (index.h("div", { key: 'fb46d7ebad65bf172b4c816b733e08ca991e5cb8', class: "co-slider__labels" }, index.h("div", { key: '21718e63d1d63f802f939c10f962f0e9ec5b56e6', class: "co-slider__labels-left" }, this.label && index.h("label", { key: 'd408bc63492d3b778f7314d1e66864eb1ad6edce', class: "co-slider__label" }, this.label), this.secondaryLabel && index.h("span", { key: '3e439468743dfcc0ff315bf388a074cdc4627f2d', class: "co-slider__secondary-label" }, this.secondaryLabel)), this.showValue && index.h("span", { key: 'a4e1faacfc462132454f6c5e3763d4fb19f68c64', class: "co-slider__value" }, this.value))), index.h("div", { key: 'eb56a12853ed3646a410a5514758d4fd518a8122', class: "co-slider__track-wrapper", ref: el => (this.trackEl = el), onPointerDown: this.handlePointerDown }, index.h("div", { key: 'a1b207d80af7febbc40cd99bc9dac1dd67704b50', class: "co-slider__track" }, index.h("div", { key: '77df50269d88735f61d8f18e05261fa74f89095f', class: "co-slider__fill", style: { width: `${pct}%` } })), index.h("div", { key: 'c162883c5bd5c162b42a4ab2d8ef305bec6e122f', class: "co-slider__thumb", style: { left: `${pct}%` } })), this.showMarks && (index.h("div", { key: 'c54273d0f17b2417603969d96c15218f450034b1', class: "co-slider__marks" }, index.h("span", { key: '8c79656db7ef7c5da77bfb4195e94f2b75cb17e6', class: "co-slider__mark" }, this.min), index.h("span", { key: 'f5b3a63ebd5ca13b4a5f3275f2084addb73a7f4e', class: "co-slider__mark" }, this.max))), index.h("input", { key: '415197b6ae17a3ca980171019d419939a5b3ae6c', 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 && (index.h("div", { key: '935c2f02e24345bade1563782c3a252157eecd00', class: `co-slider__helper co-slider__helper--${this.status}` }, this.statusIcon && index.h("co-icon", { key: '76f5ccf6375c362841726f24c4be222293bd14b3', name: this.statusIcon, size: 14, weight: "fill", class: "co-slider__helper-icon" }), index.h("span", { key: '909c3b06b4eecd507b595d31b78220c7c29fbf22', class: "co-slider__helper-text" }, this.helperText)))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -1,8 +1,9 @@
 'use strict';
 
-var index = require('./index-BEovErzl.js');
+var index = require('./index-BumlM92r.js');
+var requiredMark = require('./requiredMark-CqMGt1H1.js');
 
-const coSwitchCss = () => `:host{display:inline-flex;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14);letter-spacing:var(--co-font-letter-spacing-body);line-height:1}.co-switch-wrapper{display:flex;flex-direction:column;gap:var(--co-spacing-xs)}.co-switch-wrapper__row{display:flex;align-items:center;gap:var(--co-spacing-sm2);cursor:pointer}.co-switch-wrapper--disabled .co-switch-wrapper__row{cursor:not-allowed}.co-switch-wrapper__labels{display:flex;align-items:center;gap:var(--co-spacing-sm2);flex:1;min-width:0}.co-switch-wrapper__label{color:var(--co-semantic-text-secondary);font-size:var(--co-font-size-14);font-weight:400;line-height:1;white-space:nowrap}.co-switch-wrapper__secondary-label{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14);font-weight:400;line-height:1;white-space:nowrap;margin-left:auto}.co-switch-wrapper--disabled .co-switch-wrapper__label,.co-switch-wrapper--disabled .co-switch-wrapper__secondary-label{color:var(--co-semantic-text-disabled)}.co-switch-wrapper__helper{display:flex;align-items:center;gap:var(--co-spacing-xs);padding-left:calc(44px + var(--co-spacing-sm2));}.co-switch-wrapper__helper-icon{flex-shrink:0;display:flex;align-items:center}.co-switch-wrapper__helper-text{font-size:var(--co-font-size-14);font-weight:400;line-height:1}.co-switch-wrapper__helper--error .co-switch-wrapper__helper-icon,.co-switch-wrapper__helper--error .co-switch-wrapper__helper-text{color:var(--co-semantic-status-error)}.co-switch-wrapper__helper--success .co-switch-wrapper__helper-icon,.co-switch-wrapper__helper--success .co-switch-wrapper__helper-text{color:var(--co-semantic-status-success)}.co-switch-wrapper__helper--warning .co-switch-wrapper__helper-icon,.co-switch-wrapper__helper--warning .co-switch-wrapper__helper-text{color:var(--co-color-status-review)}.co-switch-wrapper__helper--info .co-switch-wrapper__helper-icon,.co-switch-wrapper__helper--info .co-switch-wrapper__helper-text{color:var(--co-semantic-status-info)}.co-switch{position:relative;display:inline-flex;align-items:center;width:44px;height:24px;border-radius:var(--co-border-radius-full);border:none;outline:none;cursor:pointer;padding:0;overflow:hidden;transition:background 0.2s ease;box-sizing:border-box;flex-shrink:0}.co-switch--on{background:var(--co-semantic-surface-primary)}.co-switch--off{background:var(--co-semantic-surface-muted)}.co-switch__thumb{position:absolute;top:50%;transform:translateY(-50%);width:20px;height:20px;border-radius:var(--co-border-radius-full);background:var(--co-semantic-control-thumb);transition:left 0.2s ease;box-shadow:0 1px 3px var(--co-semantic-control-shadow)}.co-switch--off .co-switch__thumb{left:2px}.co-switch--on .co-switch__thumb{left:22px}.co-switch--disabled{opacity:0.4;cursor:not-allowed;pointer-events:none}`;
+const coSwitchCss = () => `:host{display:inline-flex;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14);letter-spacing:var(--co-font-letter-spacing-body);line-height:1}.co-switch-wrapper{display:flex;flex-direction:column;gap:var(--co-spacing-xs)}.co-switch-wrapper__row{display:flex;align-items:center;gap:var(--co-spacing-sm2);cursor:pointer}.co-switch-wrapper--disabled .co-switch-wrapper__row{cursor:not-allowed}.co-switch-wrapper__labels{display:flex;align-items:center;gap:var(--co-spacing-sm2);flex:1;min-width:0}.co-switch-wrapper__label{color:var(--co-semantic-text-secondary);font-size:var(--co-font-size-14);font-weight:400;line-height:1;white-space:nowrap}.co-switch-wrapper__secondary-label{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14);font-weight:400;line-height:1;white-space:nowrap;margin-left:auto}.co-switch-wrapper--disabled .co-switch-wrapper__label,.co-switch-wrapper--disabled .co-switch-wrapper__secondary-label{color:var(--co-semantic-text-disabled)}.co-switch-wrapper__helper{display:flex;align-items:center;gap:var(--co-spacing-xs);padding-left:calc(44px + var(--co-spacing-sm2));}.co-switch-wrapper__helper-icon{flex-shrink:0;display:flex;align-items:center}.co-switch-wrapper__helper-text{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14);font-weight:400;line-height:1}.co-switch-wrapper__helper--error .co-switch-wrapper__helper-icon,.co-switch-wrapper__helper--error .co-switch-wrapper__helper-text{color:var(--co-semantic-status-error)}.co-switch-wrapper__helper--success .co-switch-wrapper__helper-icon,.co-switch-wrapper__helper--success .co-switch-wrapper__helper-text{color:var(--co-semantic-status-success)}.co-switch-wrapper__helper--warning .co-switch-wrapper__helper-icon,.co-switch-wrapper__helper--warning .co-switch-wrapper__helper-text{color:var(--co-color-status-review)}.co-switch-wrapper__helper--info .co-switch-wrapper__helper-icon,.co-switch-wrapper__helper--info .co-switch-wrapper__helper-text{color:var(--co-semantic-status-info)}.co-switch{position:relative;display:inline-flex;align-items:center;width:44px;height:24px;border-radius:var(--co-border-radius-full);border:none;outline:none;cursor:pointer;padding:0;overflow:hidden;transition:background 0.2s ease;box-sizing:border-box;flex-shrink:0}.co-switch--on{background:var(--co-semantic-surface-primary)}.co-switch--off{background:color-mix(in srgb, var(--co-semantic-surface-muted) 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))}.co-switch__thumb{position:absolute;top:50%;transform:translateY(-50%);width:20px;height:20px;border-radius:var(--co-border-radius-full);background:var(--co-semantic-control-thumb);transition:left 0.2s ease;box-shadow:0 1px 3px var(--co-semantic-control-shadow)}.co-switch--off .co-switch__thumb{left:2px}.co-switch--on .co-switch__thumb{left:22px}.co-switch--disabled{opacity:0.4;cursor:not-allowed;pointer-events:none}.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)')}@supports not (background: color-mix(in srgb, red, transparent)){.co-switch--off{background:var(--co-semantic-surface-muted)}}`;
 
 const CoSwitch = class {
     constructor(hostRef) {
@@ -12,6 +13,8 @@ const CoSwitch = class {
         this.checked = false;
         /** Disabled state */
         this.disabled = false;
+        /** Whether the field is required (renders a required marker on the label). */
+        this.required = false;
         /** Validation status */
         this.status = 'default';
         this.handleClick = () => {
@@ -32,17 +35,17 @@ const CoSwitch = class {
     }
     render() {
         const hasLabels = this.label || this.secondaryLabel;
-        const hasHelper = this.helperText && this.status !== 'default';
-        return (index.h("div", { key: 'dee7b24ea46fe9ea743b408b1c4b79247c98cb28', class: {
+        const hasHelper = !!this.helperText;
+        return (index.h("div", { key: '2a60b60256d74e480b243ddb3901e5e8e86c90dd', class: {
                 'co-switch-wrapper': true,
                 'co-switch-wrapper--disabled': this.disabled,
                 [`co-switch-wrapper--${this.status}`]: this.status !== 'default',
-            } }, index.h("div", { key: 'fcc76c8c5ffca4f004cd1fae898219fe533e7da1', class: "co-switch-wrapper__row", onClick: this.handleClick }, index.h("button", { key: '06dee0e71ec4bbcf5b9e7d9113e312b72d40059a', role: "switch", "aria-checked": String(this.checked), "aria-label": this.label || '', class: {
+            } }, index.h("div", { key: '57826bc0de97ccb8358f544f11a25c2b7000bbb8', class: "co-switch-wrapper__row", onClick: this.handleClick }, index.h("button", { key: '5ccd4d33fde509bd9139a5e453c93991dda1f558', role: "switch", "aria-checked": String(this.checked), "aria-label": this.label || '', class: {
                 'co-switch': true,
                 'co-switch--on': this.checked,
                 'co-switch--off': !this.checked,
                 'co-switch--disabled': this.disabled,
-            }, disabled: this.disabled, part: "track" }, index.h("span", { key: '744f64362f83b748fb93563ae0fe3192af4b8d15', class: "co-switch__thumb", part: "thumb" })), hasLabels && (index.h("div", { key: '22600658649934117f8db48addf7f954e3e1c025', class: "co-switch-wrapper__labels" }, this.label && index.h("span", { key: '669eec2e75eccba646d084a0d824aee19ad6cb07', class: "co-switch-wrapper__label", part: "label" }, this.label), this.secondaryLabel && (index.h("span", { key: '9f4152a495493daf3718a923c87bab53be59821c', class: "co-switch-wrapper__secondary-label", part: "secondary-label" }, this.secondaryLabel))))), hasHelper && (index.h("div", { key: '2971255ce480786effc0330de7e3bd07f9b27c4f', class: `co-switch-wrapper__helper co-switch-wrapper__helper--${this.status}` }, this.statusIcon && (index.h("co-icon", { key: '0f10ba6fb3e34a893b18ccaf72097226d860a36e', name: this.statusIcon, size: 14, weight: "fill", class: "co-switch-wrapper__helper-icon" })), index.h("span", { key: '4fdfe7567d891028154d3d9d421da8a1cbf9b397', class: "co-switch-wrapper__helper-text" }, this.helperText)))));
+            }, disabled: this.disabled, part: "track" }, index.h("span", { key: 'f530dcbf59372906efe0b45048cd5d60b139e9bc', class: "co-switch__thumb", part: "thumb" })), hasLabels && (index.h("div", { key: '24693a23c390a4a5e892f61998fc60a29ce9367f', class: "co-switch-wrapper__labels" }, this.label && index.h("span", { key: 'e1c8fc8d176e8f7af8e8cdab90671061e0e66ab7', class: "co-switch-wrapper__label", part: "label" }, this.label, index.h(requiredMark.RequiredMark, { key: 'bfc33a5e95f7e9fd0f9ca55ccd6c990515623e0e', required: this.required })), this.secondaryLabel && (index.h("span", { key: 'd4fe51103f9c13dee75e96b8ec8faa254fbedde3', class: "co-switch-wrapper__secondary-label", part: "secondary-label" }, this.secondaryLabel))))), hasHelper && (index.h("div", { key: '1b2d6c1124e2d0f448b9aa0ed019e75b75426949', class: `co-switch-wrapper__helper co-switch-wrapper__helper--${this.status}` }, this.statusIcon && (index.h("co-icon", { key: 'ae56e1f679f393f77bb3836dfd61dee093a8a461', name: this.statusIcon, size: 14, weight: "fill", class: "co-switch-wrapper__helper-icon" })), index.h("span", { key: 'd99621887a268b3b9b19361890c8582adbaa4482', class: "co-switch-wrapper__helper-text" }, this.helperText)))));
     }
 };
 CoSwitch.style = coSwitchCss();

package/dist/cjs/co-tab-group.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BEovErzl.js');
+var index = require('./index-BumlM92r.js');
 
 const coTabGroupCss = () => `:host{display:flex}.co-tab-group{display:flex;align-items:center;gap:var(--co-spacing-sm2)}`;
 
@@ -28,7 +28,7 @@ const CoTabGroup = class {
         });
     }
     render() {
-        return (index.h("div", { key: 'fb43d323a8146aa707955f62cdb2fc4fedfea6a0', class: "co-tab-group", role: "tablist", part: "tab-group" }, index.h("slot", { key: '96e31ba1a9cf0e21763dff25de4750dfe147b479' })));
+        return (index.h("div", { key: '458524e7f1469d90c43bf9a8f34ee68d511e9d36', class: "co-tab-group", role: "tablist", part: "tab-group" }, index.h("slot", { key: 'f11af2be459cb51e9cd426d0e20839fd6d1477f8' })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BEovErzl.js');
+var index = require('./index-BumlM92r.js');
 
 const coTabCss = () => `:host{display:inline-flex}.co-tab{display:inline-flex;align-items:center;gap:var(--co-spacing-sm2);border:none;outline:none;cursor:pointer;font-family:var(--co-font-family-primary);font-weight:400;line-height:1;white-space:nowrap;border-radius:var(--co-border-radius-full);background:transparent;color:var(--co-color-gris-500, #888);transition:background 0.15s ease, color 0.15s ease, font-weight 0.15s ease;box-sizing:border-box}.co-tab--small{padding:0 var(--co-spacing-sm2);font-size:var(--co-font-size-14);height:32px}.co-tab--large{padding:0 var(--co-spacing-lg);font-size:var(--co-font-size-16);height:40px}.co-tab:hover:not(:disabled){background:var(--co-color-gris-100, #f6f6f6);color:var(--co-color-base-negro, #1f1c1b)}.co-tab--selected{background:var(--co-color-gris-100, #f6f6f6);color:var(--co-color-base-negro, #1f1c1b);font-weight:500}.co-tab--selected:hover:not(:disabled){background:var(--co-color-gris-100, #f6f6f6);color:var(--co-color-base-negro, #1f1c1b)}.co-tab--disabled{opacity:0.4;cursor:not-allowed}.co-tab:focus-visible{outline:2px solid var(--co-semantic-border-focus, var(--co-color-primary-azul, #2563eb));outline-offset:2px}`;
 
@@ -26,12 +26,12 @@ const CoTab = class {
     }
     render() {
         const iconSize = this.size === 'large' ? 18 : 14;
-        return (index.h("button", { key: '863ea310122c3becbd20a895b7f831322d0b72fb', class: {
+        return (index.h("button", { key: 'f639c074e062b1d8f2cb0062cb617a53451ec78f', class: {
                 'co-tab': true,
                 [`co-tab--${this.size}`]: true,
                 'co-tab--selected': this.selected,
                 'co-tab--disabled': this.disabled,
-            }, type: "button", role: "tab", "aria-selected": this.selected ? 'true' : 'false', disabled: this.disabled, part: "tab", onClick: this.handleClick }, this.iconLeft && (index.h("co-icon", { key: '88c5335df71e746585ab770759d565b548b2a718', name: this.iconLeft, size: iconSize })), index.h("span", { key: '8b68515ebe754fae56d28af0d0261dd8ad1b3c73', class: "co-tab__label" }, this.label), this.iconRight && (index.h("co-icon", { key: '8e57b2c39643f0dd29d461c8d83574b8002806ae', name: this.iconRight, size: iconSize }))));
+            }, type: "button", role: "tab", "aria-selected": this.selected ? 'true' : 'false', disabled: this.disabled, part: "tab", onClick: this.handleClick }, this.iconLeft && (index.h("co-icon", { key: 'eaae38c6de14707c2b0a318f0afea16a3b5051f8', name: this.iconLeft, size: iconSize })), index.h("span", { key: '296bac2a9c7639b590065b6eba2730218fff3ba2', class: "co-tab__label" }, this.label), this.iconRight && (index.h("co-icon", { key: 'cf2c205989a2a172ab16482bfb510dbb0be86453', name: this.iconRight, size: iconSize }))));
     }
 };
 CoTab.style = coTabCss();

package/dist/cjs/co-tags-field.cjs.entry.js

@@ -0,0 +1,211 @@
+'use strict';
+
+var index = require('./index-BumlM92r.js');
+var requiredMark = require('./requiredMark-CqMGt1H1.js');
+var fieldChip = require('./fieldChip-CDIMz_Y6.js');
+
+const coTagsFieldCss = () => `:host{display:block;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14);letter-spacing:var(--co-font-letter-spacing-body);line-height:1}.co-tags-field{display:flex;flex-direction:column;gap:var(--co-spacing-sm2)}.co-tags-field__labels{display:flex;align-items:center;justify-content:space-between;padding:0 var(--co-spacing-xs);gap:var(--co-spacing-sm2)}.co-tags-field__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-field-required{margin-left:2px;color:var(--co-color-status-error)}.co-field-required__caption{margin-left:4px;color:var(--co-semantic-text-muted);font-size:var(--co-font-size-12);font-weight:400}.co-field-required__caption::before{content:var(--co-field-required-text, ' (required)')}.co-tags-field__field-row{display:flex;align-items:stretch}.co-tags-field__field{display:flex;align-items:flex-start;gap:var(--co-spacing-sm2);padding:var(--co-spacing-xs) var(--co-spacing-md);background:color-mix(in srgb, var(--co-semantic-surface-secondary) 55%, transparent);-webkit-backdrop-filter:blur(var(--co-glass-blur)) saturate(var(--co-glass-saturate));backdrop-filter:blur(var(--co-glass-blur)) saturate(var(--co-glass-saturate));border:1px solid var(--co-semantic-border-subtle);border-radius:var(--co-border-radius-xs);transition:border-color 0.15s ease, box-shadow 0.15s ease;min-height:40px;box-sizing:border-box;flex:1;min-width:0;cursor:text}.co-tags-field__input-wrapper{flex:1;display:flex;flex-wrap:wrap;align-items:center;gap:var(--co-spacing-sm);min-width:0;min-height:28px;padding:var(--co-spacing-xxs) 0}.co-tags-field--s .co-tags-field__field{min-height:28px;padding:var(--co-spacing-xxs) var(--co-spacing-sm);font-size:var(--co-font-size-12)}.co-tags-field--sm .co-tags-field__field{min-height:32px;padding:var(--co-spacing-xs) var(--co-spacing-sm);font-size:var(--co-font-size-14)}.co-tags-field--lg .co-tags-field__field{min-height:48px;padding:var(--co-spacing-sm) var(--co-spacing-lg);font-size:var(--co-font-size-16)}.co-tags-field--s .co-tags-field__input-wrapper,.co-tags-field--sm .co-tags-field__input-wrapper{min-height:0;padding:0}.co-tags-field__chip{display:inline-flex;align-items:center;gap:var(--co-spacing-sm);padding:var(--co-spacing-sm) var(--co-spacing-sm2);background:var(--co-semantic-surface-hover);border-radius:var(--co-border-radius-full);font-size:var(--co-font-size-14);line-height:1;max-width:240px;cursor:pointer;user-select:none}.co-tags-field__chip-label{color:var(--co-semantic-text-default);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.co-tags-field__chip-remove{display:flex;align-items:center;padding:0;margin:0;border:none;background:transparent;cursor:pointer;color:var(--co-semantic-text-muted);transition:color 0.1s ease;flex-shrink:0}.co-tags-field__chip-remove:hover{color:var(--co-semantic-text-default)}.co-tags-field__native{flex:1;min-width:80px;border:none;outline:none;background:transparent;font-family:inherit;font-size:inherit;font-weight:400;letter-spacing:inherit;line-height:1;color:var(--co-semantic-text-default);padding:0;margin:0}.co-tags-field__native::placeholder{color:var(--co-semantic-text-muted)}.co-tags-field__edit{border:1px solid var(--co-semantic-border-focus);border-radius:var(--co-border-radius-xxs);outline:none;background:var(--co-semantic-surface-primary);font-family:inherit;font-size:var(--co-font-size-12);line-height:1;color:var(--co-semantic-text-default);padding:var(--co-spacing-xxs) var(--co-spacing-xs);margin:0;min-width:60px}.co-tags-field__clear{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:16px;padding:0;margin:var(--co-spacing-xxs) 0 0;border:none;background:transparent;cursor:pointer;color:var(--co-semantic-text-muted);transition:color 0.15s ease}.co-tags-field__clear--hidden{visibility:hidden;pointer-events:none}.co-tags-field__clear:hover{color:var(--co-semantic-text-default)}.co-tags-field__helper{display:flex;align-items:center;gap:var(--co-spacing-xs);padding:0 var(--co-spacing-xs)}.co-tags-field__helper-icon{flex-shrink:0;color:var(--co-semantic-text-muted);display:flex;align-items:center}.co-tags-field__helper-text{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14);font-weight:400;line-height:1;letter-spacing:var(--co-font-letter-spacing-body)}.co-tags-field--focused .co-tags-field__field{border-color:var(--co-semantic-border-focus);box-shadow:0 0 0 2px var(--co-semantic-border-focus-ring)}.co-tags-field--disabled{opacity:0.6;pointer-events:none}.co-tags-field--disabled .co-tags-field__labels .co-tags-field__label{color:var(--co-semantic-text-disabled)}.co-tags-field--disabled .co-tags-field__field{background:var(--co-semantic-surface-disabled);border-color:transparent;cursor:not-allowed}.co-tags-field--invalid .co-tags-field__field{border-color:var(--co-semantic-status-error)}.co-tags-field--invalid.co-tags-field--focused .co-tags-field__field{border-color:var(--co-semantic-status-error);box-shadow:0 0 0 2px rgba(170, 46, 27, 0.12)}.co-tags-field__helper--error .co-tags-field__helper-icon,.co-tags-field__helper--error .co-tags-field__helper-text{color:var(--co-semantic-status-error)}:host([layout='horizontal']) .co-tags-field{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-tags-field__labels{grid-column:1;grid-row:1;padding-top:var(--co-spacing-sm2);min-width:0}:host([layout='horizontal']) .co-tags-field__label{white-space:normal}:host([layout='horizontal']) .co-tags-field>:not(.co-tags-field__labels){grid-column:2;min-width:0}@supports not (background: color-mix(in srgb, red, transparent)){.co-tags-field__field{background:var(--co-semantic-surface-secondary)}}`;
+
+const CoTagsField = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.coChange = index.createEvent(this, "coChange", 7);
+        this.coInput = index.createEvent(this, "coInput", 7);
+        this.coClear = index.createEvent(this, "coClear", 7);
+        this.coFocus = index.createEvent(this, "coFocus", 7);
+        this.coBlur = index.createEvent(this, "coBlur", 7);
+        /** Committed value as a JSON array of strings (or an actual `string[]`). */
+        this.value = '[]';
+        this.placeholder = '';
+        this.required = false;
+        this.disabled = false;
+        this.readonly = false;
+        this.clearable = true;
+        /** Allow the same value to be added more than once. */
+        this.allowDuplicates = false;
+        /** External invalid flag (e.g. from a form controller). */
+        this.invalid = false;
+        /** Label layout: vertical (label above) or horizontal (label beside) */
+        this.layout = 'vertical';
+        /** Field size (mirrors co-input): s 28 / sm 32 / md 40 / lg 48. */
+        this.size = 'md';
+        /** Raw text in the inline input. */
+        this.draft = '';
+        /** Index of the chip being edited inline, or null. */
+        this.editingIndex = null;
+        /** Draft text while editing a chip. */
+        this.editingDraft = '';
+        this.hasFocus = false;
+        this.handleClearAll = () => {
+            var _a;
+            if (!this.hasValue)
+                return;
+            this.commit([]);
+            this.coClear.emit();
+            (_a = this.inputEl) === null || _a === void 0 ? void 0 : _a.focus();
+        };
+        this.handleInput = (e) => {
+            this.draft = e.target.value;
+            this.coInput.emit(this.draft);
+        };
+        this.handleKeyDown = (e) => {
+            if (e.key === 'Enter' || e.key === 'Tab' || e.key === ',') {
+                if (this.draft.trim()) {
+                    e.preventDefault();
+                    this.addTag();
+                }
+                return;
+            }
+            if (e.key === 'Backspace' && this.draft === '' && this.hasValue) {
+                e.preventDefault();
+                this.removeTag(this.tags.length - 1);
+            }
+        };
+        this.handleFocus = () => {
+            this.hasFocus = true;
+            this.coFocus.emit();
+        };
+        this.handleBlur = () => {
+            // Commit any pending text so a typed-but-not-entered value isn't lost.
+            if (this.draft.trim())
+                this.addTag();
+            this.hasFocus = false;
+            this.coBlur.emit();
+        };
+        this.handleEditKeyDown = (e) => {
+            if (e.key === 'Enter') {
+                e.preventDefault();
+                this.saveEdit();
+            }
+            else if (e.key === 'Escape') {
+                e.preventDefault();
+                this.cancelEdit();
+            }
+        };
+        this.handleFieldClick = () => {
+            var _a;
+            if (this.disabled || this.readonly)
+                return;
+            if (this.editingIndex === null)
+                (_a = this.inputEl) === null || _a === void 0 ? void 0 : _a.focus();
+        };
+    }
+    onEditingIndexChange(next) {
+        if (next !== null) {
+            // Focus the inline edit input after it renders.
+            requestAnimationFrame(() => { var _a; return (_a = this.editEl) === null || _a === void 0 ? void 0 : _a.focus(); });
+        }
+    }
+    get tags() {
+        if (Array.isArray(this.value))
+            return this.value.map((v) => String(v));
+        if (typeof this.value === 'string' && this.value.trim()) {
+            try {
+                const parsed = JSON.parse(this.value);
+                if (Array.isArray(parsed))
+                    return parsed.map((v) => String(v));
+            }
+            catch (_a) {
+                /* not JSON */
+            }
+        }
+        return [];
+    }
+    get hasValue() {
+        return this.tags.length > 0;
+    }
+    get isInvalid() {
+        return this.invalid;
+    }
+    get atCapacity() {
+        return typeof this.maxTags === 'number' && this.tags.length >= this.maxTags;
+    }
+    commit(next) {
+        this.value = JSON.stringify(next);
+        this.coChange.emit(next);
+    }
+    addTag() {
+        const raw = this.draft.trim();
+        this.draft = '';
+        if (!raw || this.atCapacity)
+            return;
+        const tags = this.tags;
+        if (!this.allowDuplicates && tags.includes(raw))
+            return;
+        this.commit([...tags, raw]);
+    }
+    removeTag(index) {
+        const next = this.tags.filter((_, i) => i !== index);
+        this.commit(next);
+    }
+    startEdit(index) {
+        var _a;
+        if (this.disabled || this.readonly)
+            return;
+        this.editingIndex = index;
+        this.editingDraft = (_a = this.tags[index]) !== null && _a !== void 0 ? _a : '';
+    }
+    saveEdit() {
+        if (this.editingIndex === null)
+            return;
+        const index = this.editingIndex;
+        const raw = this.editingDraft.trim();
+        const tags = this.tags;
+        this.editingIndex = null;
+        this.editingDraft = '';
+        if (!raw) {
+            // Empty edit removes the chip.
+            this.commit(tags.filter((_, i) => i !== index));
+            return;
+        }
+        if (!this.allowDuplicates && tags.some((t, i) => i !== index && t === raw)) {
+            // Collapsing onto an existing tag → just drop this one.
+            this.commit(tags.filter((_, i) => i !== index));
+            return;
+        }
+        const next = [...tags];
+        next[index] = raw;
+        this.commit(next);
+    }
+    cancelEdit() {
+        this.editingIndex = null;
+        this.editingDraft = '';
+    }
+    render() {
+        const tags = this.tags;
+        const showClear = this.clearable && this.hasValue && !this.disabled && !this.readonly;
+        const helper = this.isInvalid ? this.errorMessage : this.helperText;
+        const showInput = !this.readonly && !this.atCapacity;
+        return (index.h("div", { key: '1cef49a116560d7dbb9bf8d188fdc96361a57eb2', class: {
+                'co-tags-field': true,
+                'co-tags-field--disabled': this.disabled,
+                'co-tags-field--focused': this.hasFocus,
+                'co-tags-field--filled': this.hasValue,
+                'co-tags-field--invalid': this.isInvalid,
+                [`co-tags-field--${this.size}`]: true,
+            }, part: "wrapper" }, this.label && (index.h("div", { key: 'a4b799bdb15d8a64d86e9b3f367da4eb080a513a', class: "co-tags-field__labels" }, index.h("label", { key: '09b17b8888f9ab34ae6e52d6149f2234bab29cad', class: "co-tags-field__label", part: "label" }, this.label, index.h(requiredMark.RequiredMark, { key: '2e629eb73a4b76d7484f506edf26de88b13082b3', required: this.required })))), index.h("div", { key: 'd0f285b57c0d0dec34f5c62889c09eeb1b85d7f0', class: "co-tags-field__field-row" }, index.h("div", { key: '244270d7af8d9a615fa4e294d52986e470c71882', class: "co-tags-field__field", part: "field", onClick: this.handleFieldClick }, index.h("div", { key: '434c8fe594082e57a1bc84c83467041f9070cc8b', class: "co-tags-field__input-wrapper" }, tags.map((tag, index$1) => this.editingIndex === index$1 ? (index.h("input", { key: `edit-${index$1}`, ref: (el) => (this.editEl = el), class: "co-tags-field__edit", type: "text", value: this.editingDraft, onInput: (e) => (this.editingDraft = e.target.value), onKeyDown: this.handleEditKeyDown, onBlur: () => this.saveEdit() })) : (
+        // Shared field-chip (utils/fieldChip.tsx) per the Figma
+        // "Tipo=Chips" spec — same look as co-ref-field's chips.
+        index.h(fieldChip.FieldChip, { key: `chip-${index$1}-${tag}`, baseClass: "co-tags-field__chip", label: tag, title: tag, onChipDblClick: () => this.startEdit(index$1), onRemove: !this.disabled && !this.readonly
+                ? (e) => {
+                    e.stopPropagation();
+                    this.removeTag(index$1);
+                }
+                : undefined }))), showInput && (index.h("input", { key: '2b425cbf2761cac6eb63bd9e6b27e5dcc082dc69', ref: (el) => (this.inputEl = el), class: "co-tags-field__native", type: "text", autocomplete: "off", value: this.draft, placeholder: tags.length === 0 ? this.placeholder : '', disabled: this.disabled, required: this.required && tags.length === 0, "aria-invalid": this.isInvalid ? 'true' : 'false', "aria-label": !this.label ? 'Tags' : undefined, onInput: this.handleInput, onFocus: this.handleFocus, onBlur: this.handleBlur, onKeyDown: this.handleKeyDown, part: "input" }))), this.clearable && (index.h("button", { key: 'a972a27e6b26d585e66a1d400e8af1da4571d12d', class: {
+                'co-tags-field__clear': true,
+                'co-tags-field__clear--hidden': !showClear,
+            }, type: "button", tabIndex: -1, onMouseDown: (e) => e.preventDefault() /* keep input focus */, onClick: this.handleClearAll, "aria-label": "Clear all", part: "clear" }, index.h("co-icon", { key: '7d7286ed2c13129e40dd18e205626615d0b94022', name: "x-circle", size: 16, weight: "fill" }))))), this.name && index.h("input", { key: 'd1538321cd3e330a54978424ec165fe8b9a533e4', type: "hidden", name: this.name, value: JSON.stringify(tags) }), helper && (index.h("div", { key: 'e74d2fcbe0c8355cb66becbe526d974f524acdfa', class: {
+                'co-tags-field__helper': true,
+                'co-tags-field__helper--error': this.isInvalid,
+            }, part: "helper" }, this.isInvalid && (index.h("co-icon", { key: '17642154cb83071f07819f98dccd866066d0eae1', name: "warning-circle", size: 14, class: "co-tags-field__helper-icon" })), index.h("span", { key: '1cf60e4b7f9eed91aacdb0ab4044b20a2971d57d', class: "co-tags-field__helper-text" }, helper)))));
+    }
+    get el() { return index.getElement(this); }
+    static get watchers() { return {
+        "editingIndex": [{
+                "onEditingIndexChange": 0
+            }]
+    }; }
+};
+CoTagsField.style = coTagsFieldCss();
+
+exports.co_tags_field = CoTagsField;

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

@@ -0,0 +1,96 @@
+'use strict';
+
+var index = require('./index-BumlM92r.js');
+var requiredMark = require('./requiredMark-CqMGt1H1.js');
+
+const coTextareaCss = () => `:host{display:block;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14);letter-spacing:var(--co-font-letter-spacing-body);line-height:1}.co-textarea{display:flex;flex-direction:column;gap:var(--co-spacing-sm2)}.co-textarea__labels{display:flex;align-items:center;justify-content:space-between;padding:0 var(--co-spacing-xs);gap:var(--co-spacing-sm2)}.co-textarea__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-textarea__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-field-required{margin-left:2px;color:var(--co-color-status-error)}.co-field-required__caption{margin-left:4px;color:var(--co-semantic-text-muted);font-size:var(--co-font-size-12);font-weight:400}.co-field-required__caption::before{content:var(--co-field-required-text, ' (required)')}.co-textarea__field{position:relative;display:flex;background:color-mix(in srgb, var(--co-semantic-surface-secondary) 55%, transparent);-webkit-backdrop-filter:blur(var(--co-glass-blur)) saturate(var(--co-glass-saturate));backdrop-filter:blur(var(--co-glass-blur)) saturate(var(--co-glass-saturate));border:1px solid var(--co-semantic-border-subtle);border-radius:var(--co-border-radius-xs);transition:border-color 0.15s ease, box-shadow 0.15s ease;box-sizing:border-box;overflow:hidden}.co-textarea__native{width:100%;border:none;outline:none;background:transparent;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14);font-weight:400;line-height:1.5;color:var(--co-semantic-text-default);padding:var(--co-spacing-sm2) var(--co-spacing-md);margin:0;box-sizing:border-box}.co-textarea__native::placeholder{color:var(--co-semantic-text-muted)}.co-textarea--s .co-textarea__native{padding:var(--co-spacing-xxs) var(--co-spacing-sm);font-size:var(--co-font-size-12)}.co-textarea--sm .co-textarea__native{padding:var(--co-spacing-xs) var(--co-spacing-sm);font-size:var(--co-font-size-14)}.co-textarea--lg .co-textarea__native{padding:var(--co-spacing-sm) var(--co-spacing-lg);font-size:var(--co-font-size-16)}.co-textarea__native--resize-vertical{resize:vertical}.co-textarea__native--resize-none{resize:none}.co-textarea__native--resize-both{resize:both}.co-textarea__clear{position:absolute;top:var(--co-spacing-sm2);right:var(--co-spacing-sm2);display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;border-radius:var(--co-border-radius-xxs);background:transparent;color:var(--co-semantic-text-muted);cursor:pointer;padding:0;transition:color 0.15s ease, background 0.15s ease}.co-textarea__clear:hover{color:var(--co-semantic-text-default);background:var(--co-semantic-surface-hover)}.co-textarea__footer{display:flex;align-items:center;justify-content:space-between;padding:0 var(--co-spacing-xs);gap:var(--co-spacing-md)}.co-textarea__helper{display:flex;align-items:center;gap:var(--co-spacing-xs);flex:1;min-width:0}.co-textarea__helper-icon{flex-shrink:0;color:var(--co-semantic-text-muted);display:flex;align-items:center}.co-textarea__helper-text{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14);font-weight:400;line-height:1;letter-spacing:var(--co-font-letter-spacing-body)}.co-textarea__counter{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-12, 12px);font-weight:400;line-height:1;white-space:nowrap;flex-shrink:0}.co-textarea__counter--over{color:var(--co-color-status-error);font-weight:500}.co-textarea--focused .co-textarea__field{border-color:var(--co-semantic-border-focus);box-shadow:0 0 0 2px var(--co-semantic-border-focus-ring)}.co-textarea--disabled{opacity:0.6;pointer-events:none}.co-textarea--disabled .co-textarea__field{background:var(--co-semantic-surface-disabled);border-color:transparent}.co-textarea--error .co-textarea__field{border-color:var(--co-semantic-status-error)}.co-textarea--error.co-textarea--focused .co-textarea__field{border-color:var(--co-semantic-status-error);box-shadow:0 0 0 2px rgba(170, 46, 27, 0.12)}.co-textarea--error .co-textarea__helper-icon,.co-textarea--error .co-textarea__helper-text{color:var(--co-semantic-status-error)}.co-textarea--success .co-textarea__field{border-color:var(--co-semantic-status-success)}.co-textarea--success.co-textarea--focused .co-textarea__field{border-color:var(--co-semantic-status-success);box-shadow:0 0 0 2px rgba(10, 119, 36, 0.12)}.co-textarea--warning .co-textarea__field{border-color:var(--co-semantic-status-warning)}.co-textarea--warning.co-textarea--focused .co-textarea__field{border-color:var(--co-semantic-status-warning);box-shadow:0 0 0 2px rgba(253, 191, 0, 0.12)}.co-textarea--over-limit .co-textarea__field{border-color:var(--co-semantic-status-error)}:host([layout='horizontal']) .co-textarea{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-textarea__labels{grid-column:1;grid-row:1;padding-top:var(--co-spacing-sm2);min-width:0}:host([layout='horizontal']) .co-textarea__label{white-space:normal}:host([layout='horizontal']) .co-textarea>:not(.co-textarea__labels){grid-column:2;min-width:0}@supports not (background: color-mix(in srgb, red, transparent)){.co-textarea__field{background:var(--co-semantic-surface-secondary)}}`;
+
+const CoTextarea = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.coInput = index.createEvent(this, "coInput", 7);
+        this.coChange = index.createEvent(this, "coChange", 7);
+        this.coFocus = index.createEvent(this, "coFocus", 7);
+        this.coBlur = index.createEvent(this, "coBlur", 7);
+        this.coClear = index.createEvent(this, "coClear", 7);
+        /** Current value */
+        this.value = '';
+        /** Placeholder text */
+        this.placeholder = '';
+        /** Whether the field is required */
+        this.required = false;
+        /** Disabled state */
+        this.disabled = false;
+        /** Read-only state */
+        this.readonly = false;
+        /** Number of visible text rows */
+        this.rows = 4;
+        /** Validation status */
+        this.status = 'default';
+        /** Label layout: vertical (label above) or horizontal (label beside) */
+        this.layout = 'vertical';
+        /** Field size (mirrors co-input paddings/font: s / sm / md / lg).
+         *  Vertical extent still comes from `rows`. */
+        this.size = 'md';
+        /** Show clear button when textarea has value */
+        this.clearable = false;
+        /** Resize behavior of the textarea */
+        this.resize = 'vertical';
+        this.hasFocus = false;
+        this.handleInput = (e) => {
+            const target = e.target;
+            this.value = target.value;
+            this.coInput.emit(this.value);
+        };
+        this.handleFocus = () => {
+            this.hasFocus = true;
+            this.coFocus.emit();
+        };
+        this.handleBlur = () => {
+            this.hasFocus = false;
+            this.coChange.emit(this.value);
+            this.coBlur.emit();
+        };
+        this.handleClear = () => {
+            var _a;
+            this.value = '';
+            this.coClear.emit();
+            this.coInput.emit('');
+            (_a = this.textareaEl) === null || _a === void 0 ? void 0 : _a.focus();
+        };
+    }
+    get hasValue() {
+        return this.value != null && this.value !== '';
+    }
+    get charCount() {
+        var _a;
+        return ((_a = this.value) !== null && _a !== void 0 ? _a : '').length;
+    }
+    render() {
+        const showClear = this.clearable && this.hasValue && !this.disabled && !this.readonly;
+        const isOverLimit = this.maxLength != null && this.charCount > this.maxLength;
+        const statusClass = this.status !== 'default' ? `co-textarea--${this.status}` : '';
+        return (index.h("div", { key: 'bbc105515a08e5ddf757c3095aa220d9ff3c1643', class: {
+                'co-textarea': true,
+                'co-textarea--disabled': this.disabled,
+                'co-textarea--focused': this.hasFocus,
+                'co-textarea--filled': this.hasValue,
+                'co-textarea--over-limit': isOverLimit,
+                [`co-textarea--${this.size}`]: true,
+                [statusClass]: !!statusClass,
+            }, part: "wrapper" }, (this.label || this.secondaryLabel) && (index.h("div", { key: '54eeba06154d9ce2ec18e41046cdab973c7b30ab', class: "co-textarea__labels" }, this.label && (index.h("label", { key: 'b7f996ad516af104753219042d6fa3f0db32f462', class: "co-textarea__label", part: "label" }, this.label, index.h(requiredMark.RequiredMark, { key: '29801d7d5958919629d93c6ae70312f44196b907', required: this.required }))), this.secondaryLabel && (index.h("span", { key: 'fe3637ec4dc07d95ba73d372b93d4205bf9b836c', class: "co-textarea__secondary-label" }, this.secondaryLabel)))), index.h("div", { key: 'ca1f28e1b809c0e6071a98f654ec0b9d5f55d474', class: "co-textarea__field", part: "field" }, index.h("textarea", { key: 'f5db20027591b83a255e746dcda548f6b308972f', ref: (el) => (this.textareaEl = el), class: {
+                'co-textarea__native': true,
+                [`co-textarea__native--resize-${this.resize}`]: true,
+            }, rows: this.rows, value: this.value, placeholder: this.placeholder, disabled: this.disabled, readOnly: this.readonly, required: this.required, "aria-invalid": this.status === 'error' || isOverLimit ? 'true' : 'false', onInput: this.handleInput, onFocus: this.handleFocus, onBlur: this.handleBlur, part: "input" }), showClear && (index.h("button", { key: 'd795cedb2bc45a8fa15a364eabb54dba869672f5', class: "co-textarea__clear", type: "button", tabIndex: -1, onClick: this.handleClear, "aria-label": "Clear" }, index.h("co-icon", { key: '72406240943ffe5644a83e5b00f028a246de792c', name: "x-circle", size: 16, weight: "fill" })))), (this.helperText || this.maxLength != null) && (index.h("div", { key: 'efeb161b6c9cf518d55446d7ed319d343afa736c', class: "co-textarea__footer" }, this.helperText && (index.h("div", { key: '0741e7389c3bd2ee683b16fe6a06705f81826bd7', class: {
+                'co-textarea__helper': true,
+                'co-textarea__helper--error': this.status === 'error',
+            }, part: "helper" }, this.status === 'error' && (index.h("co-icon", { key: '51bd6497349280c1e09bfe4fc8b066726318c08d', name: "warning-circle", size: 14, class: "co-textarea__helper-icon" })), index.h("span", { key: '63d07623f709027a4a0f4eac8a25fb6b72b8043b', class: "co-textarea__helper-text" }, this.helperText))), this.maxLength != null && (index.h("span", { key: 'e9b6498ea76e13e69bf58cf8996cafa3561f4609', class: {
+                'co-textarea__counter': true,
+                'co-textarea__counter--over': isOverLimit,
+            }, part: "counter" }, this.charCount, "/", this.maxLength))))));
+    }
+    get el() { return index.getElement(this); }
+};
+CoTextarea.style = coTextareaCss();
+
+exports.co_textarea = CoTextarea;

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BEovErzl.js');
+var index = require('./index-BumlM92r.js');
 
 const coToastCss = () => `:host{display:block;--co-toast-bg:var(--co-semantic-surface-page);--co-toast-border:var(--co-semantic-border-subtle);--co-toast-text:var(--co-semantic-text-default);--co-toast-text-secondary:var(--co-semantic-text-secondary);--co-toast-icon:var(--co-semantic-text-default);--co-toast-dismiss-bg:var(--co-semantic-surface-disabled);--co-toast-dismiss-color:var(--co-semantic-text-default)}.co-toast{display:flex;align-items:center;gap:var(--co-spacing-md);padding:var(--co-spacing-lg);background:var(--co-toast-bg);border:1px solid var(--co-toast-border);border-radius:var(--co-border-radius-sm);font-family:var(--co-font-family-primary);box-sizing:border-box;width:100%;min-width:320px;max-width:458px}.co-toast--multiline,.co-toast--stacked{align-items:flex-start}.co-toast__icon{display:inline-flex;flex-shrink:0;color:var(--co-toast-icon)}.co-toast--multiline .co-toast__icon{padding-top:2px}.co-toast__body{display:flex;flex-direction:column;flex:1;min-width:0;gap:var(--co-spacing-md)}.co-toast__content{display:flex;flex-direction:column;gap:var(--co-spacing-xs);min-width:0}.co-toast__message{font-size:var(--co-font-size-14);font-weight:400;line-height:1.25;letter-spacing:var(--co-font-letter-spacing-body);color:var(--co-toast-text)}.co-toast__description{font-size:var(--co-font-size-12);font-weight:400;line-height:1.4;letter-spacing:var(--co-font-letter-spacing-body);color:var(--co-toast-text-secondary)}.co-toast__actions{display:flex;align-items:center;gap:var(--co-spacing-sm2);flex-shrink:0}.co-toast__actions:empty{display:none}.co-toast--stacked .co-toast__actions{justify-content:flex-end;width:100%}.co-toast__dismiss{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;margin:0;border:none;border-radius:var(--co-border-radius-full);background:var(--co-toast-dismiss-bg);color:var(--co-toast-dismiss-color);cursor:pointer;flex-shrink:0;transition:opacity 0.15s ease;-webkit-font-smoothing:antialiased}.co-toast__dismiss:hover{opacity:0.88}.co-toast__dismiss:focus-visible{outline:2px solid var(--co-semantic-border-focus);outline-offset:2px}.co-toast--success{--co-toast-bg:var(--co-color-status-bg-success);--co-toast-border:var(--co-color-status-bg-success);--co-toast-text:var(--co-color-status-success);--co-toast-text-secondary:var(--co-color-status-success);--co-toast-icon:var(--co-color-status-success);--co-toast-dismiss-bg:var(--co-color-status-success);--co-toast-dismiss-color:var(--co-color-base-blanco)}.co-toast--error{--co-toast-bg:var(--co-color-status-bg-error);--co-toast-border:var(--co-color-status-bg-error);--co-toast-text:var(--co-color-status-error);--co-toast-text-secondary:var(--co-color-status-error);--co-toast-icon:var(--co-color-status-error);--co-toast-dismiss-bg:var(--co-color-status-error);--co-toast-dismiss-color:var(--co-color-base-blanco)}.co-toast--warning{--co-toast-bg:var(--co-color-status-bg-review);--co-toast-border:var(--co-color-status-bg-review);--co-toast-text:var(--co-color-status-review);--co-toast-text-secondary:var(--co-color-status-review);--co-toast-icon:var(--co-color-status-review);--co-toast-dismiss-bg:var(--co-color-status-review);--co-toast-dismiss-color:var(--co-color-base-blanco)}.co-toast--info{--co-toast-bg:var(--co-color-status-bg-progress);--co-toast-border:var(--co-color-status-bg-progress);--co-toast-text:var(--co-color-status-progress);--co-toast-text-secondary:var(--co-color-status-progress);--co-toast-icon:var(--co-color-status-progress);--co-toast-dismiss-bg:var(--co-color-status-progress);--co-toast-dismiss-color:var(--co-color-base-blanco)}`;
 
@@ -37,7 +37,7 @@ const CoToast = class {
             'co-toast--multiline': hasDescription,
             'co-toast--stacked': isStacked,
         };
-        return (index.h("div", { key: 'bc18e157f1d28c5850448163fbe3b1ed0148086d', class: rootClass, part: "toast", role: role }, resolvedIcon && (index.h("span", { key: '1df6ceb6a20446f54d6bd429181e8b9ddb3c4701', class: "co-toast__icon" }, index.h("co-icon", { key: 'caa37fcb26774cd4211e6b01ed0080c0be2869dc', name: resolvedIcon, size: 20 }))), index.h("div", { key: '9e9635bfd87c0a0f9251ae2790ab1ece02d4e9e7', class: "co-toast__body" }, index.h("div", { key: '97d5f8880f5f1e6caaa90edf83237a2a8c6f9b80', class: "co-toast__content" }, index.h("span", { key: 'a51722ec68d7440d090698c4cdf07c578503a01a', class: "co-toast__message" }, this.message), hasDescription && (index.h("span", { key: '1ee7c20bf0a5332fe1090281658c3b932cc85872', class: "co-toast__description" }, this.description))), isStacked && (index.h("div", { key: 'ce5ae543e27144213b0a3a9c846f6dc12892a142', class: "co-toast__actions" }, index.h("slot", { key: '8af658d42453d12ca0471ce38621cdad609aa08d', name: "action" })))), !isStacked && (index.h("div", { key: 'b0439dc3101c0859c1f2c7f7ed3c578a3b361117', class: "co-toast__actions" }, index.h("slot", { key: '3a0a7d99e1fe886c073ded7e9e7805fe5ef66571', name: "action" }))), this.dismissible && (index.h("button", { key: '4e4374e8c12221b67b79ba8e1d51521fcfda06a3', class: "co-toast__dismiss", type: "button", "aria-label": "Dismiss", onClick: () => this.coDismiss.emit() }, index.h("co-icon", { key: 'd074d462adebdc7c44a95eed9482eeb973e4c9a5', name: "x", size: 16 })))));
+        return (index.h("div", { key: '2113d3f769ae8575ff5031a558625fda2e1482cc', class: rootClass, part: "toast", role: role }, resolvedIcon && (index.h("span", { key: '7019ff2526714c5dfc79ed276f4905399752b3dd', class: "co-toast__icon" }, index.h("co-icon", { key: 'a99bd1cd1d7e47e618924ca13b44f461d42828c8', name: resolvedIcon, size: 20 }))), index.h("div", { key: '0ab3a6e6fb7cd6315f85a350c8813b6e9530911b', class: "co-toast__body" }, index.h("div", { key: '24e9d31de0a9d0b4eb128702ecde67b081166638', class: "co-toast__content" }, index.h("span", { key: '7dc886e4103b626c08208fb0e4504ba2c8654922', class: "co-toast__message" }, this.message), hasDescription && (index.h("span", { key: 'f98fb4331439a518192ea34174dae62ba4156c7c', class: "co-toast__description" }, this.description))), isStacked && (index.h("div", { key: '6298bc22d84a34057d918e39a29d94d62b9fd571', class: "co-toast__actions" }, index.h("slot", { key: '71d176dcc20b2fb91e134ede5e09e06166350856', name: "action" })))), !isStacked && (index.h("div", { key: '5cc30d3a60648e2d599a63989ffeb90e28ff6b72', class: "co-toast__actions" }, index.h("slot", { key: 'bb8a00f5ce4b7737b70960e95a986542278b90c6', name: "action" }))), this.dismissible && (index.h("button", { key: 'c9f5da7275c6cdd3c4bf512821b1d05309d74090', class: "co-toast__dismiss", type: "button", "aria-label": "Dismiss", onClick: () => this.coDismiss.emit() }, index.h("co-icon", { key: 'c9bf8eb4639d0e558739d3cf63fc169d4c7721eb', name: "x", size: 16 })))));
     }
 };
 CoToast.style = coToastCss();

package/dist/cjs/co-toggle-button-group.cjs.entry.js

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-BEovErzl.js');
+var index = require('./index-BumlM92r.js');
 
-const coToggleButtonGroupCss = () => `:host{display:inline-flex}.co-toggle-button-group{display:inline-flex;gap:0}.co-toggle-button-group--row{flex-direction:row}.co-toggle-button-group--column{flex-direction:column}.co-toggle-button-group--row ::slotted(co-toggle-button){--co-btn-border-radius:0;border-radius:0}.co-toggle-button-group--row ::slotted(co-toggle-button:first-child){border-radius:var(--co-border-radius-xs) 0 0 var(--co-border-radius-xs)}.co-toggle-button-group--row ::slotted(co-toggle-button:last-child){border-radius:0 var(--co-border-radius-xs) var(--co-border-radius-xs) 0}.co-toggle-button-group--column ::slotted(co-toggle-button){border-radius:0;width:100%}.co-toggle-button-group--column ::slotted(co-toggle-button:first-child){border-radius:var(--co-border-radius-xs) var(--co-border-radius-xs) 0 0}.co-toggle-button-group--column ::slotted(co-toggle-button:last-child){border-radius:0 0 var(--co-border-radius-xs) var(--co-border-radius-xs)}.co-toggle-button-group--row ::slotted(co-toggle-button:not(:first-child)){margin-left:-1px}.co-toggle-button-group--column ::slotted(co-toggle-button:not(:first-child)){margin-top:-1px}.co-toggle-button-group--disabled{opacity:0.4;pointer-events:none}`;
+const coToggleButtonGroupCss = () => `:host{display:inline-flex}.co-toggle-button-group{display:inline-flex;gap:0}.co-toggle-button-group--row{flex-direction:row}.co-toggle-button-group--column{flex-direction:column}:host([full-width]){display:flex;width:100%}.co-toggle-button-group--full{display:flex;width:100%}.co-toggle-button-group--full.co-toggle-button-group--row ::slotted(co-toggle-button){flex:1 1 0;--co-toggle-button-width:100%}.co-toggle-button-group--row ::slotted(co-toggle-button){--co-tbr-tl:0;--co-tbr-tr:0;--co-tbr-br:0;--co-tbr-bl:0}.co-toggle-button-group--row ::slotted(co-toggle-button:first-child){--co-tbr-tl:var(--co-toggle-button-radius);--co-tbr-bl:var(--co-toggle-button-radius)}.co-toggle-button-group--row ::slotted(co-toggle-button:last-child){--co-tbr-tr:var(--co-toggle-button-radius);--co-tbr-br:var(--co-toggle-button-radius)}.co-toggle-button-group--column ::slotted(co-toggle-button){--co-tbr-tl:0;--co-tbr-tr:0;--co-tbr-br:0;--co-tbr-bl:0;width:100%}.co-toggle-button-group--column ::slotted(co-toggle-button:first-child){--co-tbr-tl:var(--co-toggle-button-radius);--co-tbr-tr:var(--co-toggle-button-radius)}.co-toggle-button-group--column ::slotted(co-toggle-button:last-child){--co-tbr-bl:var(--co-toggle-button-radius);--co-tbr-br:var(--co-toggle-button-radius)}.co-toggle-button-group--row ::slotted(co-toggle-button:not(:first-child)){margin-left:-1px}.co-toggle-button-group--column ::slotted(co-toggle-button:not(:first-child)){margin-top:-1px}.co-toggle-button-group--disabled{opacity:0.4;pointer-events:none}`;
 
 const CoToggleButtonGroup = class {
     constructor(hostRef) {
@@ -14,6 +14,8 @@ const CoToggleButtonGroup = class {
         this.size = 'm';
         this.disabled = false;
         this.direction = 'row';
+        /** Stretch the group to fill its container; each button shares the width equally. */
+        this.fullWidth = false;
     }
     get selectedValues() {
         if (this.multiple) {
@@ -62,11 +64,12 @@ const CoToggleButtonGroup = class {
         });
     }
     render() {
-        return (index.h("div", { key: '8f91e6dd191ba893948835787c754ec7cdf3711e', class: {
+        return (index.h("div", { key: '68e2fbfac009b921d780c38c5b4abbd95eafbe38', class: {
                 'co-toggle-button-group': true,
                 [`co-toggle-button-group--${this.direction}`]: true,
                 'co-toggle-button-group--disabled': this.disabled,
-            }, role: "group" }, index.h("slot", { key: '1dd2415b3cf9b97886ffb23e491cc7b0847b3c3e' })));
+                'co-toggle-button-group--full': this.fullWidth,
+            }, role: "group" }, index.h("slot", { key: 'a5b033a58961baed609e6bbd91cc4de26cad3fa2' })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/co-toggle-button.cjs.entry.js

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-BEovErzl.js');
+var index = require('./index-BumlM92r.js');
 
-const coToggleButtonCss = () => `:host{display:inline-flex}.co-toggle-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--co-spacing-sm2);border:1px solid var(--co-semantic-border-subtle);border-radius:var(--co-border-radius-xs);background:var(--co-semantic-surface-secondary);color:var(--co-semantic-text-default);font-family:var(--co-font-family-primary);font-weight:500;cursor:pointer;transition:background 0.15s ease, border-color 0.15s ease, color 0.15s ease;white-space:nowrap;box-sizing:border-box;line-height:1}.co-toggle-button--l{height:48px;padding:0 var(--co-spacing-lg);font-size:var(--co-font-size-16)}.co-toggle-button--m{height:40px;padding:0 var(--co-spacing-md);font-size:var(--co-font-size-14)}.co-toggle-button--s{height:32px;padding:0 var(--co-spacing-sm2);font-size:var(--co-font-size-14)}.co-toggle-button--xs{height:24px;padding:0 var(--co-spacing-sm);font-size:var(--co-font-size-12)}.co-toggle-button--icon-only.co-toggle-button--l{width:48px;padding:0}.co-toggle-button--icon-only.co-toggle-button--m{width:40px;padding:0}.co-toggle-button--icon-only.co-toggle-button--s{width:32px;padding:0}.co-toggle-button--icon-only.co-toggle-button--xs{width:24px;padding:0}.co-toggle-button:hover:not(:disabled){background:var(--co-semantic-surface-hover)}.co-toggle-button--selected{background:var(--co-semantic-surface-primary);color:var(--co-semantic-on-primary);border-color:var(--co-semantic-surface-primary)}.co-toggle-button--selected:hover:not(:disabled){opacity:0.9}.co-toggle-button--disabled{opacity:0.4;cursor:not-allowed}.co-toggle-button__label{line-height:1}`;
+const coToggleButtonCss = () => `:host{display:inline-flex;--co-toggle-button-radius:var(--co-border-radius-sm)}:host([size='l']){--co-toggle-button-radius:var(--co-border-radius-lg)}:host([size='m']){--co-toggle-button-radius:var(--co-border-radius-sm)}:host([size='s']){--co-toggle-button-radius:var(--co-border-radius-xs)}:host([size='xs']){--co-toggle-button-radius:var(--co-border-radius-xs)}.co-toggle-button{display:inline-flex;width:var(--co-toggle-button-width, auto);align-items:center;justify-content:center;gap:var(--co-spacing-sm2);border:1px solid var(--co-semantic-border-subtle);border-top-left-radius:var(--co-tbr-tl, var(--co-toggle-button-radius));border-top-right-radius:var(--co-tbr-tr, var(--co-toggle-button-radius));border-bottom-right-radius:var(--co-tbr-br, var(--co-toggle-button-radius));border-bottom-left-radius:var(--co-tbr-bl, var(--co-toggle-button-radius));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));color:var(--co-semantic-text-default);font-family:var(--co-font-family-primary);font-weight:500;cursor:pointer;transition:background 0.15s ease, border-color 0.15s ease, color 0.15s ease;white-space:nowrap;box-sizing:border-box;line-height:1}.co-toggle-button--l{height:48px;padding:0 var(--co-spacing-lg);font-size:var(--co-font-size-16)}.co-toggle-button--m{height:40px;padding:0 var(--co-spacing-md);font-size:var(--co-font-size-14)}.co-toggle-button--s{height:32px;padding:0 var(--co-spacing-sm2);font-size:var(--co-font-size-14)}.co-toggle-button--xs{height:24px;padding:0 var(--co-spacing-sm);font-size:var(--co-font-size-12)}.co-toggle-button--icon-only.co-toggle-button--l{width:48px;padding:0}.co-toggle-button--icon-only.co-toggle-button--m{width:40px;padding:0}.co-toggle-button--icon-only.co-toggle-button--s{width:32px;padding:0}.co-toggle-button--icon-only.co-toggle-button--xs{width:24px;padding:0}.co-toggle-button:hover:not(:disabled){background:var(--co-semantic-surface-hover)}.co-toggle-button--selected{background:var(--co-color-base-negro, #1f1c1b);color:var(--co-color-base-blanco, #fff);border-color:var(--co-color-base-negro, #1f1c1b)}.co-toggle-button--selected:hover:not(:disabled){background:var(--co-color-gray-800, #0a0a0a);border-color:var(--co-color-gray-800, #0a0a0a)}.co-toggle-button--disabled{opacity:0.4;cursor:not-allowed}.co-toggle-button__label{line-height:1}@supports not (background: color-mix(in srgb, red, transparent)){.co-toggle-button{background:var(--co-semantic-surface-secondary)}}`;
 
 const CoToggleButton = class {
     constructor(hostRef) {
@@ -21,13 +21,13 @@ const CoToggleButton = class {
     }
     render() {
         const iconSize = this.size === 'l' ? 20 : this.size === 'xs' ? 14 : 16;
-        return (index.h("button", { key: '3e9708b464063577fdb47ad010950caaf4b765bc', class: {
+        return (index.h("button", { key: 'b8dd3d02b6494ae0984147116facf334bf6217b7', class: {
                 'co-toggle-button': true,
                 'co-toggle-button--selected': this.selected,
                 [`co-toggle-button--${this.size}`]: true,
                 'co-toggle-button--disabled': this.disabled,
                 'co-toggle-button--icon-only': !this.label && (!!this.iconLeft || !!this.iconRight),
-            }, type: "button", disabled: this.disabled, "aria-pressed": String(this.selected), onClick: this.handleClick }, this.iconLeft && index.h("co-icon", { key: 'd33ccf292a46a623b7b8207123b64726a5d26a75', name: this.iconLeft, size: iconSize }), this.label && index.h("span", { key: '04410e0e57339f16115d99651a7ab25d6b640bf6', class: "co-toggle-button__label" }, this.label), this.iconRight && index.h("co-icon", { key: '4f1ac0a23cc78470866aa9e1220d7ba9d08c817e', name: this.iconRight, size: iconSize })));
+            }, type: "button", disabled: this.disabled, "aria-pressed": String(this.selected), onClick: this.handleClick }, this.iconLeft && index.h("co-icon", { key: '76400887fc6373c1cce6aed8872f30562bd21e86', name: this.iconLeft, size: iconSize }), this.label && index.h("span", { key: 'c4658c1f800f20211b2eed6e5b44139362a7bf8d', class: "co-toggle-button__label" }, this.label), this.iconRight && index.h("co-icon", { key: '153f4a2a3c24a1e95ecdfe5f77d257421b21aec3', name: this.iconRight, size: iconSize })));
     }
 };
 CoToggleButton.style = coToggleButtonCss();