import { JSXBase } from '@stencil/core/internal';
import { ComponentPropsWithoutRef } from 'react';
import { BoxProps } from './Box.js';
import '../types-B4RnVKcG.js';

declare const Input = "ax-input";

type InputProps = BoxProps &  {
  "addonPointerEvents"?: "none" | "auto";
"addon-pointer-events"?: "none" | "auto";
"appearance"?: "number" | "default";
"size"?: "md" | "lg" | "xl";
"addonAfter"?: string | number | false | true;
"addon-after"?: string;
"addonBefore"?: string | number | false | true;
"addon-before"?: string;
"htmlSize"?: number;
"html-size"?: number;
"type"?: "number" | "color" | "button" | "search" | "time" | "image" | "text" | "range" | "month" | "hidden" | "date" | "datetime-local" | "checkbox" | "radio" | string & {} | "tel" | "url" | "email" | "submit" | "reset" | "file" | "password" | "week";
"disabled"?: false | true;
"placeholder"?: string;
"onValueChange"?: (value: string) => void;
"name"?: string;
"error"?: false | true;
"asChild"?: false | true;
"as-child"?: false | true;
};

declare module "@stencil/core" {
  namespace JSX {
    interface IntrinsicElements {
      [Input]: InputProps & Omit<(JSXBase.IntrinsicElements["input"]), keyof InputProps>;
    }
  }
}

declare module "react" {
  namespace JSX {
    interface IntrinsicElements {
      [Input]: InputProps & Omit<(ComponentPropsWithoutRef<"input">), keyof InputProps>;
    }
  }
}

export { Input };
export type { InputProps };