@erplora/outfitkit 0.1.1

package/dist/components/ok-combo/ok-combo.d.ts

@@ -0,0 +1,46 @@
+import { LitElement } from 'lit';
+export interface OkComboOption {
+    /** Valor interno (lo que se fija en `value`). */
+    value: string;
+    /** Texto visible en el input y en el dropdown. */
+    label: string;
+}
+export interface OkComboLabels {
+    /** Texto guía del campo de búsqueda. */
+    placeholder: string;
+    /** Texto mostrado cuando ninguna opción casa con la búsqueda. */
+    empty: string;
+}
+export declare class OkCombo extends LitElement {
+    static styles: import("lit").CSSResult;
+    /** Opciones disponibles. */
+    options: OkComboOption[];
+    /** Valor seleccionado actual. */
+    value: string;
+    /** Texto guía del campo. Si se deja vacío, usa `labels.placeholder` (inglés por defecto). */
+    placeholder: string;
+    /** Etiqueta opcional mostrada sobre el campo. */
+    label?: string;
+    /** Textos i18n (default inglés); pasa solo las claves que quieras sobreescribir. */
+    labels: Partial<OkComboLabels>;
+    private get t();
+    private get effectivePlaceholder();
+    private query;
+    private open;
+    private activeIndex;
+    private onDocClick;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private get displayText();
+    private get filtered();
+    private close;
+    private handleInput;
+    private choose;
+    private handleKeydown;
+    render(): unknown;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'ok-combo': OkCombo;
+    }
+}

package/dist/components/ok-command-palette/ok-command-palette.d.ts

@@ -0,0 +1,72 @@
+import { LitElement } from 'lit';
+export interface OkCommand {
+    /** Identificador único del comando (clave de selección). */
+    id: string;
+    /** Texto visible principal del comando. */
+    label: string;
+    /** Texto secundario tenue a la derecha del label (descripción corta). */
+    hint?: string;
+    /** Nombre de un ionicon opcional, mostrado a la izquierda. */
+    icon?: string;
+    /** Grupo bajo el que se agrupa el comando (cabecera de sección). */
+    group?: string;
+    /** Atajo de teclado a mostrar a la derecha (decorativo, p.ej. "Cmd N"). */
+    shortcut?: string;
+    /** Palabras clave extra que también casan con la búsqueda (además del label). */
+    keywords?: string[];
+}
+/** Textos humanos de ok-command-palette (i18n; default inglés, override vía prop `labels`). */
+export interface OkCommandPaletteLabels {
+    /** Placeholder del input de búsqueda. */
+    searchPlaceholder: string;
+    /** aria-label del overlay (dialog). */
+    dialogLabel: string;
+    /** Pista visual del atajo para cerrar (tecla Escape). */
+    escHint: string;
+    /** Estado vacío: ningún comando coincide. */
+    noMatches: string;
+}
+export declare class OkCommandPalette extends LitElement {
+    static styles: import("lit").CSSResult;
+    /** Comandos disponibles en la paleta. */
+    commands: OkCommand[];
+    /** Abierto/cerrado (reflejado a atributo para CSS externo). */
+    open: boolean;
+    /** Texto guía del input de búsqueda. Si vacío, se deriva de `labels.searchPlaceholder`. */
+    placeholder: string;
+    /** Si true, Cmd/Ctrl+K abre/cierra la paleta globalmente. */
+    hotkey: boolean;
+    /** Overrides de textos humanos (i18n). Se fusionan sobre los defaults en inglés. */
+    labels: Partial<OkCommandPaletteLabels>;
+    /** Textos efectivos (defaults inglés + overrides). */
+    private get t();
+    /** Placeholder efectivo: prop explícita o el de labels. */
+    private get effectivePlaceholder();
+    private queryText;
+    private activeIndex;
+    private searchInput?;
+    private readonly onGlobalKey;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    /** Abre la paleta (resetea búsqueda y resaltado, enfoca el input). */
+    openPalette(): void;
+    /** Cierra la paleta. */
+    close(): void;
+    /** Alterna abierto/cerrado. */
+    toggle(): void;
+    private emitOpen;
+    private commandMatches;
+    private filtered;
+    private grouped;
+    private onInput;
+    private onPanelKey;
+    private execute;
+    private onScrimClick;
+    private renderItem;
+    render(): unknown;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'ok-command-palette': OkCommandPalette;
+    }
+}

