@prolibu-suite/cobalt-core 0.6.0 → 0.7.0

package/dist/collection/components/co-tags-field/co-tags-field.css

@@ -62,11 +62,11 @@
   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);
+  padding: var(--co-spacing-sm2) var(--co-spacing-md);
+  /* Figma Text Field: fondo sólido de página + borde Negro 25% (los campos
+     tenues negro-8 + glass no leen como editables sobre el drawer blanco). */
+  background: var(--co-semantic-surface-page);
+  border: 1px solid var(--co-semantic-border-field);
   border-radius: var(--co-border-radius-xs);
   transition: border-color 0.15s ease, box-shadow 0.15s ease;
   min-height: 40px;
@@ -83,8 +83,12 @@
   align-items: center;
   gap: var(--co-spacing-sm);
   min-width: 0;
-  min-height: 28px;
-  padding: var(--co-spacing-xxs) 0;
+  /* 22px de contenido + la padding vertical del field + 1px de bordes = la caja
+     md de 40px; los 28px + xxs de antes empujaban el campo a 50px, fuera de paso
+     con el resto. Los chips conservan su alto propio (flex los deja crecer).
+     Mismo criterio que co-input. */
+  min-height: 22px;
+  padding: 0;
 }
 
 /* ── Size variants (mirror co-input: s 28 / sm 32 / md 40 / lg 48).
@@ -110,15 +114,6 @@
   font-size: var(--co-font-size-16);
 }
 
-/* The inner wrapper's own min-height+padding (28px+4px) would otherwise
-   overshoot the field's min-height — flatten it for s/sm (same trick as
-   co-date-field). */
-.co-tags-field--s .co-tags-field__input-wrapper,
-.co-tags-field--sm .co-tags-field__input-wrapper {
-  min-height: 0;
-  padding: 0;
-}
-
 /* Figma "Tipo=Chips" (node 780:26592) — same chip spec as co-ref-field. */
 .co-tags-field__chip {
   display: inline-flex;
@@ -183,7 +178,7 @@
   border: 1px solid var(--co-semantic-border-focus);
   border-radius: var(--co-border-radius-xxs);
   outline: none;
-  background: var(--co-semantic-surface-primary);
+  background: var(--co-semantic-surface-page);
   font-family: inherit;
   font-size: var(--co-font-size-12);
   line-height: 1;
@@ -304,7 +299,3 @@
   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); }
-}

package/dist/collection/components/co-tags-field/co-tags-field.js

@@ -186,14 +186,14 @@ export class CoTagsField {
         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: '45bafe056e1e22295fca85e4117688b3689f6531', class: {
+        return (h("div", { key: '3b98e21db568fa88fc353e855330cf40fcec03f8', 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 && (h("div", { key: '74f22995661cc3617ec781c002e9dd0d14be1d08', class: "co-tags-field__labels" }, h("label", { key: '90d1e9356d0e2e308b74be32fc508dcfd0d1049c', class: "co-tags-field__label", part: "label" }, this.label, h(RequiredMark, { key: '0cdef38368b8770ccf6f202f947a9b8797a0de2d', required: this.required })))), h("div", { key: '9be586d54135a42590ccd1114aa0024fb0a4cb89', class: "co-tags-field__field-row" }, h("div", { key: '61024e618e9140aa6e8ca14dc9b0d26dcf0192ed', class: "co-tags-field__field", part: "field", onClick: this.handleFieldClick }, h("div", { key: 'bcac0080c15699779e844632f52969ed3b97e669', 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() })) : (
+            }, part: "wrapper" }, this.label && (h("div", { key: '5a2e5da6096a2c5b660c3e884d2d4b0dbe9128bb', class: "co-tags-field__labels" }, h("label", { key: '51403414e956b9205bf88d6cf8a6c43ad4806de9', class: "co-tags-field__label", part: "label" }, this.label, h(RequiredMark, { key: '19ab6f22b8615a52b5487c8661f112a1861e6c09', required: this.required })))), h("div", { key: '67052a465dc337616565f0309d3de6f9dce5e82f', class: "co-tags-field__field-row" }, h("div", { key: 'cb350c84d48e7eeb2cc5620291466bab58e9cabe', class: "co-tags-field__field", part: "field", onClick: this.handleFieldClick }, h("div", { key: '6cd869c8b7da5280475016b3e89a0bcf42da3cc7', 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() })) : (
         // Shared field-chip (utils/fieldChip.tsx) per the Figma
         // "Tipo=Chips" spec — same look as co-ref-field's chips.
         h(FieldChip, { key: `chip-${index}-${tag}`, baseClass: "co-tags-field__chip", label: tag, title: tag, onChipDblClick: () => this.startEdit(index), onRemove: !this.disabled && !this.readonly
@@ -201,13 +201,13 @@ export class CoTagsField {
                     e.stopPropagation();
                     this.removeTag(index);
                 }
-                : undefined }))), showInput && (h("input", { key: 'a72e551df5531ccbc08db60c9f2c87dfd4d4b554', 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: 'c18186dba9f0f07db60885885734fb924c8deeb5', class: {
+                : undefined }))), showInput && (h("input", { key: '616f9c3e45ee685e4f05241a9d718c02b585f87f', 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: '1846e3cb5e3f8d4bd532e598e69dbb5508589bc7', 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: '6831ec45b34a29da992291838bcd21bec82f9bc3', name: "x-circle", size: 16, weight: "fill" }))))), this.name && h("input", { key: 'ec43dc82ad02fe07a7dde183355c824275d64c7e', type: "hidden", name: this.name, value: JSON.stringify(tags) }), helper && (h("div", { key: '8d1a219b0536746e0d57a31b9124f203872e9360', class: {
+            }, type: "button", tabIndex: -1, onMouseDown: (e) => e.preventDefault() /* keep input focus */, onClick: this.handleClearAll, "aria-label": "Clear all", part: "clear" }, h("co-icon", { key: '2c31acff9b897ef7394e087e24cb6ad1954a5b6a', name: "x-circle", size: 16, weight: "fill" }))))), this.name && h("input", { key: '5fb8c29516afc9e92bd29a9702a67028434d4e07', type: "hidden", name: this.name, value: JSON.stringify(tags) }), helper && (h("div", { key: '8e71625ae0d1d1ac3de1b92c1520229669ba8fb6', class: {
                 'co-tags-field__helper': true,
                 'co-tags-field__helper--error': this.isInvalid,
-            }, part: "helper" }, this.isInvalid && (h("co-icon", { key: 'ceb06b309d8614eefaa81fd92a028e6fb69c8302', name: "warning-circle", size: 14, class: "co-tags-field__helper-icon" })), h("span", { key: '96134b037eb376bc20aab31b627b8cf579f76f8f', class: "co-tags-field__helper-text" }, helper)))));
+            }, part: "helper" }, this.isInvalid && (h("co-icon", { key: '865454377e41eca5fa36b8a7cb1bfe39b4e6afaa', name: "warning-circle", size: 14, class: "co-tags-field__helper-icon" })), h("span", { key: 'd4d7f2f106bcccd3e11cdf1eb759a4b1d9de22f3', class: "co-tags-field__helper-text" }, helper)))));
     }
     static get is() { return "co-tags-field"; }
     static get encapsulation() { return "shadow"; }

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

@@ -66,16 +66,30 @@
 .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);
+  /* Figma Text Field: fondo sólido de página + borde Negro 25% (los campos
+     tenues negro-8 + glass no leen como editables sobre el drawer blanco). */
+  background: var(--co-semantic-surface-page);
+  border: 1px solid var(--co-semantic-border-field);
   border-radius: var(--co-border-radius-xs);
   transition: border-color 0.15s ease, box-shadow 0.15s ease;
   box-sizing: border-box;
   overflow: hidden;
 }
 
+/* ---- Variant: flat (no border/background — reads as content) ----
+   Border-width/radius are left untouched (only the color goes transparent),
+   so padding/box size never shift between default and flat. Placed here
+   (before size variants and ahead of the States section below) so the
+   equal-specificity (0,2,0) state selectors — focused/disabled/error/
+   success/warning/over-limit — win their cascade tie by source order and
+   keep showing through on top of flat, same as they do today. */
+.co-textarea--flat .co-textarea__field {
+  background: transparent;
+  -webkit-backdrop-filter: none;
+  backdrop-filter: none;
+  border-color: transparent;
+}
+
 .co-textarea__native {
   width: 100%;
   border: none;
@@ -280,7 +294,3 @@
   grid-column: 2;
   min-width: 0;
 }
-
-@supports not (background: color-mix(in srgb, red, transparent)) {
-  .co-textarea__field { background: var(--co-semantic-surface-secondary); }
-}

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

