export declare const breakpoints: readonly ["", "Sm", "Md", "Lg", "Xl", "2xl"];
export type VisibilityBreakpointProps = {
    visibility?: 'hidden' | 'visible';
    visibilitySm?: 'hidden' | 'visible';
    visibilityMd?: 'hidden' | 'visible';
    visibilityLg?: 'hidden' | 'visible';
    visibilityXl?: 'hidden' | 'visible';
    visibility2xl?: 'hidden' | 'visible';
};
export type VisibilityAtHeightBreakpointProps = {
    visibilityAtHeight?: 'hidden' | 'visible';
    visibilityAtHeightSm?: 'hidden' | 'visible';
    visibilityAtHeightMd?: 'hidden' | 'visible';
    visibilityAtHeightLg?: 'hidden' | 'visible';
    visibilityAtHeightXl?: 'hidden' | 'visible';
    visibilityAtHeight2xl?: 'hidden' | 'visible';
};
export type WidthBreakpointProps = {
    width?: string;
    widthSm?: string;
    widthMd?: string;
    widthLg?: string;
    widthXl?: string;
    width2xl?: string;
};
export type HeightBreakpointProps = {
    height?: string;
    heightSm?: string;
    heightMd?: string;
    heightLg?: string;
    heightXl?: string;
    height2xl?: string;
};
export type SpacerBreakpointProps = {
    spacer?: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl';
    spacerSm?: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl';
    spacerMd?: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl';
    spacerLg?: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl';
    spacerXl?: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl';
    spacer2xl?: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl';
};
export type SpaceItemsBreakpointProps = {
    spaceItems?: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl';
    spaceItemsSm?: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl';
    spaceItemsMd?: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl';
    spaceItemsLg?: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl';
    spaceItemsXl?: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl';
    spaceItems2xl?: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl';
};
export type GapBreakpointProps = {
    gap?: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl';
    gapSm?: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl';
    gapMd?: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl';
    gapLg?: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl';
    gapXl?: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl';
    gap2xl?: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl';
};
export type RowGapBreakpointProps = {
    rowGap?: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl';
    rowGapSm?: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl';
    rowGapMd?: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl';
    rowGapLg?: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl';
    rowGapXl?: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl';
    rowGap2xl?: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl';
};
export type ColumnGapBreakpointProps = {
    columnGap?: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl';
    columnGapSm?: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl';
    columnGapMd?: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl';
    columnGapLg?: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl';
    columnGapXl?: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl';
    columnGap2xl?: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl';
};
export type GrowBreakpointProps = {
    grow?: boolean;
    growSm?: boolean;
    growMd?: boolean;
    growLg?: boolean;
    growXl?: boolean;
    grow2xl?: boolean;
};
export type FlexGrowBreakpointProps = {
    flexGrow?: boolean;
    flexGrowSm?: boolean;
    flexGrowMd?: boolean;
    flexGrowLg?: boolean;
    flexGrowXl?: boolean;
    flexGrow2xl?: boolean;
};
export type ShrinkBreakpointProps = {
    shrink?: boolean;
    shrinkSm?: boolean;
    shrinkMd?: boolean;
    shrinkLg?: boolean;
    shrinkXl?: boolean;
    shrink2xl?: boolean;
};
export type FlexBreakpointProps = {
    flex?: 'default' | 'none' | '1' | '2' | '3' | '4';
    flexSm?: 'default' | 'none' | '1' | '2' | '3' | '4';
    flexMd?: 'default' | 'none' | '1' | '2' | '3' | '4';
    flexLg?: 'default' | 'none' | '1' | '2' | '3' | '4';
    flexXl?: 'default' | 'none' | '1' | '2' | '3' | '4';
    flex2xl?: 'default' | 'none' | '1' | '2' | '3' | '4';
};
export type DirectionBreakpointProps = {
    direction?: 'column' | 'column-reverse' | 'row' | 'row-reverse';
    directionSm?: 'column' | 'column-reverse' | 'row' | 'row-reverse';
    directionMd?: 'column' | 'column-reverse' | 'row' | 'row-reverse';
    directionLg?: 'column' | 'column-reverse' | 'row' | 'row-reverse';
    directionXl?: 'column' | 'column-reverse' | 'row' | 'row-reverse';
    direction2xl?: 'column' | 'column-reverse' | 'row' | 'row-reverse';
};
export type AlignItemsBreakpointProps = {
    alignItems?: 'flex-start' | 'flex-end' | 'center' | 'stretch' | 'baseline';
    alignItemsSm?: 'flex-start' | 'flex-end' | 'center' | 'stretch' | 'baseline';
    alignItemsMd?: 'flex-start' | 'flex-end' | 'center' | 'stretch' | 'baseline';
    alignItemsLg?: 'flex-start' | 'flex-end' | 'center' | 'stretch' | 'baseline';
    alignItemsXl?: 'flex-start' | 'flex-end' | 'center' | 'stretch' | 'baseline';
    alignItems2xl?: 'flex-start' | 'flex-end' | 'center' | 'stretch' | 'baseline';
};
export type AlignContentBreakpointProps = {
    alignContent?: 'flex-start' | 'flex-end' | 'center' | 'stretch' | 'space-between' | 'space-around';
    alignContentSm?: 'flex-start' | 'flex-end' | 'center' | 'stretch' | 'space-between' | 'space-around';
    alignContentMd?: 'flex-start' | 'flex-end' | 'center' | 'stretch' | 'space-between' | 'space-around';
    alignContentLg?: 'flex-start' | 'flex-end' | 'center' | 'stretch' | 'space-between' | 'space-around';
    alignContentXl?: 'flex-start' | 'flex-end' | 'center' | 'stretch' | 'space-between' | 'space-around';
    alignContent2xl?: 'flex-start' | 'flex-end' | 'center' | 'stretch' | 'space-between' | 'space-around';
};
export type AlignSelfBreakpointProps = {
    alignSelf?: 'flex-start' | 'flex-end' | 'center' | 'stretch' | 'baseline';
    alignSelfSm?: 'flex-start' | 'flex-end' | 'center' | 'stretch' | 'baseline';
    alignSelfMd?: 'flex-start' | 'flex-end' | 'center' | 'stretch' | 'baseline';
    alignSelfLg?: 'flex-start' | 'flex-end' | 'center' | 'stretch' | 'baseline';
    alignSelfXl?: 'flex-start' | 'flex-end' | 'center' | 'stretch' | 'baseline';
    alignSelf2xl?: 'flex-start' | 'flex-end' | 'center' | 'stretch' | 'baseline';
};
export type AlignBreakpointProps = {
    align?: 'start' | 'center' | 'end';
    alignSm?: 'start' | 'center' | 'end';
    alignMd?: 'start' | 'center' | 'end';
    alignLg?: 'start' | 'center' | 'end';
    alignXl?: 'start' | 'center' | 'end';
    align2xl?: 'start' | 'center' | 'end';
};
export type JustifyContentBreakpointProps = {
    justifyContent?: 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'space-evenly';
    justifyContentSm?: 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'space-evenly';
    justifyContentMd?: 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'space-evenly';
    justifyContentLg?: 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'space-evenly';
    justifyContentXl?: 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'space-evenly';
    justifyContent2xl?: 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'space-evenly';
};
export type DisplayBreakpointProps = {
    display?: 'flex' | 'inline-flex';
    displaySm?: 'flex' | 'inline-flex';
    displayMd?: 'flex' | 'inline-flex';
    displayLg?: 'flex' | 'inline-flex';
    displayXl?: 'flex' | 'inline-flex';
    display2xl?: 'flex' | 'inline-flex';
};
export type FullWidthBreakpointProps = {
    fullWidth?: boolean;
    fullWidthSm?: boolean;
    fullWidthMd?: boolean;
    fullWidthLg?: boolean;
    fullWidthXl?: boolean;
    fullWidth2xl?: boolean;
};
export type FlexWrapBreakpointProps = {
    flexWrap?: 'wrap' | 'wrap-reverse' | 'nowrap';
    flexWrapSm?: 'wrap' | 'wrap-reverse' | 'nowrap';
    flexWrapMd?: 'wrap' | 'wrap-reverse' | 'nowrap';
    flexWrapLg?: 'wrap' | 'wrap-reverse' | 'nowrap';
    flexWrapXl?: 'wrap' | 'wrap-reverse' | 'nowrap';
    flexWrap2xl?: 'wrap' | 'wrap-reverse' | 'nowrap';
};
export type RowWrapBreakpointProps = {
    rowWrap?: 'wrap' | 'nowrap';
    rowWrapSm?: 'wrap' | 'nowrap';
    rowWrapMd?: 'wrap' | 'nowrap';
    rowWrapLg?: 'wrap' | 'nowrap';
    rowWrapXl?: 'wrap' | 'nowrap';
    rowWrapXl2?: 'wrap' | 'nowrap';
};
export type InsetBreakpointProps = {
    inset?: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl';
    insetSm?: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl';
    insetMd?: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl';
    insetLg?: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl';
    insetXl?: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl';
    inset2xl?: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl';
};
export type PaddingBreakpointProps = {
    padding?: 'padding' | 'no-padding';
    paddingSm?: 'padding' | 'no-padding';
    paddingMd?: 'padding' | 'no-padding';
    paddingLg?: 'padding' | 'no-padding';
    paddingXl?: 'padding' | 'no-padding';
    padding2xl?: 'padding' | 'no-padding';
};
export type StickyBreakpointProps = {
    sticky?: 'top' | 'bottom';
    stickySm?: 'top' | 'bottom';
    stickyMd?: 'top' | 'bottom';
    stickyLg?: 'top' | 'bottom';
    stickyXl?: 'top' | 'bottom';
    sticky2xl?: 'top' | 'bottom';
};
export type ExpandableBreakpointProps = {
    /** Toggle collapse/expand state */
    expandable?: 'expandable' | 'nonExpandable';
    /** Toggle collapse/expand state at Sm breakpoint */
    expandableSm?: 'expandable' | 'nonExpandable';
    /** Toggle collapse/expand state at Md breakpoint */
    expandableMd?: 'expandable' | 'nonExpandable';
    /** Toggle collapse/expand state at Lg breakpoint */
    expandableLg?: 'expandable' | 'nonExpandable';
    /** Toggle collapse/expand state at Xl breakpoint */
    expandableXl?: 'expandable' | 'nonExpandable';
    /** Toggle collapse/expand state at Xl2 breakpoint */
    expandable2xl?: 'expandable' | 'nonExpandable';
};
export type ColumnsBreakpointProps = {
    /** Sets the number of columns on the description list */
    columns?: '1Col' | '2Col' | '3Col';
    /** Sets the number of columns on the description list at Sm breakpoint */
    columnsSm?: '1Col' | '2Col' | '3Col';
    /** Sets the number of columns on the description list at Md breakpoint */
    columnsMd?: '1Col' | '2Col' | '3Col';
    /** Sets the number of columns on the description list at Lg breakpoint */
    columnsLg?: '1Col' | '2Col' | '3Col';
    /** Sets the number of columns on the description list at Xl breakpoint */
    columnsXl?: '1Col' | '2Col' | '3Col';
    /** Sets the number of columns on the description list at Xl2 breakpoint */
    columns2xl?: '1Col' | '2Col' | '3Col';
};
export type OrientationBreakpointProps = {
    /** Indicates how the menu will align */
    orientation?: 'vertical' | 'horizontal';
    /** Indicates how the menu will align at Sm breakpoint */
    orientationSm?: 'vertical' | 'horizontal';
    /** Indicates how the menu will align at Md breakpoint */
    orientationMd?: 'vertical' | 'horizontal';
    /** Indicates how the menu will align at Lg breakpoint */
    orientationLg?: 'vertical' | 'horizontal';
    /** Indicates how the menu will align at Xl breakpoint */
    orientationXl?: 'vertical' | 'horizontal';
    /** Indicates how the menu will align at Xl2 breakpoint */
    orientation2xl?: 'vertical' | 'horizontal';
};
export type AutoFitMinBreakpointProps = {
    /** Sets the minimum column size for the auto-fit layout */
    autoFitMin?: string;
    /** Sets the minimum column size for the auto-fit layout at Sm breakpoint */
    autoFitMinSm?: string;
    /** Sets the minimum column size for the auto-fit layout at Md breakpoint */
    autoFitMinMd?: string;
    /** Sets the minimum column size for the auto-fit layout at Lg breakpoint */
    autoFitMinLg?: string;
    /** Sets the minimum column size for the auto-fit layout at Xl breakpoint */
    autoFitMinXl?: string;
    /** Sets the minimum column size for the auto-fit layout at Xl2 breakpoint */
    autoFitMin2xl?: string;
};
export type HorizontalTermWidthBreakpointProps = {
    /** Sets the horizontal description list's term column width */
    horizontalTermWidth?: string;
    /** Sets the horizontal description list's term column width at Sm breakpoint */
    horizontalTermWidthSm?: string;
    /** Sets the horizontal description list's term column width at Md breakpoint */
    horizontalTermWidthMd?: string;
    /** Sets the horizontal description list's term column width at Lg breakpoint */
    horizontalTermWidthLg?: string;
    /** Sets the horizontal description list's term column width at Xl breakpoint */
    horizontalTermWidthXl?: string;
    /** Sets the horizontal description list's term column width at Xl2 breakpoint */
    horizontalTermWidth2xl?: string;
};
export type OrderBreakpointProps = {
    /** Sets the flex layout element order property */
    order?: string | number;
    /** Sets the flex layout element order property at Sm breakpoint */
    orderSm?: string | number;
    /** Sets the flex layout element order property at Md breakpoint */
    orderMd?: string | number;
    /** Sets the flex layout element order property at Lg breakpoint */
    orderLg?: string | number;
    /** Sets the flex layout element order property at Xl breakpoint */
    orderXl?: string | number;
    /** Sets the flex layout element order property at Xl2 breakpoint */
    order2xl?: string | number;
};
export type BreakpointProps = {
    sm?: boolean;
    md?: boolean;
    lg?: boolean;
    xl?: boolean;
    xl2?: boolean;
};
export declare function classesFromBreakpointProps(props: any, baseNames: string[], styles: any, { additional, short, vertical, }?: {
    additional?: string[];
    short?: boolean;
    vertical?: boolean;
}): string[];
export declare function cssVarsFromBreakpointProps(props: any, baseName: string, cssVar: string): Record<string, string>;
export declare function useBreakpointProp(props: any, baseNames: string[], styles: any, options: any): import("vue").ComputedRef<string[]>;
//# sourceMappingURL=breakpoints.d.ts.map