// Type declarations for CropperJS v2 web components.
// Extends svelteHTML.IntrinsicElements so the Svelte language server
// recognises <cropper-*> tags and their attributes in templates.

type CamelToKebab<S extends string> = S extends `${infer F}${infer R}`
  ? R extends Uncapitalize<R>
    ? `${Lowercase<F>}${CamelToKebab<R>}`
    : `${Lowercase<F>}-${CamelToKebab<R>}`
  : S;

type CropperElementProps<T extends HTMLElement> = {
  [
    K in keyof T as K extends keyof HTMLElement
      ? never
      : K extends `$${string}`
        ? never
        : T[K] extends (...args: never[]) => unknown
          ? never
          : K extends string
            ? CamelToKebab<K>
            : never
  ]?: (T[K] extends boolean ? boolean : T[K] extends number ? number | string : string) | null;
} & import('svelte/elements').HTMLAttributes<HTMLElement>;

declare namespace svelteHTML {
  interface IntrinsicElements {
    'cropper-canvas': CropperElementProps<import('cropperjs').CropperCanvas>;
    'cropper-image': CropperElementProps<import('cropperjs').CropperImage>;
    'cropper-shade': CropperElementProps<import('cropperjs').CropperShade>;
    'cropper-handle': CropperElementProps<import('cropperjs').CropperHandle>;
    'cropper-selection': CropperElementProps<import('cropperjs').CropperSelection>;
    'cropper-grid': CropperElementProps<import('cropperjs').CropperGrid>;
    'cropper-crosshair': CropperElementProps<import('cropperjs').CropperCrosshair>;
  }
}