@playbooks/theme/dist/index.d.ts

The default theme for Playbooks.

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

export declare const accordion: () => {
	borderColor: string;
	overflow: string;
	width: string;
};
export declare const accordionToggle: ({ open }: {
	open: any;
}) => {
	align: string;
	display: string;
	nextIcon: {
		animation: string;
		fade: string;
		icon: string;
		rotate: string;
	};
	spacing: string;
	width: string;
};
export declare const accordionTitle: () => {
	color: string;
	fontWeight: string;
	tracking: string;
};
export declare const accordionBodyWrapper: () => {
	animation: string;
	fade: string;
	duration: string;
	overflow: string;
};
export declare const accordionBody: () => {
	borderColor: string;
	border: string;
	spacing: string;
	width: string;
};
export declare const accordionText: () => {
	color: string;
	fontFamily: string;
};
declare const alert$1: ({ type }: {
	type: any;
}) => {
	bgColor: string;
	border: string;
	borderColor: string;
	borderRadius: string;
	display: string;
	overflow: string;
	space: string;
	spacing: string;
};
export declare const alertIcon: () => {
	color: string;
	fontSize: string;
};
export declare const alertBody: () => {
	space: string;
	fontSize: string;
};
export declare const alertTitle: () => {
	fontWeight: string;
};
export declare const alertText: () => {
	fontSize: string;
};
export declare const alertActions: () => {
	display: string;
	flex: string;
	space: string;
	spacing: string;
};
export declare const avatar: () => {
	display: string;
	space: string;
	width: string;
};
export declare const avatarBadge: ({ size }: {
	size: any;
}) => {
	bgColor: string;
	border: string;
	borderColor: string;
	borderRadius: string;
	color: string;
	fontSize: string;
	spacing: string;
	flex: string;
	size: any;
};
export declare const avatarImg: ({ size }: {
	size: any;
}) => {
	aspect: string;
	borderColor: string;
	borderRadius: string;
	flex: string;
	size: any;
};
export declare const avatarBody: () => {};
export declare const avatarTitle: () => {
	color: string;
	fontWeight: string;
	textDecoration: string;
};
export declare const avatarText: () => {
	fontWeight: string;
	fontSize: string;
};
export declare const avatarActions: () => {
	display: string;
	flex: string;
	space: string;
};
export declare const badge: ({ size }: {
	size: any;
}) => {
	size: any;
	borderColor: string;
	borderRadius: string;
	display: string;
	flex: string;
	fontFamily: string;
	fontSize: string;
	fontWeight: string;
	space: string;
	textTransform: string;
	whitespace: string;
};
export declare const draftBadge: () => {
	bgColor: string;
	color: string;
};
export declare const pendingBadge: () => {
	bgColor: string;
	color: string;
};
export declare const warningBadge: () => {
	bgColor: string;
	color: string;
};
export declare const successBadge: () => {
	bgColor: string;
	color: string;
};
export declare const finishedBadge: () => {
	bgColor: string;
	color: string;
};
export declare const errorBadge: () => {
	bgColor: string;
	color: string;
};
export declare const outlineBadge: () => {
	borderColor: string;
	bgColor: string;
	border: string;
	color: string;
};
export declare const banner: () => {
	border: string;
	borderColor: string;
	color: string;
	display: string;
	space: string;
	spacing: string;
	width: string;
};
export declare const bannerIcon: () => {
	bgColor: string;
	borderRadius: string;
	color: string;
	spacing: string;
};
export declare const bannerBody: () => {
	display: string;
	space: string;
	spacing: string;
};
export declare const bannerTitle: () => {
	color: string;
	fontWeight: string;
};
export declare const bannerText: () => {
	color: string;
	fontSize: string;
};
export declare const bannerActions: () => {
	display: string;
	flex: string;
	space: string;
};
export declare const breadcrumbs: () => {
	borderColor: string;
	display: string;
	fontFamily: string;
	fontSize: string;
	space: string;
	spacing: string;
	width: string;
};
export declare const breadcrumbItem: () => {
	display: string;
	space: string;
};
export declare const breadcrumbBtn: ({ active }: {
	active: any;
}) => any;
export declare const breadcrumbLink: ({ active }: {
	active: any;
}) => any;
export declare const btnGroup: () => {
	borderColor: string;
	border: string;
	borderRadius: string;
	display: string;
	divide: string;
	divideColor: string;
	flex: string;
	overflow: string;
	space: string;
	width: string;
};
export declare const btn: (active: any) => any;
export declare const primaryBtn: ({ active, size }: {
	active: any;
	size: any;
}) => any;
export declare const accentBtn: ({ active, size }: {
	active: any;
	size: any;
}) => any;
export declare const borderBtn: ({ active, size }: {
	active: any;
	size: any;
}) => any;
export declare const tabBtn: ({ active, size }: {
	active: any;
	size: any;
}) => any;
export declare const textBtn: ({ active, size }: {
	active: any;
	size: any;
}) => any;
export declare const btnWrapper: ({ disabled }: {
	disabled: any;
}) => {
	cursor: string;
	outline: string;
	outlineColor: string;
	outlineOffset: string;
	width: string;
};
export declare const card: () => {
	animation: string;
	border: string;
	borderColor: string;
	borderRadius: string;
	color: string;
	fade: string;
	width: string;
};
export declare const cardHeader: () => {
	bgColor: string;
	borderColor: string;
	borderRadius: string;
};
export declare const cardIcon: () => {
	color: string;
	fontSize: string;
};
export declare const cardImg: () => {
	bgColor: string;
	width: string;
};
export declare const cardBody: () => {
	align: string;
	borderColor: string;
	space: string;
	spacing: string;
};
export declare const cardPretitle: () => {
	color: string;
	fontFamily: string;
	fontSize: string;
	fontWeight: string;
	textTransform: string;
	tracking: string;
};
export declare const cardTitle: () => {
	fontWeight: string;
};
export declare const cardSubtitle: () => {
	color: string;
	fontWeight: string;
	fontSize: string;
	space: string;
	tracking: string;
};
export declare const cardText: () => {
	fontSize: string;
	fontWeight: string;
};
export declare const cardFooter: () => {
	border: string;
	borderColor: string;
	color: string;
	display: string;
	fontSize: string;
	space: string;
	spacing: string;
};
export declare const cardActions: () => {
	display: string;
	flex: string;
	space: string;
};
export declare const command: () => {
	borderColor: string;
	flex: string;
	fontFamily: string;
	fontSize: string;
	fontWeight: string;
	textTransform: string;
	whitespace: string;
};
export declare const drop: () => {};
export declare const dropToggle: () => {
	display: string;
	space: string;
};
export declare const dropMenu: ({ open }: {
	open: any;
}) => {
	align: string;
	animation: string;
	bgColor: string;
	border: string;
	borderColor: string;
	borderRadius: string;
	duration: string;
	fade: string;
	opacity: string;
	overflow: string;
	scale: string;
	shadow: string;
	shadowColor: string;
	translate: string;
	width: string;
	zIndex: string;
};
export declare const dropHeader: () => {
	align: string;
	border: string;
	borderColor: string;
	space: string;
	spacing: string;
};
export declare const dropTitle: () => {
	color: string;
	whitespace: string;
	fontWeight: string;
	textTransform: string;
	tracking: string;
};
export declare const dropSubtitle: () => {
	color: string;
	whitespace: string;
	fontWeight: string;
	fontSize: string;
};
export declare const dropList: () => {
	border: string;
	borderColor: string;
	space: string;
	spacing: string;
};
export declare const dropItem: () => {
	display: string;
	width: string;
};
export declare const dropBtn: () => {
	align: string;
	display: string;
	space: string;
	width: string;
};
export declare const dropLink: () => {
	align: string;
	display: string;
	space: string;
	width: string;
};
export declare const feedback: () => {
	align: string;
	bgColor: string;
	border: string;
	borderColor: string;
	borderRadius: string;
	spacing: string;
};
export declare const feedbackHeader: () => {
	spacing: string;
};
export declare const feedbackIcon: () => {
	color: string;
	fontSize: string;
};
export declare const feedbackBody: () => {
	space: string;
	spacing: string;
};
export declare const feedbackPretitle: () => {
	color: string;
	fontFamily: string;
	fontSize: string;
	fontWeight: string;
	textTransform: string;
	tracking: string;
};
export declare const feedbackTitle: () => {
	color: string;
	fontWeight: string;
	textTransform: string;
	tracking: string;
};
export declare const feedbackText: () => {};
export declare const feedbackActions: () => {
	display: string;
	flex: string;
	space: string;
	spacing: string;
};
export declare const h1: () => {
	color: string;
	fontSize: string;
	fontWeight: string;
	fontFamily: string;
};
export declare const h2: () => {
	color: string;
	fontSize: string;
	fontWeight: string;
	fontFamily: string;
};
export declare const h3: () => {
	color: string;
	fontSize: string;
	fontWeight: string;
	fontFamily: string;
};
export declare const h4: () => {
	color: string;
	fontSize: string;
	fontWeight: string;
	fontFamily: string;
};
export declare const h5: () => {
	color: string;
	fontSize: string;
	fontWeight: string;
	fontFamily: string;
};
export declare const h6: () => {
	color: string;
	fontSize: string;
	fontWeight: string;
	fontFamily: string;
};
export declare const p: () => {
	color: string;
	fontSize: string;
	fontWeight: string;
	fontFamily: string;
	tracking: string;
};
export declare const small: () => {
	color: string;
	display: string;
	fontSize: string;
};
export declare const footer: () => {
	bgColor: string;
	border: string;
	borderColor: string;
	position: string;
	spacing: string;
};
export declare const footerHeader: () => {
	border: string;
	borderColor: string;
	spacing: string;
};
export declare const footerBody: () => {
	spacing: string;
	width: string;
};
export declare const footerTitle: () => {
	fontSize: string;
	fontWeight: string;
	tracking: string;
};
export declare const footerText: () => {
	fontSize: string;
};
export declare const footerList: () => {
	display: string;
	space: string;
	spacing: string;
};
export declare const footerItem: () => {
	display: string;
	spacing: string;
};
export declare const footerBtn: () => {};
export declare const footerLink: () => {};
export declare const footerFooter: () => {
	border: string;
	borderColor: string;
	spacing: string;
};
export declare const form: () => {};
export declare const formCheckbox: () => {
	animation: string;
	bgColor: string;
	border: string;
	borderColor: string;
	borderRadius: string;
	cursor: string;
	fade: string;
	ring: string;
	ringColor: string;
	ringOffset: string;
	ringOffsetColor: string;
	size: string;
};
export declare const formGroup: () => {
	space: string;
	spacing: string;
	width: string;
};
export declare const formLabel: () => {
	color: string;
	cursor: string;
	display: string;
	fontFamily: string;
	fontSize: string;
	fontWeight: string;
	spacing: string;
	tracking: string;
};
export declare const formInput: ({ size, variant }: {
	size: any;
	variant?: string;
}) => any;
export declare const formDivInput: ({ size, variant }: {
	size: any;
	variant: any;
}) => any;
export declare const formFileInput: () => {};
export declare const formSelect: ({ size, variant }: {
	size: any;
	variant: any;
}) => any;
export declare const formText: () => {
	color: string;
	fontSize: string;
	spacing: string;
	tracking: string;
};
export declare const container: ({ size }: {
	size: any;
}) => {
	margin: string;
	size: any;
	spacing: string;
};
export declare const grid: ({ cols }: {
	cols: any;
}) => {
	cols: any;
	gap: string;
	grid: string;
	width: string;
};
export declare const col: ({ span, sm, md, lg, xl, xxl }: {
	span: any;
	sm: any;
	md: any;
	lg: any;
	xl: any;
	xxl: any;
}) => {
	span: string;
	sm: string;
	md: string;
	lg: string;
	xl: string;
	xxl: string;
};
export declare const header: () => {
	border: string;
	borderColor: string;
	display: string;
	position: string;
	space: string;
	spacing: string;
	width: string;
};
export declare const headerTitle: () => {
	fontWeight: string;
	tracking: string;
	textTransform: string;
};
export declare const headerSubtitle: () => {
	color: string;
	fontFamily: string;
	fontWeight: string;
	tracking: string;
};
export declare const headerText: () => {
	color: string;
	fontWeight: string;
	fontFamily: string;
	tracking: string;
};
export declare const headerActions: () => {
	display: string;
	space: string;
};
export declare const hero: ({ size }: {
	size: any;
}) => {
	bgColor: string;
	borderColor: string;
	display: string;
	position: string;
	size: any;
	spacing: string;
	width: string;
};
export declare const heroBg: () => {
	inset: string;
	position: string;
};
export declare const heroImg: ({ size }: {
	size: any;
}) => {
	aspect: string;
	bgColor: string;
	border: string;
	borderColor: string;
	borderRadius: string;
	color: string;
	display: string;
	flex: string;
	overflow: string;
	size: any;
};
export declare const heroIcon: ({ size }: {
	size: any;
}) => {
	aspect: string;
	bgColor: string;
	border: string;
	borderColor: string;
	borderRadius: string;
	color: string;
	display: string;
	flex: string;
	fontSize: string;
	overflow: string;
	size: any;
};
export declare const heroBody: () => {
	align: string;
	space: string;
};
export declare const heroPretitle: () => {
	color: string;
	fontFamily: string;
	fontSize: string;
	fontWeight: string;
	textTransform: string;
	tracking: string;
};
export declare const heroTitle: () => {
	fontWeight: string;
	leading: string;
	tracking: string;
};
export declare const heroSubtitle: () => {
	color: string;
	fontFamily: string;
	fontWeight: string;
	leading: string;
	tracking: string;
};
export declare const heroText: () => {
	fontFamily: string;
	fontWeight: string;
	tracking: string;
};
export declare const heroActions: () => {
	display: string;
	space: string;
	width: string;
};
export declare const html: () => {};
export declare const body: () => {};
export declare const main: () => {
	position: string;
};
export declare const aside: () => {
	borderColor: string;
};
export declare const div: () => {
	borderColor: string;
	position: string;
};
export declare const span: () => {
	display: string;
};
export declare const ul: () => {
	borderColor: string;
	spacing: string;
};
export declare const li: () => {
	borderColor: string;
	fontFamily: string;
	color: string;
};
export declare const iFrame: () => {};
export declare const img: () => {
	display: string;
};
export declare const hr: () => {
	borderColor: string;
	border: string;
	borderRadius: string;
};
export declare const article: () => {};
export declare const figure: () => {};
export declare const caption: () => {};
export declare const blockquote: () => {};
export declare const pre: () => {};
export declare const code: () => {
	bgColor: string;
	borderRadius: string;
	display: string;
	spacing: string;
};
export declare const icon: () => {
	color: string;
	flex: string;
};
export declare const wrappedIcon: () => {
	borderRadius: string;
	bgColor: string;
	color: string;
	display: string;
	spacing: string;
};
export declare const inputGroup: () => {
	animation: string;
	bgColor: string;
	border: string;
	borderColor: string;
	borderRadius: string;
	color: string;
	fade: string;
	focus: string;
	display: string;
	ring: string;
	ringColor: string;
	ringOffset: string;
	ringOffsetColor: string;
};
export declare const inputAppend: () => {
	borderColor: string;
	display: string;
	flex: string;
	spacing: string;
};
export declare const inputPrepend: () => {
	borderColor: string;
	display: string;
	flex: string;
	spacing: string;
};
export declare const link: (active: any) => any;
export declare const primaryLink: ({ active, size }: {
	active: any;
	size: any;
}) => any;
export declare const accentLink: ({ active, size }: {
	active: any;
	size: any;
}) => any;
export declare const borderLink: ({ active, size }: {
	active: any;
	size: any;
}) => any;
export declare const tabLink: ({ active, size }: {
	active: any;
	size: any;
}) => any;
export declare const textLink: ({ active, size }: {
	active: any;
	size: any;
}) => any;
export declare const linkWrapper: ({ disabled }: {
	disabled: any;
}) => {
	cursor: string;
	outline: string;
	outlineColor: string;
	outlineOffset: string;
	width: string;
};
export declare const listGroup: () => {
	display: string;
	divide: string;
	divideColor: string;
	divideStyle: string;
};
export declare const listItem: () => {};
export declare const modalLoader: () => {
	align: string;
	spacing: string;
};
export declare const pageLoader: () => {
	bgColor: string;
	color: string;
	display: string;
	position: string;
	inset: string;
	spacing: string;
	zIndex: string;
};
export declare const sectionLoader: () => {
	align: string;
	spacing: string;
};
export declare const menu: () => {};
export declare const menuWrapper: () => {
	zIndex: string;
};
export declare const menuBackdrop: ({ open }: {
	open: any;
}) => {
	animation: string;
	bgColor: string;
	delay: string;
	duration: string;
	fade: string;
	height: string;
	inset: string;
	position: string;
	zIndex: string;
};
export declare const menuMenu: ({ open }: {
	open: any;
}) => {
	align: string;
	animation: string;
	bgColor: string;
	border: string;
	borderColor: string;
	duration: string;
	fade: string;
	height: string;
	inset: string;
	opacity: string;
	position: string;
	shadow: string;
	shadowColor: string;
	translate: string;
	width: string;
	overflow: string;
	zIndex: string;
};
export declare const menuBlock: () => {
	spacing: string;
};
export declare const menuTitle: () => {
	fontWeight: string;
	spacing: string;
	textTransform: string;
	tracking: string;
};
export declare const menuSubtitle: () => {
	color: string;
	fontSize: string;
	fontWeight: string;
	whitespace: string;
};
export declare const menuList: () => {
	display: string;
	space: string;
	spacing: string;
};
export declare const menuItem: () => {
	display: string;
	spacing: string;
	width: string;
};
export declare const menuBtn: () => {
	align: string;
	display: string;
};
export declare const menuLink: () => {
	align: string;
	display: string;
	width: string;
};
export declare const modalWrapper: () => {
	inset: string;
	overflow: string;
	position: string;
	zIndex: string;
};
export declare const modalBackdrop: ({ open }: {
	open: any;
}) => {
	animation: string;
	bgColor: string;
	duration: string;
	fade: string;
	height: string;
	inset: string;
	position: string;
};
export declare const modal: ({ open }: {
	open: any;
}) => {
	animation: string;
	align: string;
	bgColor: string;
	border: string;
	borderColor: string;
	borderRadius: string;
	duration: string;
	fade: string;
	opacity: string;
	scale: string;
	spacing: string;
	width: string;
	zIndex: string;
};
export declare const modalHeader: () => {
	display: string;
	border: string;
	borderColor: string;
	space: string;
	spacing: string;
};
export declare const modalTitle: () => {
	fontWeight: string;
	tracking: string;
};
export declare const modalSubtitle: () => {
	color: string;
	fontFamily: string;
	fontWeight: string;
	space: string;
};
export declare const modalBody: ({ size }: {
	size: any;
}) => {
	align: string;
	borderColor: string;
	spacing: string;
	size: any;
};
export declare const modalFooter: () => {
	border: string;
	borderColor: string;
	color: string;
	fontSize: string;
	display: string;
	spacing: string;
	space: string;
};
export declare const navbar: () => {
	bgColor: string;
	borderColor: string;
	border: string;
	display: string;
	space: string;
	spacing: string;
	width: string;
};
export declare const navbarBrand: () => {
	animation: string;
	display: string;
	ease: string;
	flex: string;
	hover: string;
	width: string;
};
export declare const navbarList: () => {
	display: string;
	space: string;
	spacing: string;
};
export declare const nav: () => {
	bgColor: string;
	borderColor: string;
	borderRadius: string;
	display: string;
	position: string;
};
export declare const navHeader: () => {
	borderColor: string;
	spacing: string;
};
export declare const navTitle: () => {
	fontWeight: string;
};
export declare const navBody: ({ size }: {
	size: any;
}) => {
	size: any;
	spacing: string;
};
export declare const navList: () => {
	align: string;
	display: string;
	space: string;
	spacing: string;
};
export declare const navItem: () => {
	display: string;
};
export declare const navBtn: () => {
	align: string;
	display: string;
	space: string;
	width: string;
};
export declare const navLink: () => {
	align: string;
	display: string;
	space: string;
	width: string;
};
export declare const pagination: () => {
	position: string;
	border: string;
	borderColor: string;
	borderRadius: string;
	overflow: string;
};
export declare const paginationBtn: (props?: {
	active: boolean;
}) => {
	bgColor: string;
	color: string;
	border: string;
	borderColor: string;
	borderRadius: string;
	fontSize: string;
	fontWeight: string;
	hover: string;
	spacing: string;
};
export declare const prefooter: () => {
	bgColor: string;
	spacing: string;
};
export declare const prefooterBody: () => {
	align: string;
	space: string;
};
export declare const prefooterPretitle: () => {};
export declare const prefooterTitle: () => {
	color: string;
	fontWeight: string;
};
export declare const prefooterSubtitle: () => {
	color: string;
	fontFamily: string;
	fontSize: string;
	fontWeight: string;
};
export declare const prefooterText: () => {};
export declare const prefooterActions: () => {
	display: string;
	space: string;
	flex: string;
	spacing: string;
};
export declare const progressBar: () => {
	bgColor: string;
	borderRadius: string;
	height: string;
	overflow: string;
	width: string;
};
export declare const progress: () => {
	borderRadius: string;
	fade: string;
	height: string;
	bgColor: string;
	animation: string;
};
export declare const radioWrapper: ({ active }: {
	active: any;
}) => {
	animation: string;
	border: string;
	borderColor: string;
	borderRadius: string;
	cursor: string;
	fade: string;
	display: string;
	duration: string;
	position: string;
	spacing: string;
};
export declare const radio: () => {
	display: string;
	space: string;
};
export declare const radioInput: () => {
	animation: string;
	appearance: string;
	bgColor: string;
	border: string;
	borderColor: string;
	borderRadius: string;
	checked: string;
	cursor: string;
	fade: string;
	focus: string;
	height: string;
	width: string;
};
export declare const radioTitle: () => {
	color: string;
	fontSize: string;
	fontWeight: string;
	leading: string;
};
export declare const radioText: () => {
	color: string;
	fontSize: string;
	fontWeight: string;
	tracking: string;
};
export declare const rangeSliderTrack: () => {
	bgColor: string;
	borderRadius: string;
	height: string;
	display: string;
	width: string;
};
export declare const rangeSliderThumb: ({ isDragged }: {
	isDragged: any;
}) => {
	size: string;
	bgColor: string;
	border: string;
	borderColor: string;
	borderRadius: string;
	display: string;
	position: string;
	shadow: string;
};
export declare const route: () => {
	bgColor: string;
	display: string;
	width: string;
};
export declare const section: () => {
	bgColor: string;
	border: string;
	borderColor: string;
	borderRadius: string;
	position: string;
	spacing: string;
	width: string;
};
export declare const sectionHeader: () => {
	spacing: string;
	border: string;
	borderColor: string;
	display: string;
	space: string;
	width: string;
};
export declare const sectionPretitle: () => {
	color: string;
	fontFamily: string;
	fontSize: string;
	fontWeight: string;
	textTransform: string;
	tracking: string;
};
export declare const sectionTitle: () => {
	fontWeight: string;
	leading: string;
	tracking: string;
};
export declare const sectionSubtitle: () => {
	color: string;
	fontWeight: string;
	fontFamily: string;
	tracking: string;
};
export declare const sectionText: () => {};
export declare const sectionActions: () => {
	display: string;
	space: string;
	width: string;
};
export declare const sectionBody: ({ size }: {
	size: any;
}) => {
	spacing: string;
	borderColor: string;
	size: any;
	width: string;
};
export declare const sectionHr: () => {};
export declare const sectionFooter: () => {
	display: string;
	border: string;
	borderColor: string;
	space: string;
	spacing: string;
	width: string;
};
export declare const slideWrapper: () => {
	inset: string;
	position: string;
	zIndex: string;
};
export declare const slideBackdrop: ({ open }: {
	open: any;
}) => {
	animation: string;
	bgColor: string;
	duration: string;
	fade: string;
	height: string;
	inset: string;
	position: string;
};
export declare const slide: ({ open, placement }: {
	open: any;
	placement: any;
}) => {
	animation: string;
	bgColor: string;
	display: string;
	duration: string;
	fade: string;
	height: string;
	inset: string;
	opacity: string;
	position: string;
	transform: string;
	translate: string;
	shadow: string;
	width: string;
	zIndex: string;
};
export declare const slideHeader: () => {
	display: string;
	border: string;
	borderColor: string;
	spacing: string;
	width: string;
};
export declare const slideTitle: () => {
	fontWeight: string;
	tracking: string;
};
export declare const slideBody: () => {
	display: string;
	overflow: string;
	spacing: string;
};
export declare const slideFooter: () => {
	border: string;
	borderColor: string;
	display: string;
	space: string;
	spacing: string;
};
export declare const spinner: () => {
	align: string;
	stroke: string;
	size: string;
};
export declare const switchGroup: () => {
	display: string;
	space: string;
};
export declare const switchBase: () => {
	display: string;
	flex: string;
	position: string;
	overflow: string;
	size: string;
	cursor: string;
	ring: string;
};
export declare const switchBackdrop: () => {
	bgColor: string;
	animation: string;
	pointer: string;
	size: string;
	borderRadius: string;
};
export declare const switchInner: ({ checked }: {
	checked: any;
}) => {
	animation: string;
	bgColor: string;
	duration: string;
	pointer: string;
	position: string;
	size: string;
	spacing: string;
	borderRadius: string;
};
export declare const switchToggle: ({ checked }: {
	checked: any;
}) => {
	animation: string;
	bgColor: string;
	borderRadius: string;
	display: string;
	duration: string;
	inset: string;
	transform: string;
	translate: string;
	pointerEvents: string;
	position: string;
	size: string;
};
export declare const switchLabel: () => {
	color: string;
	display: string;
	fontSize: string;
	fontWeight: string;
};
export declare const table: () => {
	divide: string;
	divideColor: string;
	width: string;
};
export declare const tableHeader: () => {
	border: string;
	borderColor: string;
};
export declare const tableHeaderRow: () => {};
export declare const tableHead: () => {
	animation: string;
	align: string;
	fade: string;
	spacing: string;
	whiteSpace: string;
	fontSize: string;
	fontWeight: string;
	fontFamily: string;
	color: string;
	tracking: string;
};
export declare const tableBody: () => {};
export declare const tableRow: () => {
	bgColor: string;
	border: string;
	borderColor: string;
};
export declare const tableData: ({ title }: {
	title: any;
}) => {
	align: string;
	color: string;
	spacing: string;
	fontSize: string;
	fontFamily: string;
	whitespace: string;
};
export declare const tabWrapper: () => {
	width: string;
};
export declare const tabSelect: () => {
	border: string;
	borderRadius: string;
	sm: string;
};
export declare const tabs: () => {
	display: string;
};
export declare const tab: ({ active }: {
	active: any;
}) => {
	borderColor: string;
	color: string;
	bgColor: string;
	border: string;
	borderRadius: string;
	grid: string;
	zIndex: string;
};
export declare const tabPanes: () => {};
export declare const tabPane: ({ active }: {
	active: any;
}) => {
	display: string;
};
export declare const tags: () => {
	display: string;
	spacing: string;
	flex: string;
};
export declare const tag: ({ size }: {
	size: any;
}) => {
	bgColor: string;
	borderColor: string;
	borderRadius: string;
	color: string;
	display: string;
	flex: string;
	size: any;
	tracking: string;
};
export declare const tagImg: ({ size }: {
	size: any;
}) => {
	borderRadius: string;
	size: any;
};
export declare const tagBody: () => {
	borderColor: string;
	fontSize: string;
	space: string;
	spacing: string;
};
export declare const tagActions: () => {
	display: string;
	flex: string;
	space: string;
};
export declare const toastWrapper: () => {
	inset: string;
	position: string;
	spacing: string;
	width: string;
	zIndex: string;
};
export declare const toast: ({ open, direction }: {
	open: any;
	direction: any;
}) => {
	animation: string;
	bgColor: string;
	borderRadius: string;
	color: string;
	duration: string;
	display: string;
	fade: string;
	opacity: string;
	overflow: string;
	shadow: string;
	spacing: string;
	transform: string;
	translate: string;
	width: string;
};
export declare const toastHeader: () => {
	display: string;
	spacing: string;
};
export declare const toastIcon: () => {
	color: string;
	borderRadius: string;
	spacing: string;
};
export declare const toastBody: () => {
	spacing: string;
};
export declare const toastTitle: () => {
	color: string;
	fontWeight: string;
	fontSize: string;
	tracking: string;
};
export declare const toastText: () => {
	color: string;
	fontSize: string;
};
export declare const tooltip: ({ open, placement }: {
	open: any;
	placement: any;
}) => {
	animation: string;
	cursor: string;
	duration: string;
	fade: string;
	opacity: string;
	translate: string;
	zIndex: string;
};
export declare const tooltipInner: () => {
	bgColor: string;
	borderRadius: string;
	color: string;
	fontSize: string;
	spacing: string;
	width: string;
};
export declare const tooltipArrow: () => {
	bgColor: string;
	borderRadius: string;
	rotate: string;
	size: string;
};
export declare const accordionProps: (open: any) => {
	body: {
		border: string;
		borderRadius: string;
	};
	toggle: {
		border: string;
		borderRadius: string;
		spacing: string;
	};
};
export declare const cloudProps: {
	bgColor: string;
	color: string;
	fontSize: string;
	fontFamily: string;
	size: string;
	spacing: string;
};
export declare const gradientBgColor: {
	bgColor: string;
};
export declare const gradientSpan: {
	color: string;
	bgClip: string;
	bgColor: string;
	leading: string;
};
export declare const metaProps: {
	color: string;
	display: string;
	fontSize: string;
	space: string;
	tracking: string;
};
export declare const metaCardProps: {
	size: string;
	bgColor: string;
	color: string;
	fontSize: string;
	spacing: string;
	textDecoration: string;
};
export declare const sectionLinkProps: {
	section: {
		display: string;
		spacing: string;
	};
	header: {
		display: string;
	};
	title: {
		size: string;
		color: string;
		fontFamily: string;
		fontWeight: string;
		tracking: string;
		transform: string;
	};
	body: {
		size: string;
		flex: string;
		width: string;
	};
	list: {
		col: {
			sm: string;
			lg: string;
		};
		card: {
			spacing: string;
		};
		grid: {
			cols: string;
		};
		header: {
			borderRadius: string;
			width: string;
		};
		title: {
			fontSize: string;
		};
		text: {
			display: string;
		};
	};
	footer: {
		display: string;
	};
};
export declare const computeAvatarSize: (size: any) => any;
export declare const computeBadgeSize: (size: any) => any;
export declare const computeBtnSize: (size: any) => any;
export declare const computeHeroSize: (size: any) => any;
export declare const computeThumbnailSize: (size: any) => any;
export declare const computeInputSize: (size: any) => any;
export declare const computeModalSize: (size: any) => any;
export declare const computeSectionSize: (size: any) => any;
export declare const computeSlideAnimation: (direction: any) => "translate-y-full" | "-translate-x-full" | "translate-x-full" | "-translate-y-full";
export declare const computeTagSize: (size: any) => any;
export declare const computeTagImgSize: (size: any) => any;
export declare const computeToastAnimation: (direction: any) => "-translate-y-12" | "-translate-x-12" | "translate-x-12" | "translate-y-12";
export declare const computeTooltipAnimation: (placement: any) => "translate-y-2" | "translate-x-2" | "-translate-x-2" | "-translate-y-2";
export declare const computeContainer: (size: any) => any;
export declare const computeGrid: (value: any) => any;
export declare const computeCol: (type: any, size: any) => "sm:col-span-1" | "sm:col-span-2" | "sm:col-span-3" | "sm:col-span-4" | "sm:col-span-5" | "sm:col-span-6" | "sm:col-span-7" | "sm:col-span-8" | "sm:col-span-9" | "sm:col-span-10" | "sm:col-span-11" | "sm:col-span-12" | "md:col-span-1" | "md:col-span-2" | "md:col-span-3" | "md:col-span-4" | "md:col-span-5" | "md:col-span-6" | "md:col-span-7" | "md:col-span-8" | "md:col-span-9" | "md:col-span-10" | "md:col-span-11" | "md:col-span-12" | "lg:col-span-1" | "lg:col-span-2" | "lg:col-span-3" | "lg:col-span-4" | "lg:col-span-5" | "lg:col-span-6" | "lg:col-span-7" | "lg:col-span-8" | "lg:col-span-9" | "lg:col-span-10" | "lg:col-span-11" | "lg:col-span-12" | "xl:col-span-1" | "xl:col-span-2" | "xl:col-span-3" | "xl:col-span-4" | "xl:col-span-5" | "xl:col-span-6" | "xl:col-span-7" | "xl:col-span-8" | "xl:col-span-9" | "xl:col-span-10" | "xl:col-span-11" | "xl:col-span-12" | "2xl:col-span-1" | "2xl:col-span-2" | "2xl:col-span-3" | "2xl:col-span-4" | "2xl:col-span-5" | "2xl:col-span-6" | "2xl:col-span-7" | "2xl:col-span-8" | "2xl:col-span-9" | "2xl:col-span-10" | "2xl:col-span-11" | "2xl:col-span-12" | "col-span-1" | "col-span-2" | "col-span-3" | "col-span-4" | "col-span-5" | "col-span-6" | "col-span-7" | "col-span-8" | "col-span-9" | "col-span-10" | "col-span-11" | "col-span-12";
export declare const computeColSpan: (size: any) => "col-span-1" | "col-span-2" | "col-span-3" | "col-span-4" | "col-span-5" | "col-span-6" | "col-span-7" | "col-span-8" | "col-span-9" | "col-span-10" | "col-span-11" | "col-span-12";
export declare const computeColSm: (size: any) => "sm:col-span-1" | "sm:col-span-2" | "sm:col-span-3" | "sm:col-span-4" | "sm:col-span-5" | "sm:col-span-6" | "sm:col-span-7" | "sm:col-span-8" | "sm:col-span-9" | "sm:col-span-10" | "sm:col-span-11" | "sm:col-span-12";
export declare const computeColMd: (size: any) => "md:col-span-1" | "md:col-span-2" | "md:col-span-3" | "md:col-span-4" | "md:col-span-5" | "md:col-span-6" | "md:col-span-7" | "md:col-span-8" | "md:col-span-9" | "md:col-span-10" | "md:col-span-11" | "md:col-span-12";
export declare const computeColLg: (size: any) => "lg:col-span-1" | "lg:col-span-2" | "lg:col-span-3" | "lg:col-span-4" | "lg:col-span-5" | "lg:col-span-6" | "lg:col-span-7" | "lg:col-span-8" | "lg:col-span-9" | "lg:col-span-10" | "lg:col-span-11" | "lg:col-span-12";
export declare const computeColXl: (size: any) => "xl:col-span-1" | "xl:col-span-2" | "xl:col-span-3" | "xl:col-span-4" | "xl:col-span-5" | "xl:col-span-6" | "xl:col-span-7" | "xl:col-span-8" | "xl:col-span-9" | "xl:col-span-10" | "xl:col-span-11" | "xl:col-span-12";
export declare const computeCol2xl: (size: any) => "2xl:col-span-1" | "2xl:col-span-2" | "2xl:col-span-3" | "2xl:col-span-4" | "2xl:col-span-5" | "2xl:col-span-6" | "2xl:col-span-7" | "2xl:col-span-8" | "2xl:col-span-9" | "2xl:col-span-10" | "2xl:col-span-11" | "2xl:col-span-12";

export {
	alert$1 as alert,
};

export {};