@prolibu-suite/cobalt-core 0.6.0 → 0.8.0

package/dist/types/utils/carouselI18n.d.ts

@@ -0,0 +1,10 @@
+export interface CarouselStrings {
+    prevSlide: string;
+    nextSlide: string;
+    goToSlide: string;
+    pickSlide: string;
+    carouselLabel: string;
+    slideLabel: string;
+}
+/** Resolve the built-in UI strings for a locale. */
+export declare function getCarouselStrings(locale?: string): CarouselStrings;

package/dist/types/utils/dateI18n.d.ts

@@ -10,6 +10,9 @@
 export interface DateStrings {
     prevMonth: string;
     nextMonth: string;
+    month: string;
+    week: string;
+    day: string;
     dateLabel: string;
     clearDate: string;
     today: string;
@@ -31,6 +34,10 @@ export interface DateStrings {
     to: string;
     selectDate: string;
     setDate: string;
+    timeLabel: string;
+    selectDateTime: string;
+    setDateTime: string;
+    clearDateTime: string;
 }
 export type DateLang = 'es' | 'en' | 'pt';
 /** Map any BCP-47 locale (e.g. "es-CO") to a supported language; fallback 'en'. */

package/dist/types/utils/eventColor.d.ts

@@ -0,0 +1,20 @@
+/**
+ * Color de texto legible sobre el fondo de un evento de calendario.
+ *
+ * El host pinta los estados con TOKENS (`var(--co-color-primary-azul)`), no con
+ * hex — es la regla del design system. El cálculo de contraste necesita un color
+ * REAL, así que el token se resuelve contra el host antes de medir luminancia.
+ */
+/**
+ * Resuelve `var(--x)` / `var(--x, fallback)` contra `host`. Un valor que no es
+ * `var(...)` (hex, rgb, nombre CSS) vuelve tal cual.
+ */
+export declare function resolveCssColor(host: HTMLElement | undefined, value: string): string;
+/**
+ * Token de color de texto legible sobre `bg` (luminancia YIQ), o `''` cuando el
+ * color no se puede medir — en ese caso el llamador NO debe escribir la
+ * variable: pisarla con un `var(--co-cal-event-text)` la vuelve
+ * AUTORREFERENTE, la declaración se invalida y el texto termina heredando el
+ * color del calendario (negro sobre un chip de color).
+ */
+export declare function readableTextToken(host: HTMLElement | undefined, bg: string): string;

package/dist/types/utils/richTextI18n.d.ts

@@ -100,6 +100,7 @@ export interface RichTextStrings {
     letterSpacingPlaceholder: string;
     uploadFromComputer: string;
     viaUrl: string;
+    attachFiles: string;
     moreOptions: string;
     superscript: string;
     subscript: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prolibu-suite/cobalt-core",
-  "version": "0.6.0",
+  "version": "0.8.0",
   "description": "Cobalt Design System — Framework-agnostic Web Components built with Stencil",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -50,10 +50,10 @@
     "@phosphor-icons/core": "^2.1.1",
     "dompurify": "^3.2.6",
     "overlayscrollbars": "^2.16.0",
-    "@prolibu-suite/cobalt-date-utils": "0.1.1",
-    "@prolibu-suite/cobalt-tokens": "0.2.0",
     "@prolibu-suite/cobalt-calendar-utils": "0.1.0",
-    "@prolibu-suite/cobalt-rich-text": "0.1.2"
+    "@prolibu-suite/cobalt-rich-text": "0.1.2",
+    "@prolibu-suite/cobalt-date-utils": "0.1.1",
+    "@prolibu-suite/cobalt-tokens": "0.3.0"
   },
   "devDependencies": {
     "@stencil/core": "^4.43.4",

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

@@ -1,92 +0,0 @@
-'use strict';
-
-var index = require('./index-DxEFsH_t.js');
-
-/**
- * Shared color utilities for Cobalt components.
- * WCAG sRGB relative luminance for contrast detection.
- */
-function parseHex(hex) {
-    if (!hex || typeof hex !== 'string')
-        return null;
-    const h = hex.replace('#', '');
-    if (h.length === 3) {
-        return { r: parseInt(h[0] + h[0], 16), g: parseInt(h[1] + h[1], 16), b: parseInt(h[2] + h[2], 16) };
-    }
-    if (h.length === 6) {
-        return { r: parseInt(h.slice(0, 2), 16), g: parseInt(h.slice(2, 4), 16), b: parseInt(h.slice(4, 6), 16) };
-    }
-    return null;
-}
-/** WCAG sRGB relative luminance (0–1). */
-function luminance(hex) {
-    const c = parseHex(hex);
-    if (!c)
-        return 0;
-    const [rs, gs, bs] = [c.r / 255, c.g / 255, c.b / 255].map((v) => v <= 0.03928 ? v / 12.92 : Math.pow((v + 0.055) / 1.055, 2.4));
-    return 0.2126 * rs + 0.7152 * gs + 0.0722 * bs;
-}
-/** Returns true when the color is perceptually light (needs dark foreground). */
-function isLightColor(hex) {
-    return luminance(hex) > 0.4;
-}
-
-const coAvatarCss = () => `:host{display:inline-flex;--co-avatar-squircle:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'><path d='M100 50L99.94 68.06L99.75 73.81L99.44 77.94L99.01 81.26L98.44 84.05L97.74 86.46L96.91 88.57L95.94 90.43L94.81 92.07L93.53 93.53L92.07 94.81L90.43 95.94L88.57 96.91L86.46 97.74L84.05 98.44L81.26 99.01L77.94 99.44L73.81 99.75L68.06 99.94L50 100L31.94 99.94L26.19 99.75L22.06 99.44L18.74 99.01L15.95 98.44L13.54 97.74L11.43 96.91L9.57 95.94L7.93 94.81L6.47 93.53L5.19 92.07L4.06 90.43L3.09 88.57L2.26 86.46L1.56 84.05L0.99 81.26L0.56 77.94L0.25 73.81L0.06 68.06L0 50L0.06 31.94L0.25 26.19L0.56 22.06L0.99 18.74L1.56 15.95L2.26 13.54L3.09 11.43L4.06 9.57L5.19 7.93L6.47 6.47L7.93 5.19L9.57 4.06L11.43 3.09L13.54 2.26L15.95 1.56L18.74 0.99L22.06 0.56L26.19 0.25L31.94 0.06L50 0L68.06 0.06L73.81 0.25L77.94 0.56L81.26 0.99L84.05 1.56L86.46 2.26L88.57 3.09L90.43 4.06L92.07 5.19L93.53 6.47L94.81 7.93L95.94 9.57L96.91 11.43L97.74 13.54L98.44 15.95L99.01 18.74L99.44 22.06L99.75 26.19L99.94 31.94Z' fill='%23fff'/></svg>")}.co-avatar{position:relative;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--co-border-radius-full);background:var(--co-semantic-surface-primary);color:var(--co-semantic-on-primary);font-family:var(--co-font-family-primary);font-weight:600;line-height:1;letter-spacing:var(--co-font-letter-spacing-body);overflow:hidden;flex-shrink:0;user-select:none;-webkit-font-smoothing:antialiased}.co-avatar::after{content:'';position:absolute;inset:0;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 0 var(--co-avatar-border-width, 1px) var(--co-avatar-border-color, transparent)}.co-avatar__text{text-transform:uppercase}.co-avatar__img{width:100%;height:100%;object-fit:cover;display:block}.co-avatar--square{border-radius:0;-webkit-mask:var(--co-avatar-squircle) center / 100% 100% no-repeat;mask:var(--co-avatar-squircle) center / 100% 100% no-repeat}.co-avatar--square::after{--co-avatar-bw:var(--co-avatar-border-width, 1px);box-shadow:none;background:var(--co-avatar-border-color, transparent);-webkit-mask:var(--co-avatar-squircle) center / 100% 100% no-repeat,     var(--co-avatar-squircle) center / calc(100% - 2 * var(--co-avatar-bw)) calc(100% - 2 * var(--co-avatar-bw)) no-repeat;-webkit-mask-composite:xor;mask:var(--co-avatar-squircle) center / 100% 100% no-repeat,     var(--co-avatar-squircle) center / calc(100% - 2 * var(--co-avatar-bw)) calc(100% - 2 * var(--co-avatar-bw)) no-repeat;mask-composite:exclude}.co-avatar--light{color:rgba(0, 0, 0, 0.87)}`;
-
-const SIZE_MAP = {
-    xl: 80, lg: 64, md: 56, sm: 48, xs: 32, xxs: 24,
-};
-const ICON_SIZE_MAP = {
-    xl: 32, lg: 28, md: 24, sm: 20, xs: 16, xxs: 12,
-};
-const FONT_SIZE_MAP = {
-    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)',
-};
-const CoAvatar = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        /** Display type: text shows initials, icon shows a Phosphor icon, image shows a picture */
-        this.type = 'text';
-        /** Size of the avatar */
-        this.size = 'md';
-        /** Phosphor icon name (type="icon"), defaults to "user" */
-        this.icon = 'user';
-        /** Icon weight */
-        this.iconWeight = 'regular';
-        /** Shape of the avatar */
-        this.shape = 'circle';
-        this.imgFailed = false;
-        this.handleImgError = () => {
-            this.imgFailed = true;
-        };
-    }
-    render() {
-        var _a, _b, _c, _d, _e, _f, _g;
-        const dim = (_a = SIZE_MAP[this.size]) !== null && _a !== void 0 ? _a : 56;
-        const iconSize = (_b = ICON_SIZE_MAP[this.size]) !== null && _b !== void 0 ? _b : 24;
-        const fontSize = (_c = FONT_SIZE_MAP[this.size]) !== null && _c !== void 0 ? _c : 'var(--co-font-size-18)';
-        const showImage = this.type === 'image' && this.src && !this.imgFailed;
-        const ariaLabel = this.type === 'text'
-            ? this.text
-            : this.type === 'image'
-                ? (_e = (_d = this.alt) !== null && _d !== void 0 ? _d : this.text) !== null && _e !== void 0 ? _e : this.icon
-                : this.icon;
-        return (index.h("div", { key: '41da32ebacadf5fd33c9f6a10ac0069ddaa81ce6', class: {
-                'co-avatar': true,
-                [`co-avatar--${this.size}`]: true,
-                [`co-avatar--${this.type}`]: true,
-                'co-avatar--square': this.shape === 'square',
-                'co-avatar--light': !!this.color && isLightColor(this.color),
-            }, style: Object.assign(Object.assign({ width: `var(--co-avatar-size, ${dim}px)`, height: `var(--co-avatar-size, ${dim}px)`, fontSize }, (this.color ? { background: this.color } : {})), (this.ringColor
-                ? { '--co-avatar-border-color': this.ringColor, '--co-avatar-border-width': '2px' }
-                : {})), part: "avatar", role: "img", "aria-label": ariaLabel }, showImage ? (index.h("img", { class: "co-avatar__img", src: this.src, alt: (_g = (_f = this.alt) !== null && _f !== void 0 ? _f : this.text) !== null && _g !== void 0 ? _g : '', onError: this.handleImgError })) : this.type === 'icon' ? (index.h("co-icon", { name: this.icon, weight: this.iconWeight, size: iconSize })) : (index.h("span", { class: "co-avatar__text" }, this.text))));
-    }
-};
-CoAvatar.style = coAvatarCss();
-
-exports.co_avatar = CoAvatar;

