@prolibu-suite/cobalt-core 0.1.2 → 0.3.0

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

@@ -0,0 +1,39 @@
+/**
+ * Built-in UI string dictionary for the date components (co-calendar,
+ * co-date-field, co-date-picker, co-date-range-picker).
+ *
+ * Strategy: the components ship es/en/pt strings keyed by the `locale` prop,
+ * with per-string prop overrides for full host control. Month/weekday NAMES and
+ * date order are NOT here — those come from `Intl` (locale-driven) in
+ * cobalt-date-utils. This dictionary is only for fixed UI text + aria labels.
+ */
+export interface DateStrings {
+    prevMonth: string;
+    nextMonth: string;
+    dateLabel: string;
+    clearDate: string;
+    today: string;
+    yesterday: string;
+    last7Days: string;
+    last14Days: string;
+    last30Days: string;
+    last90Days: string;
+    thisWeek: string;
+    thisMonth: string;
+    lastMonth: string;
+    thisYear: string;
+    lastYear: string;
+    custom: string;
+    apply: string;
+    cancel: string;
+    clear: string;
+    from: string;
+    to: string;
+    selectDate: string;
+    setDate: string;
+}
+export type DateLang = 'es' | 'en' | 'pt';
+/** Map any BCP-47 locale (e.g. "es-CO") to a supported language; fallback 'en'. */
+export declare function langFromLocale(locale: string | undefined): DateLang;
+/** Resolve the built-in UI strings for a locale. */
+export declare function getDateStrings(locale?: string): DateStrings;

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

@@ -0,0 +1,37 @@
+import { FunctionalComponent } from '../stencil-public-runtime';
+/**
+ * Shared selected-value chip for co-* form fields (Figma "Tipo=Chips",
+ * node 780:26592): subtle-background pill, 14px label, x-circle remove icon.
+ * Used by `co-ref-field` (multiple selection) and `co-tags-field` (free tags).
+ *
+ * Same precedent as `RequiredMark` (`.co-field-required`): this only renders
+ * the markup — the pill styling lives in each component's own CSS under its
+ * existing BEM classes (`{baseClass}`, `{baseClass}-label`, `{baseClass}-remove`),
+ * passed in via `baseClass` so the established selectors keep working.
+ *
+ * Component-specific extras stay in the consumer:
+ * - co-ref-field: leading avatar / color-dot (passed as children) and the
+ *   responsive "+N" overflow badge (`--avatar` / `--clipped` modifiers).
+ * - co-tags-field: double-click inline editing (`onChipDblClick`).
+ */
+export interface FieldChipProps {
+    /** BEM base class, e.g. `'co-ref-field__chip'`. Child elements use
+     *  `{baseClass}-label` and `{baseClass}-remove`. */
+    baseClass: string;
+    /** Chip text. */
+    label: string;
+    /** Extra modifier classes applied to the pill root (e.g. `--clipped`). */
+    modifiers?: {
+        [className: string]: boolean;
+    };
+    /** Tooltip (native `title` attribute). */
+    title?: string;
+    /** vdom key when rendering chip lists. */
+    key?: string;
+    /** When provided, renders the x-circle remove button. The handler should
+     *  `stopPropagation()` if the chip sits inside a clickable trigger. */
+    onRemove?: (e: MouseEvent) => void;
+    /** Double-click on the pill (co-tags-field inline editing). */
+    onChipDblClick?: (e: MouseEvent) => void;
+}
+export declare const FieldChip: FunctionalComponent<FieldChipProps>;

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

@@ -0,0 +1,34 @@
+/**
+ * Built-in UI string dictionary for co-file-field.
+ *
+ * Strategy mirrors dateI18n: the component ships es/en/pt strings keyed by the
+ * `locale` prop, with per-string prop overrides (uploadButtonText, dropText,
+ * uploadedTitle, helperText) for full host control. Templates use `{n}` (max
+ * files) and `{x}` (formatted max size) placeholders.
+ */
+export interface FileStrings {
+    uploadButton: string;
+    dropHint: string;
+    helperBoth: string;
+    helperFiles: string;
+    helperBytes: string;
+    uploadedTitle: string;
+    removeFile: string;
+    copyUrl: string;
+    copied: string;
+    dragToReorder: string;
+    openPreview: string;
+    errInvalidFormat: string;
+    errTooLarge: string;
+    errMaxFiles: string;
+}
+export type FileLang = 'es' | 'en' | 'pt';
+/** Map any BCP-47 locale (e.g. "es-CO") to a supported language; fallback 'en'. */
+export declare function langFromLocale(locale: string | undefined): FileLang;
+/** Resolve the built-in UI strings for a locale. */
+export declare function getFileStrings(locale?: string): FileStrings;
+/** Fill the `{n}` / `{x}` placeholders of a template string. */
+export declare function fillTemplate(tpl: string, vars: {
+    n?: number | string;
+    x?: string;
+}): string;

