@erplora/outfitkit 0.1.1

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

@@ -0,0 +1,32 @@
+import { LitElement } from 'lit';
+export interface OkPdfLabels {
+    /** Título por defecto en la barra cuando no se pasa `title`. */
+    documentTitle: string;
+    /** Texto del botón de abrir el PDF. */
+    open: string;
+    /** aria-label del botón de abrir/descargar. */
+    openAria: string;
+    /** Texto del fallback cuando el navegador no incrusta el PDF. */
+    cannotDisplay: string;
+    /** Texto del botón de descarga en el fallback. */
+    download: string;
+}
+export declare class OkPdf extends LitElement {
+    static styles: import("lit").CSSResult;
+    /** URL del PDF a mostrar. */
+    src: string;
+    /** Título opcional en la barra superior. */
+    title: string;
+    /** Alto del visor (cualquier unidad CSS válida). */
+    height: string;
+    /** Textos i18n (parcial; se mezclan sobre los defaults en inglés). */
+    labels: Partial<OkPdfLabels>;
+    private get t();
+    private open;
+    render(): unknown;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'ok-pdf': OkPdf;
+    }
+}

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

@@ -0,0 +1,48 @@
+import { LitElement } from 'lit';
+export interface OkPhoneCountry {
+    /** Código ISO 3166-1 alpha-2 (ej. 'ES'). Clave del país. */
+    iso: string;
+    /** Nombre legible del país. */
+    name: string;
+    /** Prefijo telefónico internacional con '+' (ej. '+34'). */
+    dial: string;
+}
+export interface OkPhoneLabels {
+    /** aria-label del selector de país. */
+    country: string;
+    /** aria-label del input de número. */
+    number: string;
+}
+export declare class OkPhone extends LitElement {
+    static styles: import("lit").CSSResult;
+    private static DEFAULT_COUNTRIES;
+    /** Número nacional (sin prefijo). */
+    value: string;
+    /** ISO2 del país seleccionado. */
+    country: string;
+    /** Lista de países (si no se pasa, se usa el set por defecto). */
+    countries?: OkPhoneCountry[];
+    /** Placeholder del input de número. */
+    placeholder: string;
+    /** Etiqueta opcional sobre el grupo. */
+    label?: string;
+    /** Textos traducibles (merge sobre los defaults en inglés). */
+    labels: Partial<OkPhoneLabels>;
+    private get t();
+    private number;
+    protected willUpdate(changed: Map<string, unknown>): void;
+    private get list();
+    private get current();
+    private onlyDigits;
+    private flag;
+    private e164;
+    private emit;
+    private onCountry;
+    private onNumber;
+    render(): unknown;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'ok-phone': OkPhone;
+    }
+}

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

@@ -0,0 +1,29 @@
+import { LitElement } from 'lit';
+export interface OkPinpadLabels {
+    /** aria-label del grupo de teclas. */
+    keypad: string;
+    /** aria-label de la tecla de borrado. */
+    backspace: string;
+}
+export declare class OkPinpad extends LitElement {
+    static styles: import("lit").CSSResult;
+    /** Valor actual (string de dígitos). */
+    value: string;
+    /** Longitud objetivo opcional; al alcanzarla emite `ok-complete`. */
+    length?: number;
+    /** Enmascara la pantalla con •. */
+    masked: boolean;
+    /** Textos traducibles (merge sobre los defaults en inglés). */
+    labels: Partial<OkPinpadLabels>;
+    private get t();
+    private press;
+    private backspace;
+    private emitInput;
+    private renderDisplay;
+    render(): unknown;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'ok-pinpad': OkPinpad;
+    }
+}

package/dist/components/ok-pricing-card/ok-pricing-card.d.ts

