import type { JSXBase } from './stencil-public-runtime';

import type { CustomElements } from '../cem/webcomponents';

// Provide Fragment as a global symbol so JSX fragments (<>...</>) compile
declare const Fragment: unknown;

declare module '@stencil/core' {
  export namespace JSX {
    interface IntrinsicElements extends CustomElements {
      slot: JSXBase.SlotAttributes & { id?: string; class?: string };
    }
  }
}

declare global {
  interface CustomStateSet {
    size: number;
    add(value: string): void;
    clear(): void;
    delete(value: string): boolean;
    entries(): IterableIterator<[string, string]>;
    forEach(callback: (value: string, key: string, set: CustomStateSet) => void): void;
    has(value: string): boolean;
    keys(): IterableIterator<string>;
    values(): IterableIterator<string>;
  }

  interface ElementInternals {
    states: CustomStateSet;
  }
}