package/dist/types/utils/icon-config.d.ts

@@ -0,0 +1,31 @@
+declare global {
+    var __cobaltIconBasePath: string | undefined;
+    var __cobaltIconVersion: string | undefined;
+}
+/**
+ * Override the base URL used by `<co-icon>` to resolve Phosphor SVG assets.
+ *
+ * Call once at app startup before any icon renders.
+ * The path should point to a directory containing `regular/`, `bold/`, `fill/`, etc.
+ * A trailing slash is optional — it will be normalized.
+ *
+ * @example
+ * // Serve icons from your own public folder:
+ * setIconBasePath('/phosphor')
+ *
+ * // Or from a custom CDN:
+ * setIconBasePath('https://my-cdn.com/phosphor-icons/2.1.1/assets')
+ */
+export declare function setIconBasePath(path: string): void;
+/** Returns the current icon base path (default: jsDelivr CDN). */
+export declare function getIconBasePath(): string;
+/**
+ * Optional cache-bust token appended to icon URLs as `?v=<version>`.
+ *
+ * Bump it whenever the underlying Phosphor SVG assets change (e.g. a version
+ * upgrade) so a long-lived / `immutable` HTTP cache doesn't serve stale icons.
+ * Call once at app startup.
+ *
+ * @example setIconVersion('2.1.1')
+ */
+export declare function setIconVersion(version: string): void;

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

@@ -0,0 +1,12 @@
+export interface LightboxStrings {
+    close: string;
+    prevImage: string;
+    nextImage: string;
+    zoomIn: string;
+    zoomOut: string;
+    zoomReset: string;
+    openOriginal: string;
+    counter: string;
+}
+/** Resolve the built-in UI strings for a locale. */
+export declare function getLightboxStrings(locale?: string): LightboxStrings;

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

@@ -0,0 +1,41 @@
+/**
+ * Text normalization for accent/case-insensitive matching, shared by every
+ * component that filters options by a typed query (co-select, co-combobox,
+ * co-sidebar-nav, co-command-search, co-phone-field, co-column-picker).
+ *
+ * Strips diacritics via NFD decomposition + combining-mark removal so "mexico"
+ * matches "México", "espana" matches "España" and "camerun" matches
+ * "Camerún", then lowercases. Single source of truth.
+ */
+export declare function normalizeText(str: string): string;
+/** Diacritic/case-insensitive substring test (`needle` found in `haystack`). */
+export declare function textIncludes(haystack: string, needle: string): boolean;
+/**
+ * Relevance score of `query` against `label` (diacritic/case-insensitive):
+ *   4 = exact · 3 = label starts with query · 2 = a word in the label starts
+ *   with query · 1 = substring anywhere · 0 = no match.
+ * An empty query scores 1 (neutral). Used to rank autocomplete results so
+ * "me" surfaces "México" above "Camerún".
+ */
+export declare function matchScore(label: string, query: string): number;
+/**
+ * Split `label` into the segment before / matching / after the first
+ * (diacritic/case-insensitive) occurrence of `query`, for highlighting. The
+ * returned slices come from the ORIGINAL label (accents intact) — we map the
+ * match position from the normalized string back to original codepoints, since
+ * stripping diacritics can shift indices. Returns null when there is no match
+ * or the query is empty.
+ */
+export declare function highlightMatch(label: string, query: string): {
+    pre: string;
+    match: string;
+    post: string;
+} | null;
+/**
+ * Filter `items` to those matching `query` and sort by relevance (best first),
+ * stable within a score tier (original order preserved on ties). `getText`
+ * returns the text to match — a string, or an array of fields (the best score
+ * across them wins, e.g. a country's name + dial code + ISO). Empty query
+ * returns the list unchanged.
+ */
+export declare function rankByMatch<T>(items: T[], query: string, getText: (item: T) => string | string[]): T[];

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