@@ -0,0 +1,31 @@
+import { LitElement } from 'lit';
+export interface OkPricingCardLabels {
+    /** Texto por defecto del badge cuando `featured` y no se pasa `badge`. */
+    popular: string;
+}
+export declare class OkPricingCard extends LitElement {
+    static styles: import("lit").CSSResult;
+    /** Nombre del plan. */
+    name?: string;
+    /** Precio (ya formateado, p.ej. "€49"). */
+    price?: string;
+    /** Periodo, p.ej. "/ mes". */
+    period: string;
+    /** Descripción corta. */
+    description?: string;
+    /** Lista de características (texto). Alternativa: slot default con un <ul>. */
+    features: string[];
+    /** Plan destacado (borde de marca + badge). */
+    featured: boolean;
+    /** Texto del badge flotante (def "Popular" si featured y sin texto). */
+    badge?: string;
+    /** Textos traducibles (merge sobre los defaults en inglés). */
+    labels: Partial<OkPricingCardLabels>;
+    private get t();
+    render(): unknown;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'ok-pricing-card': OkPricingCard;
+    }
+}

package/dist/components/ok-product-card/ok-product-card.d.ts

@@ -0,0 +1,25 @@
+import { LitElement } from 'lit';
+export declare class OkProductCard extends LitElement {
+    static styles: import("lit").CSSResult;
+    /** Icono (iconify) o usa slot="icon" para una <img>. */
+    icon?: string;
+    /** Categoría / unidad funcional. */
+    category?: string;
+    /** Nombre del producto/módulo. */
+    name?: string;
+    /** Badge (precio/estado, p.ej. "Premium" o "Incluido"). */
+    badge?: string;
+    /** Precio mostrado en el pie. */
+    price?: string;
+    /** Enlace de la tarjeta. */
+    href?: string;
+    /** "lucide:box" → "https://api.iconify.design/lucide/box.svg". */
+    private iconUrl;
+    private inner;
+    render(): unknown;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'ok-product-card': OkProductCard;
+    }
+}

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

@@ -0,0 +1,24 @@
+import { LitElement } from 'lit';
+type EcLevel = 'L' | 'M' | 'Q' | 'H';
+export declare class OkQr extends LitElement {
+    static styles: import("lit").CSSResult;
+    /** Contenido a codificar (texto/URL). Si vacío, no pinta nada. */
+    value: string;
+    /** Nivel de corrección de errores. */
+    ec: EcLevel;
+    /** Lado del SVG en px. */
+    size: number;
+    /** Color de los módulos (override directo del token). */
+    color: string;
+    /** Color de fondo (override directo del token). */
+    background: string;
+    /** Quiet zone en módulos alrededor del símbolo. */
+    margin: number;
+    render(): unknown;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'ok-qr': OkQr;
+    }
+}
+export {};

package/dist/components/ok-qty-stepper/ok-qty-stepper.d.ts

@@ -0,0 +1,35 @@
+import { LitElement } from 'lit';
+export interface OkQtyStepperLabels {
+    /** aria-label del botón restar (−). */
+    decrement: string;
+    /** aria-label del botón sumar (+). */
+    increment: string;
+}
+export declare class OkQtyStepper extends LitElement {
+    static styles: import("lit").CSSResult;
+    /** Valor actual. */
+    value: number;
+    /** Mínimo permitido. */
+    min: number;
+    /** Máximo permitido (sin tope si es undefined). */
+    max?: number;
+    /** Incremento de cada pulsación. */
+    step: number;
+    /** Deshabilita toda la interacción. */
+    disabled: boolean;
+    /** Textos traducibles (merge sobre los defaults en inglés). */
+    labels: Partial<OkQtyStepperLabels>;
+    private get t();
+    private clamp;
+    private commit;
+    private decrement;
+    private increment;
+    private onInput;
+    private onBlur;
+    render(): unknown;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'ok-qty-stepper': OkQtyStepper;
+    }
+}

package/dist/components/ok-range-dual/ok-range-dual.d.ts