package/dist/components/ok-contact-form/ok-contact-form.d.ts

@@ -0,0 +1,54 @@
+import { LitElement } from 'lit';
+export interface OkContactFormLabels {
+    /** Label del campo Nombre. */
+    nameLabel: string;
+    /** Label del campo Email. */
+    emailLabel: string;
+    /** Label del campo Asunto (opcional). */
+    subjectLabel: string;
+    /** Label del campo Mensaje. */
+    messageLabel: string;
+    /** Texto del botón mientras se envía. */
+    sending: string;
+    /** Error: nombre obligatorio. */
+    errorNameRequired: string;
+    /** Error: email obligatorio. */
+    errorEmailRequired: string;
+    /** Error: email con formato inválido. */
+    errorEmailInvalid: string;
+    /** Error: mensaje obligatorio. */
+    errorMessageRequired: string;
+    /** Error: el POST falló (respuesta no-ok). */
+    errorSendFailed: string;
+    /** Error: el POST falló por red/conexión. */
+    errorNetwork: string;
+}
+export declare class OkContactForm extends LitElement {
+    static styles: import("lit").CSSResult;
+    /** Título opcional sobre el formulario. */
+    heading?: string;
+    /** Texto del botón de envío. */
+    submitLabel: string;
+    /** URL opcional: si se da, el envío válido hace además POST nativo (fetch). */
+    action?: string;
+    /** Texto mostrado tras un envío correcto. */
+    successMessage: string;
+    /** Textos i18n (default inglés); pasa solo las claves que quieras sobreescribir. */
+    labels: Partial<OkContactFormLabels>;
+    private get t();
+    private values;
+    private errors;
+    private sent;
+    private sending;
+    private static EMAIL_RE;
+    private onInput;
+    private validate;
+    private onSubmit;
+    private markSent;
+    render(): unknown;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'ok-contact-form': OkContactForm;
+    }
+}

package/dist/components/ok-cropper/ok-cropper.d.ts

@@ -0,0 +1,60 @@
+import { LitElement } from 'lit';
+/** Relaciones de aspecto admitidas para el recorte. */
+export type OkCropperAspect = 'free' | '1:1' | '4:3' | '16:9';
+/** Rectángulo de recorte en porcentaje del viewport (0..100). */
+export interface OkCropRect {
+    /** Borde izquierdo (% del ancho). */
+    x: number;
+    /** Borde superior (% del alto). */
+    y: number;
+    /** Ancho (% del ancho del viewport). */
+    width: number;
+    /** Alto (% del alto del viewport). */
+    height: number;
+}
+/** Detalle del evento `ok-crop`. */
+export interface OkCropDetail {
+    rect: OkCropRect;
+}
+export declare class OkCropper extends LitElement {
+    static styles: import("lit").CSSResult;
+    /** URL de la imagen a recortar. */
+    src?: string;
+    /** Relación de aspecto forzada del recorte. */
+    aspect: OkCropperAspect;
+    /** Rect de recorte inicial (en % del viewport). Si no se da, se usa un recorte centrado. */
+    value?: OkCropRect;
+    /** Texto del botón de cancelar. */
+    cancelLabel: string;
+    /** Texto del botón de recortar. */
+    cropLabel: string;
+    private rect;
+    private dragMode;
+    private startX;
+    private startY;
+    private startRect;
+    private vpRect;
+    private activePointer;
+    willUpdate(changed: Map<string, unknown>): void;
+    /** Limita un rect a los bordes [0..100] del viewport. */
+    private clampRect;
+    /** Aspect ratio del viewport en px (para convertir proporciones de imagen ↔ % de viewport). */
+    private vpAspect;
+    /** Re-encaja un rect para cumplir el aspect ratio activo (anclado en su esquina top-left). */
+    private applyAspect;
+    private onPointerDown;
+    private onPointerMove;
+    /** Redimensiona desde una esquina, respetando mínimo, bordes y aspect ratio. */
+    private resize;
+    private onPointerUp;
+    disconnectedCallback(): void;
+    private setAspect;
+    private emitCrop;
+    private emitCancel;
+    render(): unknown;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'ok-cropper': OkCropper;
+    }
+}