@@ -0,0 +1,17 @@
+import { OverlayScrollbars } from 'overlayscrollbars';
+/**
+ * Initialize a floating, auto-hide OverlayScrollbars instance on `target`.
+ * Shared by co-* components so the theme/behavior stays consistent and the
+ * fiddly init config lives in one place.
+ *
+ * The scrollbar overlays the content (no reserved gutter) and scrolls natively
+ * under the hood — so virtual/infinite scrolling keeps working. `onScroll`
+ * receives the OS viewport element: read `scrollTop` / `scrollHeight` /
+ * `clientHeight` from IT (OS moves the real scrolling there, so a native
+ * `onScroll` on the host no longer fires).
+ *
+ * Requires the OverlayScrollbars CSS + the `.os-scrollbar.os-theme-co` theme to
+ * be present in the component's shadow root (each co-* CSS @imports them).
+ */
+export declare function initOverlayScroll(target: HTMLElement, onScroll?: (viewport: HTMLElement) => void): OverlayScrollbars;
+export type OverlayScrollInstance = ReturnType<typeof initOverlayScroll>;

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

@@ -22,22 +22,15 @@ export interface PositionResult {
  * Calculate top/left for a fixed-position panel relative to a trigger.
  */
 export declare function computePosition(triggerRect: DOMRect, panelRect: DOMRect, options: PositionOptions): PositionResult;
-/**
- * Walk up the FLATTENED tree (after slot projection) to find the nearest
- * ancestor that creates a containing block for `position: fixed`. Per CSS spec,
- * `transform`, `perspective`, `filter`, `backdrop-filter`,
- * `contain: paint|layout|strict|content`, or `will-change: transform` all trap
- * `position: fixed`.
- *
- * The flattened tree differs from the DOM tree in two places:
- *   1. Shadow boundaries: `parentElement` stops at the shadow root, so we
- *      fall back to `getRootNode().host`.
- *   2. Slot projection: a slotted child's visual parent is the slot's parent
- *      INSIDE the host's shadow, not its DOM parent. We use `assignedSlot`
- *      to follow that projection.
- */
 export declare function getOffsetAncestor(el: HTMLElement): HTMLElement | null;
 /**
  * Find the nearest ancestor of `start` that scrolls (overflow).
+ *
+ * Walks the FLATTENED tree (via {@link flattenedParent}) so it can reach a
+ * scroll container that lives in an ancestor's shadow DOM — e.g. `co-popover`
+ * slotted into a `<co-drawer>`/`<co-modal>` whose `__body` (the actual scroller)
+ * is inside the host's shadow. A plain `parentNode` walk never reaches it, which
+ * left popovers detached on modal-body scroll (scroll events are not composed,
+ * so the window capture listener never sees them either).
  */
 export declare function findNearestScrollParent(start: Element): Element | null;

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

@@ -0,0 +1,13 @@
+import { FunctionalComponent } from '../stencil-public-runtime';
+/**
+ * Shared required-field indicator for every co-* form field, so they all render
+ * the same `* (required)` marker. The asterisk is literal; the "(required)"
+ * caption text comes from the `--co-field-required-text` CSS custom property
+ * (host app sets it per locale) with an English fallback. Styling lives in the
+ * `.co-field-required` / `.co-field-required__caption` rules each component's
+ * CSS carries (next to the `::before` content rule) — NOT inline, so hosts can
+ * restyle via `::part(required)`.
+ */
+export declare const RequiredMark: FunctionalComponent<{
+    required?: boolean;
+}>;

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

@@ -0,0 +1,130 @@
+/**
+ * Built-in UI string dictionary for the rich-text components
+ * (co-rich-text-editor, co-rich-text-toolbar).
+ *
+ * Follows the same pattern as dateI18n.ts: components ship es/en/pt strings
+ * keyed by the `locale` prop, with English as the default.
+ */
+export interface RichTextStrings {
+    bold: string;
+    italic: string;
+    underline: string;
+    strikethrough: string;
+    code: string;
+    styles: string;
+    normalText: string;
+    title: string;
+    subtitle: string;
+    heading3: string;
+    fontSize: string;
+    font: string;
+    systemFonts: string;
+    bulletList: string;
+    orderedList: string;
+    taskList: string;
+    disc: string;
+    circle: string;
+    square: string;
+    strikeOnComplete: string;
+    noStrikethrough: string;
+    quote: string;
+    codeBlock: string;
+    horizontalRule: string;
+    link: string;
+    image: string;
+    youtubeVideo: string;
+    iframeEmbed: string;
+    table: string;
+    textColor: string;
+    highlight: string;
+    backgroundColor: string;
+    removeColor: string;
+    noColor: string;
+    alignment: string;
+    left: string;
+    center: string;
+    right: string;
+    justify: string;
+    alignLeft: string;
+    alignRight: string;
+    lineSpacing: string;
+    single: string;
+    double: string;
+    letterSpacing: string;
+    normal: string;
+    tight: string;
+    light: string;
+    wide: string;
+    veryWide: string;
+    increaseIndent: string;
+    decreaseIndent: string;
+    callout: string;
+    info: string;
+    warning: string;
+    success: string;
+    error: string;
+    undo: string;
+    redo: string;
+    addColumnAfter: string;
+    addColumnBefore: string;
+    deleteColumn: string;
+    addRowAfter: string;
+    addRowBefore: string;
+    addRowAbove: string;
+    addRowBelow: string;
+    deleteRow: string;
+    deleteTable: string;
+    mergeCells: string;
+    splitCell: string;
+    headerRow: string;
+    tableHeaderLabel: string;
+    tableOptions: string;
+    add: string;
+    remove: string;
+    cancel: string;
+    back: string;
+    createTable: string;
+    configureTable: string;
+    grid: string;
+    manual: string;
+    includeHeaderRow: string;
+    selectSize: string;
+    changeSelection: string;
+    columns: string;
+    rows: string;
+    youtubeUrlPlaceholder: string;
+    iframeUrlPlaceholder: string;
+    imageUrlPlaceholder: string;
+    sizePlaceholder: string;
+    lineSpacingPlaceholder: string;
+    letterSpacingPlaceholder: string;
+    uploadFromComputer: string;
+    viaUrl: string;
+    moreOptions: string;
+    superscript: string;
+    subscript: string;
+    clearFormat: string;
+    fontWeight: string;
+    writeSize: string;
+    searchFont: string;
+    noResults: string;
+    loadingFonts: string;
+    importedFonts: string;
+    unlinkLink: string;
+    heading1: string;
+    heading2: string;
+    headingAbbr1: string;
+    headingAbbr2: string;
+    headingAbbr3: string;
+    stylesPrefix: string;
+    imageLayoutInline: string;
+    imageLayoutWrapLeft: string;
+    imageLayoutWrapRight: string;
+    imageLayoutCenter: string;
+    imageLayoutFullWidth: string;
+}
+export type RichTextLang = 'es' | 'en' | 'pt';
+/** Map any BCP-47 locale (e.g. "es-CO") to a supported language; fallback 'en'. */
+export declare function langFromLocale(locale: string | undefined): RichTextLang;
+/** Resolve the built-in UI strings for a locale. */
+export declare function getRichTextStrings(locale?: string): RichTextStrings;

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

@@ -0,0 +1,31 @@
+/**
+ * Pure gesture math for co-bottom-sheet (DOM-free, unit-tested).
+ * Velocity in px/ms; positive y/velocity = downward (toward dismissal).
+ */
+export declare const DISMISS_VELOCITY = 0.5;
+export declare const CANCEL_VELOCITY = -0.15;
+export declare const DISMISS_RATIO = 0.45;
+export declare const MIN_FLICK_OFFSET = 24;
+export interface VelocityTracker {
+    add(t: number, y: number): void;
+    /** px/ms over the recent window; 0 with fewer than 2 samples or dt < 8ms. */
+    velocity(): number;
+    reset(): void;
+}
+export declare function createVelocityTracker(windowMs?: number, maxSamples?: number): VelocityTracker;
+/**
+ * iOS-like drag resistance: monotonic, asymptotically approaches `limit`.
+ * rubberBand(0) = 0; rubberBand(∞) → limit.
+ */
+export declare function rubberBand(overdrag: number, limit?: number): number;
+export interface ReleaseInput {
+    /** Current downward offset of the sheet in px (>= 0). */
+    offset: number;
+    /** Sheet height captured at gesture start. */
+    height: number;
+    /** Release velocity in px/ms (positive = downward). */
+    velocity: number;
+    /** When false the sheet always restores (gesture-resist mode). */
+    dismissible: boolean;
+}
+export declare function decideRelease({ offset, height, velocity, dismissible }: ReleaseInput): 'dismiss' | 'restore';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prolibu-suite/cobalt-core",
-  "version": "0.1.2",
+  "version": "0.3.0",
   "description": "Cobalt Design System — Framework-agnostic Web Components built with Stencil",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -11,6 +11,10 @@
       "import": "./dist/index.js",
       "require": "./dist/index.cjs.js"
     },