@@ -33,6 +33,11 @@ export class CoTextarea {
         /** Field size (mirrors co-input paddings/font: s / sm / md / lg).
          *  Vertical extent still comes from `rows`. */
         this.size = 'md';
+        /** Visual style. `flat` strips the field's border and background so it
+         *  reads as plain content instead of a boxed textarea — padding, label,
+         *  focus ring, disabled and status states are unaffected. `default` (the
+         *  standard bordered box) renders identically to before this prop existed. */
+        this.variant = 'default';
         /** Show clear button when textarea has value */
         this.clearable = false;
         /** Resize behavior of the textarea */
@@ -71,7 +76,7 @@ export class CoTextarea {
         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: 'cb418f5b90a1a22cdd5661d923fec6b5111d4f2f', class: {
+        return (h("div", { key: 'fb292b8285b753e8164150fada241d766c065ea5', class: {
                 'co-textarea': true,
                 'co-textarea--disabled': this.disabled,
                 'co-textarea--focused': this.hasFocus,
@@ -79,13 +84,14 @@ export class CoTextarea {
                 'co-textarea--over-limit': isOverLimit,
                 [`co-textarea--${this.size}`]: true,
                 [statusClass]: !!statusClass,
-            }, part: "wrapper" }, (this.label || this.secondaryLabel) && (h("div", { key: '400c4187c7c6614e4e843216b466a45fdbb49d2b', class: "co-textarea__labels" }, this.label && (h("label", { key: 'a1e0e0fac2cd0c8645a89aba1367881e6f907005', class: "co-textarea__label", part: "label" }, this.label, h(RequiredMark, { key: '07870f276a4d35f35072dab6c8ee726079c34be5', required: this.required }))), this.secondaryLabel && (h("span", { key: 'ddcfffd9e502787acc434e4dd78abac7193b19cd', class: "co-textarea__secondary-label" }, this.secondaryLabel)))), h("div", { key: '4a315f9667d81b1aed6be91ed08095666bc69c37', class: "co-textarea__field", part: "field" }, h("textarea", { key: 'b0c69a6c064a04c7f487b8d48897f0882d15a8ad', ref: (el) => (this.textareaEl = el), class: {
+                'co-textarea--flat': this.variant === 'flat',
+            }, part: "wrapper" }, (this.label || this.secondaryLabel) && (h("div", { key: '52ec29df68b495a8a290a449324bf0108eb0fc4e', class: "co-textarea__labels" }, this.label && (h("label", { key: '7573a521ef57b8128153e331a504b6b1e0162184', class: "co-textarea__label", part: "label" }, this.label, h(RequiredMark, { key: 'f7d1ad43c16b98f604f8c0d7620e59c3533347be', required: this.required }))), this.secondaryLabel && (h("span", { key: '1223a9000424080857b100585b5af3924a74fae1', class: "co-textarea__secondary-label" }, this.secondaryLabel)))), h("div", { key: '297970dd56b64ec6bed080841fff838053fd120f', class: "co-textarea__field", part: "field" }, h("textarea", { key: 'fcd8ec4a9db5e7c576c72029c1bc71a529bcf0af', 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: 'b832c62e32fe0bf0e2343c71cec9755ecb68537c', class: "co-textarea__clear", type: "button", tabIndex: -1, onClick: this.handleClear, "aria-label": "Clear" }, h("co-icon", { key: 'e0d6673bb0d29ddabb83ebff4bce9dcb1dce5408', name: "x-circle", size: 16, weight: "fill" })))), (this.helperText || this.maxLength != null) && (h("div", { key: '2f30b4a7923e78ee4c60fd40bbf891607978e961', class: "co-textarea__footer" }, this.helperText && (h("div", { key: '7de370940c99f30fad34e6b40911f190b38eb9b5', class: {
+            }, 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: 'ec698cec38f105ed0deb2ebf1ebb443bb3601924', class: "co-textarea__clear", type: "button", tabIndex: -1, onClick: this.handleClear, "aria-label": "Clear" }, h("co-icon", { key: '44e5994116fd9c430181b84f4cee7a18fd63872c', name: "x-circle", size: 16, weight: "fill" })))), (this.helperText || this.maxLength != null) && (h("div", { key: 'd088f3c27f70a155a32078d7b63945491ca81664', class: "co-textarea__footer" }, this.helperText && (h("div", { key: '1baf81a8fd8a568e0508175b03e81e59588f254e', class: {
                 'co-textarea__helper': true,
                 'co-textarea__helper--error': this.status === 'error',
-            }, part: "helper" }, this.status === 'error' && (h("co-icon", { key: '57e658fc2c65c787f11eaf10a56ac25358467710', name: "warning-circle", size: 14, class: "co-textarea__helper-icon" })), h("span", { key: '53f33d1e87ac75b87019843b8ffbd56e15fd998a', class: "co-textarea__helper-text" }, this.helperText))), this.maxLength != null && (h("span", { key: '80f731565f9fb3d99539ee06bc6bd6285736dbde', class: {
+            }, part: "helper" }, this.status === 'error' && (h("co-icon", { key: '3d807c485144679809cc3fa994692b4f21ece752', name: "warning-circle", size: 14, class: "co-textarea__helper-icon" })), h("span", { key: '15b6c9458c38cb562276aae042cfd7bbb35ee9cc', class: "co-textarea__helper-text" }, this.helperText))), this.maxLength != null && (h("span", { key: '4e3e9750db0ede3b2381f3504e7a8975ebd5c272', class: {
                 'co-textarea__counter': true,
                 'co-textarea__counter--over': isOverLimit,
             }, part: "counter" }, this.charCount, "/", this.maxLength))))));
@@ -379,6 +385,26 @@ export class CoTextarea {
                 "attribute": "size",
                 "defaultValue": "'md'"
             },
+            "variant": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "'default' | 'flat'",
+                    "resolved": "\"default\" | \"flat\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Visual style. `flat` strips the field's border and background so it\nreads as plain content instead of a boxed textarea \u2014 padding, label,\nfocus ring, disabled and status states are unaffected. `default` (the\nstandard bordered box) renders identically to before this prop existed."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true,
+                "attribute": "variant",
+                "defaultValue": "'default'"
+            },
             "clearable": {
                 "type": "boolean",
                 "mutable": false,

package/dist/collection/components/co-toggle-button/co-toggle-button.js

@@ -18,13 +18,13 @@ export class CoToggleButton {
     render() {
         const iconSize = this.variant === 'track' ? 18 : this.size === 'l' ? 20 : this.size === 'xs' ? 14 : 16;
         const iconWeight = this.selected && this.selectedIconWeight ? this.selectedIconWeight : undefined;
-        return (h("button", { key: '0016c8ec4c9f9e408c818e725b1d10159d53168c', class: {
+        return (h("button", { key: 'ab0600ae69000cca80f53bea2836fee352ce5239', 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 && h("co-icon", { key: 'b301e2330b92fbd0347b89d0d453b1fbfa4091aa', name: this.iconLeft, size: iconSize, weight: iconWeight }), this.label && h("span", { key: '8917418e796a53d8e269e1ebb69f293975a140c7', class: "co-toggle-button__label" }, this.label), this.iconRight && h("co-icon", { key: '4fc74790fba1e7ec56f489fbda65d21b0048de26', name: this.iconRight, size: iconSize, weight: iconWeight })));
+            }, type: "button", disabled: this.disabled, "aria-pressed": String(this.selected), onClick: this.handleClick }, this.iconLeft && h("co-icon", { key: '97ce9ecf36b55c5b8f64dde270e6df64c4c46e0c', name: this.iconLeft, size: iconSize, weight: iconWeight }), this.label && h("span", { key: 'c0a75d2ca6d619ae7f0c3497b63dd27271e3e0af', class: "co-toggle-button__label" }, this.label), this.iconRight && h("co-icon", { key: 'f5b45dd9ae7299c60be36ee596d5d50b6c2db4bc', name: this.iconRight, size: iconSize, weight: iconWeight })));
     }
     static get is() { return "co-toggle-button"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/co-toggle-button-group/co-toggle-button-group.js

@@ -65,13 +65,13 @@ export class CoToggleButtonGroup {
         });
     }
     render() {
-        return (h("div", { key: 'e1d84ee3741f5f10700b7e99d90081a92de7b2c5', class: {
+        return (h("div", { key: 'a8a5bbe308411e3ac397f021f1777d08a3861b37', class: {
                 'co-toggle-button-group': true,
                 [`co-toggle-button-group--${this.direction}`]: true,
                 [`co-toggle-button-group--${this.variant}`]: true,
                 'co-toggle-button-group--disabled': this.disabled,
                 'co-toggle-button-group--full': this.fullWidth,
-            }, role: "group" }, h("slot", { key: '4f6f8e56d637ffccab5b1efff3df0f0314a75615' })));
+            }, role: "group" }, h("slot", { key: '76ecf6133ee14b6c2fcdedf61511e044ff57a3e9' })));
     }
     static get is() { return "co-toggle-button-group"; }
     static get encapsulation() { return "shadow"; }

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

@@ -214,7 +214,7 @@ export class CoTooltip {
     // ── Render ─────────────────────────────────────────────────
     render() {
         const side = this.actualPlacement.split('-')[0];
-        return (h("div", { key: '6edc432c3bbc66db6044b28d38305242eaa939fb', class: "co-tooltip" }, h("div", { key: '58dcaedfd4f0f6584c6b634cf525d139ffbe3013', class: "co-tooltip__trigger", ref: (el) => (this.triggerEl = el), onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, onFocusin: this.handleFocusIn, onFocusout: this.handleFocusOut, onKeyDown: this.handleKeyDown, "aria-describedby": this.visible ? 'tooltip-panel' : undefined }, h("slot", { key: 'de10b7bfdbdabfe2b79e2e7735e3dc372273cd5d' })), this.visible && this.content && (h("div", { key: '52f65ebaf96fd74adc37374302b0412999db6c39', id: "tooltip-panel", class: {
+        return (h("div", { key: 'e51e866b88dc6b36ef797c4ea8694bd5ba1ca352', class: "co-tooltip" }, h("div", { key: '711f7b0804b4fe283b2ce8eb45846d00c9d51022', class: "co-tooltip__trigger", ref: (el) => (this.triggerEl = el), onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, onFocusin: this.handleFocusIn, onFocusout: this.handleFocusOut, onKeyDown: this.handleKeyDown, "aria-describedby": this.visible ? 'tooltip-panel' : undefined }, h("slot", { key: '655c2ccfbab1ab99ed91e93bae26782ead9b2e17' })), this.visible && this.content && (h("div", { key: '7ce0ad2c565285aaf25810151ecfea1f74657c5a', id: "tooltip-panel", class: {
                 'co-tooltip__panel': true,
                 [`co-tooltip__panel--${side}`]: true,
             }, role: "tooltip", popover: "manual", ref: (el) => {
@@ -223,7 +223,7 @@ export class CoTooltip {
                     this.promotePanel();
                     this.scheduleUpdate();
                 }
-            }, style: { maxWidth: this.maxWidth } }, this.arrow && h("div", { key: '987c9d5483b847dfc44a6aee787e7586ead0a53e', class: `co-tooltip__arrow co-tooltip__arrow--${side}` }), h("span", { key: '48ff0c4dca75f96bfd3d03e31207ebb16a5c7773', class: "co-tooltip__content" }, this.content)))));
+            }, style: { maxWidth: this.maxWidth } }, this.arrow && h("div", { key: 'd752ed1a61541a006b24142219b9e296a9c8b062', class: `co-tooltip__arrow co-tooltip__arrow--${side}` }), h("span", { key: 'b073b093fae892708c9d5a1dfb84cf9071b3cc5c', class: "co-tooltip__content" }, this.content)))));
     }
     static get is() { return "co-tooltip"; }
     static get encapsulation() { return "shadow"; }

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

@@ -789,14 +789,14 @@ export class CoVideo {
     // ═══════════════════════════════════════════════════
     render() {
         const aspectClass = `co-video--${this.aspectRatio.replace(':', '-')}`;
-        return (h(Host, { key: 'd5045a4f7d216d6f9659d5e1d1ef690050385d6d' }, h("div", { key: 'b6406833cccf5746084dabb74600480175f95f87', class: {
+        return (h(Host, { key: 'dea52b405ab2655fa9ba39f97a76202b0709fcb4' }, h("div", { key: '91e31da2c5ee37807d4b949fbb4e6f5460448109', class: {
                 'co-video': true,
                 [aspectClass]: true,
                 [`co-video--rounded-${this.rounded}`]: true,
                 'co-video--disabled': this.disabled,
                 'co-video--fullscreen': this.isFullscreen,
                 'co-video--playing': this.isPlaying,
-            }, part: "container", ref: el => (this.containerEl = el), role: "region", "aria-label": this.t.player, tabindex: 0, onKeyDown: this.handleKeyDown, onMouseMove: this.handleContainerMouseMove, onMouseLeave: this.handleContainerMouseLeave, onTouchStart: this.handleContainerTouchStart }, h("video", { key: '84ea045dd93bd92a41550b311b742206ecce80fd', ref: el => (this.videoEl = el), class: "co-video__native", part: "video", src: this.src || undefined, poster: undefined, preload: this.preload, loop: this.loop, playsinline: true, tabindex: -1, controlsList: this.allowDownload ? undefined : 'nodownload' }), this.renderPoster(), this.renderLoader(), this.renderBigPlayButton(), this.renderError(), h("div", { key: 'b92bf1ce23819c09ecac179349dfde6c636e408d', class: "co-video__click-area", onClick: this.handleVideoAreaClick }), this.renderControls())));
+            }, part: "container", ref: el => (this.containerEl = el), role: "region", "aria-label": this.t.player, tabindex: 0, onKeyDown: this.handleKeyDown, onMouseMove: this.handleContainerMouseMove, onMouseLeave: this.handleContainerMouseLeave, onTouchStart: this.handleContainerTouchStart }, h("video", { key: '86fd57035561ff0af917730f8ab7b2d108693fd5', ref: el => (this.videoEl = el), class: "co-video__native", part: "video", src: this.src || undefined, poster: undefined, preload: this.preload, loop: this.loop, playsinline: true, tabindex: -1, controlsList: this.allowDownload ? undefined : 'nodownload' }), this.renderPoster(), this.renderLoader(), this.renderBigPlayButton(), this.renderError(), h("div", { key: 'a53bec4a445e06b8074111d32ee09e35b5f86233', class: "co-video__click-area", onClick: this.handleVideoAreaClick }), this.renderControls())));
     }
     static get is() { return "co-video"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/utils/carouselI18n.js

@@ -0,0 +1,36 @@
+/**
+ * Built-in UI string dictionary for co-carousel (aria labels).
+ * Same strategy as lightboxI18n/dateI18n: ships es/en/pt keyed by the
+ * `locale` prop. Templates use `{i}` / `{n}` placeholders.
+ */
+import { langFromLocale } from "./dateI18n";
+const DICT = {
+    es: {
+        prevSlide: 'Diapositiva anterior',
+        nextSlide: 'Diapositiva siguiente',
+        goToSlide: 'Ir a la diapositiva {i}',
+        pickSlide: 'Elegir diapositiva',
+        carouselLabel: 'Carrusel',
+        slideLabel: '{i} de {n}',
+    },
+    en: {
+        prevSlide: 'Previous slide',
+        nextSlide: 'Next slide',
+        goToSlide: 'Go to slide {i}',
+        pickSlide: 'Choose slide',
+        carouselLabel: 'Carousel',
+        slideLabel: '{i} of {n}',
+    },
+    pt: {
+        prevSlide: 'Slide anterior',
+        nextSlide: 'Próximo slide',
+        goToSlide: 'Ir para o slide {i}',
+        pickSlide: 'Escolher slide',
+        carouselLabel: 'Carrossel',
+        slideLabel: '{i} de {n}',
+    },
+};
+/** Resolve the built-in UI strings for a locale. */
+export function getCarouselStrings(locale) {
+    return DICT[langFromLocale(locale)];
+}

package/dist/collection/utils/richTextI18n.js

@@ -101,6 +101,7 @@ const DICT = {
         letterSpacingPlaceholder: '0.05em, normal…',
         uploadFromComputer: 'Upload from computer',
         viaUrl: 'Via URL',
+        attachFiles: 'Attach files',
         moreOptions: 'More options',
         superscript: 'Superscript',
         subscript: 'Subscript',
@@ -219,6 +220,7 @@ const DICT = {
         letterSpacingPlaceholder: '0.05em, normal…',
         uploadFromComputer: 'Subir desde la computadora',
         viaUrl: 'Mediante URL',
+        attachFiles: 'Adjuntar archivos',
         moreOptions: 'Más opciones',
         superscript: 'Superíndice',
         subscript: 'Subíndice',
@@ -337,6 +339,7 @@ const DICT = {
         letterSpacingPlaceholder: '0.05em, normal…',
         uploadFromComputer: 'Carregar do computador',
         viaUrl: 'Via URL',
+        attachFiles: 'Anexar arquivos',
         moreOptions: 'Mais opções',
         superscript: 'Sobrescrito',
         subscript: 'Subscrito',

package/dist/components/co-accordion.js

@@ -1 +1 @@
-import{t as o,p as e,H as c,c as i,h as a}from"./index.js";import{d as t}from"./p-D4SOCy8I.js";const n=e(class extends c{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.coToggle=i(this,"coToggle",7),this.open=!0,this.heading="",this.subheading="",this.disabled=!1,this.hasSubheadingSlot=!1,this.handleToggle=()=>{this.disabled||(this.open=!this.open,this.coToggle.emit(this.open))}}componentWillLoad(){this.hasSubheadingSlot=!!this.el.querySelector('[slot="subheading"]')}componentWillRender(){this.hasSubheadingSlot=!!this.el.querySelector('[slot="subheading"]')}get showSubheading(){return!(!this.subheading||!this.subheading.trim())||this.hasSubheadingSlot}render(){return a("div",{key:"4e2089349432ce39bb797397aacaebd022fcbcee",class:{"co-accordion":!0,"co-accordion--open":this.open,"co-accordion--disabled":this.disabled},part:"accordion"},a("div",{key:"4337878858bd31822201a925010f3150568fa056",class:"co-accordion__header",part:"header"},a("span",{key:"cf69c69cc786981ca6bd54bd0f6a6c38a3baa0b6",class:"co-accordion__heading-group"},a("span",{key:"0e7efd52e6d48c35ce0270485e8ce6099c6a3302",class:"co-accordion__heading",part:"heading"},a("slot",{key:"b575ce7ae5611007490724f430819f083781f84d",name:"header"},this.heading)),this.showSubheading&&a("span",{key:"996a58f3f3b5cd656849b413b0f998675452cc2f",class:"co-accordion__subheading",part:"subheading"},a("slot",{key:"a9029aa67f51162ad54c010d23bf20545883ef45",name:"subheading"},this.subheading))),a("button",{key:"757286aaf2914fe7d32fc14ab0f5de57ffeab48c",class:"co-accordion__caret",type:"button","aria-expanded":this.open?"true":"false","aria-label":this.heading||"Toggle section",disabled:this.disabled,onClick:this.handleToggle,part:"caret"},a("co-icon",{key:"b4c3c96489a30607727a44955dbff2d504ef2b6e",name:"caret-up",size:20}))),a("div",{key:"bd56b12cbd7484f61fec140740312800536d7b18",class:"co-accordion__body",part:"body"},a("div",{key:"1f2ff56e7bd7a49f8484c988ecdf434d108ef4ed",class:"co-accordion__body-inner",part:"body-inner"},a("slot",{key:"25ef25609ccece786a05709d90a32e7e135fec72"}))))}get el(){return this}static get style(){return":host{display:block}.co-accordion{display:flex;flex-direction:column;width:100%}.co-accordion__header{display:flex;align-items:center;justify-content:space-between;gap:var(--co-spacing-sm, 6px);width:100%;font-family:var(--co-font-family-primary);color:var(--co-semantic-text-default);text-align:left}.co-accordion__heading-group{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--co-spacing-xxs, 2px)}.co-accordion__heading{font-size:var(--co-font-size-24);font-weight:500;line-height:1.25;letter-spacing:-0.03em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.co-accordion__subheading{font-size:var(--co-font-size-14);font-weight:400;line-height:1.3;letter-spacing:normal;color:var(--co-semantic-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.co-accordion__caret{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;background:transparent;border-radius:var(--co-border-radius-full, 9999px);color:var(--co-semantic-text-default);cursor:pointer;transition:transform 0.2s ease, background-color 0.15s ease;transform:rotate(180deg);}.co-accordion__caret:hover:not(:disabled){background:var(--co-color-opacity-negro-8, rgba(31, 28, 27, 0.08))}.co-accordion--open .co-accordion__caret{transform:rotate(0deg);}.co-accordion__body{display:grid;grid-template-rows:0fr;transition:grid-template-rows 0.25s ease}.co-accordion__body-inner{min-height:0;overflow:hidden;padding-top:var(--co-spacing-2xl);}.co-accordion--open .co-accordion__body{grid-template-rows:1fr}.co-accordion:not(.co-accordion--open) .co-accordion__body-inner{visibility:hidden;transition:visibility 0s linear 0.25s}.co-accordion--open .co-accordion__body-inner{visibility:visible;transition:visibility 0s linear 0s}.co-accordion__caret:focus-visible{outline:2px solid var(--co-color-primary-azul, #2563eb);outline-offset:2px}.co-accordion--disabled .co-accordion__header{opacity:0.5}.co-accordion--disabled .co-accordion__caret{cursor:not-allowed}"}},[257,"co-accordion",{open:[1540],heading:[1],subheading:[1],disabled:[4],hasSubheadingSlot:[32]}]);function r(){"undefined"!=typeof customElements&&["co-accordion","co-icon"].forEach((e=>{switch(e){case"co-accordion":customElements.get(o(e))||customElements.define(o(e),n);break;case"co-icon":customElements.get(o(e))||t()}}))}r();const s=n,d=r;export{s as CoAccordion,d as defineCustomElement}
+import{t as o,p as e,H as c,c as i,h as a}from"./index.js";import{d as t}from"./p-B3U63yZw.js";const n=e(class extends c{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.coToggle=i(this,"coToggle",7),this.open=!0,this.heading="",this.subheading="",this.disabled=!1,this.hasSubheadingSlot=!1,this.handleToggle=()=>{this.disabled||(this.open=!this.open,this.coToggle.emit(this.open))}}componentWillLoad(){this.hasSubheadingSlot=!!this.el.querySelector('[slot="subheading"]')}componentWillRender(){this.hasSubheadingSlot=!!this.el.querySelector('[slot="subheading"]')}get showSubheading(){return!(!this.subheading||!this.subheading.trim())||this.hasSubheadingSlot}render(){return a("div",{key:"4e2089349432ce39bb797397aacaebd022fcbcee",class:{"co-accordion":!0,"co-accordion--open":this.open,"co-accordion--disabled":this.disabled},part:"accordion"},a("div",{key:"4337878858bd31822201a925010f3150568fa056",class:"co-accordion__header",part:"header"},a("span",{key:"cf69c69cc786981ca6bd54bd0f6a6c38a3baa0b6",class:"co-accordion__heading-group"},a("span",{key:"0e7efd52e6d48c35ce0270485e8ce6099c6a3302",class:"co-accordion__heading",part:"heading"},a("slot",{key:"b575ce7ae5611007490724f430819f083781f84d",name:"header"},this.heading)),this.showSubheading&&a("span",{key:"996a58f3f3b5cd656849b413b0f998675452cc2f",class:"co-accordion__subheading",part:"subheading"},a("slot",{key:"a9029aa67f51162ad54c010d23bf20545883ef45",name:"subheading"},this.subheading))),a("button",{key:"757286aaf2914fe7d32fc14ab0f5de57ffeab48c",class:"co-accordion__caret",type:"button","aria-expanded":this.open?"true":"false","aria-label":this.heading||"Toggle section",disabled:this.disabled,onClick:this.handleToggle,part:"caret"},a("co-icon",{key:"b4c3c96489a30607727a44955dbff2d504ef2b6e",name:"caret-up",size:20}))),a("div",{key:"bd56b12cbd7484f61fec140740312800536d7b18",class:"co-accordion__body",part:"body"},a("div",{key:"1f2ff56e7bd7a49f8484c988ecdf434d108ef4ed",class:"co-accordion__body-inner",part:"body-inner"},a("slot",{key:"25ef25609ccece786a05709d90a32e7e135fec72"}))))}get el(){return this}static get style(){return":host{display:block}.co-accordion{display:flex;flex-direction:column;width:100%}.co-accordion__header{display:flex;align-items:center;justify-content:space-between;gap:var(--co-spacing-sm, 6px);width:100%;font-family:var(--co-font-family-primary);color:var(--co-semantic-text-default);text-align:left}.co-accordion__heading-group{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--co-spacing-xxs, 2px)}.co-accordion__heading{font-size:var(--co-font-size-24);font-weight:500;line-height:1.25;letter-spacing:-0.03em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.co-accordion__subheading{font-size:var(--co-font-size-14);font-weight:400;line-height:1.3;letter-spacing:normal;color:var(--co-semantic-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.co-accordion__caret{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;background:transparent;border-radius:var(--co-border-radius-full, 9999px);color:var(--co-semantic-text-default);cursor:pointer;transition:transform 0.2s ease, background-color 0.15s ease;transform:rotate(180deg);}.co-accordion__caret:hover:not(:disabled){background:var(--co-color-opacity-negro-8, rgba(31, 28, 27, 0.08))}.co-accordion--open .co-accordion__caret{transform:rotate(0deg);}.co-accordion__body{display:grid;grid-template-rows:0fr;transition:grid-template-rows 0.25s ease}.co-accordion__body-inner{min-height:0;overflow:hidden;padding-top:var(--co-spacing-2xl);}.co-accordion--open .co-accordion__body{grid-template-rows:1fr}.co-accordion:not(.co-accordion--open) .co-accordion__body-inner{visibility:hidden;transition:visibility 0s linear 0.25s}.co-accordion--open .co-accordion__body-inner{visibility:visible;transition:visibility 0s linear 0s}.co-accordion__caret:focus-visible{outline:2px solid var(--co-color-primary-azul, #2563eb);outline-offset:2px}.co-accordion--disabled .co-accordion__header{opacity:0.5}.co-accordion--disabled .co-accordion__caret{cursor:not-allowed}"}},[257,"co-accordion",{open:[1540],heading:[1],subheading:[1],disabled:[4],hasSubheadingSlot:[32]}]);function r(){"undefined"!=typeof customElements&&["co-accordion","co-icon"].forEach((e=>{switch(e){case"co-accordion":customElements.get(o(e))||customElements.define(o(e),n);break;case"co-icon":customElements.get(o(e))||t()}}))}r();const s=n,d=r;export{s as CoAccordion,d as defineCustomElement}

package/dist/components/co-autocomplete.js

@@ -1 +1 @@
-import{t as e,p as t,H as o,c,h as a}from"./index.js";import{R as s}from"./p-CWneqh4n.js";import{d as i}from"./p-Xwo2HQmt.js";import{d as r}from"./p-QWi9AmnD.js";import{d as l}from"./p-D4SOCy8I.js";import{d as n}from"./p-DzoNGEDU.js";import{d as p}from"./p-BHqdcGDh.js";const h=t(class extends o{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.coSearch=c(this,"coSearch",7),this.coChange=c(this,"coChange",7),this.coClear=c(this,"coClear",7),this.required=!1,this.placeholder="Search…",this.disabled=!1,this.clearable=!0,this.layout="vertical",this.size="md",this.status="default",this.options="[]",this.value="",this.multiple=!1,this.loading=!1,this.minChars=1,this.searchDebounce=300,this.emptyMessage="No results",this.isOpen=!1,this.query="",this.focused=!1,this.handleInput=e=>{const t=e.target.value;this.query=t,this.debounceTimer&&clearTimeout(this.debounceTimer),t.length>=this.minChars?(this.debounceTimer=setTimeout((()=>this.coSearch.emit(t)),this.searchDebounce),this.isOpen=!0):this.isOpen=!1},this.handleFocus=()=>{this.focused=!0,this.query.length>=this.minChars&&this.parsedOptions.length>0&&(this.isOpen=!0)},this.handleClear=e=>{var t;e.stopPropagation(),this.query="",this.value=this.multiple?"[]":"",this.isOpen=!1,this.coClear.emit(),this.coChange.emit({value:this.multiple?[]:"",item:null}),null===(t=this.inputEl)||void 0===t||t.focus()},this.handleChipRemove=e=>{const t=this.selectedValues.filter((t=>t!==e));this.value=JSON.stringify(t),this.coChange.emit({value:t,item:{_id:e,label:e}})},this.handleListChange=e=>{this.multiple?(this.value=JSON.stringify(e.value),this.coChange.emit({value:e.value,item:e.item})):(this.value=e.value,this.query=e.item.label,this.isOpen=!1,this.coChange.emit({value:e.value,item:e.item}))},this.handleInputKeyDown=async e=>{"Escape"!==e.key?this.isOpen&&this.optionListEl&&("ArrowDown"!==e.key&&"ArrowUp"!==e.key&&"Enter"!==e.key||(e.preventDefault(),await this.optionListEl.handleKey(e))):this.isOpen=!1}}get parsedOptions(){let e=this.options;if("string"==typeof e)try{e=JSON.parse(e)}catch(e){return[]}return Array.isArray(e)?e.map((e=>"string"==typeof e?{label:e,value:e}:e)):[]}get selectedValues(){if(this.multiple){if("string"==typeof this.value)try{return JSON.parse(this.value)}catch(e){return this.value?[this.value]:[]}return this.value}return"string"==typeof this.value&&this.value?[this.value]:[]}get hasValue(){return this.selectedValues.length>0}get statusIcon(){return{error:"warning-circle",success:"check-circle",warning:"warning",info:"info"}[this.status]||null}componentWillLoad(){this.syncQueryFromValue()}onOptionsChange(){this.query.length>=this.minChars&&(this.isOpen=!0),this.focused||this.syncQueryFromValue()}onValueChange(){this.syncQueryFromValue()}syncQueryFromValue(){if(!this.multiple&&"string"==typeof this.value&&this.value){const e=this.parsedOptions.find((e=>e.value===this.value));this.query=e?e.label:this.value}else this.multiple||this.value||(this.query="")}handleDocumentClick(e){this.el.contains(e.target)||(this.isOpen=!1,this.focused=!1)}render(){const e=this.parsedOptions,t=this.selectedValues;return a("div",{key:"a152ee025b4c76813f8783ba1cd0e6791a7372ee",class:{"co-autocomplete":!0,"co-autocomplete--disabled":this.disabled,"co-autocomplete--focused":this.focused,["co-autocomplete--"+this.size]:!0,["co-autocomplete--"+this.status]:"default"!==this.status}},(this.label||this.secondaryLabel)&&a("div",{key:"484443890da0c01c028716095ef2215f56b64e93",class:"co-autocomplete__labels"},this.label&&a("label",{key:"24fc760c0fa0322e1952d948e8daf463a4999226",class:"co-autocomplete__label"},this.label,a(s,{key:"250f449b8d860d5476652dd906b5405e76cba1d1",required:this.required})),this.secondaryLabel&&a("span",{key:"5f7b6c3b0308cc031336d945ce629aa06495404d",class:"co-autocomplete__secondary-label"},this.secondaryLabel)),a("div",{key:"632abdc8eb131cf8f5c482487d377d9297c11ad6",class:"co-autocomplete__field"},this.iconLeft&&a("co-icon",{key:"7c1f1af01c2a9b9686de933a38d4da0302f40cbc",name:this.iconLeft,size:16,class:"co-autocomplete__icon"}),this.multiple&&t.length>0&&a("div",{key:"bfe9c9fbce1c7050f928128fb77f8bf5018903d1",class:"co-autocomplete__chips"},t.map((e=>{const t=this.parsedOptions.find((t=>t.value===e));return a("co-chip",{label:t?t.label:e,size:"small",removable:!0,onCoRemove:()=>this.handleChipRemove(e)})}))),a("input",{key:"fc621839dde68853a1b28231551e6cb0a6f415e7",ref:e=>this.inputEl=e,class:"co-autocomplete__input",type:"text",value:this.query,placeholder:this.placeholder,disabled:this.disabled,onInput:this.handleInput,onFocus:this.handleFocus,onKeyDown:this.handleInputKeyDown}),this.loading&&a("div",{key:"fbe41e89ca6202a4de04a09437f1f11f756f25eb",class:"co-autocomplete__spinner"}),this.clearable&&(this.hasValue||this.query)&&!this.disabled&&a("button",{key:"e3096cd897d7a98fa7cd203d21eb57dc6ce961a5",class:"co-autocomplete__clear",type:"button",tabIndex:-1,onClick:this.handleClear,"aria-label":"Clear"},a("co-icon",{key:"3211cf54fcdae0a73afb62e2b6cb25081486f3a7",name:"x-circle",size:16,weight:"fill"}))),this.isOpen&&a("div",{key:"9c5e500a17c9486b6834c46be9e95c0e0fea6beb",class:"co-autocomplete__dropdown"},a("co-option-list",{key:"b44c39253a07c470dc5e059223fce58548e8d02d",ref:e=>this.optionListEl=e,items:JSON.stringify(e.map((e=>({_id:e.value,label:e.label,icon:e.icon,disabled:e.disabled})))),value:this.multiple?JSON.stringify(this.selectedValues):this.selectedValues[0]||"",multiple:this.multiple,selectedAffordance:"check",virtual:!0,loading:this.loading,emptyMessage:this.emptyMessage,onCoChange:e=>this.handleListChange(e.detail)})),this.helperText&&a("div",{key:"30ac040bfef45e66d1b18bfdda9b5b07b8f2c3d5",class:"co-autocomplete__helper co-autocomplete__helper--"+this.status},this.statusIcon&&a("co-icon",{key:"a4fc8c4c9695c13cd515d9b7562986a62bf07110",name:this.statusIcon,size:14,weight:"fill",class:"co-autocomplete__helper-icon"}),a("span",{key:"4a7f3031b62c451e0561024d232331b1c7679a07",class:"co-autocomplete__helper-text"},this.helperText)))}get el(){return this}static get watchers(){return{options:[{onOptionsChange:0}],value:[{onValueChange:0}]}}static get style(){return":host{display:block;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14);letter-spacing:var(--co-font-letter-spacing-body);line-height:1;position:relative}.co-autocomplete{display:flex;flex-direction:column;gap:var(--co-spacing-sm2);position:relative}.co-autocomplete__labels{display:flex;align-items:center;justify-content:space-between;padding:0 var(--co-spacing-xs);gap:var(--co-spacing-sm2)}.co-autocomplete__label{color:var(--co-semantic-text-secondary);font-size:var(--co-font-size-14);font-weight:400;line-height:1;white-space:nowrap;cursor:default}.co-autocomplete__secondary-label{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14);font-weight:400;line-height:1;white-space:nowrap;text-align:right}.co-autocomplete--disabled .co-autocomplete__label,.co-autocomplete--disabled .co-autocomplete__secondary-label{color:var(--co-semantic-text-disabled)}.co-autocomplete__field{display:flex;align-items:center;flex-wrap:wrap;gap:var(--co-spacing-xs);padding:var(--co-spacing-sm2) var(--co-spacing-md);background:var(--co-semantic-surface-page);border:1px solid var(--co-color-opacity-negro-25, rgba(31, 28, 27, 0.25));border-radius:var(--co-border-radius-xs);min-height:40px;box-sizing:border-box;transition:border-color 0.15s ease, box-shadow 0.15s ease}.co-autocomplete--s .co-autocomplete__field{min-height:28px;padding:var(--co-spacing-xxs) var(--co-spacing-sm);font-size:var(--co-font-size-12)}.co-autocomplete--sm .co-autocomplete__field{min-height:32px;padding:var(--co-spacing-xs) var(--co-spacing-sm);font-size:var(--co-font-size-14)}.co-autocomplete--lg .co-autocomplete__field{min-height:48px;padding:var(--co-spacing-sm) var(--co-spacing-lg);font-size:var(--co-font-size-16)}.co-autocomplete--focused .co-autocomplete__field{border-color:var(--co-semantic-border-focus);box-shadow:0 0 0 2px var(--co-semantic-border-focus-ring)}.co-autocomplete--disabled .co-autocomplete__field{background:var(--co-semantic-surface-disabled);border-color:transparent;cursor:not-allowed}.co-autocomplete--error .co-autocomplete__field{border-color:var(--co-semantic-status-error)}.co-autocomplete--success .co-autocomplete__field{border-color:var(--co-semantic-status-success)}.co-autocomplete--warning .co-autocomplete__field{border-color:var(--co-color-status-review)}.co-autocomplete--info .co-autocomplete__field{border-color:var(--co-semantic-status-info)}.co-autocomplete__icon{flex-shrink:0;color:var(--co-semantic-text-muted);display:flex;align-items:center}.co-autocomplete__chips{display:flex;flex-wrap:wrap;gap:var(--co-spacing-xs)}.co-autocomplete__input{flex:1;min-width:80px;border:none;background:transparent;color:var(--co-semantic-text-default);font-family:inherit;font-size:inherit;font-weight:400;line-height:1;padding:0;outline:none}.co-autocomplete__input::placeholder{color:var(--co-semantic-text-muted)}.co-autocomplete--disabled .co-autocomplete__input{color:var(--co-semantic-text-disabled);cursor:not-allowed}.co-autocomplete__clear{flex-shrink:0;display:flex;align-items:center;padding:0;margin:0;border:none;background:transparent;cursor:pointer;color:var(--co-semantic-text-muted);transition:color 0.15s ease}.co-autocomplete__clear:hover{color:var(--co-semantic-text-default)}.co-autocomplete__spinner{width:16px;height:16px;border:2px solid var(--co-semantic-border-subtle);border-top-color:var(--co-semantic-text-default);border-radius:var(--co-border-radius-full);animation:co-spin 0.6s linear infinite;flex-shrink:0}@keyframes co-spin{to{transform:rotate(360deg)}}.co-autocomplete__dropdown{position:absolute;top:100%;left:0;right:0;z-index:100;margin-top:var(--co-spacing-xs);background:var(--co-semantic-surface-secondary);border:1px solid var(--co-semantic-border-subtle);border-radius:var(--co-border-radius-sm, 12px);box-shadow:0 4px 16px rgba(31, 28, 27, 0.08);overflow:hidden;padding:var(--co-spacing-sm2)}.co-autocomplete__helper{display:flex;align-items:center;gap:var(--co-spacing-xs);padding:0 var(--co-spacing-xs)}.co-autocomplete__helper-icon{flex-shrink:0;display:flex;align-items:center}.co-autocomplete__helper-text{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14);font-weight:400;line-height:1}.co-autocomplete__helper--error .co-autocomplete__helper-icon,.co-autocomplete__helper--error .co-autocomplete__helper-text{color:var(--co-semantic-status-error)}.co-autocomplete__helper--success .co-autocomplete__helper-icon,.co-autocomplete__helper--success .co-autocomplete__helper-text{color:var(--co-semantic-status-success)}.co-autocomplete__helper--warning .co-autocomplete__helper-icon,.co-autocomplete__helper--warning .co-autocomplete__helper-text{color:var(--co-color-status-review)}.co-autocomplete__helper--info .co-autocomplete__helper-icon,.co-autocomplete__helper--info .co-autocomplete__helper-text{color:var(--co-semantic-status-info)}:host([layout='horizontal']) .co-autocomplete{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-autocomplete__labels{grid-column:1;grid-row:1;padding-top:var(--co-spacing-sm2);min-width:0}:host([layout='horizontal']) .co-autocomplete__label{white-space:normal}:host([layout='horizontal']) .co-autocomplete>:not(.co-autocomplete__labels){grid-column:2;min-width:0}.co-field-required{margin-left:2px;color:var(--co-color-status-error)}.co-field-required__caption{margin-left:4px;color:var(--co-semantic-text-muted);font-size:var(--co-font-size-12);font-weight:400}.co-field-required__caption::before{content:var(--co-field-required-text, ' (required)')}"}},[1,"co-autocomplete",{label:[1],required:[4],secondaryLabel:[1,"secondary-label"],placeholder:[1],disabled:[4],iconLeft:[1,"icon-left"],clearable:[4],helperText:[1,"helper-text"],layout:[513],size:[513],status:[1],options:[1],value:[1025],multiple:[4],loading:[4],minChars:[2,"min-chars"],searchDebounce:[2,"search-debounce"],emptyMessage:[1,"empty-message"],isOpen:[32],query:[32],focused:[32]},[[4,"click","handleDocumentClick"]],{options:[{onOptionsChange:0}],value:[{onValueChange:0}]}]);function d(){"undefined"!=typeof customElements&&["co-autocomplete","co-avatar","co-chip","co-icon","co-loader","co-option-list"].forEach((t=>{switch(t){case"co-autocomplete":customElements.get(e(t))||customElements.define(e(t),h);break;case"co-avatar":customElements.get(e(t))||i();break;case"co-chip":customElements.get(e(t))||r();break;case"co-icon":customElements.get(e(t))||l();break;case"co-loader":customElements.get(e(t))||n();break;case"co-option-list":customElements.get(e(t))||p()}}))}d();const u=h,m=d;export{u as CoAutocomplete,m as defineCustomElement}
+import{t as e,p as t,H as o,c,h as a}from"./index.js";import{R as s}from"./p-CWneqh4n.js";import{d as i}from"./p-T0UfY6rA.js";import{d as r}from"./p-B0b9Etx4.js";import{d as l}from"./p-B3U63yZw.js";import{d as n}from"./p-DzoNGEDU.js";import{d as p}from"./p-CYi6V_Ss.js";import{d as h}from"./p-9aNhJfTT.js";const d=t(class extends o{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.coSearch=c(this,"coSearch",7),this.coChange=c(this,"coChange",7),this.coClear=c(this,"coClear",7),this.required=!1,this.placeholder="Search…",this.disabled=!1,this.clearable=!0,this.layout="vertical",this.size="md",this.status="default",this.options="[]",this.value="",this.multiple=!1,this.loading=!1,this.minChars=1,this.searchDebounce=300,this.emptyMessage="No results",this.isOpen=!1,this.query="",this.focused=!1,this.handleInput=e=>{const t=e.target.value;this.query=t,this.debounceTimer&&clearTimeout(this.debounceTimer),t.length>=this.minChars?(this.debounceTimer=setTimeout((()=>this.coSearch.emit(t)),this.searchDebounce),this.isOpen=!0):this.isOpen=!1},this.handleFocus=()=>{this.focused=!0,this.query.length>=this.minChars&&this.parsedOptions.length>0&&(this.isOpen=!0)},this.handleClear=e=>{var t;e.stopPropagation(),this.query="",this.value=this.multiple?"[]":"",this.isOpen=!1,this.coClear.emit(),this.coChange.emit({value:this.multiple?[]:"",item:null}),null===(t=this.inputEl)||void 0===t||t.focus()},this.handleChipRemove=e=>{const t=this.selectedValues.filter((t=>t!==e));this.value=JSON.stringify(t),this.coChange.emit({value:t,item:{_id:e,label:e}})},this.handleListChange=e=>{this.multiple?(this.value=JSON.stringify(e.value),this.coChange.emit({value:e.value,item:e.item})):(this.value=e.value,this.query=e.item.label,this.isOpen=!1,this.coChange.emit({value:e.value,item:e.item}))},this.handleInputKeyDown=async e=>{"Escape"!==e.key?this.isOpen&&this.optionListEl&&("ArrowDown"!==e.key&&"ArrowUp"!==e.key&&"Enter"!==e.key||(e.preventDefault(),await this.optionListEl.handleKey(e))):this.isOpen=!1}}get parsedOptions(){let e=this.options;if("string"==typeof e)try{e=JSON.parse(e)}catch(e){return[]}return Array.isArray(e)?e.map((e=>"string"==typeof e?{label:e,value:e}:e)):[]}get selectedValues(){if(this.multiple){if("string"==typeof this.value)try{return JSON.parse(this.value)}catch(e){return this.value?[this.value]:[]}return this.value}return"string"==typeof this.value&&this.value?[this.value]:[]}get hasValue(){return this.selectedValues.length>0}get statusIcon(){return{error:"warning-circle",success:"check-circle",warning:"warning",info:"info"}[this.status]||null}componentWillLoad(){this.syncQueryFromValue()}onOptionsChange(){this.query.length>=this.minChars&&(this.isOpen=!0),this.focused||this.syncQueryFromValue()}onValueChange(){this.syncQueryFromValue()}syncQueryFromValue(){if(!this.multiple&&"string"==typeof this.value&&this.value){const e=this.parsedOptions.find((e=>e.value===this.value));this.query=e?e.label:this.value}else this.multiple||this.value||(this.query="")}handleDocumentClick(e){this.el.contains(e.target)||(this.isOpen=!1,this.focused=!1)}render(){const e=this.parsedOptions,t=this.selectedValues;return a("div",{key:"a152ee025b4c76813f8783ba1cd0e6791a7372ee",class:{"co-autocomplete":!0,"co-autocomplete--disabled":this.disabled,"co-autocomplete--focused":this.focused,["co-autocomplete--"+this.size]:!0,["co-autocomplete--"+this.status]:"default"!==this.status}},(this.label||this.secondaryLabel)&&a("div",{key:"484443890da0c01c028716095ef2215f56b64e93",class:"co-autocomplete__labels"},this.label&&a("label",{key:"24fc760c0fa0322e1952d948e8daf463a4999226",class:"co-autocomplete__label"},this.label,a(s,{key:"250f449b8d860d5476652dd906b5405e76cba1d1",required:this.required})),this.secondaryLabel&&a("span",{key:"5f7b6c3b0308cc031336d945ce629aa06495404d",class:"co-autocomplete__secondary-label"},this.secondaryLabel)),a("div",{key:"632abdc8eb131cf8f5c482487d377d9297c11ad6",class:"co-autocomplete__field"},this.iconLeft&&a("co-icon",{key:"7c1f1af01c2a9b9686de933a38d4da0302f40cbc",name:this.iconLeft,size:16,class:"co-autocomplete__icon"}),this.multiple&&t.length>0&&a("div",{key:"bfe9c9fbce1c7050f928128fb77f8bf5018903d1",class:"co-autocomplete__chips"},t.map((e=>{const t=this.parsedOptions.find((t=>t.value===e));return a("co-chip",{label:t?t.label:e,size:"small",removable:!0,onCoRemove:()=>this.handleChipRemove(e)})}))),a("input",{key:"fc621839dde68853a1b28231551e6cb0a6f415e7",ref:e=>this.inputEl=e,class:"co-autocomplete__input",type:"text",value:this.query,placeholder:this.placeholder,disabled:this.disabled,onInput:this.handleInput,onFocus:this.handleFocus,onKeyDown:this.handleInputKeyDown}),this.loading&&a("div",{key:"fbe41e89ca6202a4de04a09437f1f11f756f25eb",class:"co-autocomplete__spinner"}),this.clearable&&(this.hasValue||this.query)&&!this.disabled&&a("button",{key:"e3096cd897d7a98fa7cd203d21eb57dc6ce961a5",class:"co-autocomplete__clear",type:"button",tabIndex:-1,onClick:this.handleClear,"aria-label":"Clear"},a("co-icon",{key:"3211cf54fcdae0a73afb62e2b6cb25081486f3a7",name:"x-circle",size:16,weight:"fill"}))),this.isOpen&&a("div",{key:"9c5e500a17c9486b6834c46be9e95c0e0fea6beb",class:"co-autocomplete__dropdown"},a("co-option-list",{key:"b44c39253a07c470dc5e059223fce58548e8d02d",ref:e=>this.optionListEl=e,items:JSON.stringify(e.map((e=>({_id:e.value,label:e.label,icon:e.icon,disabled:e.disabled})))),value:this.multiple?JSON.stringify(this.selectedValues):this.selectedValues[0]||"",multiple:this.multiple,selectedAffordance:"check",virtual:!0,loading:this.loading,emptyMessage:this.emptyMessage,onCoChange:e=>this.handleListChange(e.detail)})),this.helperText&&a("div",{key:"30ac040bfef45e66d1b18bfdda9b5b07b8f2c3d5",class:"co-autocomplete__helper co-autocomplete__helper--"+this.status},this.statusIcon&&a("co-icon",{key:"a4fc8c4c9695c13cd515d9b7562986a62bf07110",name:this.statusIcon,size:14,weight:"fill",class:"co-autocomplete__helper-icon"}),a("span",{key:"4a7f3031b62c451e0561024d232331b1c7679a07",class:"co-autocomplete__helper-text"},this.helperText)))}get el(){return this}static get watchers(){return{options:[{onOptionsChange:0}],value:[{onValueChange:0}]}}static get style(){return":host{display:block;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14);letter-spacing:var(--co-font-letter-spacing-body);line-height:1;position:relative}.co-autocomplete{display:flex;flex-direction:column;gap:var(--co-spacing-sm2);position:relative}.co-autocomplete__labels{display:flex;align-items:center;justify-content:space-between;padding:0 var(--co-spacing-xs);gap:var(--co-spacing-sm2)}.co-autocomplete__label{color:var(--co-semantic-text-secondary);font-size:var(--co-font-size-14);font-weight:400;line-height:1;white-space:nowrap;cursor:default}.co-autocomplete__secondary-label{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14);font-weight:400;line-height:1;white-space:nowrap;text-align:right}.co-autocomplete--disabled .co-autocomplete__label,.co-autocomplete--disabled .co-autocomplete__secondary-label{color:var(--co-semantic-text-disabled)}.co-autocomplete__field{display:flex;align-items:center;flex-wrap:wrap;gap:var(--co-spacing-xs);padding:var(--co-spacing-sm2) var(--co-spacing-md);background:var(--co-semantic-surface-page);border:1px solid var(--co-semantic-border-field);border-radius:var(--co-border-radius-xs);min-height:40px;box-sizing:border-box;transition:border-color 0.15s ease, box-shadow 0.15s ease}.co-autocomplete--s .co-autocomplete__field{min-height:28px;padding:var(--co-spacing-xxs) var(--co-spacing-sm);font-size:var(--co-font-size-12)}.co-autocomplete--sm .co-autocomplete__field{min-height:32px;padding:var(--co-spacing-xs) var(--co-spacing-sm);font-size:var(--co-font-size-14)}.co-autocomplete--lg .co-autocomplete__field{min-height:48px;padding:var(--co-spacing-sm) var(--co-spacing-lg);font-size:var(--co-font-size-16)}.co-autocomplete--focused .co-autocomplete__field{border-color:var(--co-semantic-border-focus);box-shadow:0 0 0 2px var(--co-semantic-border-focus-ring)}.co-autocomplete--disabled .co-autocomplete__field{background:var(--co-semantic-surface-disabled);border-color:transparent;cursor:not-allowed}.co-autocomplete--error .co-autocomplete__field{border-color:var(--co-semantic-status-error)}.co-autocomplete--success .co-autocomplete__field{border-color:var(--co-semantic-status-success)}.co-autocomplete--warning .co-autocomplete__field{border-color:var(--co-color-status-review)}.co-autocomplete--info .co-autocomplete__field{border-color:var(--co-semantic-status-info)}.co-autocomplete__icon{flex-shrink:0;color:var(--co-semantic-text-muted);display:flex;align-items:center}.co-autocomplete__chips{display:flex;flex-wrap:wrap;gap:var(--co-spacing-xs)}.co-autocomplete__input{flex:1;min-width:80px;border:none;background:transparent;color:var(--co-semantic-text-default);font-family:inherit;font-size:inherit;font-weight:400;line-height:1;padding:0;outline:none}.co-autocomplete__input::placeholder{color:var(--co-semantic-text-muted)}.co-autocomplete--disabled .co-autocomplete__input{color:var(--co-semantic-text-disabled);cursor:not-allowed}.co-autocomplete__clear{flex-shrink:0;display:flex;align-items:center;padding:0;margin:0;border:none;background:transparent;cursor:pointer;color:var(--co-semantic-text-muted);transition:color 0.15s ease}.co-autocomplete__clear:hover{color:var(--co-semantic-text-default)}.co-autocomplete__spinner{width:16px;height:16px;border:2px solid var(--co-semantic-border-subtle);border-top-color:var(--co-semantic-text-default);border-radius:var(--co-border-radius-full);animation:co-spin 0.6s linear infinite;flex-shrink:0}@keyframes co-spin{to{transform:rotate(360deg)}}.co-autocomplete__dropdown{position:absolute;top:100%;left:0;right:0;z-index:100;margin-top:var(--co-spacing-xs);background:var(--co-semantic-surface-secondary);border:1px solid var(--co-semantic-border-subtle);border-radius:var(--co-border-radius-sm, 12px);box-shadow:0 4px 16px rgba(31, 28, 27, 0.08);overflow:hidden;padding:var(--co-spacing-sm2)}.co-autocomplete__helper{display:flex;align-items:center;gap:var(--co-spacing-xs);padding:0 var(--co-spacing-xs)}.co-autocomplete__helper-icon{flex-shrink:0;display:flex;align-items:center}.co-autocomplete__helper-text{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14);font-weight:400;line-height:1}.co-autocomplete__helper--error .co-autocomplete__helper-icon,.co-autocomplete__helper--error .co-autocomplete__helper-text{color:var(--co-semantic-status-error)}.co-autocomplete__helper--success .co-autocomplete__helper-icon,.co-autocomplete__helper--success .co-autocomplete__helper-text{color:var(--co-semantic-status-success)}.co-autocomplete__helper--warning .co-autocomplete__helper-icon,.co-autocomplete__helper--warning .co-autocomplete__helper-text{color:var(--co-color-status-review)}.co-autocomplete__helper--info .co-autocomplete__helper-icon,.co-autocomplete__helper--info .co-autocomplete__helper-text{color:var(--co-semantic-status-info)}:host([layout='horizontal']) .co-autocomplete{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-autocomplete__labels{grid-column:1;grid-row:1;padding-top:var(--co-spacing-sm2);min-width:0}:host([layout='horizontal']) .co-autocomplete__label{white-space:normal}:host([layout='horizontal']) .co-autocomplete>:not(.co-autocomplete__labels){grid-column:2;min-width:0}.co-field-required{margin-left:2px;color:var(--co-color-status-error)}.co-field-required__caption{margin-left:4px;color:var(--co-semantic-text-muted);font-size:var(--co-font-size-12);font-weight:400}.co-field-required__caption::before{content:var(--co-field-required-text, ' (required)')}"}},[1,"co-autocomplete",{label:[1],required:[4],secondaryLabel:[1,"secondary-label"],placeholder:[1],disabled:[4],iconLeft:[1,"icon-left"],clearable:[4],helperText:[1,"helper-text"],layout:[513],size:[513],status:[1],options:[1],value:[1025],multiple:[4],loading:[4],minChars:[2,"min-chars"],searchDebounce:[2,"search-debounce"],emptyMessage:[1,"empty-message"],isOpen:[32],query:[32],focused:[32]},[[4,"click","handleDocumentClick"]],{options:[{onOptionsChange:0}],value:[{onValueChange:0}]}]);function u(){"undefined"!=typeof customElements&&["co-autocomplete","co-avatar","co-chip","co-icon","co-loader","co-option-list","co-tooltip"].forEach((t=>{switch(t){case"co-autocomplete":customElements.get(e(t))||customElements.define(e(t),d);break;case"co-avatar":customElements.get(e(t))||i();break;case"co-chip":customElements.get(e(t))||r();break;case"co-icon":customElements.get(e(t))||l();break;case"co-loader":customElements.get(e(t))||n();break;case"co-option-list":customElements.get(e(t))||p();break;case"co-tooltip":customElements.get(e(t))||h()}}))}u();const m=d,f=u;export{m as CoAutocomplete,f as defineCustomElement}

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

@@ -1 +1 @@
-import{t as a,p as t,H as o,c as e,h as r}from"./index.js";import{d as i}from"./p-Xwo2HQmt.js";import{d as s}from"./p-D4SOCy8I.js";import{d as c}from"./p-CNIs9j-h.js";const n={xl:80,lg:64,md:56,sm:48,xs:32,xxs:24},l={xl:"var(--co-font-size-26)",lg:"var(--co-font-size-22)",md:"var(--co-font-size-18)",sm:"var(--co-font-size-16)",xs:"var(--co-font-size-12)",xxs:"var(--co-font-size-10)"},p=t(class extends o{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.coClick=e(this,"coClick",3),this.items=[],this.max=4,this.size="xs",this.shape="circle",this.interactive=!1,this.activate=()=>{this.coClick.emit()}}accessibleLabel(a){return this.label?this.label:a.map((a=>a.name||a.text)).filter(Boolean).join(", ")}render(){var a,t;const o=Array.isArray(this.items)?this.items:[],e=this.max>0?this.max:o.length,i=o.slice(0,e),s=Math.max(0,o.length-e),c=null!==(a=n[this.size])&&void 0!==a?a:n.xs,p=null!==(t=l[this.size])&&void 0!==t?t:l.xs,v=o.slice(e).map((a=>a.name||a.text)).filter(Boolean).join(", "),u=this.interactive?"button":"div",d=this.interactive?{type:"button","aria-label":this.accessibleLabel(o),onClick:this.activate}:{role:"group"};return r(u,Object.assign({key:"efe3aa5c3a13c33d220caf93f8ce7dfc929f9833",class:{"co-avatar-group":!0,"co-avatar-group--interactive":this.interactive}},d),i.map(((a,t)=>{var o,e,i;return r("co-tooltip",{key:t,class:"co-avatar-group__slot",content:a.name||a.text||"",placement:"bottom"},r("co-avatar",{class:"co-avatar-group__avatar",type:null!==(o=a.type)&&void 0!==o?o:a.src?"image":a.icon?"icon":"text",size:this.size,shape:null!==(e=a.shape)&&void 0!==e?e:this.shape,text:a.text,src:a.src,icon:null!==(i=a.icon)&&void 0!==i?i:"user",color:a.color,"ring-color":a.ringColor}))})),s>0&&r("co-tooltip",{key:"c2888162dd23d0b1a2c853e6adbe7a8f5f61efe5",class:"co-avatar-group__slot",content:v,placement:"bottom"},r("div",{key:"5f0d9a321b52db23356b107564605b18b8c75692",class:"co-avatar-group__overflow",style:{width:c+"px",height:c+"px",fontSize:p},role:"img","aria-label":"+"+s},"+",s)))}static get style(){return":host{display:inline-flex}.co-avatar-group{display:inline-flex;align-items:center}.co-avatar-group--interactive{appearance:none;-webkit-appearance:none;background:none;border:0;margin:0;padding:0;font:inherit;color:inherit;cursor:pointer;border-radius:var(--co-border-radius-full);outline:none;transition:opacity 0.12s ease}.co-avatar-group--interactive:hover{opacity:0.88}.co-avatar-group--interactive:focus-visible{box-shadow:0 0 0 2px var(--co-semantic-surface-page), 0 0 0 4px var(--co-semantic-border-focus)}.co-avatar-group__slot{display:inline-flex;align-items:center;line-height:0}.co-avatar-group>*:not(:first-child){margin-left:calc(-1 * var(--co-avatar-group-overlap, var(--co-spacing-sm)))}.co-avatar-group__avatar::part(avatar),.co-avatar-group__overflow{box-shadow:0 0 0 var(--co-avatar-group-ring-width, 2px) var(--co-semantic-surface-page)}.co-avatar-group__avatar,.co-avatar-group__overflow{vertical-align:middle}.co-avatar-group__overflow{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;border-radius:var(--co-border-radius-full);background:var(--co-semantic-surface-muted);color:var(--co-semantic-text-secondary);font-family:var(--co-font-family-primary);font-weight:600;line-height:1;letter-spacing:var(--co-font-letter-spacing-body);flex-shrink:0;user-select:none;-webkit-font-smoothing:antialiased}"}},[1,"co-avatar-group",{items:[16],max:[2],size:[1],shape:[1],interactive:[4],label:[1]}]);function v(){"undefined"!=typeof customElements&&["co-avatar-group","co-avatar","co-icon","co-tooltip"].forEach((t=>{switch(t){case"co-avatar-group":customElements.get(a(t))||customElements.define(a(t),p);break;case"co-avatar":customElements.get(a(t))||i();break;case"co-icon":customElements.get(a(t))||s();break;case"co-tooltip":customElements.get(a(t))||c()}}))}v();const u=p,d=v;export{u as CoAvatarGroup,d as defineCustomElement}
+import{t as a,p as t,H as o,c as e,h as r}from"./index.js";import{d as i}from"./p-T0UfY6rA.js";import{d as s}from"./p-B3U63yZw.js";import{d as c}from"./p-9aNhJfTT.js";const n={xl:80,lg:64,md:56,sm:48,xs:32,xxs:24},l={xl:"var(--co-font-size-26)",lg:"var(--co-font-size-22)",md:"var(--co-font-size-18)",sm:"var(--co-font-size-16)",xs:"var(--co-font-size-12)",xxs:"var(--co-font-size-10)"},v=t(class extends o{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.coClick=e(this,"coClick",3),this.items=[],this.max=4,this.size="xs",this.shape="circle",this.interactive=!1,this.activate=()=>{this.coClick.emit()}}accessibleLabel(a){return this.label?this.label:a.map((a=>a.name||a.text)).filter(Boolean).join(", ")}render(){var a,t;const o=Array.isArray(this.items)?this.items:[],e=this.max>0?this.max:o.length,i=o.slice(0,e),s=Math.max(0,o.length-e),c=null!==(a=n[this.size])&&void 0!==a?a:n.xs,v=null!==(t=l[this.size])&&void 0!==t?t:l.xs,p=o.slice(e).map((a=>a.name||a.text)).filter(Boolean).join(", "),u=this.interactive?"button":"div",d=this.interactive?{type:"button","aria-label":this.accessibleLabel(o),onClick:this.activate}:{role:"group"};return r(u,Object.assign({key:"efe3aa5c3a13c33d220caf93f8ce7dfc929f9833",class:{"co-avatar-group":!0,"co-avatar-group--interactive":this.interactive}},d),i.map(((a,t)=>{var o,e,i;return r("co-avatar",{key:t,class:"co-avatar-group__avatar",type:null!==(o=a.type)&&void 0!==o?o:a.src?"image":a.icon?"icon":"text",size:this.size,shape:null!==(e=a.shape)&&void 0!==e?e:this.shape,text:a.text,src:a.src,icon:null!==(i=a.icon)&&void 0!==i?i:"user",color:a.color,"ring-color":a.ringColor,name:a.name||a.text||""})})),s>0&&r("co-tooltip",{key:"b6dffe856f5984d2e2731e84d9d4a46cfcfa0c7b",class:"co-avatar-group__slot",content:p,placement:"bottom"},r("div",{key:"b7fe90ee1800ede2bdc3b8674d6ab0dcdfa4ac48",class:"co-avatar-group__overflow",style:{width:c+"px",height:c+"px",fontSize:v},role:"img","aria-label":"+"+s},"+",s)))}static get style(){return":host{display:inline-flex}.co-avatar-group{display:inline-flex;align-items:center}.co-avatar-group--interactive{appearance:none;-webkit-appearance:none;background:none;border:0;margin:0;padding:0;font:inherit;color:inherit;cursor:pointer;border-radius:var(--co-border-radius-full);outline:none;transition:opacity 0.12s ease}.co-avatar-group--interactive:hover{opacity:0.88}.co-avatar-group--interactive:focus-visible{box-shadow:0 0 0 2px var(--co-semantic-surface-page), 0 0 0 4px var(--co-semantic-border-focus)}.co-avatar-group__slot{display:inline-flex;align-items:center;line-height:0}.co-avatar-group>*:not(:first-child){margin-left:calc(-1 * var(--co-avatar-group-overlap, var(--co-spacing-sm)))}.co-avatar-group__avatar::part(avatar),.co-avatar-group__overflow{box-shadow:0 0 0 var(--co-avatar-group-ring-width, 2px) var(--co-semantic-surface-page)}.co-avatar-group__avatar,.co-avatar-group__overflow{vertical-align:middle}.co-avatar-group__overflow{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;border-radius:var(--co-border-radius-full);background:var(--co-semantic-surface-muted);color:var(--co-semantic-text-secondary);font-family:var(--co-font-family-primary);font-weight:600;line-height:1;letter-spacing:var(--co-font-letter-spacing-body);flex-shrink:0;user-select:none;-webkit-font-smoothing:antialiased}"}},[1,"co-avatar-group",{items:[16],max:[2],size:[1],shape:[1],interactive:[4],label:[1]}]);function p(){"undefined"!=typeof customElements&&["co-avatar-group","co-avatar","co-icon","co-tooltip"].forEach((t=>{switch(t){case"co-avatar-group":customElements.get(a(t))||customElements.define(a(t),v);break;case"co-avatar":customElements.get(a(t))||i();break;case"co-icon":customElements.get(a(t))||s();break;case"co-tooltip":customElements.get(a(t))||c()}}))}p();const u=v,d=p;export{u as CoAvatarGroup,d as defineCustomElement}

package/dist/components/co-avatar.js

@@ -1 +1 @@
-import{C as o,d as s}from"./p-Xwo2HQmt.js";const t=o,m=s;export{t as CoAvatar,m as defineCustomElement}
+import{C as o,d as r}from"./p-T0UfY6rA.js";const s=o,p=r;export{s as CoAvatar,p as defineCustomElement}

package/dist/components/co-badge.js

@@ -1 +1 @@
-import{t as e,p as a,H as s,h as c}from"./index.js";const t=a(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.size="large",this.color="default"}render(){return c("span",{key:"f805a0acdea25b90802785fa7cf5e7115d60e3c3",class:{"co-badge":!0,["co-badge--"+this.size]:!0,["co-badge--"+this.color]:!0},part:"badge"})}static get style(){return":host{display:inline-flex}.co-badge{display:inline-block;border-radius:var(--co-border-radius-full);flex-shrink:0}.co-badge--large{width:16px;height:16px}.co-badge--small{width:6px;height:6px}.co-badge--default{background:var(--co-semantic-surface-primary)}.co-badge--success{background:var(--co-semantic-status-success)}.co-badge--error{background:var(--co-semantic-status-error)}.co-badge--warning{background:var(--co-semantic-status-warning)}.co-badge--info{background:var(--co-semantic-status-info)}"}},[1,"co-badge",{size:[1],color:[1]}]);function o(){"undefined"!=typeof customElements&&["co-badge"].forEach((a=>{"co-badge"===a&&(customElements.get(e(a))||customElements.define(e(a),t))}))}o();const r=t,d=o;export{r as CoBadge,d as defineCustomElement}
+import{t as e,p as a,H as s,h as c}from"./index.js";const t=a(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.size="large",this.color="default"}render(){return c("span",{key:"7c3421c8ace895670435fc85850877a5b38771de",class:{"co-badge":!0,["co-badge--"+this.size]:!0,["co-badge--"+this.color]:!0},part:"badge"})}static get style(){return":host{display:inline-flex}.co-badge{display:inline-block;border-radius:var(--co-border-radius-full);flex-shrink:0}.co-badge--large{width:16px;height:16px}.co-badge--small{width:6px;height:6px}.co-badge--default{background:var(--co-semantic-surface-primary)}.co-badge--success{background:var(--co-semantic-status-success)}.co-badge--error{background:var(--co-semantic-status-error)}.co-badge--warning{background:var(--co-semantic-status-warning)}.co-badge--info{background:var(--co-semantic-status-info)}"}},[1,"co-badge",{size:[1],color:[1]}]);function o(){"undefined"!=typeof customElements&&["co-badge"].forEach((a=>{"co-badge"===a&&(customElements.get(e(a))||customElements.define(e(a),t))}))}o();const r=t,n=o;export{r as CoBadge,n as defineCustomElement}

package/dist/components/co-bottom-sheet.js

@@ -1 +1 @@
-import{t,p as e,H as o,c as s,h as i}from"./index.js";function h(t,e=48){return t<=0?0:e*(1-1/(t/e+1))}const a=e(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.coClose=s(this,"coClose",3),this.coOpen=s(this,"coOpen",3),this.coAfterOpen=s(this,"coAfterOpen",3),this.coAfterClose=s(this,"coAfterClose",3),this.open=!1,this.heading="",this.maxHeight="85dvh",this.dismissible=!0,this.closeOnOverlay=!0,this.closeOnEscape=!0,this.showHandle=!0,this.hasFooter=!1,this.hasHeaderSlot=!1,this.tracker=function(t=100,e=8){let o=[];return{add(s,i){o.push({t:s,y:i}),o.length>e&&o.shift(),o=o.filter((e=>s-e.t<=t))},velocity(){if(o.length<2)return 0;const t=o[0],e=o[o.length-1],s=e.t-t.t;return s<8?0:(e.y-t.y)/s},reset(){o=[]}}}(),this.armed=!1,this.engaged=!1,this.fromBody=!1,this.startY=0,this.startX=0,this.startScrollTop=0,this.sheetHeight=0,this.dismissPending=!1,this.pendingAfter=null,this.handleBackdropClick=()=>{this.closeOnOverlay&&this.coClose.emit()},this.handleFooterSlotChange=t=>{this.hasFooter=this.slotHasContent(t)},this.handleHeaderSlotChange=t=>{this.hasHeaderSlot=this.slotHasContent(t)},this.handleTransitionEnd=t=>{"transform"===t.propertyName&&t.target===this.sheetEl&&("open"===this.pendingAfter&&this.open&&this.coAfterOpen.emit(),"close"!==this.pendingAfter||this.open||this.coAfterClose.emit(),this.pendingAfter=null)},this.handleGripPointerDown=t=>{this.arm(t,!1)},this.handleBodyPointerDown=t=>{this.arm(t,!0)},this.handlePointerMove=t=>{if(!this.armed||!t.isPrimary)return;const e=t.clientY-this.startY,o=t.clientX-this.startX;if(!this.engaged){const s=this.fromBody?8:4;if(Math.abs(e)<s)return;if(this.fromBody){const t=!!this.bodyEl&&this.bodyEl.scrollHeight>this.bodyEl.clientHeight;if(this.startScrollTop>0||Math.abs(e)<=Math.abs(o)||e<0&&t)return void this.disarm()}this.engage(t,t.currentTarget)}const s=t.clientY-this.startY;let i;i=s>=0?this.dismissible?s:h(s):-h(-s),this.sheetEl&&(this.sheetEl.style.transform=`translate3d(0, ${i}px, 0)`),this.backdropEl&&this.sheetHeight>0&&(this.backdropEl.style.opacity=1-Math.min(Math.max(i/this.sheetHeight,0),1)+""),this.tracker.add(t.timeStamp,t.clientY)},this.handlePointerUp=t=>{if(!this.armed)return;const e=this.engaged,o=e?Math.max(t.clientY-this.startY,0):0,s=this.tracker.velocity();if(this.disarm(),!e)return;const i=function({offset:t,height:e,velocity:o,dismissible:s}){return s?o>=.5&&t>=24?"dismiss":o<=-.15?"restore":e>0&&t>=.45*e?"dismiss":"restore":"restore"}({offset:o,height:this.sheetHeight,velocity:s,dismissible:this.dismissible});"dismiss"===i?(this.dismissPending=!0,this.sheetEl&&(this.sheetEl.style.transform=`translate3d(0, ${this.sheetHeight}px, 0)`),this.backdropEl&&(this.backdropEl.style.opacity="0"),this.coClose.emit(),this.dismissFallback=setTimeout((()=>{this.open&&this.dismissPending&&(this.dismissPending=!1,this.clearInlineStyles())}),500)):this.clearInlineStyles()},this.handlePointerCancel=()=>{this.armed&&(this.disarm(),this.clearInlineStyles())},this.touchBlocker=t=>{(this.engaged||this.armed&&this.startScrollTop<=0&&t.touches[0].clientY-this.startY>0)&&t.preventDefault()}}onOpenChange(t,e){t!==e&&(this.pendingAfter=t?"open":"close",t?(this.coOpen.emit(),this.clearInlineStyles()):(this.dismissPending=!1,this.dismissFallback&&clearTimeout(this.dismissFallback),requestAnimationFrame((()=>this.clearInlineStyles()))))}handleKey(t){this.open&&this.closeOnEscape&&"Escape"===t.key&&this.coClose.emit()}disconnectedCallback(){this.detachTouchBlocker(),this.dismissFallback&&clearTimeout(this.dismissFallback)}clearInlineStyles(){this.sheetEl&&(this.sheetEl.style.transform=""),this.backdropEl&&(this.backdropEl.style.opacity="")}slotHasContent(t){return t.target.assignedNodes({flatten:!0}).some((t=>t.nodeType===Node.ELEMENT_NODE||t.nodeType===Node.TEXT_NODE&&""!==(t.textContent||"").trim()))}arm(t,e){this.open&&!this.dismissPending&&t.isPrimary&&(this.armed=!0,this.engaged=!1,this.fromBody=e,this.startY=t.clientY,this.startX=t.clientX,this.startScrollTop=e&&this.bodyEl?this.bodyEl.scrollTop:0,e&&this.attachTouchBlocker())}engage(t,e){var o,s;this.engaged=!0,this.startY=t.clientY,this.sheetHeight=(null===(o=this.sheetEl)||void 0===o?void 0:o.getBoundingClientRect().height)||0,null===(s=this.sheetEl)||void 0===s||s.classList.add("co-bottom-sheet--dragging");try{null==e||e.setPointerCapture(t.pointerId)}catch(t){}this.tracker.reset(),this.tracker.add(t.timeStamp,t.clientY)}disarm(){var t;this.armed=!1,this.engaged=!1,null===(t=this.sheetEl)||void 0===t||t.classList.remove("co-bottom-sheet--dragging"),this.detachTouchBlocker()}attachTouchBlocker(){var t;null===(t=this.bodyEl)||void 0===t||t.addEventListener("touchmove",this.touchBlocker,{passive:!1})}detachTouchBlocker(){var t;null===(t=this.bodyEl)||void 0===t||t.removeEventListener("touchmove",this.touchBlocker)}render(){return i("div",{key:"6655150e6dfb829ae937433983d93e0a16b4f544",class:{"co-bottom-sheet-root":!0,"co-bottom-sheet-root--open":this.open}},i("div",{key:"3657a637ec0ac2705375805381be639bc3da4b82",class:"co-bottom-sheet__backdrop",part:"backdrop",onClick:this.handleBackdropClick,ref:t=>this.backdropEl=t}),i("section",{key:"f3cac714dbc2703506a51fd960c34b64b33731b1",class:{"co-bottom-sheet":!0,"co-bottom-sheet--open":this.open},part:"sheet",role:"dialog","aria-modal":"true","aria-labelledby":this.heading?"co-bottom-sheet-heading":void 0,style:{"--co-bottom-sheet-max-height":this.maxHeight},onTransitionEnd:this.handleTransitionEnd,ref:t=>this.sheetEl=t},i("div",{key:"063d6b43784022a2646614b0462c8c8dccce1320",class:"co-bottom-sheet__grip",onPointerDown:this.handleGripPointerDown,onPointerMove:this.handlePointerMove,onPointerUp:this.handlePointerUp,onPointerCancel:this.handlePointerCancel},this.showHandle&&i("div",{key:"8e9611f02a9d59e9af91d77b476b7e8f93724aa4",class:"co-bottom-sheet__handle",part:"handle","aria-hidden":"true"}),i("header",{key:"f58de5177d9620ea61cffba530ef190936537194",class:{"co-bottom-sheet__header":!0,"co-bottom-sheet__header--show":this.hasHeaderSlot||!!this.heading},part:"header"},i("slot",{key:"76fda370a9276e99d41782f08312e6e887dafd21",name:"header",onSlotchange:this.handleHeaderSlotChange},this.heading&&i("h2",{key:"dcc7ba68ba7b306805ca49881a4808947217392a",class:"co-bottom-sheet__heading",id:"co-bottom-sheet-heading"},this.heading)))),i("div",{key:"55fd08122d422bbfe0cef9d7a64297e481349172",class:"co-bottom-sheet__body",part:"body",onPointerDown:this.handleBodyPointerDown,onPointerMove:this.handlePointerMove,onPointerUp:this.handlePointerUp,onPointerCancel:this.handlePointerCancel,ref:t=>this.bodyEl=t},i("slot",{key:"3c86d67c93d8c64458e431ab959704f4e43b382b"})),i("footer",{key:"14a97f22eee74e514111d87414e23cf1580e1456",class:{"co-bottom-sheet__footer":!0,"co-bottom-sheet__footer--show":this.hasFooter},part:"footer"},i("slot",{key:"d2b6fbeca8233f3d6e33d6be7b05bd4a2fe5d59f",name:"footer",onSlotchange:this.handleFooterSlotChange}))))}get el(){return this}static get watchers(){return{open:[{onOpenChange:0}]}}static get style(){return":host{display:contents}.co-bottom-sheet__backdrop{position:fixed;inset:0;z-index:1000;background:rgba(0, 0, 0, 0.4);-webkit-backdrop-filter:blur(var(--co-overlay-blur, 2px));backdrop-filter:blur(var(--co-overlay-blur, 2px));opacity:0;pointer-events:none;transition:opacity 0.25s ease}.co-bottom-sheet-root--open .co-bottom-sheet__backdrop{opacity:1;pointer-events:auto;transition:opacity 0.12s ease}.co-bottom-sheet{position:fixed;left:0;right:0;bottom:0;z-index:1001;display:flex;flex-direction:column;height:auto;max-height:var(--co-bottom-sheet-max-height, 85dvh);background:var(--co-semantic-surface-page);font-family:var(--co-font-family-primary);border-radius:var(--co-border-radius-xl) var(--co-border-radius-xl) 0 0;box-shadow:0 -4px 24px rgba(0, 0, 0, 0.12);transform:translateY(100%);transition:transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);will-change:transform;overflow:hidden;visibility:hidden}.co-bottom-sheet--open{transform:translateY(0);visibility:visible}.co-bottom-sheet:not(.co-bottom-sheet--open){transition:transform 0.25s cubic-bezier(0.4, 0, 0.2, 1), visibility 0s linear 0.25s}.co-bottom-sheet--dragging,.co-bottom-sheet-root:has(.co-bottom-sheet--dragging) .co-bottom-sheet__backdrop{transition:none !important}.co-bottom-sheet__grip{flex-shrink:0;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;cursor:grab}.co-bottom-sheet--dragging .co-bottom-sheet__grip{cursor:grabbing}.co-bottom-sheet__handle{width:40px;height:4px;margin:var(--co-spacing-sm) auto var(--co-spacing-xs);border-radius:var(--co-border-radius-full);background:var(--co-semantic-border-default)}.co-bottom-sheet__header{padding:0 var(--co-spacing-xl)}.co-bottom-sheet__header--show{padding-bottom:var(--co-spacing-sm)}.co-bottom-sheet__heading{margin:0;font-size:var(--co-font-size-16);font-weight:700;color:var(--co-semantic-text-default)}.co-bottom-sheet__body{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior-y:contain;touch-action:pan-y}.co-bottom-sheet__footer{flex-shrink:0;display:none}.co-bottom-sheet__footer--show{display:block;border-top:1px solid var(--co-semantic-border-default);padding:var(--co-spacing-md) var(--co-spacing-xl)     calc(var(--co-spacing-lg) + env(safe-area-inset-bottom, 0px));background:var(--co-semantic-surface-page)}@media (prefers-reduced-motion: reduce){.co-bottom-sheet,.co-bottom-sheet:not(.co-bottom-sheet--open),.co-bottom-sheet__backdrop{transition-duration:0.01s !important}}"}},[257,"co-bottom-sheet",{open:[1540],heading:[513],maxHeight:[513,"max-height"],dismissible:[4],closeOnOverlay:[4,"close-on-overlay"],closeOnEscape:[4,"close-on-escape"],showHandle:[516,"show-handle"],hasFooter:[32],hasHeaderSlot:[32]},[[4,"keydown","handleKey"]],{open:[{onOpenChange:0}]}]);function r(){"undefined"!=typeof customElements&&["co-bottom-sheet"].forEach((e=>{"co-bottom-sheet"===e&&(customElements.get(t(e))||customElements.define(t(e),a))}))}r();const n=a,c=r;export{n as CoBottomSheet,c as defineCustomElement}
+import{t,p as e,H as o,c as s,h as i}from"./index.js";function h(t,e=48){return t<=0?0:e*(1-1/(t/e+1))}const a=e(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.coClose=s(this,"coClose",3),this.coOpen=s(this,"coOpen",3),this.coAfterOpen=s(this,"coAfterOpen",3),this.coAfterClose=s(this,"coAfterClose",3),this.open=!1,this.heading="",this.maxHeight="85dvh",this.dismissible=!0,this.closeOnOverlay=!0,this.closeOnEscape=!0,this.showHandle=!0,this.hasFooter=!1,this.hasHeaderSlot=!1,this.tracker=function(t=100,e=8){let o=[];return{add(s,i){o.push({t:s,y:i}),o.length>e&&o.shift(),o=o.filter((e=>s-e.t<=t))},velocity(){if(o.length<2)return 0;const t=o[0],e=o[o.length-1],s=e.t-t.t;return s<8?0:(e.y-t.y)/s},reset(){o=[]}}}(),this.armed=!1,this.engaged=!1,this.fromBody=!1,this.startY=0,this.startX=0,this.startScrollTop=0,this.sheetHeight=0,this.dismissPending=!1,this.pendingAfter=null,this.handleBackdropClick=()=>{this.closeOnOverlay&&this.coClose.emit()},this.handleFooterSlotChange=t=>{this.hasFooter=this.slotHasContent(t)},this.handleHeaderSlotChange=t=>{this.hasHeaderSlot=this.slotHasContent(t)},this.handleTransitionEnd=t=>{"transform"===t.propertyName&&t.target===this.sheetEl&&("open"===this.pendingAfter&&this.open&&this.coAfterOpen.emit(),"close"!==this.pendingAfter||this.open||this.coAfterClose.emit(),this.pendingAfter=null)},this.handleGripPointerDown=t=>{this.arm(t,!1)},this.handleBodyPointerDown=t=>{this.arm(t,!0)},this.handlePointerMove=t=>{if(!this.armed||!t.isPrimary)return;const e=t.clientY-this.startY,o=t.clientX-this.startX;if(!this.engaged){const s=this.fromBody?8:4;if(Math.abs(e)<s)return;if(this.fromBody){const t=!!this.bodyEl&&this.bodyEl.scrollHeight>this.bodyEl.clientHeight;if(this.startScrollTop>0||Math.abs(e)<=Math.abs(o)||e<0&&t)return void this.disarm()}this.engage(t,t.currentTarget)}const s=t.clientY-this.startY;let i;i=s>=0?this.dismissible?s:h(s):-h(-s),this.sheetEl&&(this.sheetEl.style.transform=`translate3d(0, ${i}px, 0)`),this.backdropEl&&this.sheetHeight>0&&(this.backdropEl.style.opacity=1-Math.min(Math.max(i/this.sheetHeight,0),1)+""),this.tracker.add(t.timeStamp,t.clientY)},this.handlePointerUp=t=>{if(!this.armed)return;const e=this.engaged,o=e?Math.max(t.clientY-this.startY,0):0,s=this.tracker.velocity();if(this.disarm(),!e)return;const i=function({offset:t,height:e,velocity:o,dismissible:s}){return s?o>=.5&&t>=24?"dismiss":o<=-.15?"restore":e>0&&t>=.45*e?"dismiss":"restore":"restore"}({offset:o,height:this.sheetHeight,velocity:s,dismissible:this.dismissible});"dismiss"===i?(this.dismissPending=!0,this.sheetEl&&(this.sheetEl.style.transform=`translate3d(0, ${this.sheetHeight}px, 0)`),this.backdropEl&&(this.backdropEl.style.opacity="0"),this.coClose.emit(),this.dismissFallback=setTimeout((()=>{this.open&&this.dismissPending&&(this.dismissPending=!1,this.clearInlineStyles())}),500)):this.clearInlineStyles()},this.handlePointerCancel=()=>{this.armed&&(this.disarm(),this.clearInlineStyles())},this.touchBlocker=t=>{(this.engaged||this.armed&&this.startScrollTop<=0&&t.touches[0].clientY-this.startY>0)&&t.preventDefault()}}onOpenChange(t,e){t!==e&&(this.pendingAfter=t?"open":"close",t?(this.coOpen.emit(),this.clearInlineStyles()):(this.dismissPending=!1,this.dismissFallback&&clearTimeout(this.dismissFallback),requestAnimationFrame((()=>this.clearInlineStyles()))))}handleKey(t){this.open&&this.closeOnEscape&&"Escape"===t.key&&this.coClose.emit()}disconnectedCallback(){this.detachTouchBlocker(),this.dismissFallback&&clearTimeout(this.dismissFallback)}clearInlineStyles(){this.sheetEl&&(this.sheetEl.style.transform=""),this.backdropEl&&(this.backdropEl.style.opacity="")}slotHasContent(t){return t.target.assignedNodes({flatten:!0}).some((t=>t.nodeType===Node.ELEMENT_NODE||t.nodeType===Node.TEXT_NODE&&""!==(t.textContent||"").trim()))}arm(t,e){this.open&&!this.dismissPending&&t.isPrimary&&(this.armed=!0,this.engaged=!1,this.fromBody=e,this.startY=t.clientY,this.startX=t.clientX,this.startScrollTop=e&&this.bodyEl?this.bodyEl.scrollTop:0,e&&this.attachTouchBlocker())}engage(t,e){var o,s;this.engaged=!0,this.startY=t.clientY,this.sheetHeight=(null===(o=this.sheetEl)||void 0===o?void 0:o.getBoundingClientRect().height)||0,null===(s=this.sheetEl)||void 0===s||s.classList.add("co-bottom-sheet--dragging");try{null==e||e.setPointerCapture(t.pointerId)}catch(t){}this.tracker.reset(),this.tracker.add(t.timeStamp,t.clientY)}disarm(){var t;this.armed=!1,this.engaged=!1,null===(t=this.sheetEl)||void 0===t||t.classList.remove("co-bottom-sheet--dragging"),this.detachTouchBlocker()}attachTouchBlocker(){var t;null===(t=this.bodyEl)||void 0===t||t.addEventListener("touchmove",this.touchBlocker,{passive:!1})}detachTouchBlocker(){var t;null===(t=this.bodyEl)||void 0===t||t.removeEventListener("touchmove",this.touchBlocker)}render(){return i("div",{key:"ccd802fd80f14dfa7b2e3998d1ae1936db0a03b1",class:{"co-bottom-sheet-root":!0,"co-bottom-sheet-root--open":this.open}},i("div",{key:"6838b998e719fc99ab35f87fa250986d1eeb60a1",class:"co-bottom-sheet__backdrop",part:"backdrop",onClick:this.handleBackdropClick,ref:t=>this.backdropEl=t}),i("section",{key:"d621eac2f34e19a6a2c0fc91e13b17ea832b5c83",class:{"co-bottom-sheet":!0,"co-bottom-sheet--open":this.open},part:"sheet",role:"dialog","aria-modal":"true","aria-labelledby":this.heading?"co-bottom-sheet-heading":void 0,style:{"--co-bottom-sheet-max-height":this.maxHeight},onTransitionEnd:this.handleTransitionEnd,ref:t=>this.sheetEl=t},i("div",{key:"2c304cb9f8ed0672327dcc6d638b2d849d6774c6",class:"co-bottom-sheet__grip",onPointerDown:this.handleGripPointerDown,onPointerMove:this.handlePointerMove,onPointerUp:this.handlePointerUp,onPointerCancel:this.handlePointerCancel},this.showHandle&&i("div",{key:"0210a476819c8938bb8c075305a27744b87f0ef9",class:"co-bottom-sheet__handle",part:"handle","aria-hidden":"true"}),i("header",{key:"6daf41852652d8edd478c22a24444d3b040e8799",class:{"co-bottom-sheet__header":!0,"co-bottom-sheet__header--show":this.hasHeaderSlot||!!this.heading},part:"header"},i("slot",{key:"a94f197b04d719b5a7b1a542872f0dd2bed5dfea",name:"header",onSlotchange:this.handleHeaderSlotChange},this.heading&&i("h2",{key:"800ffa106c145984ff78871a74f92156df05976c",class:"co-bottom-sheet__heading",id:"co-bottom-sheet-heading"},this.heading)))),i("div",{key:"36642b98971f32641b72066689f0f773854e2fcc",class:"co-bottom-sheet__body",part:"body",onPointerDown:this.handleBodyPointerDown,onPointerMove:this.handlePointerMove,onPointerUp:this.handlePointerUp,onPointerCancel:this.handlePointerCancel,ref:t=>this.bodyEl=t},i("slot",{key:"8a4977dc85e78cd9d27ff6a2ce40841267592341"})),i("footer",{key:"70217d27c09544adc56e751163033e25d5d72e69",class:{"co-bottom-sheet__footer":!0,"co-bottom-sheet__footer--show":this.hasFooter},part:"footer"},i("slot",{key:"6aa16a159e2161c491015ae0c88c542506f632a2",name:"footer",onSlotchange:this.handleFooterSlotChange}))))}get el(){return this}static get watchers(){return{open:[{onOpenChange:0}]}}static get style(){return":host{display:contents}.co-bottom-sheet__backdrop{position:fixed;inset:0;z-index:1000;background:rgba(0, 0, 0, 0.4);-webkit-backdrop-filter:blur(var(--co-overlay-blur, 2px));backdrop-filter:blur(var(--co-overlay-blur, 2px));opacity:0;pointer-events:none;transition:opacity 0.25s ease}.co-bottom-sheet-root--open .co-bottom-sheet__backdrop{opacity:1;pointer-events:auto;transition:opacity 0.12s ease}.co-bottom-sheet{position:fixed;left:0;right:0;bottom:0;z-index:1001;display:flex;flex-direction:column;height:auto;max-height:var(--co-bottom-sheet-max-height, 85dvh);background:var(--co-semantic-surface-page);font-family:var(--co-font-family-primary);border-radius:var(--co-border-radius-xl) var(--co-border-radius-xl) 0 0;box-shadow:0 -4px 24px rgba(0, 0, 0, 0.12);transform:translateY(100%);transition:transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);will-change:transform;overflow:hidden;visibility:hidden}.co-bottom-sheet--open{transform:translateY(0);visibility:visible}.co-bottom-sheet:not(.co-bottom-sheet--open){transition:transform 0.25s cubic-bezier(0.4, 0, 0.2, 1), visibility 0s linear 0.25s}.co-bottom-sheet--dragging,.co-bottom-sheet-root:has(.co-bottom-sheet--dragging) .co-bottom-sheet__backdrop{transition:none !important}.co-bottom-sheet__grip{flex-shrink:0;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;cursor:grab}.co-bottom-sheet--dragging .co-bottom-sheet__grip{cursor:grabbing}.co-bottom-sheet__handle{width:40px;height:4px;margin:var(--co-spacing-sm) auto var(--co-spacing-xs);border-radius:var(--co-border-radius-full);background:var(--co-semantic-border-default)}.co-bottom-sheet__header{padding:0 var(--co-spacing-xl)}.co-bottom-sheet__header--show{padding-bottom:var(--co-spacing-sm)}.co-bottom-sheet__heading{margin:0;font-size:var(--co-font-size-16);font-weight:700;color:var(--co-semantic-text-default)}.co-bottom-sheet__body{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior-y:contain;touch-action:pan-y}.co-bottom-sheet__footer{flex-shrink:0;display:none}.co-bottom-sheet__footer--show{display:block;border-top:1px solid var(--co-semantic-border-default);padding:var(--co-spacing-md) var(--co-spacing-xl)     calc(var(--co-spacing-lg) + env(safe-area-inset-bottom, 0px));background:var(--co-semantic-surface-page)}@media (prefers-reduced-motion: reduce){.co-bottom-sheet,.co-bottom-sheet:not(.co-bottom-sheet--open),.co-bottom-sheet__backdrop{transition-duration:0.01s !important}}"}},[257,"co-bottom-sheet",{open:[1540],heading:[513],maxHeight:[513,"max-height"],dismissible:[4],closeOnOverlay:[4,"close-on-overlay"],closeOnEscape:[4,"close-on-escape"],showHandle:[516,"show-handle"],hasFooter:[32],hasHeaderSlot:[32]},[[4,"keydown","handleKey"]],{open:[{onOpenChange:0}]}]);function r(){"undefined"!=typeof customElements&&["co-bottom-sheet"].forEach((e=>{"co-bottom-sheet"===e&&(customElements.get(t(e))||customElements.define(t(e),a))}))}r();const n=a,c=r;export{n as CoBottomSheet,c as defineCustomElement}

