@prolibu-suite/cobalt-core 0.1.1 → 0.2.0

package/dist/esm/co-sidebar-nav.entry.js

@@ -1,4 +1,5 @@
-import { r as registerInstance, c as createEvent, h, a as getElement } from './index-B0lqrhFo.js';
+import { r as registerInstance, c as createEvent, h, a as getElement } from './index-BKmfyPZK.js';
+import { n as normalizeText } from './normalizeText-CQY6Ul7q.js';
 
 const coSidebarNavCss = () => `:host{display:block;height:100%;overflow-y:auto;overflow-x:hidden;font-family:var(--co-font-family-primary);scrollbar-width:thin;scrollbar-color:transparent transparent}:host(:hover){scrollbar-color:var(--co-color-opacity-blanco-16) transparent}:host::-webkit-scrollbar{width:6px}:host::-webkit-scrollbar-track{background:transparent}:host::-webkit-scrollbar-thumb{background:transparent;border-radius:9999px}:host(:hover)::-webkit-scrollbar-thumb{background:var(--co-color-opacity-blanco-16)}:host(:hover)::-webkit-scrollbar-thumb:hover{background:var(--co-color-opacity-blanco-25)}:host(:hover)::-webkit-scrollbar-thumb:active{background:var(--co-color-opacity-blanco-50)}.co-sidebar-nav{display:flex;flex-direction:column;gap:var(--co-spacing-xs);padding:var(--co-spacing-xs)}.co-sidebar-nav--min{align-items:center;padding:var(--co-spacing-xs) 0}.co-sidebar-nav__search{display:flex;align-items:center;gap:var(--co-spacing-sm);padding:var(--co-spacing-xs) var(--co-spacing-sm);margin:0 var(--co-spacing-xs) var(--co-spacing-xs);border:1px solid var(--co-semantic-border-default);border-radius:var(--co-border-radius-xs);background:var(--co-semantic-surface-secondary);height:32px}.co-sidebar-nav__search co-icon{color:var(--co-semantic-text-muted);flex-shrink:0}.co-sidebar-nav__search-input{flex:1;border:none;outline:none;background:transparent;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-12);letter-spacing:var(--co-font-letter-spacing-body);color:var(--co-semantic-text-default);min-width:0}.co-sidebar-nav__search-input::placeholder{color:var(--co-semantic-text-muted)}.co-sidebar-nav__search-clear{display:flex;align-items:center;justify-content:center;border:none;background:none;cursor:pointer;padding:0;color:var(--co-semantic-text-muted);border-radius:var(--co-border-radius-xxs)}.co-sidebar-nav__search-clear:hover{color:var(--co-semantic-text-default)}.co-sidebar-nav__items{display:flex;flex-direction:column;gap:var(--co-spacing-xxs)}.co-sidebar-nav--min .co-sidebar-nav__items{align-items:center}.co-sidebar-nav__category{display:flex;flex-direction:column}.co-sidebar-nav__category+.co-sidebar-nav__category{margin-top:var(--co-spacing-sm)}.co-sidebar-nav__category-label{text-transform:uppercase;font-family:var(--co-font-family-mono);font-size:var(--co-font-size-10);font-weight:400;color:var(--co-semantic-text-muted);line-height:110%;letter-spacing:0.08em;padding:var(--co-spacing-lg) var(--co-spacing-sm) var(--co-spacing-xs);user-select:none}.co-sidebar-nav__category-items{display:flex;flex-direction:column;gap:var(--co-spacing-xxs)}.co-sidebar-nav__item{display:flex;align-items:center;gap:var(--co-spacing-sm);padding:var(--co-spacing-xs) var(--co-spacing-sm);border-radius:var(--co-border-radius-xxs);border:none;background:none;cursor:pointer;width:100%;text-align:left;color:var(--co-semantic-text-default);transition:background 0.15s ease, color 0.15s ease;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-12);font-weight:var(--co-font-weight-medium);letter-spacing:var(--co-font-letter-spacing-body);line-height:var(--co-font-line-height-normal)}.co-sidebar-nav__item:hover{background:var(--co-semantic-surface-hover);color:var(--co-semantic-text-default)}.co-sidebar-nav__item--active{background:var(--co-sidebar-nav-active-bg, var(--co-semantic-surface-hover));color:var(--co-sidebar-nav-active-color, var(--co-color-primary-azul));font-weight:var(--co-font-weight-semibold)}.co-sidebar-nav__item-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:20px;height:20px}.co-sidebar-nav__item-icon co-icon{color:inherit}.co-sidebar-nav__item-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.co-sidebar-nav__custom-icon{width:18px;height:18px;object-fit:contain;border-radius:var(--co-border-radius-xxs)}.co-sidebar-nav--min .co-sidebar-nav__item{width:36px;height:36px;padding:0;justify-content:center;border-radius:var(--co-border-radius-xs)}.co-sidebar-nav--min .co-sidebar-nav__item--active{background:var(--co-sidebar-nav-active-bg-min, var(--co-color-primary-azul));color:var(--co-color-base-blanco)}.co-sidebar-nav--min .co-sidebar-nav__item--active .co-sidebar-nav__item-icon co-icon{color:var(--co-color-base-blanco)}.co-sidebar-nav__flyout-anchor{position:relative}.co-sidebar-nav__flyout{position:fixed;min-width:180px;max-width:240px;background:var(--co-color-base-blanco);border:1px solid var(--co-color-opacity-negro-8);border-radius:var(--co-border-radius-sm);box-shadow:var(--co-shadow-lg);padding:var(--co-spacing-md);display:flex;flex-direction:column;z-index:9999;animation:co-flyout-in 0.15s ease}.co-sidebar-nav__flyout-title{text-transform:uppercase;font-family:var(--co-font-family-mono);font-size:var(--co-font-size-10);font-weight:400;color:var(--co-color-gray-500);line-height:110%;letter-spacing:var(--co-font-letter-spacing-overline);padding:var(--co-spacing-xxs) var(--co-spacing-sm) var(--co-spacing-xs);user-select:none}.co-sidebar-nav__flyout .co-sidebar-nav__item{width:100%;height:32px;padding:var(--co-spacing-xs) var(--co-spacing-sm);border-radius:var(--co-border-radius-xs);gap:var(--co-spacing-md);font-weight:var(--co-font-weight-regular);color:var(--co-color-base-negro);line-height:var(--co-font-line-height-none);justify-content:flex-start}.co-sidebar-nav__flyout .co-sidebar-nav__item:hover{background:var(--co-color-gray-100)}.co-sidebar-nav__flyout .co-sidebar-nav__item--active{background:var(--co-color-gray-100);color:var(--co-sidebar-nav-active-color, var(--co-color-primary-azul));font-weight:var(--co-font-weight-semibold)}.co-sidebar-nav__flyout .co-sidebar-nav__item-icon{display:flex;width:24px;height:24px}.co-sidebar-nav__flyout .co-sidebar-nav__item-icon co-icon{color:var(--co-color-base-negro)}@keyframes co-flyout-in{from{opacity:0;transform:translateX(-4px)}to{opacity:1;transform:translateX(0)}}.co-sidebar-nav__expansion{display:flex;flex-direction:column}.co-sidebar-nav__expansion-header{display:flex;align-items:center;gap:var(--co-spacing-sm);padding:var(--co-spacing-xs) var(--co-spacing-sm);border-radius:var(--co-border-radius-xxs);border:none;background:none;cursor:pointer;width:100%;text-align:left;color:var(--co-semantic-text-secondary);transition:background 0.15s ease, color 0.15s ease;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-12);font-weight:var(--co-font-weight-medium);letter-spacing:var(--co-font-letter-spacing-body);line-height:var(--co-font-line-height-normal)}.co-sidebar-nav__expansion-header:hover{background:var(--co-semantic-surface-hover);color:var(--co-semantic-text-default)}.co-sidebar-nav__expansion--active>.co-sidebar-nav__expansion-header{color:var(--co-semantic-text-default)}.co-sidebar-nav__expansion-caret{margin-left:auto;flex-shrink:0;transition:transform 0.2s ease;color:var(--co-semantic-text-muted)}.co-sidebar-nav__expansion--expanded>.co-sidebar-nav__expansion-header .co-sidebar-nav__expansion-caret{transform:rotate(90deg)}.co-sidebar-nav__expansion-body{display:flex;flex-direction:column;gap:var(--co-spacing-xxs);overflow:hidden;max-height:0;opacity:0;transition:max-height 0.25s ease, opacity 0.2s ease, padding 0.2s ease;padding-left:var(--co-spacing-xl)}.co-sidebar-nav__expansion--expanded>.co-sidebar-nav__expansion-body{max-height:1000px;opacity:1;padding-top:var(--co-spacing-xxs)}.co-sidebar-nav__highlight{all:unset;background-color:var(--co-color-primary-amarillo, #facc15);color:var(--co-color-base-negro, #000);border-radius:2px;padding:0 1px}`;
 