@@ -0,0 +1,38 @@
+import { LitElement } from 'lit';
+/** Detalle del evento ok-change emitido al mover cualquiera de los dos thumbs. */
+export interface OkRangeDualChangeDetail {
+    low: number;
+    high: number;
+}
+export declare class OkRangeDual extends LitElement {
+    static styles: import("lit").CSSResult;
+    /** Etiqueta opcional mostrada a la izquierda del readout. */
+    label?: string;
+    /** Mínimo del rango. */
+    min: number;
+    /** Máximo del rango. */
+    max: number;
+    /** Paso de incremento. */
+    step: number;
+    /** Valor inferior actual. */
+    low: number;
+    /** Valor superior actual. */
+    high: number;
+    /** Prefijo del valor en el readout (p.ej. "€"). */
+    prefix: string;
+    /** Sufijo del valor en el readout (p.ej. "%", " kg"). */
+    suffix: string;
+    /** Deshabilita la interacción. */
+    disabled: boolean;
+    private clamp;
+    private onLow;
+    private onHigh;
+    private emit;
+    private fmt;
+    render(): unknown;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'ok-range-dual': OkRangeDual;
+    }
+}

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

@@ -0,0 +1,33 @@
+import { LitElement } from 'lit';
+export interface OkRatingLabels {
+    /** aria-label de cada estrella / del grupo. Recibe el valor y el máximo. */
+    starLabel: (value: number, max: number) => string;
+}
+export declare class OkRating extends LitElement {
+    static styles: import("lit").CSSResult;
+    /** Valor actual de la valoración. */
+    value: number;
+    /** Número total de estrellas. */
+    max: number;
+    /** Solo lectura: sin hover ni interacción. */
+    readonly: boolean;
+    /** Permite seleccionar medias estrellas. */
+    allowHalf: boolean;
+    /** Textos traducibles (merge sobre los defaults en inglés). */
+    labels: Partial<OkRatingLabels>;
+    private get t();
+    private hoverValue;
+    private get displayValue();
+    private setValue;
+    private onEnter;
+    private onLeave;
+    private iconFor;
+    private renderHalfStar;
+    private renderFullStar;
+    render(): unknown;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'ok-rating': OkRating;
+    }
+}

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

@@ -0,0 +1,103 @@
+import { LitElement } from 'lit';
+import '../ok-qr/ok-qr.js';
+/** Cabecera del negocio (lo que va arriba del tiquet). */
+export interface ReceiptBusiness {
+    name: string;
+    address?: string;
+    /** NIF / CIF. */
+    tax_id?: string;
+    phone?: string;
+    /** URL del logo (opcional; alternativamente usa el slot `logo`). */
+    logo_url?: string;
+}
+/** Una línea de venta. */
+export interface ReceiptLine {
+    name: string;
+    qty: number;
+    unit_price: number;
+    total: number;
+    /** Nota/observación bajo la línea (opcional). */
+    note?: string;
+}
+/** Desglose de un impuesto (p.ej. IVA 21%). */
+export interface ReceiptTax {
+    label: string;
+    base: number;
+    amount: number;
+}
+/** Datos del cobro. */
+export interface ReceiptPayment {
+    method: string;
+    paid?: number;
+    change?: number;
+}
+export interface OkReceiptLabels {
+    /** Mensaje cuando no hay datos de tiquet. */
+    empty: string;
+    /** Prefijo del teléfono del negocio (p.ej. 'Tel.'). */
+    phone: string;
+    /** Etiqueta del nº de tiquet. */
+    receipt: string;
+    /** Etiqueta de quien atiende (cajero/a). */
+    servedBy: string;
+    /** Etiqueta del cliente. */
+    customer: string;
+    /** Cabecera de columna: concepto/artículo. */
+    item: string;
+    /** Cabecera de columna: importe. */
+    amount: string;
+    /** Mensaje cuando no hay líneas. */
+    noLines: string;
+    /** Etiqueta del subtotal. */
+    subtotal: string;
+    /** Etiqueta del total. */
+    total: string;
+    /** Etiqueta del cambio devuelto. */
+    change: string;
+}
+/** JSON completo del tiquet. */
+export interface ReceiptData {
+    business: ReceiptBusiness;
+    /** Nº de tiquet/ticket. */
+    number: string;
+    /** Fecha/hora ya formateada o ISO (se muestra tal cual si es string legible). */
+    datetime?: string;
+    cashier?: string;
+    customer?: string;
+    lines: ReceiptLine[];
+    subtotal?: number;
+    taxes?: ReceiptTax[];
+    total: number;
+    payment?: ReceiptPayment;
+    /** Símbolo de moneda (def. '€'). */
+    currency?: string;
+    /** Mensaje de pie (gracias / leyenda legal). */
+    footer?: string;
+    /** Payload del QR (VeriFactu / URL de verificación). Si vacío, no se pinta QR. */
+    qr?: string;
+    /** Leyenda bajo el QR. */
+    qr_note?: string;
+}
+export declare class OkReceipt extends LitElement {
+    static styles: import("lit").CSSResult;
+    /** JSON del tiquet a renderizar. */
+    receipt?: ReceiptData;
+    /** Tamaño del QR en px (lado). */
+    qrSize: number;
+    /** Textos traducibles (merge sobre los defaults en inglés). */
+    labels: Partial<OkReceiptLabels>;
+    private get t();
+    private cur;
+    private money;
+    render(): import("lit").TemplateResult<1>;
+    private renderHeader;
+    private renderMeta;
+    private renderLines;
+    private renderTotals;
+    private renderQr;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'ok-receipt': OkReceipt;
+    }
+}

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