package/dist/cjs/co-calendar-month.cjs.entry.js

@@ -1,381 +0,0 @@
-'use strict';
-
-var index = require('./index-DxEFsH_t.js');
-var dates = require('./dates-D8D-aS5d.js');
-var tz = require('./tz-Dgom0W69.js');
-
-/**
- * layout-month.ts — lane assignment for the month grid.
- *
- * Multi-day (all-day) events render as continuous bars spanning day cells; they
- * must keep a stable vertical lane across the days they cover, and overlapping
- * events must not share a lane. Single-day chips (timed events, single all-day)
- * are degenerate one-column bars. Days exceeding `maxLanes` report an overflow
- * count for the "+N more" affordance.
- *
- * Days are addressed by a week matrix of "YYYY-MM-DD" keys (e.g. from
- * `getMonthMatrix` in `@prolibu-suite/cobalt-date-utils`). Lexicographic string
- * comparison is correct for ISO dates, so no Date objects are needed here.
- */
-/** Inclusive day span of an event in calendar days. */
-function eventDaySpan(event, timeZone) {
-    if (event.allDay) {
-        // end is exclusive → last visible day is end - 1.
-        const firstDay = event.start.slice(0, 10);
-        const lastDay = dates.addDays(event.end.slice(0, 10), -1);
-        if (dates.compareYMD(lastDay, firstDay) < 0)
-            return { event, firstDay, lastDay: firstDay };
-        return { event, firstDay, lastDay };
-    }
-    // Timed events occupy their (wall-clock) start day in the month grid.
-    const day = timeZone ? tz.zonedDateKey(event.startMs, timeZone) : event.start.slice(0, 10);
-    return { event, firstDay: day, lastDay: day };
-}
-function layoutMonth(events, weeks, options = {}) {
-    const maxLanes = options.maxLanes ?? Infinity;
-    const segments = [];
-    const overflow = {};
-    let laneCount = 0;
-    const spans = events
-        .map((e) => eventDaySpan(e, options.timeZone))
-        .filter((s) => s !== null);
-    weeks.forEach((days, weekIndex) => {
-        if (!days.length)
-            return;
-        const weekStart = days[0];
-        const weekEnd = days[days.length - 1];
-        const colOf = new Map(days.map((d, i) => [d, i]));
-        // Candidate segments intersecting this week.
-        const candidates = spans
-            .filter((s) => dates.compareYMD(s.firstDay, weekEnd) <= 0 && dates.compareYMD(weekStart, s.lastDay) <= 0)
-            .map((s) => {
-            const segFirst = dates.compareYMD(s.firstDay, weekStart) >= 0 ? s.firstDay : weekStart;
-            const segLast = dates.compareYMD(s.lastDay, weekEnd) <= 0 ? s.lastDay : weekEnd;
-            return {
-                span: s,
-                startCol: colOf.get(segFirst) ?? 0,
-                endCol: colOf.get(segLast) ?? days.length - 1,
-            };
-        })
-            // Multi-day/earlier events claim lanes first → stable, readable bars.
-            .sort((a, b) => a.startCol - b.startCol ||
-            b.endCol - b.startCol - (a.endCol - a.startCol) ||
-            a.span.event.startMs - b.span.event.startMs ||
-            (a.span.event.id < b.span.event.id ? -1 : 1));
-        const placed = [];
-        for (const cand of candidates) {
-            let lane = 0;
-            while (placed.some((p) => p.lane === lane && !(cand.endCol < p.startCol || cand.startCol > p.endCol))) {
-                lane++;
-            }
-            placed.push({ lane, startCol: cand.startCol, endCol: cand.endCol });
-            laneCount = Math.max(laneCount, lane + 1);
-            segments.push({
-                eventId: cand.span.event.id,
-                weekIndex,
-                lane,
-                startCol: cand.startCol,
-                endCol: cand.endCol,
-                isStart: dates.compareYMD(cand.span.firstDay, weekStart) >= 0,
-                isEnd: dates.compareYMD(cand.span.lastDay, weekEnd) <= 0,
-                continuesBefore: dates.compareYMD(cand.span.firstDay, weekStart) < 0,
-                continuesAfter: dates.compareYMD(cand.span.lastDay, weekEnd) > 0,
-            });
-        }
-    });
-    if (Number.isFinite(maxLanes)) {
-        for (const seg of segments) {
-            if (seg.lane >= maxLanes) {
-                for (let c = seg.startCol; c <= seg.endCol; c++) {
-                    const dk = weeks[seg.weekIndex][c];
-                    overflow[dk] = (overflow[dk] ?? 0) + 1;
-                }
-            }
-        }
-    }
-    return { segments, overflow, laneCount };
-}
-
-const coCalendarMonthCss = () => `:host{display:block;font-family:var(--co-font-family-primary);--co-cal-daynum-h:24px;--co-cal-lane-h:22px;--co-cal-min-week-h:92px;--co-cal-gap:2px;--co-cal-surface:var(--co-semantic-surface-page);--co-cal-border:var(--co-semantic-border-default);--co-cal-text:var(--co-semantic-text-default);--co-cal-text-muted:var(--co-semantic-text-muted);--co-cal-hover:var(--co-semantic-surface-hover);--co-cal-today-ring:var(--co-color-primary-azul);--co-cal-event-bg:var(--co-color-primary-azul);--co-cal-event-border:transparent;--co-cal-event-text:var(--co-color-base-blanco, #fff);--co-cal-event-text-light:var(--co-color-base-blanco, #fff);--co-cal-event-text-dark:var(--co-semantic-text-default)}.cal-month{display:flex;flex-direction:column;border:1px solid var(--co-cal-border);border-radius:var(--co-border-radius-xs);overflow:hidden;background:var(--co-cal-surface)}.cal-month__dow{display:grid;grid-template-columns:repeat(7, 1fr);border-bottom:1px solid var(--co-cal-border)}.cal-month__dow-cell{padding:var(--co-spacing-xs) var(--co-spacing-sm);font-size:var(--co-font-size-10, 10px);font-weight:600;text-transform:uppercase;letter-spacing:0.04em;color:var(--co-cal-text-muted);text-align:right}.cal-month__week{position:relative;min-height:var(--co-cal-min-week-h)}.cal-month__week:not(:last-child){border-bottom:1px solid var(--co-cal-border)}.cal-month__days{display:grid;grid-template-columns:repeat(7, 1fr);height:100%;position:absolute;inset:0}.cal-month__day{border-right:1px solid var(--co-cal-border);padding:var(--co-spacing-xxs);cursor:pointer;transition:background 0.1s ease}.cal-month__day:last-child{border-right:0}.cal-month__day:hover{background:var(--co-cal-hover)}.cal-month__day:focus-visible{outline:2px solid var(--co-semantic-border-focus);outline-offset:-2px}.cal-month__day--outside .cal-month__daynum{color:var(--co-cal-text-muted)}.cal-month__day--disabled{cursor:not-allowed;background:color-mix(in srgb, var(--co-cal-border) 20%, transparent)}.cal-month__day--drag-over{background:color-mix(in srgb, var(--co-cal-today-ring) 14%, transparent);box-shadow:inset 0 0 0 2px var(--co-cal-today-ring)}.cal-month__daynum{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;margin-left:auto;float:right;font-size:var(--co-font-size-12, 12px);color:var(--co-cal-text);border-radius:var(--co-border-radius-full)}.cal-month__day--today .cal-month__daynum{background:var(--co-cal-today-ring);color:var(--co-color-base-blanco, #fff);font-weight:600}.cal-month__events{position:absolute;inset:0;pointer-events:none;}.cal-chip,.cal-month__more{position:absolute;height:calc(var(--co-cal-lane-h) - 3px);box-sizing:border-box;pointer-events:auto;display:flex;align-items:center;gap:var(--co-spacing-xxs);margin:0 3px;padding:0 var(--co-spacing-xs);border:1px solid var(--co-cal-event-border);border-radius:var(--co-border-radius-xxs);font-family:inherit;font-size:var(--co-font-size-12, 12px);line-height:1;text-align:left;cursor:pointer;overflow:hidden;white-space:nowrap}.cal-chip{background:var(--co-cal-event-bg);color:var(--co-cal-event-text)}.cal-chip:hover{filter:brightness(0.95)}.cal-chip:focus-visible{outline:2px solid var(--co-semantic-border-focus);outline-offset:1px}.cal-chip--all-day{font-weight:500}.cal-chip__dot{flex:0 0 auto;width:7px;height:7px;border-radius:var(--co-border-radius-full);background:var(--co-cal-event-bg)}.cal-chip:not(.cal-chip--all-day){background:transparent;color:var(--co-cal-text);border-color:transparent}.cal-chip:not(.cal-chip--all-day):hover{background:var(--co-cal-hover);filter:none}.cal-chip__time{flex:0 0 auto;color:var(--co-cal-text-muted);font-variant-numeric:tabular-nums}.cal-chip__title{overflow:hidden;text-overflow:ellipsis}.cal-chip__ext{flex:0 0 auto;opacity:0.8}.cal-chip--past{opacity:0.55}.cal-chip--locked{cursor:default}.cal-chip--external{border-style:dashed}.cal-chip--dragging{opacity:0.4}.cal-chip--continues-before{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:0}.cal-chip--continues-after{border-top-right-radius:0;border-bottom-right-radius:0;margin-right:0}.cal-month__more{background:transparent;color:var(--co-cal-text-muted);border-color:transparent;font-weight:600;font-size:var(--co-font-size-11, 11px)}.cal-month__more:hover{background:var(--co-cal-hover);color:var(--co-cal-text)}`;
-
-const CoCalendarMonth = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.coDaySelect = index.createEvent(this, "coDaySelect", 3);
-        this.coEventClick = index.createEvent(this, "coEventClick", 3);
-        this.coEventDrop = index.createEvent(this, "coEventDrop", 3);
-        this.coMoreClick = index.createEvent(this, "coMoreClick", 3);
-        /** Normalized events to render (from the engine's `normalizeEvents`). */
-        this.events = [];
-        /** BCP-47 locale for weekday labels. */
-        this.locale = 'es-CO';
-        /** First day of week, 0=Sun..6=Sat. */
-        this.firstDayOfWeek = 1;
-        /** Master interaction gate. */
-        this.editable = true;
-        /** Allow empty-day click to request a create. */
-        this.selectable = true;
-        /** Max event lanes per day before "+N more". */
-        this.maxLanes = 3;
-        /** Day currently hovered while dragging an event. */
-        this.dragOverDate = null;
-        /** Id of the event being dragged. */
-        this.dragId = null;
-        this.onPointerUp = () => this.finishDrag();
-        this.handleKeyDown = (e) => {
-            const cur = this.focused;
-            let handled = true;
-            switch (e.key) {
-                case 'ArrowLeft':
-                    this.moveFocus(dates.addDays(cur, -1));
-                    break;
-                case 'ArrowRight':
-                    this.moveFocus(dates.addDays(cur, 1));
-                    break;
-                case 'ArrowUp':
-                    this.moveFocus(dates.addDays(cur, -7));
-                    break;
-                case 'ArrowDown':
-                    this.moveFocus(dates.addDays(cur, 7));
-                    break;
-                case 'Enter':
-                case ' ':
-                    this.selectDay(cur);
-                    break;
-                default:
-                    handled = false;
-            }
-            if (handled) {
-                e.preventDefault();
-                e.stopPropagation();
-            }
-        };
-    }
-    componentWillLoad() {
-        this.focused = this.defaultFocus();
-    }
-    connectedCallback() {
-        window.addEventListener('pointerup', this.onPointerUp);
-    }
-    disconnectedCallback() {
-        window.removeEventListener('pointerup', this.onPointerUp);
-    }
-    defaultFocus() {
-        const first = `${pad4(this.year)}-${pad2(this.month)}-01`;
-        const today = dates.todayYMD();
-        const t = dates.parseISO(today);
-        return t.year === this.year && t.month === this.month ? today : first;
-    }
-    get matrix() {
-        return dates.getMonthMatrix(this.year, this.month, this.firstDayOfWeek).map((row) => row.map((c) => c.value));
-    }
-    eventById(id) {
-        return this.events.find((e) => e.id === id);
-    }
-    isDayInteractable(date) {
-        return !dates.isDisabled(date, { min: this.minDate, max: this.maxDate });
-    }
-    // ── Selection / activation ──────────────────────────────────────────────
-    selectDay(date) {
-        if (!this.selectable || !this.isDayInteractable(date))
-            return;
-        this.coDaySelect.emit({ date });
-    }
-    activateEvent(id) {
-        this.coEventClick.emit({ id });
-    }
-    // ── Keyboard (WAI-ARIA grid, forked from co-calendar) ───────────────────
-    moveFocus(next) {
-        this.focused = next;
-        requestAnimationFrame(() => this.focusCell());
-    }
-    focusCell() {
-        var _a, _b;
-        (_b = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(`[data-date="${this.focused}"]`)) === null || _b === void 0 ? void 0 : _b.focus();
-    }
-    // ── Drag-move (day granularity) ─────────────────────────────────────────
-    startDrag(e, id) {
-        const ev = this.eventById(id);
-        if (!ev || !this.editable || ev.editable === false || ev.startEditable === false)
-            return;
-        e.preventDefault();
-        e.stopPropagation();
-        this.dragId = id;
-        this.dragOverDate = null;
-    }
-    finishDrag() {
-        const id = this.dragId;
-        const target = this.dragOverDate;
-        this.dragId = null;
-        this.dragOverDate = null;
-        if (!id || !target)
-            return;
-        const ev = this.eventById(id);
-        if (!ev)
-            return;
-        const originDay = ev.allDay
-            ? ev.start.slice(0, 10)
-            : tz.zonedDateKey(ev.startMs, this.timeZone);
-        const deltaDays = daysBetween(originDay, target);
-        if (deltaDays === 0)
-            return;
-        if (!this.isDayInteractable(target))
-            return;
-        const shifted = shiftEventByDays(ev, deltaDays, this.timeZone);
-        this.coEventDrop.emit({
-            id,
-            start: shifted.start,
-            end: shifted.end,
-            oldStart: ev.start,
-            oldEnd: ev.end,
-            allDay: ev.allDay,
-        });
-    }
-    // ── Render ──────────────────────────────────────────────────────────────
-    renderChip(seg, weekDays) {
-        var _a;
-        const ev = this.eventById(seg.eventId);
-        if (!ev)
-            return null;
-        const cols = weekDays.length;
-        const left = (seg.startCol / cols) * 100;
-        const width = ((seg.endCol - seg.startCol + 1) / cols) * 100;
-        const isPast = ev.endMs <= Date.now();
-        const isExternal = ((_a = ev.extendedProps) === null || _a === void 0 ? void 0 : _a.isExternal) === true;
-        const locked = !this.editable || ev.editable === false;
-        const timeText = ev.allDay || !seg.isStart
-            ? ''
-            : minutesToLabel(tz.zonedMinutesOfDay(ev.startMs, this.timeZone), this.locale);
-        const style = {
-            left: `${left}%`,
-            width: `${width}%`,
-            top: `calc(var(--co-cal-daynum-h) + ${seg.lane} * var(--co-cal-lane-h))`,
-        };
-        if (ev.backgroundColor) {
-            style['--co-cal-event-bg'] = ev.backgroundColor;
-            style['--co-cal-event-text'] = readableText(ev.backgroundColor);
-        }
-        if (ev.borderColor)
-            style['--co-cal-event-border'] = ev.borderColor;
-        return (index.h("button", { type: "button", key: `${seg.eventId}-${seg.weekIndex}`, class: {
-                'cal-chip': true,
-                'cal-chip--all-day': ev.allDay,
-                'cal-chip--past': isPast,
-                'cal-chip--external': isExternal,
-                'cal-chip--locked': locked,
-                'cal-chip--dragging': this.dragId === ev.id,
-                'cal-chip--continues-before': seg.continuesBefore,
-                'cal-chip--continues-after': seg.continuesAfter,
-            }, style: style, title: ev.title, "aria-label": ev.title, onClick: (e) => {
-                e.stopPropagation();
-                this.activateEvent(ev.id);
-            }, onPointerDown: (e) => this.startDrag(e, ev.id) }, !ev.allDay && index.h("span", { class: "cal-chip__dot", "aria-hidden": "true" }), timeText && index.h("span", { class: "cal-chip__time" }, timeText), index.h("span", { class: "cal-chip__title" }, ev.title || '—'), isExternal && index.h("co-icon", { name: "link", size: 11, class: "cal-chip__ext" })));
-    }
-    render() {
-        var _a;
-        const matrix = this.matrix;
-        const normalized = this.events;
-        const layout = layoutMonth(normalized, matrix, {
-            maxLanes: this.maxLanes,
-            timeZone: this.timeZone,
-        });
-        const segByWeek = new Map();
-        for (const seg of layout.segments) {
-            if (seg.lane >= this.maxLanes)
-                continue;
-            const arr = (_a = segByWeek.get(seg.weekIndex)) !== null && _a !== void 0 ? _a : [];
-            arr.push(seg);
-            segByWeek.set(seg.weekIndex, arr);
-        }
-        const short = dates.getWeekdayLabels(this.locale, this.firstDayOfWeek, 'short');
-        const long = dates.getWeekdayLabels(this.locale, this.firstDayOfWeek, 'long');
-        const today = dates.todayYMD();
-        return (index.h("div", { key: '94afb2cd963e8292d09dda372b7f115e235c8cd3', class: "cal-month", part: "grid", role: "grid", onKeyDown: this.handleKeyDown }, index.h("div", { key: '381021f254ac5f36d3d59e108cbe64f7f4fb1b91', class: "cal-month__dow", role: "row" }, short.map((lbl, i) => (index.h("span", { class: "cal-month__dow-cell", role: "columnheader", "aria-label": long[i] }, lbl)))), matrix.map((week, wi) => {
-            var _a;
-            return (index.h("div", { class: "cal-month__week", role: "row" }, index.h("div", { class: "cal-month__days" }, week.map((date) => {
-                const ymd = dates.parseISO(date);
-                const inMonth = ymd.month === this.month;
-                const isToday = dates.compareYMD(date, today) === 0;
-                const isFocused = dates.compareYMD(date, this.focused) === 0;
-                const interactable = this.isDayInteractable(date);
-                return (index.h("div", { role: "gridcell", "data-date": date, tabIndex: isFocused ? 0 : -1, "aria-current": isToday ? 'date' : undefined, "aria-disabled": interactable ? undefined : 'true', class: {
-                        'cal-month__day': true,
-                        'cal-month__day--outside': !inMonth,
-                        'cal-month__day--today': isToday,
-                        'cal-month__day--disabled': !interactable,
-                        'cal-month__day--drag-over': this.dragId !== null && this.dragOverDate === date,
-                    }, onClick: () => this.selectDay(date), onPointerEnter: () => {
-                        if (this.dragId)
-                            this.dragOverDate = date;
-                    } }, index.h("span", { class: "cal-month__daynum" }, ymd.day)));
-            })), index.h("div", { class: "cal-month__events" }, ((_a = segByWeek.get(wi)) !== null && _a !== void 0 ? _a : []).map((seg) => this.renderChip(seg, week)), week.map((date, col) => {
-                var _a;
-                const more = (_a = layout.overflow[date]) !== null && _a !== void 0 ? _a : 0;
-                if (more <= 0)
-                    return null;
-                return (index.h("button", { type: "button", class: "cal-month__more", style: {
-                        left: `${(col / week.length) * 100}%`,
-                        width: `${(1 / week.length) * 100}%`,
-                        top: `calc(var(--co-cal-daynum-h) + ${this.maxLanes} * var(--co-cal-lane-h))`,
-                    }, onClick: (e) => {
-                        e.stopPropagation();
-                        this.coMoreClick.emit({ date });
-                    } }, "+", more));
-            }))));
-        })));
-    }
-    get el() { return index.getElement(this); }
-};
-// ── helpers ─────────────────────────────────────────────────────────────────
-function pad2(n) {
-    return String(n).padStart(2, '0');
-}
-function pad4(n) {
-    return String(n).padStart(4, '0');
-}
-/** Whole-day delta between two "YYYY-MM-DD" using UTC-midnight arithmetic. */
-function daysBetween(a, b) {
-    const [ay, am, ad] = a.split('-').map(Number);
-    const [by, bm, bd] = b.split('-').map(Number);
-    return Math.round((Date.UTC(by, bm - 1, bd) - Date.UTC(ay, am - 1, ad)) / 86400000);
-}
-/** Shift an event by N days, preserving wall-clock time (DST-correct for timed). */
-function shiftEventByDays(ev, deltaDays, timeZone) {
-    if (ev.allDay) {
-        return {
-            start: dates.addDays(ev.start.slice(0, 10), deltaDays),
-            end: dates.addDays(ev.end.slice(0, 10), deltaDays),
-        };
-    }
-    return {
-        start: tz.toUtcISO(shiftInstant(ev.startMs, deltaDays, timeZone)),
-        end: tz.toUtcISO(shiftInstant(ev.endMs, deltaDays, timeZone)),
-    };
-}
-function shiftInstant(ms, deltaDays, timeZone) {
-    const wc = tz.getWallClock(ms, timeZone);
-    const newDate = dates.addDays(`${pad4(wc.year)}-${pad2(wc.month)}-${pad2(wc.day)}`, deltaDays);
-    const [y, m, d] = newDate.split('-').map(Number);
-    return tz.wallClockToEpoch({ year: y, month: m, day: d, hour: wc.hour, minute: wc.minute, second: wc.second }, timeZone);
-}
-/** Short localized time label, e.g. "9:00 a. m." / "09:00". */
-function minutesToLabel(minutes, locale) {
-    const h = Math.floor(minutes / 60);
-    const m = minutes % 60;
-    return new Intl.DateTimeFormat(locale, { hour: 'numeric', minute: '2-digit' }).format(new Date(2000, 0, 1, h, m));
-}
-/** Pick a readable text token for an arbitrary background color (YIQ luminance). */
-function readableText(bg) {
-    const hex = bg.replace('#', '').trim();
-    if (hex.length !== 3 && hex.length !== 6)
-        return 'var(--co-cal-event-text)';
-    const full = hex.length === 3 ? hex.split('').map((c) => c + c).join('') : hex;
-    const r = parseInt(full.slice(0, 2), 16);
-    const g = parseInt(full.slice(2, 4), 16);
-    const b = parseInt(full.slice(4, 6), 16);
-    const yiq = (r * 299 + g * 587 + b * 114) / 1000;
-    return yiq >= 150 ? 'var(--co-cal-event-text-dark)' : 'var(--co-cal-event-text-light)';
-}
-CoCalendarMonth.style = coCalendarMonthCss();
-
-exports.co_calendar_month = CoCalendarMonth;

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

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