+    "./icon-config": {
+      "types": "./dist/types/utils/icon-config.d.ts",
+      "import": "./dist/collection/utils/icon-config.js"
+    },
     "./loader": {
       "types": "./loader/index.d.ts",
       "import": "./loader/index.js",
@@ -44,6 +48,11 @@
   "license": "MIT",
   "dependencies": {
     "@phosphor-icons/core": "^2.1.1",
+    "dompurify": "^3.2.6",
+    "overlayscrollbars": "^2.16.0",
+    "@prolibu-suite/cobalt-calendar-utils": "0.1.0",
+    "@prolibu-suite/cobalt-rich-text": "0.1.1",
+    "@prolibu-suite/cobalt-date-utils": "0.1.1",
     "@prolibu-suite/cobalt-tokens": "0.1.1"
   },
   "devDependencies": {

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

@@ -1,75 +0,0 @@
-'use strict';
-
-var index = require('./index-BEovErzl.js');
-
-const coDrawerCss = () => `:host{display:contents}.co-drawer{position:fixed;background:var(--co-semantic-surface-page);display:flex;flex-direction:column;font-family:var(--co-font-family-primary);transition:transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);overflow:hidden;will-change:transform;z-index:1}.co-drawer--right{top:0;right:0;margin:6px;height:100vh;height:-webkit-fill-available;border-radius:24px;transform:translateX(calc(100% + 12px));box-shadow:0 4px 24px rgba(0, 0, 0, 0.12)}.co-drawer--right.co-drawer--open{transform:translateX(0)}.co-drawer--left{top:0;left:0;margin:6px;height:100vh;height:-webkit-fill-available;border-radius:24px;transform:translateX(calc(-100% - 12px));box-shadow:0 4px 24px rgba(0, 0, 0, 0.12)}.co-drawer--left.co-drawer--open{transform:translateX(0)}.co-drawer--bottom{bottom:0;left:0;right:0;margin:6px;width:auto;transform:translateY(calc(100% + 12px));box-shadow:0 -4px 24px rgba(0, 0, 0, 0.12);border-radius:24px}.co-drawer--bottom.co-drawer--open{transform:translateY(0)}.co-drawer--right.co-drawer--sm,.co-drawer--left.co-drawer--sm{width:400px;max-width:100vw}.co-drawer--right.co-drawer--md,.co-drawer--left.co-drawer--md{width:520px;max-width:100vw}.co-drawer--right.co-drawer--lg,.co-drawer--left.co-drawer--lg{width:720px;max-width:100vw}.co-drawer--right.co-drawer--xl,.co-drawer--left.co-drawer--xl{width:960px;max-width:100vw}.co-drawer--right.co-drawer--full,.co-drawer--left.co-drawer--full{width:100vw}.co-drawer--bottom.co-drawer--sm{height:40vh}.co-drawer--bottom.co-drawer--md{height:60vh}.co-drawer--bottom.co-drawer--lg{height:80vh}.co-drawer--bottom.co-drawer--xl{height:95vh}.co-drawer--bottom.co-drawer--full{height:100vh}.co-drawer__header{display:flex;align-items:center;gap:var(--co-spacing-md);padding:var(--co-spacing-lg) var(--co-spacing-xl);border-bottom:1px solid var(--co-semantic-border-default);flex-shrink:0}.co-drawer__header-content{flex:1;min-width:0}.co-drawer__heading{margin:0;font-size:var(--co-font-size-18);font-weight:600;color:var(--co-semantic-text-default);line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.co-drawer__close{display:flex;align-items:center;justify-content:center;padding:var(--co-spacing-xs);margin:0;border:none;background:transparent;cursor:pointer;color:var(--co-semantic-text-muted);border-radius:var(--co-border-radius-sm);transition:background 0.1s ease;flex-shrink:0}.co-drawer__close:hover{background:var(--co-semantic-surface-hover)}.co-drawer__close:focus-visible{outline:2px solid var(--co-color-primary-azul);outline-offset:2px}.co-drawer__tabs{flex-shrink:0;border-bottom:1px solid var(--co-semantic-border-default)}.co-drawer__tabs:empty{display:none}.co-drawer__body{flex:1;overflow-y:auto;padding:var(--co-spacing-xl);position:relative}.co-drawer__footer{display:flex;justify-content:flex-end;align-items:center;gap:var(--co-spacing-md);padding:var(--co-spacing-lg) var(--co-spacing-xl);border-top:1px solid var(--co-semantic-border-default);flex-shrink:0}.co-drawer__footer:empty{display:none}@media (max-width: 600px){.co-drawer--right,.co-drawer--left{width:100vw !important}}`;
-
-const CoDrawer = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.coClose = index.createEvent(this, "coClose", 7);
-        this.coOpen = index.createEvent(this, "coOpen", 7);
-        this.coAfterOpen = index.createEvent(this, "coAfterOpen", 7);
-        this.coAfterClose = index.createEvent(this, "coAfterClose", 7);
-        /** Whether the drawer is visible */
-        this.open = false;
-        /** Side from which the drawer slides in */
-        this.position = 'right';
-        /** Predefined sizes — sm 400 / md 520 / lg 720 / xl 960 / full 100% */
-        this.size = 'md';
-        /** Drawer title (used when `header` slot is empty) */
-        this.heading = '';
-        /** Show close (X) button in header */
-        this.closable = true;
-        /** Close when clicking the backdrop */
-        this.closeOnOverlay = true;
-        /** Close when pressing Escape */
-        this.closeOnEscape = true;
-        /** Show a loading overlay over the body */
-        this.loading = false;
-        this.handleOverlayClose = () => {
-            if (this.closeOnOverlay)
-                this.coClose.emit();
-        };
-        this.handleCloseClick = () => {
-            this.coClose.emit();
-        };
-        this.stopPropagation = (e) => {
-            e.stopPropagation();
-        };
-        this.handleTransitionEnd = (e) => {
-            if (e.propertyName !== 'transform')
-                return;
-            if (this.open)
-                this.coAfterOpen.emit();
-            else
-                this.coAfterClose.emit();
-        };
-    }
-    onOpenChange(next, prev) {
-        if (next && !prev)
-            this.coOpen.emit();
-    }
-    handleKey(e) {
-        if (this.open && this.closeOnEscape && e.key === 'Escape') {
-            this.coClose.emit();
-        }
-    }
-    render() {
-        return (index.h("co-overlay", { key: '7f8f76010bc12983c86d0d38bbdb2f73d4f9a30f', open: this.open, onCoClose: this.handleOverlayClose }, index.h("aside", { key: '690c564145cf4b6dcad6f2fd69837f215cc9dff1', class: {
-                'co-drawer': true,
-                'co-drawer--open': this.open,
-                [`co-drawer--${this.position}`]: true,
-                [`co-drawer--${this.size}`]: true,
-            }, part: "drawer", role: "dialog", "aria-modal": "true", "aria-labelledby": "co-drawer-heading", onClick: this.stopPropagation, onTransitionEnd: this.handleTransitionEnd }, index.h("header", { key: '25bde1a909e3193f58b69b51a96ddc7047b127ad', class: "co-drawer__header", part: "header" }, index.h("div", { key: '8275159a2f5014beeccfa91e3f38e4553a8d4767', class: "co-drawer__header-content" }, index.h("slot", { key: 'c2c820b841b5db2967a33d14a95e17a4ab81c85a', name: "header" }, index.h("h2", { key: '9dd5bc6c6e5a7f82693a44b5ce3b325bf46df2d5', class: "co-drawer__heading", id: "co-drawer-heading" }, this.heading))), this.closable && (index.h("button", { key: 'e9f45d205e7ebf8518b7648b4173d265a781f692', class: "co-drawer__close", type: "button", "aria-label": "Close", onClick: this.handleCloseClick }, index.h("co-icon", { key: '35f4e707c886934c2bbc197e82e9962d0a0239ac', name: "x", size: 20 })))), index.h("div", { key: '7aa4cb9b859aead97347f2a9b2a95f905fee2c8d', class: "co-drawer__tabs", part: "tabs" }, index.h("slot", { key: '76337250192da2fac77af76c0ea05d16acb6ea80', name: "tabs" })), index.h("div", { key: '7ed67e52ee496ab545d40c0869a427a50fc1b4d5', class: "co-drawer__body", part: "body" }, index.h("slot", { key: '433ba3a19c5a8b534907c2ca366b05e63fcf3e20' }), index.h("co-loader", { key: '0e0c33ca5205450f700e35e5664fb0d55c8ec0a6', overlay: true, visible: this.loading, part: "loader" })), index.h("footer", { key: '88e2e9a8f5fc3b8e8fc4875d0eaf5a0953000f01', class: "co-drawer__footer", part: "footer" }, index.h("slot", { key: 'edf5528718a7ddd392776241efc248af028bbecf', name: "footer" })))));
-    }
-    get el() { return index.getElement(this); }
-    static get watchers() { return {
-        "open": [{
-                "onOpenChange": 0
-            }]
-    }; }
-};
-CoDrawer.style = coDrawerCss();
-
-exports.co_drawer = CoDrawer;

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