@@ -0,0 +1,21 @@
+import { LitElement } from 'lit';
+type RevealVariant = 'up' | 'fade' | 'scale' | 'left' | 'right';
+export declare class OkReveal extends LitElement {
+    static styles: import("lit").CSSResult;
+    /** Variante de entrada. */
+    variant: RevealVariant;
+    /** Retardo en ms (para escalonar). */
+    delay: number;
+    /** Revelar solo una vez (def true). */
+    once: boolean;
+    private _io?;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    render(): unknown;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'ok-reveal': OkReveal;
+    }
+}
+export {};

package/dist/components/ok-rich-text/ok-rich-text.d.ts

@@ -0,0 +1,46 @@
+import { LitElement } from 'lit';
+/** Tamaño del editor. `minimal` = sin toolbar/footer, edición inline. */
+export type OkRichTextSize = 'sm' | 'md' | 'lg' | 'minimal';
+export declare class OkRichText extends LitElement {
+    static styles: import("lit").CSSResult;
+    /** Contenido HTML del editor. */
+    value: string;
+    /** Placeholder cuando el área está vacía. */
+    placeholder: string;
+    /** Tamaño / modo. `minimal` oculta toolbar y footer. */
+    size: OkRichTextSize;
+    /** Muestra la toolbar de formato (ignorado en minimal). */
+    toolbar: boolean;
+    /** Muestra el footer con contador de palabras (ignorado en minimal). */
+    footer: boolean;
+    private focused;
+    private activeFmts;
+    private activeBlock;
+    private words;
+    private contentEl?;
+    private syncingFromInput;
+    private static readonly icons;
+    private get inlineButtons();
+    private get listButtons();
+    protected firstUpdated(): void;
+    protected updated(changed: Map<string, unknown>): void;
+    private renderValueIntoDom;
+    private recountWords;
+    private refreshActiveState;
+    private exec;
+    private onHeadingChange;
+    private onLink;
+    private onInput;
+    private onFocus;
+    private onBlur;
+    private onSelect;
+    private toolBtn;
+    private renderToolbar;
+    private renderFooter;
+    render(): unknown;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'ok-rich-text': OkRichText;
+    }
+}

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