package/dist/cobalt/p-002e5beb.entry.js

@@ -1 +0,0 @@
-import{r as e,c,h as o}from"./p-tT-aZV0-.js";const r=class{constructor(o){e(this,o),this.coChange=c(this,"coChange",7),this.checked=!1,this.indeterminate=!1,this.size="small",this.disabled=!1,this.value="",this.appearance="default",this.handleClick=()=>{this.disabled||(this.indeterminate?(this.indeterminate=!1,this.checked=!1,this.coChange.emit(!1)):(this.checked=!this.checked,this.coChange.emit(this.checked)))}}render(){const e="overlay"===this.appearance,c=this.onColor&&(this.checked||this.indeterminate)?{background:this.onColor}:void 0;return o("div",{key:"b52aa4d0412e9ab8b170f11d7a323bbbc80057e5",class:{"co-checkbox-row":!0,"co-checkbox-row--disabled":this.disabled},onClick:this.handleClick},o("span",{key:"d3a1caff03ad0358ea005bcb88a8ad607e9d3d24",role:"checkbox","aria-checked":this.indeterminate?"mixed":String(this.checked),"aria-label":this.label||"",class:{"co-checkbox":!0,[`co-checkbox--${this.size}`]:!0,"co-checkbox--overlay":e,"co-checkbox--checked":this.checked&&!this.indeterminate,"co-checkbox--indeterminate":this.indeterminate,"co-checkbox--disabled":this.disabled},style:c,part:"box"},e&&this.indeterminate&&o("svg",{key:"e6783c1035b4c9f8bb529b4a8f7efc75d9bb093a",class:"co-checkbox__glyph",viewBox:"0 0 16 16",fill:"none","aria-hidden":"true"},o("path",{key:"19c92d5cd4cbda22338c1a675cabf444e5f58bfc",d:"M3 8h10",stroke:"#fff","stroke-width":"2.2","stroke-linecap":"round"})),e&&this.checked&&!this.indeterminate&&o("svg",{key:"b84d28ddb24652658b0afc88bafce1a3ae7a83c6",class:"co-checkbox__glyph",viewBox:"0 0 16 16",fill:"none","aria-hidden":"true"},o("path",{key:"b5e21ca2634667abca82f16d30a6952ab8ccbc88",d:"M3.5 8.5l3 3 6-6.5",stroke:"#fff","stroke-width":"2.2","stroke-linecap":"round","stroke-linejoin":"round"}))),this.label&&o("span",{key:"f311bec251f6fd375d81dcd06cafdb380d6206f0",class:"co-checkbox__label",part:"label"},this.label))}};r.style=":host{display:inline-flex;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14);letter-spacing:var(--co-font-letter-spacing-body);line-height:1}.co-checkbox-row{display:flex;align-items:center;gap:var(--co-spacing-sm2);cursor:pointer}.co-checkbox-row--disabled{cursor:not-allowed}.co-checkbox__label{color:var(--co-semantic-text-secondary);font-size:var(--co-font-size-14);font-weight:400;line-height:1;white-space:nowrap;user-select:none}.co-checkbox-row--disabled .co-checkbox__label{color:var(--co-semantic-text-disabled)}.co-checkbox{position:relative;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;border:none;outline:none;padding:0;overflow:hidden;flex-shrink:0;box-sizing:border-box;transition:background 0.15s ease, border-color 0.15s ease}.co-checkbox--small{width:16px;height:16px;border-radius:var(--co-border-radius-xxs);}.co-checkbox--medium{width:20px;height:20px;border-radius:var(--co-spacing-sm);}.co-checkbox--large{width:24px;height:24px;border-radius:var(--co-spacing-sm);}.co-checkbox:not(.co-checkbox--checked){background:color-mix(in srgb, var(--co-semantic-surface-secondary) 35%, transparent);-webkit-backdrop-filter:blur(var(--co-glass-blur)) saturate(var(--co-glass-saturate));backdrop-filter:blur(var(--co-glass-blur)) saturate(var(--co-glass-saturate));border:1px solid var(--co-semantic-border-subtle)}.co-checkbox--checked{background:var(--co-semantic-surface-primary);border:none}.co-checkbox--checked::after{content:'';display:block;box-sizing:border-box;border-style:solid;border-color:var(--co-semantic-on-primary);border-width:0 0 1.5px 1.5px;transform:rotate(-45deg) translateY(-15%)}.co-checkbox--small.co-checkbox--checked::after{width:7px;height:4px}.co-checkbox--medium.co-checkbox--checked::after{width:8px;height:5px}.co-checkbox--large.co-checkbox--checked::after{width:10px;height:6px}.co-checkbox--indeterminate{background:var(--co-semantic-surface-primary);border:none}.co-checkbox--indeterminate::after{content:'';display:block;background:var(--co-semantic-on-primary);border-radius:1px}.co-checkbox--small.co-checkbox--indeterminate::after{width:8px;height:1.5px}.co-checkbox--medium.co-checkbox--indeterminate::after{width:10px;height:1.75px}.co-checkbox--large.co-checkbox--indeterminate::after{width:12px;height:2px}.co-checkbox--disabled{opacity:0.4;cursor:not-allowed;pointer-events:none}.co-checkbox--overlay{border-radius:6px}.co-checkbox--overlay.co-checkbox--small{width:20px;height:20px;border-radius:6px}.co-checkbox--overlay.co-checkbox--medium,.co-checkbox--overlay.co-checkbox--large{width:22px;height:22px;border-radius:6px}.co-checkbox--overlay:not(.co-checkbox--checked):not(.co-checkbox--indeterminate){background:rgba(255, 255, 255, 0.9);box-shadow:inset 0 0 0 1px var(--co-color-opacity-negro-16, rgba(31, 28, 27, 0.16));border:none}.co-checkbox--overlay.co-checkbox--checked,.co-checkbox--overlay.co-checkbox--indeterminate{background:var(--co-color-primary-azul, #2563eb);border:none;box-shadow:none}.co-checkbox--overlay.co-checkbox--checked::after,.co-checkbox--overlay.co-checkbox--indeterminate::after{content:none}.co-checkbox__glyph{display:block;width:100%;height:100%;pointer-events:none}@supports not (background: color-mix(in srgb, red, transparent)){.co-checkbox:not(.co-checkbox--checked){background:transparent}}";export{r as co_checkbox}