package/dist/components/co-breadcrumb-item.js

@@ -1 +1 @@
-import{C as o,d as s}from"./p-DvL2TcDG.js";const p=o,r=s;export{p as CoBreadcrumbItem,r as defineCustomElement}
+import{C as o,d as s}from"./p-Cd3inFSL.js";const p=o,r=s;export{p as CoBreadcrumbItem,r as defineCustomElement}

package/dist/components/co-breadcrumb.js

@@ -1 +1 @@
-import{t,p as e,H as r,h as a,a as s}from"./index.js";import{d as c}from"./p-DvL2TcDG.js";import{d as o}from"./p-D4SOCy8I.js";const i=e(class extends r{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.separator="caret-right",this.handleSlotChange=()=>this.propagateSeparator()}watchSeparator(){this.propagateSeparator()}componentDidLoad(){this.propagateSeparator()}propagateSeparator(){this.el.querySelectorAll("co-breadcrumb-item").forEach((t=>{t.separator=this.separator}))}parseItems(){if(!this.items)return null;try{const t=JSON.parse(this.items);return Array.isArray(t)?t:null}catch(t){return null}}render(){const t=this.parseItems();return a(s,{key:"3306e9e038677813f1c16183e4fb3a146d723643",part:"breadcrumb",role:"navigation","aria-label":"Breadcrumb"},t?t.map(((e,r)=>a("co-breadcrumb-item",{key:r,label:e.label,value:e.value,icon:e.icon,separator:this.separator,current:r===t.length-1}))):a("slot",{onSlotchange:this.handleSlotChange}))}get el(){return this}static get watchers(){return{separator:[{watchSeparator:0}]}}static get style(){return":host{display:flex;align-items:center;gap:var(--co-spacing-xs, 4px);min-width:0}"}},[257,"co-breadcrumb",{separator:[1],items:[1]},void 0,{separator:[{watchSeparator:0}]}]);function n(){"undefined"!=typeof customElements&&["co-breadcrumb","co-breadcrumb-item","co-icon"].forEach((e=>{switch(e){case"co-breadcrumb":customElements.get(t(e))||customElements.define(t(e),i);break;case"co-breadcrumb-item":customElements.get(t(e))||c();break;case"co-icon":customElements.get(t(e))||o()}}))}n();const m=i,u=n;export{m as CoBreadcrumb,u as defineCustomElement}
+import{t,p as e,H as r,h as a,a as s}from"./index.js";import{d as c}from"./p-Cd3inFSL.js";import{d as o}from"./p-B3U63yZw.js";const i=e(class extends r{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.separator="caret-right",this.handleSlotChange=()=>this.propagateSeparator()}watchSeparator(){this.propagateSeparator()}componentDidLoad(){this.propagateSeparator()}propagateSeparator(){this.el.querySelectorAll("co-breadcrumb-item").forEach((t=>{t.separator=this.separator}))}parseItems(){if(!this.items)return null;try{const t=JSON.parse(this.items);return Array.isArray(t)?t:null}catch(t){return null}}render(){const t=this.parseItems();return a(s,{key:"a673dfd80990deed0263168a4dc9cac5029e4956",part:"breadcrumb",role:"navigation","aria-label":"Breadcrumb"},t?t.map(((e,r)=>a("co-breadcrumb-item",{key:r,label:e.label,value:e.value,icon:e.icon,separator:this.separator,current:r===t.length-1}))):a("slot",{onSlotchange:this.handleSlotChange}))}get el(){return this}static get watchers(){return{separator:[{watchSeparator:0}]}}static get style(){return":host{display:flex;align-items:center;gap:var(--co-spacing-xs, 4px);min-width:0}"}},[257,"co-breadcrumb",{separator:[1],items:[1]},void 0,{separator:[{watchSeparator:0}]}]);function n(){"undefined"!=typeof customElements&&["co-breadcrumb","co-breadcrumb-item","co-icon"].forEach((e=>{switch(e){case"co-breadcrumb":customElements.get(t(e))||customElements.define(t(e),i);break;case"co-breadcrumb-item":customElements.get(t(e))||c();break;case"co-icon":customElements.get(t(e))||o()}}))}n();const m=i,u=n;export{m as CoBreadcrumb,u as defineCustomElement}

