@ehubbell/html/dist/index.d.ts

An HTML component library with Tailwind rollups.

// Generated by dts-bundle-generator v9.5.1

import * as RHP from 'react-html-props';

export type TailwindProps = TailwindContainerProps & TailwindGridProps & TailwindColProps & {
	align?: string;
	alignContent?: string;
	alignItems?: string;
	alignSelf?: string;
	animation?: string;
	appearance?: string;
	aspect?: string;
	autoCols?: string;
	autoRows?: string;
	basis?: string;
	bgAttachment?: string;
	bgBlur?: string;
	bgClip?: string;
	bgColor?: string;
	bgImage?: string;
	bgOrigin?: string;
	bgPosition?: string;
	bgOpacity?: string;
	bgRepeat?: string;
	bgSize?: string;
	border?: string;
	borderCollapse?: string;
	borderColor?: string;
	borderOpacity?: string;
	borderRadius?: string;
	borderSpacing?: string;
	borderStyle?: string;
	borderWidth?: string;
	bottom?: string;
	cols?: string;
	columns?: string;
	color?: string;
	cursor?: string;
	display?: string;
	divide?: string;
	divideColor?: string;
	divideOpacity?: string;
	divideStyle?: string;
	divideWidth?: string;
	duration?: string;
	fade?: string;
	fill?: string;
	focus?: string;
	forcedColorAdjust?: string;
	fontFamily?: TailwindFontFamilyOpts;
	fontSize?: string;
	fontStyle?: string;
	fontWeight?: string;
	fontVariant?: string;
	flex?: string;
	flexDirection?: string;
	flexWrap?: string;
	grid?: string;
	gridColumn?: string;
	gridCols?: string;
	gridFlow?: string;
	gridRow?: string;
	gridRows?: string;
	group?: string;
	grow?: string;
	height?: string;
	hover?: string;
	inset?: string;
	items?: string;
	justify?: string;
	justifyContent?: string;
	justifyItems?: string;
	justifySelf?: string;
	leading?: string;
	left?: string;
	lineClamp?: string;
	listImg?: string;
	listPosition?: string;
	listStyle?: string;
	location?: string;
	margin?: string;
	maxHeight?: string;
	maxWidth?: string;
	minHeight?: string;
	minWidth?: string;
	objectFit?: string;
	objectPosition?: string;
	opacity?: string;
	order?: string;
	origin?: string;
	outline?: string;
	outlineColor?: string;
	outlineOffset?: string;
	outlineStyle?: string;
	outlineWidth?: string;
	overflow?: string;
	overflowWrap?: string;
	padding?: string;
	path?: string;
	placeContent?: string;
	placeItems?: string;
	placeSelf?: string;
	placeholderColor?: string;
	pointerEvents?: string;
	position?: string;
	resize?: string;
	ring?: string;
	ringColor?: string;
	ringOffset?: string;
	ringOffsetColor?: string;
	right?: string;
	rotate?: string;
	scale?: string;
	shadow?: string;
	shadowColor?: string;
	shrink?: string;
	size?: string;
	space?: string;
	spacing?: string;
	stroke?: string;
	strokeWidth?: string;
	tableLayout?: string;
	textAlign?: string;
	textColor?: string;
	textDecoration?: string;
	textOverflow?: string;
	textTransform?: string;
	textWrap?: string;
	top?: string;
	tracking?: string;
	transform?: string;
	transition?: string;
	translate?: string;
	touchAction?: string;
	userSelect?: string;
	visibility?: string;
	weight?: TailwindFontWeightOpts;
	whitespace?: string;
	width?: string;
	willChange?: string;
	wordBreak?: string;
	zIndex?: string;
	variants?: string;
};
export type TailwindContainerProps = {
	size?: string;
	center?: boolean;
	gutters?: boolean;
};
export type TailwindGridProps = {
	cols?: string;
	rows?: string;
	flow?: string;
	gap?: string;
};
export type TailwindColProps = {
	sm?: string;
	md?: string;
	lg?: string;
	xl?: string;
	xxl?: string;
	span?: string;
	order?: string;
};
export type TailwindFontFamilyOpts = string | "font-primary" | "font-secondary" | "font-accent";
export type TailwindFontWeightOpts = string | "font-light" | "font-normal" | "fontracking-normal" | "font-medium" | "font-semiBold" | "font-bold";
export type LibProps = {
	name?: string;
	tailwind?: TailwindProps;
	className?: string;
};
export declare const filterProps: (data?: {}, attrs?: any[], include?: boolean) => {};
export declare const formatProps: (props?: {}) => {};
export declare const formatClassNames: (props?: {}, className?: string) => string;
export declare const formatElementProps: (props?: {}, tailwind?: {}, className?: string) => {
	className: string;
	props: {};
};
export declare const A: ({ name, tailwind, className, ...props }: RHP.AProps & LibProps) => import("react/jsx-runtime").JSX.Element;
export declare const Abbr: ({ name, tailwind, className, ...props }: RHP.AbbrProps & LibProps) => import("react/jsx-runtime").JSX.Element;
export declare const Address: ({ name, tailwind, className, ...props }: RHP.AddressProps & LibProps) => import("react/jsx-runtime").JSX.Element;
export declare const Area: ({ name, tailwind, className, ...props }: RHP.AreaProps & LibProps) => import("react/jsx-runtime").JSX.Element;
export declare const Article: ({ name, tailwind, className, ...props }: RHP.ArticleProps & LibProps) => import("react/jsx-runtime").JSX.Element;
export declare const Aside: ({ name, tailwind, className, ...props }: RHP.AsideProps & LibProps) => import("react/jsx-runtime").JSX.Element;
declare const Audio$1: ({ name, tailwind, className, ...props }: RHP.AudioProps & LibProps) => import("react/jsx-runtime").JSX.Element;
export declare const B: ({ name, tailwind, className, ...props }: RHP.BProps & LibProps) => import("react/jsx-runtime").JSX.Element;
export declare const Base: ({ name, tailwind, className, ...props }: RHP.BaseProps & LibProps) => import("react/jsx-runtime").JSX.Element;
export declare const Bdi: ({ name, tailwind, className, ...props }: RHP.BDIProps & LibProps) => import("react/jsx-runtime").JSX.Element;
export declare const Bdo: ({ name, tailwind, className, ...props }: RHP.BDOProps & LibProps) => import("react/jsx-runtime").JSX.Element;
export declare const Blockquote: ({ name, tailwind, className, ...props }: RHP.BlockQuoteProps & LibProps) => import("react/jsx-runtime").JSX.Element;
declare const Body$1: ({ name, tailwind, className, ...props }: RHP.BodyProps & LibProps) => import("react/jsx-runtime").JSX.Element;
export declare const Br: ({ name, tailwind, className, ...props }: RHP.BRProps & LibProps) => import("react/jsx-runtime").JSX.Element;
export declare const Button: ({ name, tailwind, className, ...props }: RHP.ButtonProps & LibProps) => import("react/jsx-runtime").JSX.Element;
export declare const Canvas: ({ name, tailwind, className, ...props }: RHP.CanvasProps & LibProps) => import("react/jsx-runtime").JSX.Element;
export declare const Caption: ({ name, tailwind, className, ...props }: RHP.CaptionProps & LibProps) => import("react/jsx-runtime").JSX.Element;
export declare const Cite: ({ name, tailwind, className, ...props }: RHP.CiteProps & LibProps) => import("react/jsx-runtime").JSX.Element;
export declare const Code: ({ name, tailwind, className, ...props }: RHP.CodeProps & LibProps) => import("react/jsx-runtime").JSX.Element;
export declare const Data: ({ name, tailwind, className, ...props }: RHP.DataProps & LibProps) => import("react/jsx-runtime").JSX.Element;
export declare const DataList: ({ name, tailwind, className, ...props }: RHP.DataListProps & LibProps) => import("react/jsx-runtime").JSX.Element;
export declare const DD: ({ name, tailwind, className, ...props }: RHP.DDProps & LibProps) => import("react/jsx-runtime").JSX.Element;
export declare const Del: ({ name, tailwind, className, ...props }: RHP.DelProps & LibProps) => import("react/jsx-runtime").JSX.Element;
export declare const Details: ({ name, tailwind, className, ...props }: RHP.DetailsProps & LibProps) => import("react/jsx-runtime").JSX.Element;
export declare const Dfn: ({ name, tailwind, className, ...props }: RHP.DfnProps & LibProps) => import("react/jsx-runtime").JSX.Element;
export declare const Dialog: ({ name, tailwind, className, ...props }: RHP.DialogProps & LibProps) => import("react/jsx-runtime").JSX.Element;
export declare const Div: ({ name, tailwind, className, ...props }: RHP.DivProps & LibProps) => import("react/jsx-runtime").JSX.Element;
export declare const Dl: ({ name, tailwind, className, ...props }: RHP.DLProps & LibProps) => import("react/jsx-runtime").JSX.Element;
export declare const Dt: ({ name, tailwind, className, ...props }: RHP.DTProps & LibProps) => import("react/jsx-runtime").JSX.Element;
export declare const Em: ({ name, tailwind, className, ...props }: RHP.EmProps & LibProps) => import("react/jsx-runtime").JSX.Element;
export declare const Embed: ({ name, tailwind, className, ...props }: RHP.EmbedProps & LibProps) => import("react/jsx-runtime").JSX.Element;
export declare const FieldSet: ({ name, tailwind, className, ...props }: RHP.FieldSetProps & LibProps) => import("react/jsx-runtime").JSX.Element;
export declare const FigCaption: ({ name, tailwind, className, ...props }: RHP.FigCaptionProps & LibProps) => import("react/jsx-runtime").JSX.Element;
export declare const Form: ({ name, tailwind, className, ...props }: RHP.FormProps & LibProps) => import("react/jsx-runtime").JSX.Element;
export declare const Figure: ({ name, tailwind, className, ...props }: RHP.FigureProps & LibProps) => import("react/jsx-runtime").JSX.Element;
export declare const Footer: ({ name, tailwind, className, ...props }: RHP.FooterProps & LibProps) => import("react/jsx-runtime").JSX.Element;
export declare const H1: ({ name, tailwind, className, ...props }: RHP.HeadingProps & LibProps) => import("react/jsx-runtime").JSX.Element;
export declare const H2: ({ name, tailwind, className, ...props }: RHP.HeadingProps & LibProps) => import("react/jsx-runtime").JSX.Element;
export declare const H3: ({ name, tailwind, className, ...props }: RHP.HeadingProps & LibProps) => import("react/jsx-runtime").JSX.Element;
export declare const H4: ({ name, tailwind, className, ...props }: RHP.HeadingProps & LibProps) => import("react/jsx-runtime").JSX.Element;
export declare const H5: ({ name, tailwind, className, ...props }: RHP.HeadingProps & LibProps) => import("react/jsx-runtime").JSX.Element;
export declare const H6: ({ name, tailwind, className, ...props }: RHP.HeadingProps & LibProps) => import("react/jsx-runtime").JSX.Element;
export declare const Head: ({ name, tailwind, className, ...props }: RHP.HeadProps & LibProps) => import("react/jsx-runtime").JSX.Element;
export declare const Header: ({ name, tailwind, className, ...props }: RHP.HeaderProps & LibProps) => import("react/jsx-runtime").JSX.Element;
export declare const Hr: ({ name, tailwind, className, ...props }: RHP.HRProps & LibProps) => import("react/jsx-runtime").JSX.Element;
export declare const Html: ({ name, tailwind, className, ...props }: RHP.HtmlProps & LibProps) => import("react/jsx-runtime").JSX.Element;
export declare const Iframe: ({ name, tailwind, className, ...props }: RHP.IFrameProps & LibProps) => import("react/jsx-runtime").JSX.Element;
export declare const Img: ({ name, tailwind, className, ...props }: RHP.ImgProps & LibProps) => import("react/jsx-runtime").JSX.Element;
export declare const Input: ({ name, tailwind, className, ...props }: RHP.InputProps & LibProps) => import("react/jsx-runtime").JSX.Element;
export declare const Ins: ({ name, tailwind, className, ...props }: RHP.InsProps & LibProps) => import("react/jsx-runtime").JSX.Element;
export declare const Kbd: ({ name, tailwind, className, ...props }: RHP.KbdProps & LibProps) => import("react/jsx-runtime").JSX.Element;
export declare const Label: ({ name, tailwind, className, ...props }: RHP.LabelProps & LibProps) => import("react/jsx-runtime").JSX.Element;
export declare const Legend: ({ name, tailwind, className, ...props }: RHP.LegendProps & LibProps) => import("react/jsx-runtime").JSX.Element;
export declare const Link: ({ name, tailwind, className, ...props }: RHP.LinkProps & LibProps) => import("react/jsx-runtime").JSX.Element;
export declare const Li: ({ name, tailwind, className, ...props }: RHP.LIProps & LibProps) => import("react/jsx-runtime").JSX.Element;
export declare const Main: ({ name, tailwind, className, ...props }: RHP.MainProps & LibProps) => import("react/jsx-runtime").JSX.Element;
declare const Map$1: ({ name, tailwind, className, ...props }: RHP.MapProps & LibProps) => import("react/jsx-runtime").JSX.Element;
export declare const Mark: ({ name, tailwind, className, ...props }: RHP.MarkProps & LibProps) => import("react/jsx-runtime").JSX.Element;
export declare const Menu: ({ name, tailwind, className, ...props }: RHP.MenuProps & LibProps) => import("react/jsx-runtime").JSX.Element;
export declare const Meta: ({ name, tailwind, className, ...props }: RHP.MetaProps & LibProps) => import("react/jsx-runtime").JSX.Element;
export declare const Meter: ({ name, tailwind, className, ...props }: RHP.MeterProps & LibProps) => import("react/jsx-runtime").JSX.Element;
export declare const Nav: ({ name, tailwind, className, ...props }: RHP.NavProps & LibProps) => import("react/jsx-runtime").JSX.Element;
export declare const NoScript: ({ name, tailwind, className, ...props }: RHP.NoScriptProps & LibProps) => import("react/jsx-runtime").JSX.Element;
declare const ObjectComponent: ({ name, tailwind, className, ...props }: RHP.ObjectProps & LibProps) => import("react/jsx-runtime").JSX.Element;
export declare const Ol: ({ name, tailwind, className, ...props }: RHP.OLProps & LibProps) => import("react/jsx-runtime").JSX.Element;
export declare const OptGroup: ({ name, tailwind, className, ...props }: RHP.OptGroupProps & LibProps) => import("react/jsx-runtime").JSX.Element;
declare const Option$1: ({ name, tailwind, className, ...props }: RHP.OptionProps & LibProps) => import("react/jsx-runtime").JSX.Element;
export declare const Output: ({ name, tailwind, className, ...props }: RHP.OutputProps & LibProps) => import("react/jsx-runtime").JSX.Element;
export declare const P: ({ name, tailwind, className, ...props }: RHP.PProps & LibProps) => import("react/jsx-runtime").JSX.Element;
export declare const Pre: ({ name, tailwind, className, ...props }: RHP.PreProps & LibProps) => import("react/jsx-runtime").JSX.Element;
export declare const Param: ({ name, tailwind, className, ...props }: RHP.ParamProps & LibProps) => import("react/jsx-runtime").JSX.Element;
export declare const Picture: ({ name, tailwind, className, ...props }: RHP.PictureProps & LibProps) => import("react/jsx-runtime").JSX.Element;
export declare const Progress: ({ name, tailwind, className, ...props }: RHP.ProgressProps & LibProps) => import("react/jsx-runtime").JSX.Element;
export declare const Q: ({ name, tailwind, className, ...props }: RHP.QProps & LibProps) => import("react/jsx-runtime").JSX.Element;
export declare const Rp: ({ name, tailwind, className, ...props }: RHP.RPProps & LibProps) => import("react/jsx-runtime").JSX.Element;
export declare const Rt: ({ name, tailwind, className, ...props }: RHP.RTProps & LibProps) => import("react/jsx-runtime").JSX.Element;
export declare const Ruby: ({ name, tailwind, className, ...props }: RHP.RubyProps & LibProps) => import("react/jsx-runtime").JSX.Element;
export declare const S: ({ name, tailwind, className, ...props }: RHP.SProps & LibProps) => import("react/jsx-runtime").JSX.Element;
export declare const Samp: ({ name, tailwind, className, ...props }: RHP.SampProps & LibProps) => import("react/jsx-runtime").JSX.Element;
export declare const Script: ({ name, tailwind, className, ...props }: RHP.ScriptProps & LibProps) => import("react/jsx-runtime").JSX.Element;
export declare const Section: ({ name, tailwind, className, ...props }: RHP.SectionProps & LibProps) => import("react/jsx-runtime").JSX.Element;
export declare const Select: ({ name, tailwind, className, ...props }: RHP.SelectProps & LibProps) => import("react/jsx-runtime").JSX.Element;
export declare const Small: ({ name, tailwind, className, ...props }: RHP.SmallProps & LibProps) => import("react/jsx-runtime").JSX.Element;
export declare const Source: ({ name, tailwind, className, ...props }: RHP.SourceProps & LibProps) => import("react/jsx-runtime").JSX.Element;
export declare const Span: ({ name, tailwind, className, ...props }: RHP.SpanProps & LibProps) => import("react/jsx-runtime").JSX.Element;
export declare const Ul: ({ name, tailwind, className, ...props }: RHP.ULProps & LibProps) => import("react/jsx-runtime").JSX.Element;
export declare const Strong: ({ name, tailwind, className, ...props }: RHP.StrongProps & LibProps) => import("react/jsx-runtime").JSX.Element;
export declare const Sub: ({ name, tailwind, className, ...props }: RHP.SubProps & LibProps) => import("react/jsx-runtime").JSX.Element;
export declare const Summary: ({ name, tailwind, className, ...props }: RHP.SummaryProps & LibProps) => import("react/jsx-runtime").JSX.Element;
export declare const Sup: ({ name, tailwind, className, ...props }: RHP.SupProps & LibProps) => import("react/jsx-runtime").JSX.Element;
export declare const Table: ({ name, tailwind, className, ...props }: RHP.TableProps & LibProps) => import("react/jsx-runtime").JSX.Element;
export declare const TBody: ({ name, tailwind, className, ...props }: RHP.TBodyProps & LibProps) => import("react/jsx-runtime").JSX.Element;
export declare const TD: ({ name, tailwind, className, ...props }: RHP.TDProps & LibProps) => import("react/jsx-runtime").JSX.Element;
export declare const Template: ({ name, tailwind, className, ...props }: RHP.TemplateProps & LibProps) => import("react/jsx-runtime").JSX.Element;
export declare const TextArea: ({ name, tailwind, className, ...props }: RHP.TextAreaProps & LibProps) => import("react/jsx-runtime").JSX.Element;
export declare const TFoot: ({ name, tailwind, className, ...props }: RHP.TFootProps & LibProps) => import("react/jsx-runtime").JSX.Element;
export declare const TH: ({ name, tailwind, className, ...props }: RHP.THProps & LibProps) => import("react/jsx-runtime").JSX.Element;
export declare const THead: ({ name, tailwind, className, ...props }: RHP.THeadProps & LibProps) => import("react/jsx-runtime").JSX.Element;
export declare const Time: ({ name, tailwind, className, ...props }: RHP.TimeProps & LibProps) => import("react/jsx-runtime").JSX.Element;
export declare const Title: ({ name, tailwind, className, ...props }: RHP.TitleProps & LibProps) => import("react/jsx-runtime").JSX.Element;
export declare const TR: ({ name, tailwind, className, ...props }: RHP.TRProps & LibProps) => import("react/jsx-runtime").JSX.Element;
export declare const Track: ({ name, tailwind, className, ...props }: RHP.TrackProps & LibProps) => import("react/jsx-runtime").JSX.Element;
export declare const U: ({ name, tailwind, className, ...props }: RHP.UProps & LibProps) => import("react/jsx-runtime").JSX.Element;
export declare const Var: ({ name, tailwind, className, ...props }: RHP.VarProps & LibProps) => import("react/jsx-runtime").JSX.Element;
export declare const Video: ({ name, tailwind, className, ...props }: RHP.VideoProps & LibProps) => import("react/jsx-runtime").JSX.Element;
export declare const Wbr: ({ name, tailwind, className, ...props }: RHP.WBRProps & LibProps) => import("react/jsx-runtime").JSX.Element;

export {
	Audio$1 as Audio,
	Body$1 as Body,
	Map$1 as Map,
	ObjectComponent as Object,
	Option$1 as Option,
};

export {};