@prolibu-suite/cobalt-core 0.6.0 → 0.7.0

package/dist/types/components/co-carousel/co-carousel.d.ts

@@ -0,0 +1,85 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+/**
+ * A generic slide carousel. Coordinates light-DOM `co-carousel-item`
+ * children (same pattern as co-tab-group): the parent stamps aria and
+ * inertness on each item and translates a flex track to the active index.
+ *
+ * No v-model in the Vue wrappers — consume with `:value` + `@coSlideChange`.
+ *
+ * @slot - co-carousel-item elements
+ */
+export declare class CoCarousel {
+    el: HTMLElement;
+    /** Active slide index */
+    value: number;
+    /** Auto-advance slides */
+    autoplay: boolean;
+    /** Autoplay interval in milliseconds (floored at 1000) */
+    interval: number;
+    /** Wrap around at the ends */
+    loop: boolean;
+    /** Show prev/next arrows */
+    arrows: boolean;
+    /** Show dot indicators */
+    dots: boolean;
+    /** Pause autoplay while hovered */
+    pauseOnHover: boolean;
+    /** Enable pointer swipe navigation */
+    swipe: boolean;
+    /** Container aspect ratio */
+    aspectRatio: '16:9' | '4:3' | '1:1' | '21:9' | 'auto';
+    /** Language for aria labels (es/en/pt, accepts full locales) */
+    locale: string;
+    /** Emitted when the active slide changes (user, autoplay or method) */
+    coSlideChange: EventEmitter<number>;
+    private itemCount;
+    private dragDx;
+    private dragging;
+    /** True while the autoplay interval is actually running (drives aria-live). */
+    private rotating;
+    private timer?;
+    private hovering;
+    private focusWithin;
+    private reducedMotion;
+    private motionQuery?;
+    private pointerStartX;
+    private pointerStartY;
+    private pointerId;
+    private suppressClick;
+    private viewportEl?;
+    /** Minimum horizontal travel (px) before a pointer gesture counts as a drag. */
+    private static readonly DRAG_SLOP;
+    /** Horizontal travel (px) needed to change slide on release. */
+    private static readonly SWIPE_THRESHOLD;
+    componentWillLoad(): void;
+    componentDidLoad(): void;
+    disconnectedCallback(): void;
+    watchValue(): void;
+    watchLocale(): void;
+    watchAutoplay(): void;
+    next(): Promise<void>;
+    prev(): Promise<void>;
+    goTo(index: number): Promise<void>;
+    private getItems;
+    private refreshItems;
+    private syncItems;
+    private handleSlotChange;
+    private clampIndex;
+    private setActive;
+    private advance;
+    private restartAutoplay;
+    private stopAutoplay;
+    private handleVisibilityChange;
+    private handleMotionChange;
+    private handleMouseEnter;
+    private handleMouseLeave;
+    private handleFocusIn;
+    private handleFocusOut;
+    private handlePointerDown;
+    private handlePointerMove;
+    private handlePointerUp;
+    private handlePointerCancel;
+    private handleClickCapture;
+    private handleKeyDown;
+    render(): any;
+}

package/dist/types/components/co-carousel-item/co-carousel-item.d.ts

@@ -0,0 +1,10 @@
+/**
+ * A single slide inside a co-carousel. The parent carousel stamps
+ * aria-label / aria-hidden / inert on each item (same light-DOM
+ * coordination pattern as co-tab-group ↔ co-tab).
+ *
+ * @slot - Slide content
+ */
+export declare class CoCarouselItem {
+    render(): any;
+}

package/dist/types/components/co-date-picker/co-date-picker.d.ts