@@ -0,0 +1,74 @@
+import { LitElement } from 'lit';
+export interface OkSchedulerResource {
+    /** Identificador único del recurso (clave para asociar eventos). */
+    id: string;
+    /** Texto visible del recurso (columna izquierda sticky). */
+    label: string;
+    /** URL opcional de avatar/imagen mostrada antes del label. */
+    avatar?: string;
+}
+export interface OkSchedulerEvent {
+    /** Identificador único del evento. */
+    id: string;
+    /** Id del recurso (fila) al que pertenece el evento. */
+    resourceId: string;
+    /** Hora de inicio: ISO (`...THH:MM`) o `HH:MM`. Se usa solo la hora local. */
+    start: string;
+    /** Hora de fin: ISO o `HH:MM`. */
+    end: string;
+    /** Texto visible dentro del bloque. */
+    title: string;
+    /** Color del bloque; cadena CSS (hex, var, etc.). Por defecto, el primario. */
+    color?: string;
+}
+export interface OkSchedulerLabels {
+    /** aria-label del botón "día anterior". */
+    prevDay: string;
+    /** aria-label del botón "día siguiente". */
+    nextDay: string;
+    /** Texto cuando no hay recursos que mostrar. */
+    empty: string;
+}
+export declare class OkScheduler extends LitElement {
+    static styles: import("lit").CSSResult;
+    /** Recursos (filas); el consumidor los pasa por propiedad. */
+    resources: OkSchedulerResource[];
+    /** Eventos/turnos; el consumidor los pasa por propiedad. */
+    events: OkSchedulerEvent[];
+    /** Día mostrado (`YYYY-MM-DD`). Vacío = hoy. */
+    date: string;
+    /** Primera hora visible de la franja (0–23). */
+    startHour: number;
+    /** Última hora visible de la franja (1–24). */
+    endHour: number;
+    /** Minutos por celda/columna. (attr `slot-minutes`: `slot` colisiona con HTMLElement.slot.) */
+    slotMin: number;
+    /** Locale BCP-47 para formatear la fecha del día (Intl). Default 'en-US'. */
+    locale: string;
+    /** Textos humanos sobreescribibles (i18n). Default INGLÉS. */
+    labels: Partial<OkSchedulerLabels>;
+    /** Textos efectivos: defaults INGLÉS mezclados con los del consumidor. */
+    private get t();
+    private cursor;
+    private seeded;
+    private dayKey;
+    private parseDay;
+    private minutesOf;
+    private fmtTime;
+    private get rangeMinutes();
+    private get slotCount();
+    private navDay;
+    private clickEvent;
+    private clickSlot;
+    private dayLabel;
+    private initials;
+    private renderTimelineHead;
+    private renderLane;
+    private renderRow;
+    render(): unknown;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'ok-scheduler': OkScheduler;
+    }
+}

package/dist/components/ok-select-card/ok-select-card.d.ts

@@ -0,0 +1,37 @@
+import { LitElement } from 'lit';
+export interface OkSelectCardChangeDetail {
+    /** Si la tarjeta queda marcada tras el cambio. */
+    checked: boolean;
+    /** Valor asociado a la tarjeta. */
+    value: string;
+}
+export declare class OkSelectCard extends LitElement {
+    static styles: import("lit").CSSResult;
+    /** Tipo de control: 'checkbox' (independiente) o 'radio' (exclusivo por grupo). */
+    mode: 'checkbox' | 'radio';
+    /** Nombre del grupo de radios (necesario para exclusión mutua en modo radio). */
+    name?: string;
+    /** Valor asociado a la tarjeta (se emite en ok-change). */
+    value: string;
+    /** Si la tarjeta está marcada. */
+    checked: boolean;
+    /** Deshabilita la interacción. */
+    disabled: boolean;
+    /** Título principal de la tarjeta. */
+    label?: string;
+    /** Texto secundario opcional (muted) bajo el label. */
+    description?: string;
+    /** Nombre de icono Iconify/Ionicons opcional a la izquierda. */
+    icon?: string;
+    private onToggle;
+    /** Desmarca el resto de ok-select-card del mismo name (grupo radio). */
+    private uncheckSiblings;
+    private emitChange;
+    private onKeydown;
+    render(): unknown;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'ok-select-card': OkSelectCard;
+    }
+}

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