package/dist/components/ok-cta-band/ok-cta-band.d.ts

@@ -0,0 +1,18 @@
+import { LitElement } from 'lit';
+export declare class OkCtaBand extends LitElement {
+    static styles: import("lit").CSSResult;
+    /** Eyebrow opcional. */
+    eyebrow?: string;
+    /** Título. Para markup rico usa slot="heading". */
+    heading?: string;
+    /** Subtítulo. */
+    subheading?: string;
+    /** Estilo: 'solid' (def, degradado de marca) | 'soft' | 'glass'. */
+    variant: 'solid' | 'soft' | 'glass';
+    render(): unknown;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'ok-cta-band': OkCtaBand;
+    }
+}

package/dist/components/ok-currency/ok-currency.d.ts

@@ -0,0 +1,31 @@
+import { LitElement } from 'lit';
+export declare class OkCurrency extends LitElement {
+    static styles: import("lit").CSSResult;
+    /** Importe numérico actual. */
+    value?: number;
+    /** Código ISO 4217 de la moneda. */
+    currency: string;
+    /** Locale BCP-47 para el formato (def: navegador o 'es-ES'). */
+    locale: string;
+    /** Placeholder cuando el campo está vacío. */
+    placeholder: string;
+    /** Etiqueta opcional sobre el campo. */
+    label?: string;
+    private display;
+    private focused;
+    private currencyFormatter;
+    private decimalSeparator;
+    private sanitize;
+    private parse;
+    private syncDisplayFromValue;
+    protected willUpdate(changed: Map<string, unknown>): void;
+    private onInput;
+    private onFocus;
+    private onBlur;
+    render(): unknown;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'ok-currency': OkCurrency;
+    }
+}

package/dist/components/ok-data-table/ok-data-table.d.ts