@@ -1,34 +0,0 @@
-'use strict';
-
-var index = require('./index-BEovErzl.js');
-
-const coLoaderCss = () => `:host{display:contents;--co-loader-ball:15px;--co-loader-step:25px;--co-loader-text:var(--co-font-size-14);--co-loader-gap:10px}:host([size="sm"]){--co-loader-ball:8px;--co-loader-step:14px;--co-loader-text:var(--co-font-size-12);--co-loader-gap:6px}:host([size="lg"]){--co-loader-ball:20px;--co-loader-step:33px;--co-loader-gap:12px}.co-loader{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--co-loader-gap)}.co-loader--overlay{position:absolute;inset:0;background:rgba(255, 255, 255, 0.72);z-index:10}.co-loader__balls{position:relative;width:calc(var(--co-loader-step) * 3);height:var(--co-loader-ball)}.co-loader__ball{position:absolute;width:var(--co-loader-ball);height:var(--co-loader-ball);border-radius:50%;animation:co-loader-bounce 2s infinite cubic-bezier(0.28, 0.84, 0.42, 1)}.co-loader__ball--blue{background-color:#4285f4}.co-loader__ball--yellow{background-color:#fdbd00;animation-delay:0.4s}.co-loader__ball--red{background-color:#d4145a;animation-delay:0.8s}.co-loader__text{margin:0;font-family:var(--co-font-family-primary);font-size:var(--co-loader-text);color:var(--co-semantic-text-secondary);text-align:center;white-space:pre-line}@keyframes co-loader-bounce{0%,100%{transform:translateX(0) scale(1)}25%{transform:translateX(var(--co-loader-step)) scale(1.2)}50%{transform:translateX(calc(var(--co-loader-step) * 2)) scale(0.8)}75%{transform:translateX(var(--co-loader-step)) scale(1.2)}}`;
-
-const CoLoader = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        /** Show the loader. When false the component renders nothing so it doesn't
-         *  hold layout space or run animations while hidden. */
-        this.visible = true;
-        /** Render as an absolute-positioned overlay over the nearest positioned
-         *  ancestor. When false (default) the loader is inline. */
-        this.overlay = false;
-        /** Size of the ball animation. `sm` ~42px wide for tight UI like dropdown
-         *  bodies; `md` (default) ~75px for drawers/boot; `lg` ~100px for big
-         *  empty screens. */
-        this.size = 'md';
-        /** Optional text label below the balls. Multi-line is supported. */
-        this.text = '';
-        /** CSS color for the overlay backdrop. Only applied when `overlay=true`. */
-        this.background = '';
-    }
-    render() {
-        if (!this.visible)
-            return null;
-        const style = this.overlay && this.background ? { background: this.background } : undefined;
-        return (index.h("div", { class: { 'co-loader': true, 'co-loader--overlay': this.overlay }, style: style, part: "root", role: "status", "aria-live": "polite" }, index.h("div", { class: "co-loader__balls", part: "balls" }, index.h("span", { class: "co-loader__ball co-loader__ball--blue" }), index.h("span", { class: "co-loader__ball co-loader__ball--yellow" }), index.h("span", { class: "co-loader__ball co-loader__ball--red" })), this.text && index.h("p", { class: "co-loader__text", part: "text" }, this.text)));
-    }
-};
-CoLoader.style = coLoaderCss();
-
-exports.co_loader = CoLoader;

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