package/dist/components/co-button-group.js

@@ -1 +1 @@
-import{t as o,p as t,H as r,h as u}from"./index.js";const c=t(class extends r{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.variant="stroke",this.size="m",this.direction="row",this.disabled=!1}render(){return u("div",{key:"4a058e55c2e0ede15115f25ff2bb91ea5b7f88ca",class:{"co-button-group":!0,["co-button-group--"+this.direction]:!0,["co-button-group--"+this.variant]:!0,"co-button-group--disabled":this.disabled},role:"group"},u("slot",{key:"3d51651d39929c6989129c5dc9e8f5536598f1ac"}))}static get style(){return":host{display:inline-flex}.co-button-group{display:inline-flex;gap:0}.co-button-group--row{flex-direction:row}.co-button-group--column{flex-direction:column}.co-button-group--row ::slotted(co-button){--co-btn-border-radius:0}.co-button-group--row ::slotted(co-button:first-child){--co-btn-border-radius-left:var(--co-border-radius-xs)}.co-button-group--row ::slotted(co-button:last-child){--co-btn-border-radius-right:var(--co-border-radius-xs)}.co-button-group--column ::slotted(co-button){--co-btn-border-radius:0;width:100%}.co-button-group--column ::slotted(co-button:first-child){--co-btn-border-radius-top:var(--co-border-radius-xs)}.co-button-group--column ::slotted(co-button:last-child){--co-btn-border-radius-bottom:var(--co-border-radius-xs)}.co-button-group--stroke.co-button-group--row ::slotted(co-button:not(:first-child)){margin-left:-1px}.co-button-group--stroke.co-button-group--column ::slotted(co-button:not(:first-child)){margin-top:-1px}.co-button-group--disabled{opacity:0.4;pointer-events:none}"}},[257,"co-button-group",{variant:[1],size:[1],direction:[1],disabled:[4]}]);function n(){"undefined"!=typeof customElements&&["co-button-group"].forEach((t=>{"co-button-group"===t&&(customElements.get(o(t))||customElements.define(o(t),c))}))}n();const e=c,s=n;export{e as CoButtonGroup,s as defineCustomElement}
+import{t as o,p as t,H as r,h as u}from"./index.js";const e=t(class extends r{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.variant="stroke",this.size="m",this.direction="row",this.disabled=!1}render(){return u("div",{key:"420d7fa2d9322ef3ec77e87343367f05a0de3d17",class:{"co-button-group":!0,["co-button-group--"+this.direction]:!0,["co-button-group--"+this.variant]:!0,"co-button-group--disabled":this.disabled},role:"group"},u("slot",{key:"ede5ab0f16e003619e2aa51945c748bbe7414523"}))}static get style(){return":host{display:inline-flex}.co-button-group{display:inline-flex;gap:0}.co-button-group--row{flex-direction:row}.co-button-group--column{flex-direction:column}.co-button-group--row ::slotted(co-button){--co-btn-border-radius:0}.co-button-group--row ::slotted(co-button:first-child){--co-btn-border-radius-left:var(--co-border-radius-xs)}.co-button-group--row ::slotted(co-button:last-child){--co-btn-border-radius-right:var(--co-border-radius-xs)}.co-button-group--column ::slotted(co-button){--co-btn-border-radius:0;width:100%}.co-button-group--column ::slotted(co-button:first-child){--co-btn-border-radius-top:var(--co-border-radius-xs)}.co-button-group--column ::slotted(co-button:last-child){--co-btn-border-radius-bottom:var(--co-border-radius-xs)}.co-button-group--stroke.co-button-group--row ::slotted(co-button:not(:first-child)){margin-left:-1px}.co-button-group--stroke.co-button-group--column ::slotted(co-button:not(:first-child)){margin-top:-1px}.co-button-group--disabled{opacity:0.4;pointer-events:none}"}},[257,"co-button-group",{variant:[1],size:[1],direction:[1],disabled:[4]}]);function n(){"undefined"!=typeof customElements&&["co-button-group"].forEach((t=>{"co-button-group"===t&&(customElements.get(o(t))||customElements.define(o(t),e))}))}n();const s=e,c=n;export{s as CoButtonGroup,c as defineCustomElement}

package/dist/components/co-button.js

@@ -1 +1 @@
-import{C as o,d as s}from"./p-Bsq90mo4.js";const m=o,p=s;export{m as CoButton,p as defineCustomElement}
+import{C as o,d as r}from"./p-CVeEoHr7.js";const s=o,p=r;export{s as CoButton,p as defineCustomElement}

package/dist/components/co-calendar-month.js

@@ -1 +1 @@
-import{C as o,d as s}from"./p-OKwHt2i9.js";const t=o,p=s;export{t as CoCalendarMonth,p as defineCustomElement}
+import{C as o,d as s}from"./p-CuQjKAf5.js";const p=o,r=s;export{p as CoCalendarMonth,r as defineCustomElement}

package/dist/components/co-calendar.js

@@ -1 +1 @@
-import{C as o,d as s}from"./p-COb8X_fE.js";const p=o,r=s;export{p as CoCalendar,r as defineCustomElement}
+import{C as o,d as s}from"./p-Bzg5FPSA.js";const p=o,r=s;export{p as CoCalendar,r as defineCustomElement}