@@ -0,0 +1,312 @@
+import { LitElement } from 'lit';
+export interface DataTableColumn {
+    /** Clave del campo en la fila (o id lógico si se usa `format`). */
+    key: string;
+    /** Cabecera de la columna. */
+    header: string;
+    /** Formateador → string a mostrar. Si se omite, se usa row[key]. */
+    format?: (row: Record<string, unknown>) => string;
+    /** Alineación del contenido de la celda. */
+    align?: 'left' | 'right' | 'center';
+    /** (server) La columna es ordenable: cabecera clicable que emite `sortChange`. */
+    sortable?: boolean;
+    /** (server) La columna es filtrable: añade un control en la fila de filtros. */
+    filterable?: boolean;
+    /** (server) Tipo de control de filtro. Por defecto 'text'. */
+    filterType?: 'text' | 'select' | 'multiselect' | 'number' | 'date' | 'range' | 'daterange';
+    /** (server) Opciones para `filterType: 'select'` / `'multiselect'`. */
+    options?: {
+        value: string;
+        label: string;
+    }[];
+    /** Render de celda a medida (devuelve un TemplateResult de Lit, p.ej. un `ok-toggle` o un chip).
+     *  Tiene prioridad sobre `format`/valor crudo. El módulo lo crea con su `html` (lit deduplicado). */
+    render?: (row: Record<string, unknown>) => unknown;
+    /** Oculta la columna por defecto (el usuario la reactiva en el selector de columnas). */
+    hidden?: boolean;
+    /** (opcional) Ancho CSS de la columna en la vista lista en grid (p.ej. '8rem', '20%', 'minmax(8rem,1fr)').
+     *  Si se omite, la columna ocupa `minmax(8rem,1fr)`. Sin efecto en el fallback con <table>. */
+    width?: string;
+}
+/** Vista de presentación de las filas (lista/tarjetas). */
+export type DataTableView = 'table' | 'cards';
+export interface DataTableAction {
+    /** Id que se emite en `rowAction`. */
+    id: string;
+    /** Texto del botón (o aria-label si solo hay icono). */
+    label: string;
+    /** Nombre de un ion-icon opcional. */
+    icon?: string;
+    /** Color Ionic del botón (p.ej. 'danger', 'primary'). */
+    color?: string;
+}
+/** Acción primaria de la topbar (botón destacado). Emite el evento `primaryAction`. */
+export interface DataTablePrimaryAction {
+    /** Texto / aria-label del botón. */
+    label: string;
+    /** Nombre de un ion-icon opcional (por defecto 'add'). */
+    icon?: string;
+}
+/** Clave estable de fila: nombre de campo o función que la devuelve. */
+export type DataTableRowKey = string | ((row: Record<string, unknown>) => string);
+/** (NUEVO, additivo) Todos los textos humanos del data-table, para i18n. Default en INGLÉS.
+ *  Se pasan desde fuera vía la prop `.labels` (parcial); lo no pasado cae al default inglés.
+ *  El contenido data-driven (columns/rows/options) NO va aquí — ya es externo. */
+export interface OkDataTableLabels {
+    /** Placeholder del buscador. */
+    search: string;
+    /** Estado vacío / "sin resultados". */
+    empty: string;
+    /** Título del botón/panel de filtros + aria del drawer de filtros. */
+    filters: string;
+    /** Botón "Limpiar" (selección y filtros). */
+    clear: string;
+    /** Botón "Aplicar" (filtros). */
+    apply: string;
+    /** Barra de selección: "{n} seleccionados" ({n} = nº filas). */
+    selected: string;
+    /** Botón "Importar CSV". */
+    importCsv: string;
+    /** Botón "Exportar CSV". */
+    exportCsv: string;
+    /** Botón "Añadir" (alta). */
+    add: string;
+    /** Aria del botón de menú overflow (⋮). */
+    moreActions: string;
+    /** Aria del selector de "filas por página". */
+    rowsPerPage: string;
+    /** Sufijo del selector compacto de tamaño de página (p.ej. "10 / pág."). */
+    perPageShort: string;
+    /** Aria del botón de vista lista. */
+    viewList: string;
+    /** Aria del botón de vista tarjetas. */
+    viewCards: string;
+    /** Aria del selector de columnas. */
+    columnsVisible: string;
+    /** Texto resumido del selector de columnas. */
+    columns: string;
+    /** Cabecera de la columna de acciones de fila. */
+    actions: string;
+    /** Aria del botón "Cerrar" (drawer). */
+    close: string;
+    /** Título del drawer de alta. */
+    newRecord: string;
+    /** Aria del drawer del formulario de alta/edición. */
+    form: string;
+    /** Placeholder del input de filtro de texto. */
+    filterPlaceholder: string;
+    /** Etiqueta/placeholder "Desde" (rango de fechas). */
+    from: string;
+    /** Etiqueta/placeholder "Hasta" (rango de fechas). */
+    to: string;
+    /** Sufijo aria "{label} desde" (rango de fechas en línea); {label} = cabecera de columna. */
+    fromOf: string;
+    /** Sufijo aria "{label} hasta" (rango de fechas en línea); {label} = cabecera de columna. */
+    toOf: string;
+    /** Placeholder "≥" (rango numérico, borde inferior). */
+    gte: string;
+    /** Placeholder "≤" (rango numérico, borde superior). */
+    lte: string;
+    /** Texto cuando una columna no tiene valores distintos (chips de filtro). */
+    noValues: string;
+    /** Aria "Seleccionar todo" (checkbox de cabecera). */
+    selectAll: string;
+    /** Aria "Seleccionar fila" (checkbox de fila, vista lista). */
+    selectRow: string;
+    /** Aria "Seleccionar" (checkbox de tarjeta). */
+    select: string;
+    /** Pager: "Mostrando {from}–{to} de" ({from}/{to} ya interpolados por el componente). */
+    showing: string;
+    /** Pager: singular "registro" (cuando count === 1). */
+    recordSingular: string;
+    /** Pager: plural "registros" (cuando count !== 1). */
+    recordPlural: string;
+}
+export declare class OkDataTable extends LitElement {
+    static styles: import("lit").CSSResult;
+    /** Columnas a renderizar. */
+    columns: DataTableColumn[];
+    /** Filas (objetos planos). En modo servidor, solo las de la página actual. */
+    rows: Record<string, unknown>[];
+    /** (cliente) Campos sobre los que filtra el buscador en memoria. Vacío = sin buscador. */
+    searchKeys: string[];
+    /** Campo usado como key estable de fila. */
+    rowKeyField: string;
+    /** (NUEVO, opcional) Clave estable de fila: nombre de campo o función. Tiene prioridad sobre
+     *  `rowKeyField`; por defecto usa `row.id` (vía `rowKeyField`). Se usa para selección y `repeat`. */
+    rowKey?: DataTableRowKey;
+    /** Filas por página. */
+    pageSize: number;
+    /** Mensaje cuando no hay filas. Si no se pasa, deriva de `this.t.empty` (inglés por defecto). */
+    emptyMessage?: string;
+    /** Placeholder del buscador. Si no se pasa, deriva de `this.t.search` (inglés por defecto). */
+    searchPlaceholder?: string;
+    /** (NUEVO, additivo) Textos humanos del data-table para i18n (parcial). Lo no pasado cae al
+     *  default inglés (`DEFAULT_LABELS`). No afecta a columns/rows/options (ya externos). */
+    labels: Partial<OkDataTableLabels>;
+    /** Acciones por fila (botones). */
+    actions: DataTableAction[];
+    /** Muestra el botón "+" que despliega un acordeón con el slot `create` (formulario de alta). */
+    addable: boolean;
+    /** Opciones del selector de "filas por página". Vacío = sin selector. */
+    pageSizeOptions: number[];
+    /** Modo "llenar el contenedor": la tabla ocupa el alto disponible, las filas hacen scroll DENTRO
+     *  (cabecera sticky) y el pager queda SIEMPRE visible. Requiere que el contenedor tenga alto. */
+    fill: boolean;
+    /** Muestra un multiselect (ion-select) en la barra para elegir qué columnas se ven.
+     *  Default ON (2026-06-14): toda tabla trae el selector de columnas. Para ocultarlo,
+     *  pon la PROPIEDAD a false (`el.columnPicker = false`); el atributo booleano no puede
+     *  apagar un default true (cualquier valor presente cuenta como true en Lit). */
+    columnPicker: boolean;
+    /** Muestra botones de import/export CSV en la barra. Export vacío = solo cabeceras (estructura). */
+    csv: boolean;
+    /** Nombre del fichero de export CSV. */
+    csvName: string;
+    /** Activa el modo servidor: no filtra/pagina en memoria, solo emite eventos. */
+    serverSide: boolean;
+    /** (server) Total de filas filtradas (lo da el runtime) para calcular el nº de páginas. */
+    total: number;
+    /** (server) Página actual (0-based), controlada por el padre. */
+    page: number;
+    /** (server) Muestra el buscador aunque no haya `searchKeys` (búsqueda server-side). */
+    searchable: boolean;
+    /** (server) Columna de orden activa. */
+    sort?: string;
+    /** (server) Dirección del orden activo. */
+    sortDir: 'asc' | 'desc';
+    /** (NUEVO) Título de la cabecera (a la izquierda, junto al contador de registros).
+     *  Tipo `string` (no opcional) para no chocar con `HTMLElement.title`; '' = sin título. */
+    title: string;
+    /** (NUEVO) Conmutador de vista lista/tarjetas. Acepta `true` (= ['table','cards']) o un array de
+     *  vistas. La presencia de 'cards' (o 'card') habilita la vista tarjetas. Compatibilidad: el
+     *  antiguo valor booleano sigue funcionando. */
+    views: boolean | string[];
+    /** (NUEVO, alias documentado) Habilita import/export CSV (equivalente a `exportable`+`importable`
+     *  / `csv`). Mostrar el botón de Exportar. */
+    exportable: boolean;
+    /** (NUEVO) Mostrar el botón de Importar CSV. */
+    importable: boolean;
+    /** (NUEVO, alias) Selector de columnas (equivalente a `columnPicker`). */
+    columnSelector: boolean;
+    /** (NUEVO, alias) Opciones del selector de "filas por página" (equivalente a `pageSizeOptions`). */
+    pageSizes?: number[];
+    /** (NUEVO) Selección de filas con checkbox por fila + seleccionar-todo + barra contextual. */
+    selectable: boolean;
+    /** (NUEVO) Conjunto de keys seleccionadas (controlado por el padre o interno). */
+    selectedKeys?: Set<string>;
+    /** (NUEVO) Acción primaria de la topbar (botón destacado). Emite `primaryAction`. */
+    primaryAction?: DataTablePrimaryAction;
+    /** (NUEVO) Filtros EN LÍNEA en la toolbar (selects/daterange/text compactos) en vez del botón
+     *  funnel + drawer. Opt-in (por defecto `false` → se conserva el drawer). Look del screenshot:
+     *  «Todos los Estados» · «Todos los tipos» · rango de fechas, todo en una línea con el buscador.
+     *  Emite `filterChange` igual que el drawer. */
+    inlineFilters: boolean;
+    /** (NUEVO) Acciones del menú overflow (botón «⋮»). Emite `menuAction` con `{ actionId }`. */
+    menuActions: DataTableAction[];
+    /** (NUEVO) Cabecera de la tarjeta: título (string/HTML). Si se omite, no hay cabecera de título. */
+    cardTitle?: (row: Record<string, unknown>) => unknown;
+    /** (NUEVO) Cabecera de la tarjeta: nombre de un ion-icon o TemplateResult. */
+    cardIcon?: (row: Record<string, unknown>) => unknown;
+    /** (NUEVO) Cuerpo a medida de la tarjeta (string/HTML). Si se omite, se listan los campos. */
+    renderCard?: (row: Record<string, unknown>) => unknown;
+    private q;
+    private clientPage;
+    private clientPageSize;
+    private clientSort;
+    private clientSortDir;
+    private clientFilters;
+    private filterDraft;
+    private panel;
+    private viewMode;
+    private hiddenKeys;
+    private internalSelection;
+    private menuOpen;
+    private menuEv?;
+    private get t();
+    /** Placeholder efectivo del buscador (prop explícita → label i18n → default inglés). */
+    private get effSearchPlaceholder();
+    /** Mensaje efectivo de estado vacío (prop explícita → label i18n → default inglés). */
+    private get effEmptyMessage();
+    private get effPageSizes();
+    private get effColumnPicker();
+    private get effExport();
+    private get effImport();
+    /** ¿Está habilitado el conmutador de vista lista/tarjetas? */
+    private get viewToggle();
+    /** ¿Está disponible la vista tarjetas? (presente en `views` o `views === true`). */
+    private get cardViewEnabled();
+    /** Columnas actualmente visibles (respeta el column chooser). */
+    private get visibleColumns();
+    private setVisibleColumns;
+    private keyOf;
+    private get selection();
+    private setSelection;
+    private toggleRow;
+    private toggleAll;
+    private csvEscape;
+    /** Exporta las filas a CSV (cabeceras = column.key). Si no hay filas, exporta solo la estructura. */
+    private exportCsv;
+    private parseCsv;
+    private onImportFile;
+    private toggle;
+    private cloneFilters;
+    private toggleFilterValue;
+    private setFilterRange;
+    private applyFilters;
+    private clearFilters;
+    private serializeFilters;
+    /** Abre el panel lateral (API pública para el módulo, p.ej. "editar" abre el form pre-rellenado). */
+    open(panel?: 'filters' | 'create'): void;
+    /** Cierra el panel lateral. */
+    close(): void;
+    private emit;
+    private get hasSearch();
+    /** Columnas filtrables (con control en el panel de filtros). En cliente y en servidor. */
+    private get filterColumns();
+    /** ¿Hay que mostrar el botón de Filtros? (cualquier columna filtrable). */
+    private get hasFilterRow();
+    /** Nº de filtros activos (modo cliente) → badge del botón Filtros. */
+    private get activeFilterCount();
+    /** Valor crudo de una columna para ordenar/filtrar (usa format si lo hay, si no row[key]). */
+    private rawValue;
+    /** Valores distintos de una columna (para los chips del filtro multi-select). */
+    private distinctValues;
+    /** Filas tras buscar + filtrar + ordenar EN MEMORIA (solo modo cliente). */
+    private get clientFiltered();
+    private cell;
+    private onSearch;
+    /** ¿Es ordenable la columna? Servidor: opt-in (`sortable`). Cliente: por defecto SÍ (como el Hub),
+     *  salvo `sortable: false` explícito. */
+    private isSortable;
+    private onHeaderClick;
+    private onFilterInput;
+    private onRangeInput;
+    private onDateRangeInput;
+    private setClientFilter;
+    private onFilterSelect;
+    private onInlineRange;
+    private openMenu;
+    private setViewMode;
+    private renderFilterControl;
+    private renderInlineFilters;
+    private renderInlineFilter;
+    private renderOverflowMenu;
+    private actionButtons;
+    private toolButton;
+    /** Plantilla de columnas del grid de la vista lista: [checkbox] [columnas…] [acciones]. */
+    private gridTemplate;
+    /** Lista de páginas a mostrar en el pager numerado (1-based): primera, última, vecinas de la
+     *  actual y «…» donde haya saltos. P.ej. en página 1 de 52 → [1,2,3,'…',52]. */
+    private pageList;
+    render(): unknown;
+    private renderDrawer;
+    private renderClientFilter;
+    private emptyState;
+    private renderTable;
+    private renderCards;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'ok-data-table': OkDataTable;
+    }
+}