@@ -1,23 +0,0 @@
-'use strict';
-
-var index = require('./index-BEovErzl.js');
-
-const coOverlayCss = () => `:host{display:contents}.co-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:rgba(0, 0, 0, 0.4);opacity:0;pointer-events:none;transition:opacity 0.2s ease}.co-overlay--open{opacity:1;pointer-events:auto}`;
-
-const CoOverlay = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.coClose = index.createEvent(this, "coClose", 7);
-        /** Whether the overlay is visible */
-        this.open = false;
-        this.handleClick = () => {
-            this.coClose.emit();
-        };
-    }
-    render() {
-        return (index.h("div", { key: '8f2a8e4ca27d43e10f797265a4b25fea1ef92445', class: { 'co-overlay': true, 'co-overlay--open': this.open }, part: "overlay", onClick: this.handleClick }, index.h("slot", { key: '6099310206111ba414b3e9f35edf8ba598d6ef4e' })));
-    }
-};
-CoOverlay.style = coOverlayCss();
-
-exports.co_overlay = CoOverlay;

package/dist/cjs/color-YhUkm10t.js

@@ -1,32 +0,0 @@
-'use strict';
-
-/**
- * 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;
-}
-
-exports.isLightColor = isLightColor;

package/dist/cobalt/p-08afdc51.entry.js

@@ -1 +0,0 @@
-import{r as t,h as a}from"./p-B0lqrhFo.js";import{i as r}from"./p-BG4WRR22.js";const s={xl:80,lg:64,md:56,sm:48,xs:32,xxs:24},i={xl:32,lg:28,md:24,sm:20,xs:16,xxs:12},o={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)"},e=class{constructor(a){t(this,a),this.type="text",this.size="md",this.icon="user",this.iconWeight="regular",this.shape="circle"}render(){var t,e,c;const n=null!==(t=s[this.size])&&void 0!==t?t:56,l=null!==(e=i[this.size])&&void 0!==e?e:24,h=null!==(c=o[this.size])&&void 0!==c?c:"var(--co-font-size-18)";return a("div",{key:"6065912f7c2f812a8313048c727c644f2066845e",class:{"co-avatar":!0,[`co-avatar--${this.size}`]:!0,[`co-avatar--${this.type}`]:!0,"co-avatar--square":"square"===this.shape,"co-avatar--light":!!this.color&&r(this.color)},style:Object.assign({width:`${n}px`,height:`${n}px`,fontSize:h},this.color?{background:this.color}:{}),part:"avatar",role:"img","aria-label":"text"===this.type?this.text:this.icon},"icon"===this.type?a("co-icon",{name:this.icon,weight:this.iconWeight,size:l}):a("span",{class:"co-avatar__text"},this.text))}};e.style=":host{display:inline-flex}.co-avatar{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__text{text-transform:uppercase}.co-avatar--square{border-radius:var(--co-border-radius-xs)}.co-avatar--light{color:rgba(0, 0, 0, 0.87)}";export{e as co_avatar}

package/dist/cobalt/p-1b7d6808.entry.js

@@ -1 +0,0 @@
-import{r,h as s}from"./p-B0lqrhFo.js";const o=class{constructor(s){r(this,s),this.value=0,this.status="default",this.variant="solid",this.thickness=4}render(){const r=Math.max(0,Math.min(100,this.value));return s("div",{key:"5ab2dc67ce36b5a00d1dbd0b54360ff9dd627441",class:{"co-progress-bar":!0,[`co-progress-bar--${this.status}`]:!0,[`co-progress-bar--${this.variant}`]:!0},role:"progressbar","aria-valuenow":r,"aria-valuemin":0,"aria-valuemax":100,part:"bar",style:{height:`${this.thickness}px`}},s("div",{key:"a4e85bcdae00711762b73619830b22e29957d3f6",class:"co-progress-bar__fill",style:{width:`${r}%`}}))}};o.style=":host{display:block;width:100%}.co-progress-bar{width:100%;border-radius:9999px;overflow:hidden;background:var(--co-semantic-border-subtle);position:relative}.co-progress-bar__fill{height:100%;border-radius:9999px;transition:width 0.3s ease}.co-progress-bar--solid .co-progress-bar__fill{background:var(--co-semantic-status-info)}.co-progress-bar--solid.co-progress-bar--success .co-progress-bar__fill{background:var(--co-semantic-status-success)}.co-progress-bar--solid.co-progress-bar--warning .co-progress-bar__fill{background:var(--co-semantic-status-warning)}.co-progress-bar--solid.co-progress-bar--error .co-progress-bar__fill{background:var(--co-semantic-status-error)}.co-progress-bar--dashed{background:transparent;border:2px dashed var(--co-semantic-border-subtle)}.co-progress-bar--dashed .co-progress-bar__fill{background:transparent;border-bottom:2px dashed var(--co-semantic-status-info);border-radius:0}.co-progress-bar--dashed.co-progress-bar--success .co-progress-bar__fill{border-bottom-color:var(--co-semantic-status-success)}.co-progress-bar--dashed.co-progress-bar--warning .co-progress-bar__fill{border-bottom-color:var(--co-semantic-status-warning)}.co-progress-bar--dashed.co-progress-bar--error .co-progress-bar__fill{border-bottom-color:var(--co-semantic-status-error)}.co-progress-bar--dashed.co-progress-bar--default{border-color:var(--co-semantic-border-muted)}";export{o as co_progress_bar}