package/dist/cobalt/p-0c0621a7.entry.js

@@ -1 +0,0 @@
-import{r,h as e}from"./p-tT-aZV0-.js";const o=class{constructor(e){r(this,e)}render(){return e("hr",{key:"9e29bc7905c4b9d83846ea9e85021ae0f1e34fc3",class:"co-menu-divider",role:"separator"})}};o.style=":host{display:block}.co-menu-divider{border:0;border-top:1px solid var(--co-semantic-border-subtle, rgba(31, 28, 27, 0.08));margin:var(--co-spacing-xs, 4px) 0}";export{o as co_menu_divider}

package/dist/cobalt/p-13fc9c8a.entry.js

@@ -1 +0,0 @@
-import{r as e,c as t,h as a,a as r}from"./p-tT-aZV0-.js";import{R as o}from"./p-7FZXeBK4.js";const c=class{constructor(a){e(this,a),this.coInput=t(this,"coInput",7),this.coChange=t(this,"coChange",7),this.coFocus=t(this,"coFocus",7),this.coBlur=t(this,"coBlur",7),this.coClear=t(this,"coClear",7),this.value="",this.placeholder="",this.required=!1,this.disabled=!1,this.readonly=!1,this.rows=4,this.status="default",this.layout="vertical",this.size="md",this.clearable=!1,this.resize="vertical",this.hasFocus=!1,this.handleInput=e=>{this.value=e.target.value,this.coInput.emit(this.value)},this.handleFocus=()=>{this.hasFocus=!0,this.coFocus.emit()},this.handleBlur=()=>{this.hasFocus=!1,this.coChange.emit(this.value),this.coBlur.emit()},this.handleClear=()=>{var e;this.value="",this.coClear.emit(),this.coInput.emit(""),null===(e=this.textareaEl)||void 0===e||e.focus()}}get hasValue(){return null!=this.value&&""!==this.value}get charCount(){var e;return(null!==(e=this.value)&&void 0!==e?e:"").length}render(){const e=this.clearable&&this.hasValue&&!this.disabled&&!this.readonly,t=null!=this.maxLength&&this.charCount>this.maxLength,r="default"!==this.status?`co-textarea--${this.status}`:"";return a("div",{key:"cb418f5b90a1a22cdd5661d923fec6b5111d4f2f",class:{"co-textarea":!0,"co-textarea--disabled":this.disabled,"co-textarea--focused":this.hasFocus,"co-textarea--filled":this.hasValue,"co-textarea--over-limit":t,[`co-textarea--${this.size}`]:!0,[r]:!!r},part:"wrapper"},(this.label||this.secondaryLabel)&&a("div",{key:"400c4187c7c6614e4e843216b466a45fdbb49d2b",class:"co-textarea__labels"},this.label&&a("label",{key:"a1e0e0fac2cd0c8645a89aba1367881e6f907005",class:"co-textarea__label",part:"label"},this.label,a(o,{key:"07870f276a4d35f35072dab6c8ee726079c34be5",required:this.required})),this.secondaryLabel&&a("span",{key:"ddcfffd9e502787acc434e4dd78abac7193b19cd",class:"co-textarea__secondary-label"},this.secondaryLabel)),a("div",{key:"4a315f9667d81b1aed6be91ed08095666bc69c37",class:"co-textarea__field",part:"field"},a("textarea",{key:"b0c69a6c064a04c7f487b8d48897f0882d15a8ad",ref:e=>this.textareaEl=e,class:{"co-textarea__native":!0,[`co-textarea__native--resize-${this.resize}`]:!0},rows:this.rows,value:this.value,placeholder:this.placeholder,disabled:this.disabled,readOnly:this.readonly,required:this.required,"aria-invalid":"error"===this.status||t?"true":"false",onInput:this.handleInput,onFocus:this.handleFocus,onBlur:this.handleBlur,part:"input"}),e&&a("button",{key:"b832c62e32fe0bf0e2343c71cec9755ecb68537c",class:"co-textarea__clear",type:"button",tabIndex:-1,onClick:this.handleClear,"aria-label":"Clear"},a("co-icon",{key:"e0d6673bb0d29ddabb83ebff4bce9dcb1dce5408",name:"x-circle",size:16,weight:"fill"}))),(this.helperText||null!=this.maxLength)&&a("div",{key:"2f30b4a7923e78ee4c60fd40bbf891607978e961",class:"co-textarea__footer"},this.helperText&&a("div",{key:"7de370940c99f30fad34e6b40911f190b38eb9b5",class:{"co-textarea__helper":!0,"co-textarea__helper--error":"error"===this.status},part:"helper"},"error"===this.status&&a("co-icon",{key:"57e658fc2c65c787f11eaf10a56ac25358467710",name:"warning-circle",size:14,class:"co-textarea__helper-icon"}),a("span",{key:"53f33d1e87ac75b87019843b8ffbd56e15fd998a",class:"co-textarea__helper-text"},this.helperText)),null!=this.maxLength&&a("span",{key:"80f731565f9fb3d99539ee06bc6bd6285736dbde",class:{"co-textarea__counter":!0,"co-textarea__counter--over":t},part:"counter"},this.charCount,"/",this.maxLength)))}get el(){return r(this)}};c.style=":host{display:block;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14);letter-spacing:var(--co-font-letter-spacing-body);line-height:1}.co-textarea{display:flex;flex-direction:column;gap:var(--co-spacing-sm2)}.co-textarea__labels{display:flex;align-items:center;justify-content:space-between;padding:0 var(--co-spacing-xs);gap:var(--co-spacing-sm2)}.co-textarea__label{color:var(--co-semantic-text-secondary);font-size:var(--co-font-size-14);font-weight:400;letter-spacing:var(--co-font-letter-spacing-body);line-height:1;white-space:nowrap;cursor:default}.co-textarea__secondary-label{color:var(--co-semantic-text-secondary);font-size:var(--co-font-size-14);font-weight:400;letter-spacing:var(--co-font-letter-spacing-body);line-height:1;white-space:nowrap;text-align:right}.co-field-required{margin-left:2px;color:var(--co-color-status-error)}.co-field-required__caption{margin-left:4px;color:var(--co-semantic-text-muted);font-size:var(--co-font-size-12);font-weight:400}.co-field-required__caption::before{content:var(--co-field-required-text, ' (required)')}.co-textarea__field{position:relative;display:flex;background:color-mix(in srgb, var(--co-semantic-surface-secondary) 55%, transparent);-webkit-backdrop-filter:blur(var(--co-glass-blur)) saturate(var(--co-glass-saturate));backdrop-filter:blur(var(--co-glass-blur)) saturate(var(--co-glass-saturate));border:1px solid var(--co-semantic-border-subtle);border-radius:var(--co-border-radius-xs);transition:border-color 0.15s ease, box-shadow 0.15s ease;box-sizing:border-box;overflow:hidden}.co-textarea__native{width:100%;border:none;outline:none;background:transparent;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14);font-weight:400;line-height:1.5;color:var(--co-semantic-text-default);padding:var(--co-spacing-sm2) var(--co-spacing-md);margin:0;box-sizing:border-box}.co-textarea__native::placeholder{color:var(--co-semantic-text-muted)}.co-textarea--s .co-textarea__native{padding:var(--co-spacing-xxs) var(--co-spacing-sm);font-size:var(--co-font-size-12)}.co-textarea--sm .co-textarea__native{padding:var(--co-spacing-xs) var(--co-spacing-sm);font-size:var(--co-font-size-14)}.co-textarea--lg .co-textarea__native{padding:var(--co-spacing-sm) var(--co-spacing-lg);font-size:var(--co-font-size-16)}.co-textarea__native--resize-vertical{resize:vertical}.co-textarea__native--resize-none{resize:none}.co-textarea__native--resize-both{resize:both}.co-textarea__clear{position:absolute;top:var(--co-spacing-sm2);right:var(--co-spacing-sm2);display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;border-radius:var(--co-border-radius-xxs);background:transparent;color:var(--co-semantic-text-muted);cursor:pointer;padding:0;transition:color 0.15s ease, background 0.15s ease}.co-textarea__clear:hover{color:var(--co-semantic-text-default);background:var(--co-semantic-surface-hover)}.co-textarea__footer{display:flex;align-items:center;justify-content:space-between;padding:0 var(--co-spacing-xs);gap:var(--co-spacing-md)}.co-textarea__helper{display:flex;align-items:center;gap:var(--co-spacing-xs);flex:1;min-width:0}.co-textarea__helper-icon{flex-shrink:0;color:var(--co-semantic-text-muted);display:flex;align-items:center}.co-textarea__helper-text{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14);font-weight:400;line-height:1;letter-spacing:var(--co-font-letter-spacing-body)}.co-textarea__counter{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-12, 12px);font-weight:400;line-height:1;white-space:nowrap;flex-shrink:0}.co-textarea__counter--over{color:var(--co-color-status-error);font-weight:500}.co-textarea--focused .co-textarea__field{border-color:var(--co-semantic-border-focus);box-shadow:0 0 0 2px var(--co-semantic-border-focus-ring)}.co-textarea--disabled{opacity:0.6;pointer-events:none}.co-textarea--disabled .co-textarea__field{background:var(--co-semantic-surface-disabled);border-color:transparent}.co-textarea--error .co-textarea__field{border-color:var(--co-semantic-status-error)}.co-textarea--error.co-textarea--focused .co-textarea__field{border-color:var(--co-semantic-status-error);box-shadow:0 0 0 2px rgba(170, 46, 27, 0.12)}.co-textarea--error .co-textarea__helper-icon,.co-textarea--error .co-textarea__helper-text{color:var(--co-semantic-status-error)}.co-textarea--success .co-textarea__field{border-color:var(--co-semantic-status-success)}.co-textarea--success.co-textarea--focused .co-textarea__field{border-color:var(--co-semantic-status-success);box-shadow:0 0 0 2px rgba(10, 119, 36, 0.12)}.co-textarea--warning .co-textarea__field{border-color:var(--co-semantic-status-warning)}.co-textarea--warning.co-textarea--focused .co-textarea__field{border-color:var(--co-semantic-status-warning);box-shadow:0 0 0 2px rgba(253, 191, 0, 0.12)}.co-textarea--over-limit .co-textarea__field{border-color:var(--co-semantic-status-error)}:host([layout='horizontal']) .co-textarea{display:grid;grid-template-columns:var(--co-field-label-width, max-content) 1fr;align-items:start;column-gap:var(--co-spacing-md);row-gap:var(--co-spacing-sm2)}:host([layout='horizontal']) .co-textarea__labels{grid-column:1;grid-row:1;padding-top:var(--co-spacing-sm2);min-width:0}:host([layout='horizontal']) .co-textarea__label{white-space:normal}:host([layout='horizontal']) .co-textarea>:not(.co-textarea__labels){grid-column:2;min-width:0}@supports not (background: color-mix(in srgb, red, transparent)){.co-textarea__field{background:var(--co-semantic-surface-secondary)}}";export{c as co_textarea}