@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;
	animation?: string;
	aspect?: string;
	bgClip?: string;
	bgColor?: string;
	bgImage?: string;
	bgPosition?: string;
	bgOpacity?: string;
	bgSize?: string;
	border?: string;
	borderColor?: string;
	borderOpacity?: string;
	borderRadius?: string;
	borderStyle?: string;
	cols?: string;
	color?: string;
	cursor?: string;
	display?: string;
	divide?: string;
	divideColor?: string;
	divideOpacity?: string;
	duration?: string;
	fade?: string;
	focus?: string;
	fontFamily?: TailwindFontFamilyOpts;
	fontSize?: string;
	fontStyle?: string;
	fontWeight?: string;
	fontVariant?: string;
	flex?: string;
	grid?: string;
	gridFlow?: string;
	group?: string;
	height?: string;
	hover?: string;
	inset?: string;
	leading?: string;
	lineClamp?: string;
	listImg?: string;
	listPosition?: string;
	listStyle?: string;
	location?: string;
	margin?: string;
	maxHeight?: string;
	minHeight?: string;
	opacity?: string;
	order?: string;
	origin?: string;
	outline?: string;
	outlineColor?: string;
	outlineOffset?: string;
	overflow?: string;
	padding?: string;
	placeholderColor?: string;
	position?: string;
	ring?: string;
	ringColor?: string;
	ringOffset?: string;
	ringOffsetColor?: string;
	rotate?: string;
	scale?: string;
	shadow?: string;
	shadowColor?: string;
	size?: string;
	space?: string;
	spacing?: string;
	textDecoration?: string;
	textTransform?: string;
	tracking?: string;
	transform?: string;
	transition?: string;
	translate?: string;
	weight?: TailwindFontWeightOpts;
	whiteSpace?: string;
	width?: string;
	zIndex?: 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 computeTailwind: (props: any) => string;
export declare const computeProps: (props: any) => any;
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 Object$1: ({ 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 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,
	Object$1 as Object,
	Option$1 as Option,
};

export {};