@erplora/outfitkit 0.1.19 → 0.1.21

package/dist/outfitkit.js

@@ -42,7 +42,6 @@ import "./ok-spotlight-search.js";
 import "./ok-color-picker.js";
 import "./ok-avatar.js";
 import "./ok-status-pill.js";
-import "./ok-drawer.js";
 import "./ok-page-header.js";
 import "./ok-bento.js";
 import "./ok-bento-item.js";
@@ -58,7 +57,6 @@ import "./ok-navbar.js";
 import "./ok-footer.js";
 import "./ok-hero.js";
 import "./ok-pagination.js";
-import "./ok-skeleton.js";
 import "./ok-gauge.js";
 import "./ok-chart.js";
 import "./ok-donut.js";
@@ -76,9 +74,6 @@ import "./ok-coachmark.js";
 import "./ok-select-card.js";
 import "./ok-theme-picker.js";
 import "./ok-error-page.js";
-import "./ok-date-picker.js";
-import "./ok-time-picker.js";
-import "./ok-range-dual.js";
 import "./ok-file-item.js";
 import "./ok-rich-text.js";
 import "./ok-code.js";

package/dist/shared/icons.js

@@ -158,9 +158,9 @@ export {
   iconAdd as K,
   iconSearchOutline as L,
   iconNotificationsOffOutline as M,
-  iconCalendarOutline as N,
-  iconPlayOutline as O,
-  iconFolderOpenOutline as P,
+  iconPlayOutline as N,
+  iconFolderOpenOutline as O,
+  iconCalendarOutline as P,
   iconChevronForward as Q,
   iconFileTrayOutline as R,
   iconSwapVerticalOutline as S,

package/dist/showcase/auth-login-saas-parity.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/showcase/component-catalog-completeness.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/showcase/current-page-contract.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/showcase/hub-access-dashboard-parity.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/showcase/hub-apps-billing-pages-parity.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/showcase/hub-employee-forms-parity.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/showcase/hub-shell-parity.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/showcase/hub-system-settings-shell-parity.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/showcase/hub-table-pages-parity.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/showcase/ionic-boundary.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/showcase/ionic-ios-default.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/showcase/module-appointments-parity.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/showcase/module-backup-pages-parity.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/showcase/module-cart-checkout-pages-parity.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/showcase/module-cash-register-parity.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/showcase/module-customers-fields-parity.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/showcase/module-customers-groups-parity.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/showcase/module-customers-list-parity.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/showcase/module-customers-tags-parity.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/showcase/module-inventory-categories-parity.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/showcase/module-inventory-dashboard-parity.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/showcase/module-inventory-products-parity.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/showcase/module-invoice-list-parity.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/showcase/module-invoice-series-list-parity.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/showcase/module-invoice-settings-parity.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/showcase/module-kitchen-pages-parity.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/showcase/module-online-booking-pages-parity.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/showcase/module-pages-data.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/showcase/module-payment-gateways-parity.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/showcase/module-payments-list-parity.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/showcase/module-pricing-lists-parity.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/showcase/module-printing-pages-parity.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/showcase/module-reservations-availability-parity.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/showcase/module-reservations-list-parity.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/showcase/module-reservations-waitlist-parity.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/showcase/module-sales-list-parity.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/showcase/module-sales-pos-parity.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/showcase/module-schedules-hours-parity.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/showcase/module-services-parity.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/showcase/module-staff-members-parity.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/showcase/module-staff-roles-parity.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/showcase/module-staff-schedules-parity.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/showcase/module-staff-time-off-parity.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/showcase/module-tables-pages-parity.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/showcase/module-tasks-list-parity.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/showcase/module-tasks-projects-parity.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/showcase/module-taxes-pages-parity.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/showcase/module-tickets-list-parity.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/showcase/module-tickets-sla-parity.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/showcase/module-verifactu-pages-parity.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/showcase/module-whatsapp-inbox-pages-parity.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/showcase/page-catalog.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/showcase/page-navigation.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/showcase/saas-account-help-pages-parity.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/showcase/saas-auth-account-pages-parity.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/showcase/saas-billing-table-pages-parity.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/showcase/saas-dashboard-shell-parity.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/showcase/saas-developer-pages-parity.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/showcase/saas-developer-table-pages-parity.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/showcase/saas-hub-detail-pages-parity.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/showcase/saas-hubs-table-pages-parity.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/showcase/saas-operations-marketplace-pages-parity.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/showcase/saas-organizations-page-parity.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/showcase/saas-organizations-users-detail-pages-parity.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/showcase/saas-public-error-pages-parity.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/tabbar/tabbar.d.ts

@@ -0,0 +1,69 @@
+/**
+ * Tabbar de footer — comportamiento compartido Cloud↔Hub para un `ion-segment` usado como barra de
+ * NAVEGACIÓN (no como el pill de filtro de iOS).
+ *
+ * Por qué está aquí y no en cada producto: el Hub y el SaaS habían resuelto POR SEPARADO el mismo
+ * problema, con reglas que ya divergían. Y es un hueco real de Ionic, no un wrapper: `ion-segment`
+ * no trae `scrollIntoView` a la pestaña activa, y su prop `scrollable` sólo cambia layout y gestos.
+ * Si desborda y por dónde va el scroll es justo lo que CSS no puede saber solo, así que se publica
+ * en `data-overflow` y el degradado lo pinta `tabbar.css`.
+ *
+ * Uso: una sola llamada, y guardar el cleanup.
+ *
+ *   const cleanup = bindTabbar(document.querySelector('ion-footer ion-segment'));
+ *   // al desmontar la vista → cleanup();
+ */
+/** Qué bordes del tabbar esconden pestañas. `none` = caben todas. */
+export type TabbarOverflow = 'none' | 'start' | 'end' | 'both';
+/**
+ * Calcula qué bordes esconden pestañas, para pintar el degradado SOLO donde hay más.
+ *
+ * Un degradado fijo a la derecha seguiría oscureciendo la última pestaña cuando ya has llegado al
+ * final: se lee como un fallo de pintado, no como "hay más". Por eso son cuatro estados.
+ */
+export declare function tabbarOverflow(segment: HTMLElement | null): TabbarOverflow;
+/** Publica el estado en `data-overflow` para que el degradado lo pinte desde CSS. */
+export declare function syncTabbarOverflow(segment: HTMLElement | null): void;
+/**
+ * Trae a la vista la pestaña activa.
+ *
+ * Hace falta cuando la pestaña activa la fija la RUTA y no un toque (deep-link, back/forward): al
+ * montar, la barra arranca en `scrollLeft: 0` y la activa puede quedar fuera de pantalla, así que el
+ * usuario no ve en cuál está. Se mueve `scrollLeft` y no `scrollIntoView` para no arrastrar a los
+ * ancestros scrolleables ni pelearse con el scroll de la página.
+ */
+export declare function scrollActiveTabIntoView(segment: HTMLElement | null): void;
+/**
+ * ¿Merece la pena la pista de scroll al entrar?
+ *
+ * El degradado dice que hay más; el movimiento enseña el GESTO. Pero es movimiento que el usuario
+ * no ha pedido, así que sólo se da cuando aporta: si caben todas no hay nada que descubrir; si ya
+ * estás al final a la derecha no queda nada; con `prefers-reduced-motion` no se anima; y si la barra
+ * ya se movió sola para revelar la activa, repetirlo sería un tirón raro.
+ */
+export declare function shouldHintScroll(opts: {
+    overflow: TabbarOverflow;
+    reducedMotion: boolean;
+    yaScrolleado: boolean;
+}): boolean;
+/**
+ * Asoma la barra unos píxeles y la devuelve: enseña que se puede deslizar.
+ *
+ * Mueve el scroll REAL (no un `transform`) para que el degradado se recalcule solo con el evento
+ * `scroll` — al asomarse aparece el degradado izquierdo, lo que refuerza la pista.
+ */
+export declare function hintScroll(segment: HTMLElement | null): void;
+/**
+ * Cablea un tabbar y devuelve su cleanup. Es la única llamada que necesita el consumidor.
+ *
+ * Observa tres cosas distintas porque son tres causas distintas de cambio:
+ * - `scroll` → el usuario desliza;
+ * - `ResizeObserver` → cambia el ancho disponible (rotar el móvil, plegar el menú);
+ * - `MutationObserver` → cambia el NÚMERO de pestañas sin cambiar el ancho (un shell que las carga
+ *   async desde un manifest), caso en el que el ResizeObserver no se entera.
+ *
+ * `hint: false` desactiva la pista de movimiento (el degradado se mantiene).
+ */
+export declare function bindTabbar(segment: HTMLElement | null, opts?: {
+    hint?: boolean;
+}): () => void;

package/dist/tabbar/tabbar.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/tabbar.css

@@ -0,0 +1,72 @@
+/* OutfitKit — tabbar.css
+ *
+ * Un `ion-segment` usado como barra de NAVEGACIÓN de footer (no como el pill de filtro de iOS).
+ * Complementa a Ionic en un hueco real, no lo envuelve: Ionic no tiene ninguna estrategia para un
+ * tabbar con más pestañas de las que caben, y su geometría cambia según el modo.
+ *
+ * La clase `.ok-tabbar` la pone `bindTabbar()` (`@erplora/outfitkit/tabbar`), no el consumidor:
+ * así el CSS y el comportamiento no pueden desincronizarse. Ese mismo JS mantiene `data-overflow`,
+ * que es lo único que CSS no puede calcular solo (si desborda y por dónde va el scroll).
+ *
+ * Tokens:
+ *   --ok-tabbar-min   ancho mínimo de pestaña antes de scrollear (default 88px)
+ *   --ok-tabbar-fade  anchura del degradado de borde (default 36px)
+ *
+ * Export del paquete: `@erplora/outfitkit/tabbar.css`. Cargar después del tema.
+ */
+
+.ok-tabbar {
+  /* En modo `ios` Ionic trata el segment como el segmented control compacto y le pone
+     `:host(.in-toolbar){ width:auto; margin-inline:auto }`, así que el host se encoge a su
+     contenido (medido: 289px dentro de una toolbar de 1560px) sin importar cómo dimensiones las
+     columnas. Esto es lo que lo arregla; el `grid-auto-columns` por sí solo NO basta. */
+  width: 100%;
+  margin-inline: 0;
+  box-sizing: border-box;
+
+  /* Con pocas pestañas manda el `1fr` y llenan el ancho; con muchas manda el mínimo y NO se
+     aplastan. El default de 88px sale de MEDIR el umbral en que se trunca el label más largo del
+     Hub (86px) más 2px de margen por si el render de la fuente es algo más ancho. Cada producto
+     puede ajustarlo con `--ok-tabbar-min`: preferimos scroll antes que labels cortados. */
+  grid-auto-columns: minmax(var(--ok-tabbar-min, 88px), 1fr);
+  justify-content: start;
+
+  overflow-x: auto;
+  scrollbar-width: none;
+}
+
+.ok-tabbar::-webkit-scrollbar {
+  display: none;
+}
+
+/* Degradado de borde. Al esconder la barra de scroll hay que señalar de otro modo que quedan
+   pestañas fuera: sin esto el único indicio es una pestaña cortada a medias, que se lee como un
+   fallo de maquetación y no como una invitación a deslizar.
+   Va SOLO en el lado que esconde algo — uno fijo a la derecha seguiría oscureciendo la última
+   pestaña al llegar al final, que es justo el efecto de "roto" que se quiere evitar. */
+.ok-tabbar[data-overflow='end'] {
+  -webkit-mask-image: linear-gradient(to right, #000 calc(100% - var(--ok-tabbar-fade, 36px)), transparent 100%);
+  mask-image: linear-gradient(to right, #000 calc(100% - var(--ok-tabbar-fade, 36px)), transparent 100%);
+}
+
+.ok-tabbar[data-overflow='start'] {
+  -webkit-mask-image: linear-gradient(to left, #000 calc(100% - var(--ok-tabbar-fade, 36px)), transparent 100%);
+  mask-image: linear-gradient(to left, #000 calc(100% - var(--ok-tabbar-fade, 36px)), transparent 100%);
+}
+
+.ok-tabbar[data-overflow='both'] {
+  -webkit-mask-image: linear-gradient(
+    to right,
+    transparent 0,
+    #000 var(--ok-tabbar-fade, 36px),
+    #000 calc(100% - var(--ok-tabbar-fade, 36px)),
+    transparent 100%
+  );
+  mask-image: linear-gradient(
+    to right,
+    transparent 0,
+    #000 var(--ok-tabbar-fade, 36px),
+    #000 calc(100% - var(--ok-tabbar-fade, 36px)),
+    transparent 100%
+  );
+}

package/dist/tabbar.js

@@ -0,0 +1,76 @@
+const EPSILON = 1;
+const HINT_PX = 28;
+const HINT_VUELTA_MS = 420;
+const CLASE = "ok-tabbar";
+function tabbarOverflow(segment) {
+  if (!segment) return "none";
+  const maximo = segment.scrollWidth - segment.clientWidth;
+  if (maximo <= EPSILON) return "none";
+  const hayAntes = segment.scrollLeft > EPSILON;
+  const hayDespues = segment.scrollLeft < maximo - EPSILON;
+  if (hayAntes && hayDespues) return "both";
+  if (hayAntes) return "start";
+  return "end";
+}
+function syncTabbarOverflow(segment) {
+  if (!segment) return;
+  segment.dataset.overflow = tabbarOverflow(segment);
+}
+function scrollActiveTabIntoView(segment) {
+  if (!segment) return;
+  const activa = segment.querySelector(".segment-button-checked");
+  if (!activa) return;
+  if (segment.scrollWidth <= segment.clientWidth) return;
+  const inicio = activa.offsetLeft;
+  const fin = inicio + activa.offsetWidth;
+  const visibleInicio = segment.scrollLeft;
+  const visibleFin = visibleInicio + segment.clientWidth;
+  if (inicio < visibleInicio) segment.scrollLeft = inicio;
+  else if (fin > visibleFin) segment.scrollLeft = fin - segment.clientWidth;
+}
+function shouldHintScroll(opts) {
+  if (opts.reducedMotion) return false;
+  if (opts.yaScrolleado) return false;
+  return opts.overflow === "end" || opts.overflow === "both";
+}
+function hintScroll(segment) {
+  if (!segment) return;
+  segment.scrollTo({ left: HINT_PX, behavior: "smooth" });
+  setTimeout(() => segment.scrollTo({ left: 0, behavior: "smooth" }), HINT_VUELTA_MS);
+}
+function bindTabbar(segment, opts = {}) {
+  if (!segment) return () => {
+  };
+  segment.classList.add(CLASE);
+  const sync = () => syncTabbarOverflow(segment);
+  sync();
+  segment.addEventListener("scroll", sync, { passive: true });
+  const ro = typeof ResizeObserver !== "undefined" ? new ResizeObserver(sync) : null;
+  ro?.observe(segment);
+  const mo = typeof MutationObserver !== "undefined" ? new MutationObserver(sync) : null;
+  mo?.observe(segment, { childList: true });
+  let pista = null;
+  if (opts.hint !== false) {
+    pista = setTimeout(() => {
+      pista = null;
+      const reducedMotion = typeof matchMedia !== "undefined" && matchMedia("(prefers-reduced-motion: reduce)").matches;
+      if (shouldHintScroll({ overflow: tabbarOverflow(segment), reducedMotion, yaScrolleado: segment.scrollLeft > 1 })) {
+        hintScroll(segment);
+      }
+    }, 450);
+  }
+  return () => {
+    segment.removeEventListener("scroll", sync);
+    ro?.disconnect();
+    mo?.disconnect();
+    if (pista) clearTimeout(pista);
+  };
+}
+export {
+  bindTabbar,
+  hintScroll,
+  scrollActiveTabIntoView,
+  shouldHintScroll,
+  syncTabbarOverflow,
+  tabbarOverflow
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@erplora/outfitkit",
-  "version": "0.1.19",
+  "version": "0.1.21",
   "description": "OutfitKit — librería de Web Components (Lit) que CONSTRUYE lo que Ionic no tiene (tree, data-table rica, inline-feedback, kpi/stat, stepper/wizard, calendar, kanban…) sobre primitivos de Ionic. Ionic es la base; OutfitKit cubre los huecos. npm + CDN, imports individuales, CSP-safe. Tema vía tokens --ok-* (fallback a --ion-*).",
   "type": "module",
   "license": "MIT",
@@ -27,6 +27,10 @@
       "types": "./dist/store/controller.d.ts",
       "import": "./dist/store-controller.js"
     },
+    "./tabbar": {
+      "types": "./dist/tabbar/tabbar.d.ts",
+      "import": "./dist/tabbar.js"
+    },
     "./ok-store": "./dist/ok-store.js",
     "./ok-data-table": "./dist/ok-data-table.js",
     "./ok-mail": "./dist/ok-mail.js",
@@ -70,7 +74,6 @@
     "./ok-color-picker": "./dist/ok-color-picker.js",
     "./ok-avatar": "./dist/ok-avatar.js",
     "./ok-status-pill": "./dist/ok-status-pill.js",
-    "./ok-drawer": "./dist/ok-drawer.js",
     "./ok-page-header": "./dist/ok-page-header.js",
     "./ok-bento": "./dist/ok-bento.js",
     "./ok-bento-item": "./dist/ok-bento-item.js",
@@ -86,7 +89,6 @@
     "./ok-footer": "./dist/ok-footer.js",
     "./ok-hero": "./dist/ok-hero.js",
     "./ok-pagination": "./dist/ok-pagination.js",
-    "./ok-skeleton": "./dist/ok-skeleton.js",
     "./ok-gauge": "./dist/ok-gauge.js",
     "./ok-chart": "./dist/ok-chart.js",
     "./ok-donut": "./dist/ok-donut.js",
@@ -104,9 +106,6 @@
     "./ok-select-card": "./dist/ok-select-card.js",
     "./ok-theme-picker": "./dist/ok-theme-picker.js",
     "./ok-error-page": "./dist/ok-error-page.js",
-    "./ok-date-picker": "./dist/ok-date-picker.js",
-    "./ok-time-picker": "./dist/ok-time-picker.js",
-    "./ok-range-dual": "./dist/ok-range-dual.js",
     "./ok-file-item": "./dist/ok-file-item.js",
     "./ok-rich-text": "./dist/ok-rich-text.js",
     "./ok-code": "./dist/ok-code.js",
@@ -128,6 +127,7 @@
     "./erplora.css": "./dist/erplora.css",
     "./palettes.css": "./dist/palettes.css",
     "./layout.css": "./dist/layout.css",
+    "./tabbar.css": "./dist/tabbar.css",
     "./cdn": "./dist/outfitkit.js",
     "./bundle": "./dist/outfitkit.bundle.js"
   },
@@ -140,6 +140,7 @@
   "scripts": {
     "build": "vite build && vite build --config vite.config.cdn.ts && tsc -p tsconfig.build.json --emitDeclarationOnly",
     "dev": "vite build --watch",
+    "generate:module-pages": "node scripts/generate-module-pages.mjs",
     "typecheck": "tsc --noEmit",
     "test": "vitest run",
     "verify:csp": "node scripts/assert-csp-safe.mjs dist",

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

@@ -1,81 +0,0 @@
-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;
-    }
-}