@@ -33,6 +33,13 @@ export declare class CoDatePicker {
     placeholder?: string;
     /** Field size, forwarded to the inner co-date-field. */
     size: 's' | 'sm' | 'md' | 'lg';
+    /** Visual style. `flat` strips the inner co-date-field's border and
+     *  background so it reads as plain content instead of a boxed control —
+     *  padding, label, focus ring, disabled and invalid states are unaffected.
+     *  `default` (the standard bordered box) renders identically to before
+     *  this prop existed. co-date-field itself has no `variant` prop, so this
+     *  is applied from the outside via `::part(field)` — see co-date-picker.css. */
+    variant: 'default' | 'flat';
     name?: string;
     disabled: boolean;
     readonly: boolean;

package/dist/types/components/co-date-range-picker/co-date-range-picker.d.ts

@@ -54,6 +54,11 @@ export declare class CoDateRangePicker {
     layout: 'vertical' | 'horizontal';
     /** Trigger size (mirrors co-input): s 28 / sm 32 / md 40 / lg 48. */
     size: 's' | 'sm' | 'md' | 'lg';
+    /** Visual style. `flat` strips the trigger's border and background so it
+     *  reads as plain content instead of a boxed control — padding, label,
+     *  focus ring, disabled and invalid states are unaffected. `default` (the
+     *  standard bordered box) renders identically to before this prop existed. */
+    variant: 'default' | 'flat';
     placement: Placement;
     open: boolean;
     applyLabel?: string;

package/dist/types/components/co-fab/co-fab.d.ts

@@ -1,5 +1,6 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 export declare class CoFab {
+    el: HTMLElement;
     icon: string;
     label?: string;
     variant: 'primary' | 'secondary' | 'stroke';
@@ -9,7 +10,12 @@ export declare class CoFab {
     disabled: boolean;
     /** Fixed position on screen */
     position: 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left' | 'none';
+    /** With `label`: icon-only circle at rest that stretches into the extended
+     *  pill on hover/focus-visible (springy "liquid" morph). */
+    expandOnHover: boolean;
     coClick: EventEmitter<void>;
+    private labelEl?;
     private handleClick;
+    private handleExpandMeasure;
     render(): any;
 }

package/dist/types/components/co-input/co-input.d.ts

@@ -52,6 +52,11 @@ export declare class CoInput {
      *  In the filled search-pill variant (`fill`) this drives the pill height
      *  instead (s ≈ 38px). */
     size: 's' | 'sm' | 'md' | 'lg';
+    /** Visual style. `flat` strips the field's border and background so it
+     *  reads as plain content instead of a boxed input — padding, label, focus
+     *  ring, disabled and status states are unaffected. `default` (the
+     *  standard bordered box) renders identically to before this prop existed. */
+    variant: 'default' | 'flat';
     /** Filled search-pill variant. When true the field renders as a minimal gray
      *  pill (background gray-100, no border/box-shadow, 10px radius) with a search
      *  glyph on the left and a plain-`x` clear — the floating label, helper text and

package/dist/types/components/co-lightbox/co-lightbox.d.ts

@@ -63,6 +63,13 @@ export declare class CoLightbox {
     connectedCallback(): void;
     disconnectedCallback(): void;
     componentDidRender(): void;
+    /** Root element (popover="manual") — promoted to the TOP LAYER while open.
+     *  z-index cannot beat top-layer surfaces (co-overlay promotes the modal
+     *  drawer's scrim+card via popover), so the viewer must live there too:
+     *  top-layer paint order = promotion order, and the lightbox opens last. */
+    private rootEl?;
+    private demoteTimer?;
+    private syncTopLayer;
     onOpenChange(open: boolean): void;
     onStartIndexChange(v: number): void;
     onImagesChange(): void;

package/dist/types/components/co-ref-field/co-ref-field.d.ts

@@ -44,6 +44,11 @@ export declare class CoRefField {
     size: 's' | 'sm' | 'md' | 'lg' | 'default';
     /** Common-scale size with the legacy `'default'` alias normalized to `'md'`. */
     private get normalizedSize();
+    /** Visual style. `flat` strips the trigger's border and background so it
+     *  reads as plain content instead of a boxed control — padding, label,
+     *  focus ring, disabled and status states are unaffected. `default` (the
+     *  standard bordered box) renders identically to before this prop existed. */
+    variant: 'default' | 'flat';
     /** Selected value: single ID string or JSON array of IDs. */
     value: string;
     /** JSON array of options to display: RefFieldOption[] */

package/dist/types/components/co-rich-text-editor/co-rich-text-editor.d.ts

@@ -24,6 +24,14 @@ export declare class CoRichTextEditor {
     secondaryLabel?: string;
     helperText?: string;
     status: 'default' | 'error' | 'success' | 'warning' | 'info';
+    /** Visual style. `flat` strips the frame's border and background so it
+     *  reads as plain content instead of a boxed control — padding, label,
+     *  focus ring, disabled and status states are unaffected. The toolbar keeps
+     *  its own background + bottom border (a subtle, token-driven separator),
+     *  which is what keeps toolbar and editable area legible/separated once the
+     *  outer box is gone. `default` (the standard bordered box) renders
+     *  identically to before this prop existed. */
+    variant: 'default' | 'flat';
     disabled: boolean;
     readonly: boolean;
     required: boolean;
@@ -42,6 +50,10 @@ export declare class CoRichTextEditor {
     customExtensions?: object[];
     /** Host image upload handler (JS property): `(file) => Promise<url>`. */
     imageUpload?: (file: File) => Promise<string>;
+    /** Passthrough: shows the toolbar attachment button (host owns the files). */
+    attachmentsEnabled: boolean;
+    /** Passthrough: `accept` for the toolbar attachment picker. */
+    attachmentAccept?: string;
     /**
      * Font families available in the bubble menu font selector.
      * JS property: `Array<{ label: string; value: string }>`.
@@ -90,6 +102,11 @@ export declare class CoRichTextEditor {
     coFontPopupShow: EventEmitter<void>;
     /** Emitted when the font dropdown closes. */
     coFontPopupHide: EventEmitter<void>;
+    /** Re-emitted from the inner toolbar: files picked via the attach button.
+     *  Declared here so hosts can bind on the editor (the toolbar is internal). */
+    coAttachmentsSelected: EventEmitter<{
+        files: File[];
+    }>;
     ready: boolean;
     hasFocus: boolean;
     /** Character count — updated imperatively to avoid re-renders on every keystroke. */

package/dist/types/components/co-rich-text-toolbar/co-rich-text-toolbar.d.ts

@@ -14,12 +14,17 @@ export declare class CoRichTextToolbar {
     /** Editor instance (set as a property by the host editor). */
     editor?: Editor;
     /** Toolbar layout variant. */
-    variant: 'none' | 'compact' | 'basic' | 'full';
+    variant: 'none' | 'compact' | 'compact-assets' | 'basic' | 'full';
     disabled: boolean;
     /** BCP-47 locale for UI strings (e.g. 'en', 'es-CO', 'pt-BR'). Default English. */
     locale: string;
     /** Image upload handler (JS property): `(file) => Promise<url | {src, fileId}>`. */
     imageUpload?: (file: File) => Promise<any>;
+    /** Shows the attachment button (compact-assets variant). The editor never
+     *  owns the attachment list — it only emits the picked files. */
+    attachmentsEnabled: boolean;
+    /** `accept` attr for the attachment file picker (e.g. '.pdf,.png'). */
+    attachmentAccept?: string;
     /** Emitted whenever a toolbar action runs (observability for hosts). */
     coAction: EventEmitter<{
         action: string;
@@ -30,6 +35,10 @@ export declare class CoRichTextToolbar {
     coPopoverChange: EventEmitter<{
         open: boolean;
     }>;
+    /** Files picked from the toolbar attachment button. The host owns them. */
+    coAttachmentsSelected: EventEmitter<{
+        files: File[];
+    }>;
     items: ToolbarEntry[];
     /** Bumped on every editor transaction to refresh active state. */
     tick: number;
@@ -68,6 +77,7 @@ export declare class CoRichTextToolbar {
     connectedCallback(): void;
     componentWillLoad(): void;
     onVariantChange(v: string): void;
+    onAttachmentsEnabledChange(): void;
     onEditorChange(next?: Editor, prev?: Editor): void;
     /**
      * Command whose presence in the schema proves an item's extension is loaded.
@@ -133,6 +143,7 @@ export declare class CoRichTextToolbar {
     private applyTaskStyle;
     private renderInputPopover;
     private renderImagePopover;
+    private triggerAttachmentFileUpload;
     private triggerImageFileUpload;
     private isDropdownOptionActive;
     /** Apply a free-form value typed into a dropdown's custom input. */

package/dist/types/components/co-rich-text-viewer/co-rich-text-viewer.d.ts

@@ -10,9 +10,19 @@ export declare class CoRichTextViewer {
     emptyText?: string;
     /** Reduced padding. */
     compact: boolean;
+    /**
+     * Feature overrides (JSON string for HTML attr, or object via JS property) —
+     * mirror the editor's `features`. They only WIDEN the whitelist: e.g.
+     * `mentions` keeps the V1 quill markup attrs (`data-id`,
+     * `data-denotation-char`, …) so the mention chip keeps its style hook in
+     * read mode. Without it the preset profile strips them.
+     */
+    features?: string | object;
     html: string;
     componentWillLoad(): Promise<void>;
     watchInputs(): Promise<void>;
+    /** Parse `features` (JSON string via HTML attr, or object via JS property). */
+    private get parsedFeatures();
     private sanitizeHtml;
     private compute;
     render(): any;

package/dist/types/components/co-select/co-select.d.ts

@@ -24,6 +24,11 @@ export declare class CoSelect {
     value: string | string[];
     multiple: boolean;
     size: 's' | 'sm' | 'md' | 'lg';
+    /** Visual style. `flat` strips the trigger's border and background so it
+     *  reads as plain content instead of a boxed control — padding, label,
+     *  focus ring, disabled and status states are unaffected. `default` (the
+     *  standard bordered box) renders identically to before this prop existed. */
+    variant: 'default' | 'flat';
     /** Show a search box inside the dropdown to filter options client-side. */
     searchable: boolean;
     searchPlaceholder: string;

package/dist/types/components/co-textarea/co-textarea.d.ts

@@ -42,6 +42,11 @@ export declare class CoTextarea {
     /** Field size (mirrors co-input paddings/font: s / sm / md / lg).
      *  Vertical extent still comes from `rows`. */
     size: 's' | 'sm' | 'md' | 'lg';
+    /** 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. */
+    variant: 'default' | 'flat';
     /** Show clear button when textarea has value */
     clearable: boolean;
     /** Resize behavior of the textarea */