@@ -0,0 +1,55 @@
+import { LitElement } from 'lit';
+export interface OkSignatureLabels {
+    /** Texto del botón de limpiar el lienzo. */
+    clear: string;
+    /** Texto del botón de exportar la firma. */
+    export: string;
+    /** Nombre de fichero al descargar la firma exportada. */
+    exportFilename: string;
+}
+export declare class OkSignature extends LitElement {
+    static styles: import("lit").CSSResult;
+    /** Color del trazo. */
+    penColor: string;
+    /** Grosor del trazo en px. */
+    lineWidth: number;
+    /** Color de fondo del lienzo (vacío = transparente). */
+    background: string;
+    /** Altura del pad en px. */
+    height: number;
+    /** Muestra el botón de exportar. */
+    showExport: boolean;
+    /** Textos i18n (parcial; se mezclan sobre los defaults en inglés). */
+    labels: Partial<OkSignatureLabels>;
+    private get t();
+    private canvas;
+    private ctx;
+    private drawing;
+    private lastX;
+    private lastY;
+    private hasInk;
+    private ro?;
+    firstUpdated(): void;
+    updated(changed: Map<string, unknown>): void;
+    disconnectedCallback(): void;
+    private setupCanvas;
+    private paintBackground;
+    private applyStroke;
+    private pos;
+    private onPointerDown;
+    private onPointerMove;
+    private onPointerUp;
+    /** Limpia el lienzo y emite `ok-clear`. */
+    clear(): void;
+    /** Devuelve la firma como data URL (def 'image/png'). */
+    toDataURL(type?: string): string;
+    /** True si no se ha dibujado nada todavía. */
+    isEmpty(): boolean;
+    render(): unknown;
+    private onExport;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'ok-signature': OkSignature;
+    }
+}

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

@@ -0,0 +1,40 @@
+import { LitElement } from 'lit';
+export type OkSkeletonVariant = 'text' | 'title' | 'circle' | 'avatar' | 'button' | 'chip' | 'card' | 'row';
+export type OkSkeletonPreset = 'none' | 'card' | 'table' | 'chart';
+export declare class OkSkeleton extends LitElement {
+    static styles: import("lit").CSSResult;
+    /** Variante de forma del bloque individual. */
+    variant: OkSkeletonVariant;
+    /** Nº de líneas apiladas (solo aplica a variant="text"/"title"; >1 activa el stack). */
+    lines: number;
+    /** Ancho CSS explícito (override de la variante), p.ej. "120px" o "40%". */
+    width?: string;
+    /** Alto CSS explícito (override de la variante). */
+    height?: string;
+    /** Radio de borde CSS explícito (override de la variante). */
+    radius?: string;
+    /** Preset compuesto: scaffold de placeholder. */
+    preset: OkSkeletonPreset;
+    /** Nº de filas del preset table (incluye la cabecera). */
+    rows: number;
+    /** Nº de columnas del preset table / nº de barras del preset chart. */
+    cols: number;
+    /** Estilos inline (width/height/radius) aplicados al bloque. */
+    private blockStyle;
+    /** Bloque base con la clase de variante. */
+    private renderBlock;
+    /** Stack de líneas con anchos decrecientes (la 1ª al 100%). */
+    private renderStack;
+    /** Preset card: avatar + dos líneas de meta + bloque de cuerpo + acciones. */
+    private renderPresetCard;
+    /** Preset table: replica la rejilla de ok-data-table (cabecera + filas). */
+    private renderPresetTable;
+    /** Preset chart: barras con alturas pseudo-variadas. */
+    private renderPresetChart;
+    render(): unknown;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'ok-skeleton': OkSkeleton;
+    }
+}