package/dist/components/ok-date-picker/ok-date-picker.d.ts

@@ -0,0 +1,81 @@
+import { LitElement } from 'lit';
+export type OkDatePickerMode = 'single' | 'range';
+export interface OkDateRange {
+    start: string | null;
+    end: string | null;
+}
+export type OkDatePickerValue = string | OkDateRange | null;
+export interface OkDatePreset {
+    /** Clave estable del preset. */
+    id: string;
+    /** Texto visible en el chip. */
+    label: string;
+}
+export interface OkDatePickerLabels {
+    /** aria-label del botón anterior. */
+    prev: string;
+    /** aria-label del botón siguiente. */
+    next: string;
+    /** aria-label del botón disparador cuando no hay valor. */
+    open: string;
+}
+export declare class OkDatePicker extends LitElement {
+    static styles: import("lit").CSSResult;
+    /** Modo: una fecha ('single') o un rango ('range'). */
+    mode: OkDatePickerMode;
+    /** Valor actual: ISO `YYYY-MM-DD` (single) o {start,end} (range). */
+    value: OkDatePickerValue;
+    /** Fecha mínima seleccionable (ISO `YYYY-MM-DD`). */
+    min?: string;
+    /** Fecha máxima seleccionable (ISO `YYYY-MM-DD`). */
+    max?: string;
+    /** Chips de preset; pasa `[]` para ocultar la fila. */
+    presets: OkDatePreset[];
+    /** Locale para el nombre del mes (Intl). Default = es-ES. */
+    locale: string;
+    /** Texto del campo cuando no hay valor. */
+    placeholder: string;
+    /** Número de meses visibles en el popover (1 o 2). */
+    months: 1 | 2;
+    /** Textos traducibles (merge sobre los defaults en español). */
+    labels: Partial<OkDatePickerLabels>;
+    private open;
+    private side;
+    private viewDate;
+    private hoverDate;
+    private get t();
+    private readonly onDocPointer;
+    private readonly onKeydown;
+    disconnectedCallback(): void;
+    private get fieldEl();
+    willUpdate(changed: Map<string, unknown>): void;
+    private bind;
+    private unbind;
+    private toggle;
+    private openPopover;
+    private close;
+    private get rangeValue();
+    private get singleValue();
+    private anchorDateFromValue;
+    private get minDate();
+    private get maxDate();
+    private isDisabled;
+    private selectDay;
+    private emit;
+    private prevMonth;
+    private nextMonth;
+    private applyPreset;
+    private isPresetActive;
+    private presetValue;
+    private fieldLabel;
+    render(): unknown;
+    private renderMonth;
+    private renderDay;
+    private onDayHover;
+    private dayRangeFlags;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'ok-date-picker': OkDatePicker;
+    }
+}