@@ -131,6 +132,30 @@ const DEFAULT_ICON_MAP = {
     TourStudio: 'cube',
     Docs: 'file-text',
     Setup: 'gear-six',
+    // Achievements
+    Achievements: 'trophy',
+    Rewards: 'gift',
+    Badges: 'medal',
+    RewardsBudgets: 'wallet',
+    RedeemedPrizes: 'crown',
+    // Sales / Billing extras
+    PaymentReceipts: 'hand-coins',
+    Coupons: 'seal-percent',
+    // Integrations
+    Integrations: 'plugs-connected',
+    Mcp: 'plug',
+    LifecycleHooks: 'arrows-clockwise',
+    PaymentProviders: 'credit-card',
+    Stripe: 'credit-card',
+    ThirdParty: 'plugs-connected',
+    Sendgrid: 'paper-plane-tilt',
+    Apollo: 'rocket-launch',
+    Kaspr: 'identification-card',
+    OpenAi: 'robot',
+    Ultramsg: 'whatsapp-logo',
+    Slack: 'slack-logo',
+    Telegram: 'telegram-logo',
+    Discord: 'discord-logo',
 };
 const CoSidebarNav = class {
     constructor(hostRef) {
@@ -238,12 +263,12 @@ const CoSidebarNav = class {
     get filteredItems() {
         if (!this.searchText)
             return this.parsedItems;
-        return this.filterRecursive(this.parsedItems, this.searchText.toLowerCase());
+        return this.filterRecursive(this.parsedItems, normalizeText(this.searchText));
     }
     filterRecursive(items, query) {
         const result = [];
         for (const item of items) {
-            const label = this.getLabel(item.key).toLowerCase();
+            const label = normalizeText(this.getLabel(item.key));
             if (label.includes(query)) {
                 result.push(item);
             }
@@ -431,10 +456,10 @@ const CoSidebarNav = class {
     }
     render() {
         const items = this.filteredItems;
-        return (h("nav", { key: '8734e55fec1337ceb95e2958c1b7b4574b74e37e', class: {
+        return (h("nav", { key: 'b3e49df434a663c564959f6b332ed121607af5bb', class: {
                 'co-sidebar-nav': true,
                 'co-sidebar-nav--min': this.mode === 'min',
-            } }, this.renderSearch(), h("div", { key: 'f7df980d36941cb411725d546df417be8172419d', class: "co-sidebar-nav__items" }, items.map(item => this.renderItem(item)))));
+            } }, this.renderSearch(), h("div", { key: '26ef8af4e3152e7c094f966d881ad436ee52a805', class: "co-sidebar-nav__items" }, items.map(item => this.renderItem(item)))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/co-sidebar.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h } from './index-B0lqrhFo.js';
+import { r as registerInstance, c as createEvent, h } from './index-BKmfyPZK.js';
 
 const coSidebarCss = () => `:host{display:flex;height:100%}.co-sidebar{display:flex;flex-direction:column;background:var(--co-semantic-surface-page);border-right:1px solid var(--co-semantic-border-subtle);font-family:var(--co-font-family-primary);box-sizing:border-box;overflow:hidden;transition:width 0.2s ease}.co-sidebar--full{width:256px}.co-sidebar--min{width:58px;align-items:center}.co-sidebar__header{padding:var(--co-spacing-lg);flex-shrink:0}.co-sidebar--min .co-sidebar__header{padding:var(--co-spacing-md)}.co-sidebar__body{flex:1;overflow-y:auto;padding:var(--co-spacing-sm2) var(--co-spacing-md)}.co-sidebar--min .co-sidebar__body{padding:var(--co-spacing-sm2)}.co-sidebar__footer{padding:var(--co-spacing-md) var(--co-spacing-lg);flex-shrink:0}.co-sidebar--min .co-sidebar__footer{padding:var(--co-spacing-md)}.co-sidebar__header:empty,.co-sidebar__footer:empty{display:none}`;
 
@@ -10,10 +10,10 @@ const CoSidebar = class {
         this.mode = 'full';
     }
     render() {
-        return (h("nav", { key: '23fd2d57d1641b7dd5176c086379ec55f56b3302', class: {
+        return (h("nav", { key: '06e023317ddd0ba958aed6fae1260d99cf98787b', class: {
                 'co-sidebar': true,
                 [`co-sidebar--${this.mode}`]: true,
-            }, part: "sidebar" }, h("div", { key: 'f138c6a9b1d766649c0470b529ce4b5d07a778e1', class: "co-sidebar__header", part: "header" }, h("slot", { key: '9530cd402dcbcbc439d5bf31619f40810fecd14c', name: "header" })), h("div", { key: '84cea4921fc6a7d24b9cb7d93525710b9258a1f3', class: "co-sidebar__body", part: "body" }, h("slot", { key: 'c4f83fc313d2ce1819c90ca930d121ce36220ddc' })), h("div", { key: 'ff4160bf0eb0c628f1185673497dcd98333e2218', class: "co-sidebar__footer", part: "footer" }, h("slot", { key: '09d3e0e84cdfceb96b77a59eacc59b30aba02c0b', name: "footer" }))));
+            }, part: "sidebar" }, h("div", { key: '02599924b23b828c21442f777e4109cf612cafb0', class: "co-sidebar__header", part: "header" }, h("slot", { key: 'dd28b07a1b4e4674de3348932ebed9b997fdad43', name: "header" })), h("div", { key: '3f0d7545ee5d5ea3e058e92f16f1f6903c301331', class: "co-sidebar__body", part: "body" }, h("slot", { key: '80a97f1c2724945950751908544198b0a5ab50f7' })), h("div", { key: '8bbf92eb02aada1337190f2dcad705fbb41f67ab', class: "co-sidebar__footer", part: "footer" }, h("slot", { key: '73501f3dda0d40e4d61cc8c47da2cd6dd7fd5e9a', name: "footer" }))));
     }
 };
 CoSidebar.style = coSidebarCss();

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, a as getElement } from './index-B0lqrhFo.js';
+import { r as registerInstance, c as createEvent, h, a as getElement } from './index-BKmfyPZK.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)}`;
 
@@ -78,12 +78,12 @@ const CoSlider = class {
     }
     render() {
         const pct = this.percentage;
-        return (h("div", { key: '55b6b1234eb1262d34100dbeeea5b9cdd00cf9b0', class: {
+        return (h("div", { key: '9666bc3215652fef40b6750b1bcf653da999ce75', 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) && (h("div", { key: '9b552dbf32b1a5d63b8c068bace8ed6f976cfc06', class: "co-slider__labels" }, h("div", { key: '84ef18f271167714c4fb0f0a493347aed826677f', class: "co-slider__labels-left" }, this.label && h("label", { key: '83f55dab8b5c9f6ffe645bf5a9a5f64d48091cdc', class: "co-slider__label" }, this.label), this.secondaryLabel && h("span", { key: 'e87460cb0301217c620534169a81a4d1eb2ec8e8', class: "co-slider__secondary-label" }, this.secondaryLabel)), this.showValue && h("span", { key: 'fcceffe989b3a920bf0a036a84945ae09d12e332', class: "co-slider__value" }, this.value))), h("div", { key: '3bb4838439376d74c46a48ffd44924243f0c8d1f', class: "co-slider__track-wrapper", ref: el => (this.trackEl = el), onPointerDown: this.handlePointerDown }, h("div", { key: '452336835c5ec68ade4b5d62c7bf6f1228033dd3', class: "co-slider__track" }, h("div", { key: 'eace119e23a4ffa2e775af4b7df2fdae2a4c1a4d', class: "co-slider__fill", style: { width: `${pct}%` } })), h("div", { key: '2961e33a63c54bcd6642d3d9e49c7816bdcc0136', class: "co-slider__thumb", style: { left: `${pct}%` } })), this.showMarks && (h("div", { key: '1d3796eecca1054817db1b2d4dbb4b79199b59f6', class: "co-slider__marks" }, h("span", { key: '37a8f0927a98dc4564d18bc3ac6069778d28db43', class: "co-slider__mark" }, this.min), h("span", { key: 'c250e0d1e046d854a142fd54145d6839d35455e4', class: "co-slider__mark" }, this.max))), 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 && (h("div", { key: '4d620cd43d5a58f188f3836362e9f258455ef277', class: `co-slider__helper co-slider__helper--${this.status}` }, this.statusIcon && h("co-icon", { key: 'b3f449dd2e7d7df70f9164e547f2ee91a1ee7c87', name: this.statusIcon, size: 14, weight: "fill", class: "co-slider__helper-icon" }), h("span", { key: 'b73792b9bf9e957ece4ad05a9e32b40ffa221867', class: "co-slider__helper-text" }, this.helperText)))));
+            } }, (this.label || this.secondaryLabel || this.showValue) && (h("div", { key: 'a37b3269d2ef9b95225196a85b112750b4a3fcae', class: "co-slider__labels" }, h("div", { key: '18ca7e2f93ff343c278f0bede877078d90b24810', class: "co-slider__labels-left" }, this.label && h("label", { key: 'fe49fe8bac3897b39b4a887b9932f64711576621', class: "co-slider__label" }, this.label), this.secondaryLabel && h("span", { key: 'aa0850998081f52521bacf8cdd478f0ea2eb7170', class: "co-slider__secondary-label" }, this.secondaryLabel)), this.showValue && h("span", { key: '9de291e2bac119a3d52d2e502eb7fe604e1f0cc9', class: "co-slider__value" }, this.value))), h("div", { key: 'b962b60c11b9089338b00af3e907bad60a088392', class: "co-slider__track-wrapper", ref: el => (this.trackEl = el), onPointerDown: this.handlePointerDown }, h("div", { key: '0140d753b83767e2c2ca8b5d7113712aef268401', class: "co-slider__track" }, h("div", { key: '81f89f49edaf65b78a814c03e77273b86a0b88d0', class: "co-slider__fill", style: { width: `${pct}%` } })), h("div", { key: 'c163d0dd0655d6052158f64919f6bb3487cc2fef', class: "co-slider__thumb", style: { left: `${pct}%` } })), this.showMarks && (h("div", { key: '5398bacad904e3151be739ac96edea006e9ebc2b', class: "co-slider__marks" }, h("span", { key: '60940a59763a62b9138566f219447524f5b58f6d', class: "co-slider__mark" }, this.min), h("span", { key: 'eef1fbf170d58a7a0bc47da021e75483089ac873', class: "co-slider__mark" }, this.max))), h("input", { key: 'bba029e3b31ef5f7870152872298478cca82d377', 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 && (h("div", { key: '21b325224fa58623e5a7b2148828dc125750c8d9', class: `co-slider__helper co-slider__helper--${this.status}` }, this.statusIcon && h("co-icon", { key: '88e62cca21285bd21b4dd68c77e0c48bbdffecf8', name: this.statusIcon, size: 14, weight: "fill", class: "co-slider__helper-icon" }), h("span", { key: '7f10644c1b17a09d947d79471a7d848455fd97f3', class: "co-slider__helper-text" }, this.helperText)))));
     }
     get el() { return getElement(this); }
 };

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

@@ -1,6 +1,7 @@
-import { r as registerInstance, c as createEvent, h } from './index-B0lqrhFo.js';
+import { r as registerInstance, c as createEvent, h } from './index-BKmfyPZK.js';
+import { R as RequiredMark } from './requiredMark-DFvtYtkE.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: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}.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)')}`;
 
 const CoSwitch = class {
     constructor(hostRef) {
@@ -10,6 +11,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 = () => {
@@ -30,17 +33,17 @@ const CoSwitch = class {
     }
     render() {
         const hasLabels = this.label || this.secondaryLabel;
-        const hasHelper = this.helperText && this.status !== 'default';
-        return (h("div", { key: 'dee7b24ea46fe9ea743b408b1c4b79247c98cb28', class: {
+        const hasHelper = !!this.helperText;
+        return (h("div", { key: '448bc546da840313740bc9c8d28bcbf50dd23842', class: {
                 'co-switch-wrapper': true,
                 'co-switch-wrapper--disabled': this.disabled,
                 [`co-switch-wrapper--${this.status}`]: this.status !== 'default',
-            } }, h("div", { key: 'fcc76c8c5ffca4f004cd1fae898219fe533e7da1', class: "co-switch-wrapper__row", onClick: this.handleClick }, h("button", { key: '06dee0e71ec4bbcf5b9e7d9113e312b72d40059a', role: "switch", "aria-checked": String(this.checked), "aria-label": this.label || '', class: {
+            } }, h("div", { key: '417c63e43360ffaa5e6fb3843a6516e6acc10712', class: "co-switch-wrapper__row", onClick: this.handleClick }, h("button", { key: '19e326242f45489aa2545390643dd799658102f8', 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" }, h("span", { key: '744f64362f83b748fb93563ae0fe3192af4b8d15', class: "co-switch__thumb", part: "thumb" })), hasLabels && (h("div", { key: '22600658649934117f8db48addf7f954e3e1c025', class: "co-switch-wrapper__labels" }, this.label && h("span", { key: '669eec2e75eccba646d084a0d824aee19ad6cb07', class: "co-switch-wrapper__label", part: "label" }, this.label), this.secondaryLabel && (h("span", { key: '9f4152a495493daf3718a923c87bab53be59821c', class: "co-switch-wrapper__secondary-label", part: "secondary-label" }, this.secondaryLabel))))), hasHelper && (h("div", { key: '2971255ce480786effc0330de7e3bd07f9b27c4f', class: `co-switch-wrapper__helper co-switch-wrapper__helper--${this.status}` }, this.statusIcon && (h("co-icon", { key: '0f10ba6fb3e34a893b18ccaf72097226d860a36e', name: this.statusIcon, size: 14, weight: "fill", class: "co-switch-wrapper__helper-icon" })), h("span", { key: '4fdfe7567d891028154d3d9d421da8a1cbf9b397', class: "co-switch-wrapper__helper-text" }, this.helperText)))));
+            }, disabled: this.disabled, part: "track" }, h("span", { key: '17b3895afa9f12e5a6fd5d09936d8da2113e710f', class: "co-switch__thumb", part: "thumb" })), hasLabels && (h("div", { key: 'd8c87eea56b43540a6ea6f033ac80f93cc151aa8', class: "co-switch-wrapper__labels" }, this.label && h("span", { key: '69f488c6a6ef62f1247f98b8c991b9cbea1bc06e', class: "co-switch-wrapper__label", part: "label" }, this.label, h(RequiredMark, { key: 'a3f0303b970a1d42a75dbd18bfe39d2fb4908376', required: this.required })), this.secondaryLabel && (h("span", { key: 'aa515120e86788c4301fe761d90f40005f419a26', class: "co-switch-wrapper__secondary-label", part: "secondary-label" }, this.secondaryLabel))))), hasHelper && (h("div", { key: '89206dd59da64095fb242fdd2e24661f0573287b', class: `co-switch-wrapper__helper co-switch-wrapper__helper--${this.status}` }, this.statusIcon && (h("co-icon", { key: 'b5c19c1e22867499990a6ba2f76bbb80d6808329', name: this.statusIcon, size: 14, weight: "fill", class: "co-switch-wrapper__helper-icon" })), h("span", { key: '9e920d930bbd9adb287a206944930b07aeb2e512', class: "co-switch-wrapper__helper-text" }, this.helperText)))));
     }
 };
 CoSwitch.style = coSwitchCss();

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, a as getElement } from './index-B0lqrhFo.js';
+import { r as registerInstance, c as createEvent, h, a as getElement } from './index-BKmfyPZK.js';
 
 const coTabGroupCss = () => `:host{display:flex}.co-tab-group{display:flex;align-items:center;gap:var(--co-spacing-sm2)}`;
 
@@ -26,7 +26,7 @@ const CoTabGroup = class {
         });
     }
     render() {
-        return (h("div", { key: 'fb43d323a8146aa707955f62cdb2fc4fedfea6a0', class: "co-tab-group", role: "tablist", part: "tab-group" }, h("slot", { key: '96e31ba1a9cf0e21763dff25de4750dfe147b479' })));
+        return (h("div", { key: '92285c15311b1e2c6a4f9259354fff37f372c5b1', class: "co-tab-group", role: "tablist", part: "tab-group" }, h("slot", { key: 'f7100d6cb992deae37e832f2bde89046418fbbff' })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h } from './index-B0lqrhFo.js';
+import { r as registerInstance, c as createEvent, h } from './index-BKmfyPZK.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}`;
 
@@ -24,12 +24,12 @@ const CoTab = class {
     }
     render() {
         const iconSize = this.size === 'large' ? 18 : 14;
-        return (h("button", { key: '863ea310122c3becbd20a895b7f831322d0b72fb', class: {
+        return (h("button", { key: 'f9b9a7793f77d4132002185b8af9e1629952cf1a', 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 && (h("co-icon", { key: '88c5335df71e746585ab770759d565b548b2a718', name: this.iconLeft, size: iconSize })), h("span", { key: '8b68515ebe754fae56d28af0d0261dd8ad1b3c73', class: "co-tab__label" }, this.label), this.iconRight && (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 && (h("co-icon", { key: 'edd62b88e5ec18158e9e32fcba0397ef3f1ddb61', name: this.iconLeft, size: iconSize })), h("span", { key: '0ce6db369891e9df4137c4c9f4104392b015d661', class: "co-tab__label" }, this.label), this.iconRight && (h("co-icon", { key: '0e60714ab903460d67ba384bd57f619f3047861c', name: this.iconRight, size: iconSize }))));
     }
 };
 CoTab.style = coTabCss();

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

@@ -0,0 +1,203 @@
+import { r as registerInstance, c as createEvent, h, a as getElement } from './index-BKmfyPZK.js';
+import { R as RequiredMark } from './requiredMark-DFvtYtkE.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:var(--co-semantic-surface-secondary);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__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}`;
+
+const CoTagsField = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.coChange = createEvent(this, "coChange", 7);
+        this.coInput = createEvent(this, "coInput", 7);
+        this.coClear = createEvent(this, "coClear", 7);
+        this.coFocus = createEvent(this, "coFocus", 7);
+        this.coBlur = 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';
+        /** 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 (h("div", { key: '6ddec5087eaf4b6cc662de1eebce5d936ec02964', 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,
+            }, part: "wrapper" }, this.label && (h("div", { key: '25cfd8aa738f620a86c3166d197bdee320427c18', class: "co-tags-field__labels" }, h("label", { key: '8aeeff373a2e565a20a6fa58e9f46214783b436a', class: "co-tags-field__label", part: "label" }, this.label, h(RequiredMark, { key: 'b75ec517f2b6e0e7c16ec67a61764a0e3380a3ee', required: this.required })))), h("div", { key: '22ddf70f600f111ab5412a8fc132746a27068f9b', class: "co-tags-field__field-row" }, h("div", { key: 'd78e1d870904788dbe5fd9b2eb8e625f622c4b49', class: "co-tags-field__field", part: "field", onClick: this.handleFieldClick }, h("div", { key: '6dd2c44651d9202083eda49de6b14fdc1c40a2f8', class: "co-tags-field__input-wrapper" }, tags.map((tag, index) => this.editingIndex === index ? (h("input", { key: `edit-${index}`, 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() })) : (
+        // Field-chip per the Figma "Tipo=Chips" spec (14px label,
+        // x-circle remove) — same look as co-ref-field's chips.
+        h("span", { key: `chip-${index}-${tag}`, class: "co-tags-field__chip", title: tag, onDblClick: () => this.startEdit(index) }, h("span", { class: "co-tags-field__chip-label" }, tag), !this.disabled && !this.readonly && (h("button", { class: "co-tags-field__chip-remove", type: "button", tabIndex: -1, onClick: (e) => {
+                e.stopPropagation();
+                this.removeTag(index);
+            } }, h("co-icon", { name: "x-circle", weight: "fill", size: 16 })))))), showInput && (h("input", { key: '0385de15c170ab25efdb51265745a583e0f89f4e', 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 && (h("button", { key: 'f3f6646342bbc87116dd381be8aab87e213ab53f', 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" }, h("co-icon", { key: 'fdd56eab3d6efe399ac074d363e24f34091b5eb0', name: "x-circle", size: 16, weight: "fill" }))))), this.name && h("input", { key: '15609d719a5db8cb05190b62e3600732b8a093b5', type: "hidden", name: this.name, value: JSON.stringify(tags) }), helper && (h("div", { key: 'a41983aa2eea372fdd6bc7f3ea5578887f67e962', class: {
+                'co-tags-field__helper': true,
+                'co-tags-field__helper--error': this.isInvalid,
+            }, part: "helper" }, this.isInvalid && (h("co-icon", { key: 'e8fae5a5fb653015e7aed92ba22ea10f8bdd2b64', name: "warning-circle", size: 14, class: "co-tags-field__helper-icon" })), h("span", { key: '39beac5b7f7576ed3c6c83a417c3736ca086c9a5', class: "co-tags-field__helper-text" }, helper)))));
+    }
+    get el() { return getElement(this); }
+    static get watchers() { return {
+        "editingIndex": [{
+                "onEditingIndexChange": 0
+            }]
+    }; }
+};
+CoTagsField.style = coTagsFieldCss();
+
+export { CoTagsField as co_tags_field };

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

@@ -0,0 +1,90 @@
+import { r as registerInstance, c as createEvent, h, a as getElement } from './index-BKmfyPZK.js';
+import { R as RequiredMark } from './requiredMark-DFvtYtkE.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:var(--co-semantic-surface-secondary);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__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}`;
+
+const CoTextarea = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.coInput = createEvent(this, "coInput", 7);
+        this.coChange = createEvent(this, "coChange", 7);
+        this.coFocus = createEvent(this, "coFocus", 7);
+        this.coBlur = createEvent(this, "coBlur", 7);
+        this.coClear = 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';
+        /** 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 (h("div", { key: '0e160877b3fefe64f2da005eff7323c528e2f260', class: {
+                'co-textarea': true,
+                'co-textarea--disabled': this.disabled,
+                'co-textarea--focused': this.hasFocus,
+                'co-textarea--filled': this.hasValue,
+                'co-textarea--over-limit': isOverLimit,
+                [statusClass]: !!statusClass,
+            }, part: "wrapper" }, (this.label || this.secondaryLabel) && (h("div", { key: '903688841736f2c70c3f44e4619285974beb80af', class: "co-textarea__labels" }, this.label && (h("label", { key: 'a74ffa8509cc809470d0c269dd2ba2edf9d4d184', class: "co-textarea__label", part: "label" }, this.label, h(RequiredMark, { key: '9589ea1bfdd871e1e0e5fdd43512efde94fb9933', required: this.required }))), this.secondaryLabel && (h("span", { key: '8b133899c6ad21233c6a10b0e09791f529064546', class: "co-textarea__secondary-label" }, this.secondaryLabel)))), h("div", { key: '9d9bd3db4bc163a4429f3e1b5bb320b2cf261403', class: "co-textarea__field", part: "field" }, h("textarea", { key: '99fed67002ed7f2de3aa050085e9e3a90eda9652', 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 && (h("button", { key: 'ad0d815278a6a8ab8bd4706b382f1f7aaaf087f3', class: "co-textarea__clear", type: "button", tabIndex: -1, onClick: this.handleClear, "aria-label": "Clear" }, h("co-icon", { key: 'b26e449735a78a4a44458e87de9df4969d95df67', name: "x-circle", size: 16, weight: "fill" })))), (this.helperText || this.maxLength != null) && (h("div", { key: '958684f0a44b0a09ce9d7095c5c3a677a7c7f35a', class: "co-textarea__footer" }, this.helperText && (h("div", { key: '3abdc8f49e26d210a2eaff7838a372e87746c74c', class: {
+                'co-textarea__helper': true,
+                'co-textarea__helper--error': this.status === 'error',
+            }, part: "helper" }, this.status === 'error' && (h("co-icon", { key: 'c874733960b31f7129e173728548a0ead315d72e', name: "warning-circle", size: 14, class: "co-textarea__helper-icon" })), h("span", { key: '231e6acc23143094f59db60493861930bf77db50', class: "co-textarea__helper-text" }, this.helperText))), this.maxLength != null && (h("span", { key: '4978131a7caae184cb23c0e83d35c85f741fb1d6', class: {
+                'co-textarea__counter': true,
+                'co-textarea__counter--over': isOverLimit,
+            }, part: "counter" }, this.charCount, "/", this.maxLength))))));
+    }
+    get el() { return getElement(this); }
+};
+CoTextarea.style = coTextareaCss();
+
+export { CoTextarea as co_textarea };

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h } from './index-B0lqrhFo.js';
+import { r as registerInstance, c as createEvent, h } from './index-BKmfyPZK.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)}`;
 
@@ -35,7 +35,7 @@ const CoToast = class {
             'co-toast--multiline': hasDescription,
             'co-toast--stacked': isStacked,
         };
-        return (h("div", { key: 'bc18e157f1d28c5850448163fbe3b1ed0148086d', class: rootClass, part: "toast", role: role }, resolvedIcon && (h("span", { key: '1df6ceb6a20446f54d6bd429181e8b9ddb3c4701', class: "co-toast__icon" }, h("co-icon", { key: 'caa37fcb26774cd4211e6b01ed0080c0be2869dc', name: resolvedIcon, size: 20 }))), h("div", { key: '9e9635bfd87c0a0f9251ae2790ab1ece02d4e9e7', class: "co-toast__body" }, h("div", { key: '97d5f8880f5f1e6caaa90edf83237a2a8c6f9b80', class: "co-toast__content" }, h("span", { key: 'a51722ec68d7440d090698c4cdf07c578503a01a', class: "co-toast__message" }, this.message), hasDescription && (h("span", { key: '1ee7c20bf0a5332fe1090281658c3b932cc85872', class: "co-toast__description" }, this.description))), isStacked && (h("div", { key: 'ce5ae543e27144213b0a3a9c846f6dc12892a142', class: "co-toast__actions" }, h("slot", { key: '8af658d42453d12ca0471ce38621cdad609aa08d', name: "action" })))), !isStacked && (h("div", { key: 'b0439dc3101c0859c1f2c7f7ed3c578a3b361117', class: "co-toast__actions" }, h("slot", { key: '3a0a7d99e1fe886c073ded7e9e7805fe5ef66571', name: "action" }))), this.dismissible && (h("button", { key: '4e4374e8c12221b67b79ba8e1d51521fcfda06a3', class: "co-toast__dismiss", type: "button", "aria-label": "Dismiss", onClick: () => this.coDismiss.emit() }, h("co-icon", { key: 'd074d462adebdc7c44a95eed9482eeb973e4c9a5', name: "x", size: 16 })))));
+        return (h("div", { key: '764d958e40e198c3b02dc92d0fcb10f79c853547', class: rootClass, part: "toast", role: role }, resolvedIcon && (h("span", { key: '7064fdcf56694bc0b2f8a4a9338442db98560510', class: "co-toast__icon" }, h("co-icon", { key: 'cb3628ec9051d6d6ee42f432e8f9560bff276233', name: resolvedIcon, size: 20 }))), h("div", { key: 'aa15c35826277e7923bc7f8b0b0fcbd189706109', class: "co-toast__body" }, h("div", { key: '7a4992a6a984ff09cc8b6e0012a1c80309a0665b', class: "co-toast__content" }, h("span", { key: 'd6dd0e0f427395b311bbb9cee26d4a9be22900ce', class: "co-toast__message" }, this.message), hasDescription && (h("span", { key: 'f2167e0207c014933aef6bca2d9f5e2adc267abd', class: "co-toast__description" }, this.description))), isStacked && (h("div", { key: '448957a6f93ce912f231483d9469a38b23e72466', class: "co-toast__actions" }, h("slot", { key: '68834bc69baf4ba5ffa769a9edbd60f9441d7a44', name: "action" })))), !isStacked && (h("div", { key: 'ef11141a8d57484b75b3af5b974ec451c58a8f5a', class: "co-toast__actions" }, h("slot", { key: '417f06903a6b0d3fb4184175df675d28dfabca64', name: "action" }))), this.dismissible && (h("button", { key: 'cfbabfc9a35669c99c2a37ed1278e17d0dd77279', class: "co-toast__dismiss", type: "button", "aria-label": "Dismiss", onClick: () => this.coDismiss.emit() }, h("co-icon", { key: 'ef936e9c54768d46bf60335140f96dcd1c103d76', name: "x", size: 16 })))));
     }
 };
 CoToast.style = coToastCss();

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

@@ -1,6 +1,6 @@
-import { r as registerInstance, c as createEvent, h, a as getElement } from './index-B0lqrhFo.js';
+import { r as registerInstance, c as createEvent, h, a as getElement } from './index-BKmfyPZK.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-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 CoToggleButtonGroup = class {
     constructor(hostRef) {
@@ -12,6 +12,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) {
@@ -60,11 +62,12 @@ const CoToggleButtonGroup = class {
         });
     }
     render() {
-        return (h("div", { key: '8f91e6dd191ba893948835787c754ec7cdf3711e', class: {
+        return (h("div", { key: '59aac10e6e4f7eb9337aed57f3d258c615139046', class: {
                 'co-toggle-button-group': true,
                 [`co-toggle-button-group--${this.direction}`]: true,
                 'co-toggle-button-group--disabled': this.disabled,
-            }, role: "group" }, h("slot", { key: '1dd2415b3cf9b97886ffb23e491cc7b0847b3c3e' })));
+                'co-toggle-button-group--full': this.fullWidth,
+            }, role: "group" }, h("slot", { key: 'c6a683245689d3109bc6fcedacae4e2d54209909' })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {