@veracity/vui 0.3.0 → 0.3.2

package/footer/footer.types.d.ts

@@ -11,20 +11,25 @@ export declare type FooterColumnProps = FooterBoxProps;
 export declare type FooterColumnsData = {
     [column: string]: FooterColumnData;
 };
+/** Link includes the label text and URL address. */
 export declare type FooterLinkData = {
     text: string;
     url: string;
 };
 export declare type FooterProps = FooterBoxProps & ThemingProps<'Footer'> & {
+    /** Data defining content of multiple columns. */
     columns?: FooterColumnsData;
 };
 /** Section consists of multiple links with text (label) and url */
 export declare type FooterSectionData = {
     heading: string;
+    /** Array of objects defining each link. */
     links: FooterLinkData[];
 };
 export declare type FooterSectionProps = FooterBoxProps & {
+    /** Socket placing a heading on top of the section. */
     heading?: FooterSectionData['heading'] | JSX.Element;
+    /** Socket placing a list of links below the heading. */
     links?: FooterSectionData['links'] | JSX.Element;
 };
 export {};

package/footer/footerColumn.d.ts

@@ -1,40 +1,129 @@
+/** Organizes sections with links into a single column. Different width per breakpoint. */
 declare const FooterColumn: import("../core").VuiComponent<"div", {
     col?: (string | number | true | import("@xstyled/system").BreakpointsProps<string | number | true, import("..").VuiTheme>) | undefined;
     p?: (((string | number) & {}) | import("@xstyled/system").BreakpointsProps<(string | number) & {}, import("..").VuiTheme>) | undefined;
     column?: boolean | undefined;
     row?: (boolean | import("@xstyled/system").BreakpointsProps<boolean, import("..").VuiTheme>) | undefined;
     activeBg?: (import("..").ColorGetter | import("@xstyled/system").BreakpointsProps<import("..").ColorGetter, import("..").VuiTheme>) | undefined;
-    borderRadius?: import("..").BorderRadiusProp | undefined;
     hoverBg?: (import("..").ColorGetter | import("@xstyled/system").BreakpointsProps<import("..").ColorGetter, import("..").VuiTheme>) | undefined;
+    px?: (((string | number) & {}) | import("@xstyled/system").BreakpointsProps<(string | number) & {}, import("..").VuiTheme>) | undefined;
     color?: import("..").ColorGetter | undefined;
+    isTruncated?: boolean | undefined;
+    overflow?: (import("csstype").Property.Overflow | import("@xstyled/system").BreakpointsProps<import("csstype").Property.Overflow, import("..").VuiTheme>) | undefined;
+    maxLines?: number | undefined;
+    display?: (import("csstype").Property.Display | import("@xstyled/system").BreakpointsProps<import("csstype").Property.Display, import("..").VuiTheme>) | undefined;
+    spaceAround?: string | number | undefined;
+    wordBreak?: "normal" | "break-all" | "keep-all" | "break-word" | undefined;
+    flex?: (import("csstype").Property.Flex<0 | (string & {})> | import("@xstyled/system").BreakpointsProps<import("csstype").Property.Flex<0 | (string & {})>, import("..").VuiTheme>) | undefined;
+    left?: (0 | (string & {}) | (number & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "auto" | import("@xstyled/system").BreakpointsProps<0 | (string & {}) | (number & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "auto", import("..").VuiTheme>) | undefined;
+    right?: (0 | (string & {}) | (number & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "auto" | import("@xstyled/system").BreakpointsProps<0 | (string & {}) | (number & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "auto", import("..").VuiTheme>) | undefined;
+    center?: boolean | undefined;
+    wrap?: boolean | undefined;
+    bottom?: (0 | (string & {}) | (number & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "auto" | import("@xstyled/system").BreakpointsProps<0 | (string & {}) | (number & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "auto", import("..").VuiTheme>) | undefined;
+    top?: (0 | (string & {}) | (number & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "auto" | import("@xstyled/system").BreakpointsProps<0 | (string & {}) | (number & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "auto", import("..").VuiTheme>) | undefined;
+    justify?: (import("csstype").Property.JustifyContent | import("@xstyled/system").BreakpointsProps<import("csstype").Property.JustifyContent, import("..").VuiTheme>) | undefined;
+    cursor?: (import("csstype").Property.Cursor | import("@xstyled/system").BreakpointsProps<import("csstype").Property.Cursor, import("..").VuiTheme>) | undefined;
+    direction?: (import("csstype").Property.FlexDirection | import("@xstyled/system").BreakpointsProps<import("csstype").Property.FlexDirection, import("..").VuiTheme>) | undefined;
+    fontFamily?: (((string | number) & {}) | "avenir" | import("@xstyled/system").BreakpointsProps<((string | number) & {}) | "avenir", import("..").VuiTheme>) | undefined;
+    fontSize?: ("md" | "xs" | "sm" | "lg" | ((string | number) & {}) | import("@xstyled/system").BreakpointsProps<"md" | "xs" | "sm" | "lg" | ((string | number) & {}), import("..").VuiTheme>) | undefined;
+    fontStyle?: (import("csstype").Property.FontStyle | import("@xstyled/system").BreakpointsProps<import("csstype").Property.FontStyle, import("..").VuiTheme>) | undefined;
+    fontWeight?: ("bold" | ((string | number) & {}) | "regular" | "medium" | "demi" | import("@xstyled/system").BreakpointsProps<"bold" | ((string | number) & {}) | "regular" | "medium" | "demi", import("..").VuiTheme>) | undefined;
+    letterSpacing?: (import("csstype").Property.LetterSpacing<0 | (string & {})> | import("@xstyled/system").BreakpointsProps<import("csstype").Property.LetterSpacing<0 | (string & {})>, import("..").VuiTheme>) | undefined;
+    opacity?: (import("csstype").Property.Opacity | import("@xstyled/system").BreakpointsProps<import("csstype").Property.Opacity, import("..").VuiTheme>) | undefined;
+    order?: (import("csstype").Property.Order | import("@xstyled/system").BreakpointsProps<import("csstype").Property.Order, import("..").VuiTheme>) | undefined;
+    pointerEvents?: (import("csstype").Property.PointerEvents | import("@xstyled/system").BreakpointsProps<import("csstype").Property.PointerEvents, import("..").VuiTheme>) | undefined;
+    radius?: import("..").BorderRadiusProp | undefined;
+    rotate?: (string | number | import("@xstyled/system").BreakpointsProps<string | number, import("..").VuiTheme>) | undefined;
+    scale?: (string | number | import("@xstyled/system").BreakpointsProps<string | number, import("..").VuiTheme>) | undefined;
+    textDecoration?: (("none" | import("csstype").Globals | "overline" | "underline" | "line-through") | import("@xstyled/system").BreakpointsProps<"none" | import("csstype").Globals | "overline" | "underline" | "line-through", import("..").VuiTheme>) | undefined;
+    transform?: (string | boolean | import("@xstyled/system").BreakpointsProps<string | boolean, import("..").VuiTheme>) | undefined;
+    visibility?: (import("csstype").Property.Visibility | import("@xstyled/system").BreakpointsProps<import("csstype").Property.Visibility, import("..").VuiTheme>) | undefined;
+    align?: (import("csstype").Property.AlignItems | import("@xstyled/system").BreakpointsProps<import("csstype").Property.AlignItems, import("..").VuiTheme>) | undefined;
     border?: (((string | number) & {}) | import("@xstyled/system").BreakpointsProps<(string | number) & {}, import("..").VuiTheme>) | undefined;
-    hoverBorder?: (((string | number) & {}) | import("@xstyled/system").BreakpointsProps<(string | number) & {}, import("..").VuiTheme>) | undefined;
-    borderTop?: (((string | number) & {}) | import("@xstyled/system").BreakpointsProps<(string | number) & {}, import("..").VuiTheme>) | undefined;
-    borderRight?: (((string | number) & {}) | import("@xstyled/system").BreakpointsProps<(string | number) & {}, import("..").VuiTheme>) | undefined;
+    alignContent?: (import("csstype").Property.AlignContent | import("@xstyled/system").BreakpointsProps<import("csstype").Property.AlignContent, import("..").VuiTheme>) | undefined;
+    alignItems?: (import("csstype").Property.AlignItems | import("@xstyled/system").BreakpointsProps<import("csstype").Property.AlignItems, import("..").VuiTheme>) | undefined;
+    alignSelf?: (import("csstype").Property.AlignSelf | import("@xstyled/system").BreakpointsProps<import("csstype").Property.AlignSelf, import("..").VuiTheme>) | undefined;
+    appearance?: (import("csstype").Property.Appearance | import("@xstyled/system").BreakpointsProps<import("csstype").Property.Appearance, import("..").VuiTheme>) | undefined;
+    borderBottomColor?: (import("..").ColorGetter | import("@xstyled/system").BreakpointsProps<import("..").ColorGetter, import("..").VuiTheme>) | undefined;
+    borderBottomWidth?: (((string | number) & {}) | import("@xstyled/system").BreakpointsProps<(string | number) & {}, import("..").VuiTheme>) | undefined;
+    borderCollapse?: (import("csstype").Property.BorderCollapse | import("@xstyled/system").BreakpointsProps<import("csstype").Property.BorderCollapse, import("..").VuiTheme>) | undefined;
+    borderLeftColor?: (import("..").ColorGetter | import("@xstyled/system").BreakpointsProps<import("..").ColorGetter, import("..").VuiTheme>) | undefined;
+    borderLeftWidth?: (((string | number) & {}) | import("@xstyled/system").BreakpointsProps<(string | number) & {}, import("..").VuiTheme>) | undefined;
+    borderRightColor?: (import("..").ColorGetter | import("@xstyled/system").BreakpointsProps<import("..").ColorGetter, import("..").VuiTheme>) | undefined;
+    borderRightWidth?: (((string | number) & {}) | import("@xstyled/system").BreakpointsProps<(string | number) & {}, import("..").VuiTheme>) | undefined;
+    borderTopColor?: (import("..").ColorGetter | import("@xstyled/system").BreakpointsProps<import("..").ColorGetter, import("..").VuiTheme>) | undefined;
+    borderTopWidth?: (((string | number) & {}) | import("@xstyled/system").BreakpointsProps<(string | number) & {}, import("..").VuiTheme>) | undefined;
+    boxShadow?: (import("..").ShadowGetter | import("@xstyled/system").BreakpointsProps<import("..").ShadowGetter, import("..").VuiTheme>) | undefined;
+    boxSizing?: (import("csstype").Property.BoxSizing | import("@xstyled/system").BreakpointsProps<import("csstype").Property.BoxSizing, import("..").VuiTheme>) | undefined;
+    columnGap?: (0 | (string & {}) | (number & {}) | "normal" | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | import("@xstyled/system").BreakpointsProps<0 | (string & {}) | (number & {}) | "normal" | "-moz-initial" | "inherit" | "initial" | "revert" | "unset", import("..").VuiTheme>) | undefined;
+    flexBasis?: (import("csstype").Property.FlexBasis<0 | (string & {})> | import("@xstyled/system").BreakpointsProps<import("csstype").Property.FlexBasis<0 | (string & {})>, import("..").VuiTheme>) | undefined;
+    flexDirection?: (import("csstype").Property.FlexDirection | import("@xstyled/system").BreakpointsProps<import("csstype").Property.FlexDirection, import("..").VuiTheme>) | undefined;
+    flexGrow?: (import("csstype").Property.FlexGrow | import("@xstyled/system").BreakpointsProps<import("csstype").Property.FlexGrow, import("..").VuiTheme>) | undefined;
+    flexShrink?: (import("csstype").Property.FlexShrink | import("@xstyled/system").BreakpointsProps<import("csstype").Property.FlexShrink, import("..").VuiTheme>) | undefined;
+    flexWrap?: (import("csstype").Property.FlexWrap | import("@xstyled/system").BreakpointsProps<import("csstype").Property.FlexWrap, import("..").VuiTheme>) | undefined;
+    float?: (import("csstype").Property.Float | import("@xstyled/system").BreakpointsProps<import("csstype").Property.Float, import("..").VuiTheme>) | undefined;
+    gridAutoColumns?: (import("csstype").Property.GridAutoColumns<0 | (string & {})> | import("@xstyled/system").BreakpointsProps<import("csstype").Property.GridAutoColumns<0 | (string & {})>, import("..").VuiTheme>) | undefined;
+    gridAutoFlow?: (import("csstype").Property.GridAutoFlow | import("@xstyled/system").BreakpointsProps<import("csstype").Property.GridAutoFlow, import("..").VuiTheme>) | undefined;
+    gridAutoRows?: (import("csstype").Property.GridAutoRows<0 | (string & {})> | import("@xstyled/system").BreakpointsProps<import("csstype").Property.GridAutoRows<0 | (string & {})>, import("..").VuiTheme>) | undefined;
+    gridTemplateAreas?: (import("csstype").Property.GridTemplateAreas | import("@xstyled/system").BreakpointsProps<import("csstype").Property.GridTemplateAreas, import("..").VuiTheme>) | undefined;
+    gridTemplateColumns?: (import("csstype").Property.GridTemplateColumns<0 | (string & {})> | import("@xstyled/system").BreakpointsProps<import("csstype").Property.GridTemplateColumns<0 | (string & {})>, import("..").VuiTheme>) | undefined;
+    gridTemplateRows?: (import("csstype").Property.GridTemplateRows<0 | (string & {})> | import("@xstyled/system").BreakpointsProps<import("csstype").Property.GridTemplateRows<0 | (string & {})>, import("..").VuiTheme>) | undefined;
+    justifyContent?: (import("csstype").Property.JustifyContent | import("@xstyled/system").BreakpointsProps<import("csstype").Property.JustifyContent, import("..").VuiTheme>) | undefined;
+    justifyItems?: (import("csstype").Property.JustifyItems | import("@xstyled/system").BreakpointsProps<import("csstype").Property.JustifyItems, import("..").VuiTheme>) | undefined;
+    justifySelf?: (import("csstype").Property.JustifySelf | import("@xstyled/system").BreakpointsProps<import("csstype").Property.JustifySelf, import("..").VuiTheme>) | undefined;
+    lineHeight?: (((string | number) & {}) | import("@xstyled/system").BreakpointsProps<(string | number) & {}, import("..").VuiTheme>) | undefined;
+    listStylePosition?: (import("csstype").Property.ListStylePosition | import("@xstyled/system").BreakpointsProps<import("csstype").Property.ListStylePosition, import("..").VuiTheme>) | undefined;
+    listStyleType?: (import("csstype").Property.ListStyleType | import("@xstyled/system").BreakpointsProps<import("csstype").Property.ListStyleType, import("..").VuiTheme>) | undefined;
+    objectFit?: (import("csstype").Property.ObjectFit | import("@xstyled/system").BreakpointsProps<import("csstype").Property.ObjectFit, import("..").VuiTheme>) | undefined;
+    outlineColor?: (import("..").ColorGetter | import("@xstyled/system").BreakpointsProps<import("..").ColorGetter, import("..").VuiTheme>) | undefined;
+    outlineStyle?: (((string | number) & {}) | import("@xstyled/system").BreakpointsProps<(string | number) & {}, import("..").VuiTheme>) | undefined;
+    outlineWidth?: (((string | number) & {}) | import("@xstyled/system").BreakpointsProps<(string | number) & {}, import("..").VuiTheme>) | undefined;
+    overflowX?: (import("csstype").Property.OverflowX | import("@xstyled/system").BreakpointsProps<import("csstype").Property.OverflowX, import("..").VuiTheme>) | undefined;
+    overflowY?: (import("csstype").Property.OverflowY | import("@xstyled/system").BreakpointsProps<import("csstype").Property.OverflowY, import("..").VuiTheme>) | undefined;
+    position?: (import("csstype").Property.Position | import("@xstyled/system").BreakpointsProps<import("csstype").Property.Position, import("..").VuiTheme>) | undefined;
+    resize?: (import("csstype").Property.Resize | import("@xstyled/system").BreakpointsProps<import("csstype").Property.Resize, import("..").VuiTheme>) | undefined;
+    rowGap?: (0 | (string & {}) | (number & {}) | "normal" | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | import("@xstyled/system").BreakpointsProps<0 | (string & {}) | (number & {}) | "normal" | "-moz-initial" | "inherit" | "initial" | "revert" | "unset", import("..").VuiTheme>) | undefined;
+    tableLayout?: (import("csstype").Property.TableLayout | import("@xstyled/system").BreakpointsProps<import("csstype").Property.TableLayout, import("..").VuiTheme>) | undefined;
+    textAlign?: (import("csstype").Property.TextAlign | import("@xstyled/system").BreakpointsProps<import("csstype").Property.TextAlign, import("..").VuiTheme>) | undefined;
+    textOverflow?: (import("csstype").Property.TextOverflow | import("@xstyled/system").BreakpointsProps<import("csstype").Property.TextOverflow, import("..").VuiTheme>) | undefined;
+    textShadow?: (import("..").ShadowGetter | import("@xstyled/system").BreakpointsProps<import("..").ShadowGetter, import("..").VuiTheme>) | undefined;
+    textTransform?: (import("csstype").Property.TextTransform | import("@xstyled/system").BreakpointsProps<import("csstype").Property.TextTransform, import("..").VuiTheme>) | undefined;
+    transformOrigin?: (import("csstype").Property.TransformOrigin<0 | (string & {})> | import("@xstyled/system").BreakpointsProps<import("csstype").Property.TransformOrigin<0 | (string & {})>, import("..").VuiTheme>) | undefined;
+    transitionDelay?: (number | import("@xstyled/system").BreakpointsProps<number, import("..").VuiTheme>) | undefined;
+    transitionDuration?: (((string | number) & {}) | "normal" | "instant" | "fast" | "slow" | import("@xstyled/system").BreakpointsProps<((string | number) & {}) | "normal" | "instant" | "fast" | "slow", import("..").VuiTheme>) | undefined;
+    transitionProperty?: (((string | number) & {}) | import("@xstyled/system").BreakpointsProps<(string | number) & {}, import("..").VuiTheme>) | undefined;
+    transitionTimingFunction?: (((string | number) & {}) | import("@xstyled/system").BreakpointsProps<(string | number) & {}, import("..").VuiTheme>) | undefined;
+    userSelect?: (import("csstype").Property.UserSelect | import("@xstyled/system").BreakpointsProps<import("csstype").Property.UserSelect, import("..").VuiTheme>) | undefined;
+    verticalAlign?: (import("csstype").Property.VerticalAlign<0 | (string & {})> | import("@xstyled/system").BreakpointsProps<import("csstype").Property.VerticalAlign<0 | (string & {})>, import("..").VuiTheme>) | undefined;
+    whiteSpace?: (import("csstype").Property.WhiteSpace | import("@xstyled/system").BreakpointsProps<import("csstype").Property.WhiteSpace, import("..").VuiTheme>) | undefined;
+    zIndex?: ((string & {}) | (number & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "auto" | import("@xstyled/system").BreakpointsProps<(string & {}) | (number & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "auto", import("..").VuiTheme>) | undefined;
+    animation?: (((string | number) & {}) | "bounce" | "fadeDown" | "fadeIn" | "fadeLeft" | "fadeOut" | "fadeRight" | "fadeUp" | "pulse" | "spin" | import("@xstyled/system").BreakpointsProps<((string | number) & {}) | "bounce" | "fadeDown" | "fadeIn" | "fadeLeft" | "fadeOut" | "fadeRight" | "fadeUp" | "pulse" | "spin", import("..").VuiTheme>) | undefined;
     borderBottom?: (((string | number) & {}) | import("@xstyled/system").BreakpointsProps<(string | number) & {}, import("..").VuiTheme>) | undefined;
-    borderLeft?: (((string | number) & {}) | import("@xstyled/system").BreakpointsProps<(string | number) & {}, import("..").VuiTheme>) | undefined;
     borderColor?: (import("..").ColorGetter | import("@xstyled/system").BreakpointsProps<import("..").ColorGetter, import("..").VuiTheme>) | undefined;
+    borderLeft?: (((string | number) & {}) | import("@xstyled/system").BreakpointsProps<(string | number) & {}, import("..").VuiTheme>) | undefined;
+    borderRadius?: import("..").BorderRadiusProp | undefined;
+    borderRight?: (((string | number) & {}) | import("@xstyled/system").BreakpointsProps<(string | number) & {}, import("..").VuiTheme>) | undefined;
+    borderStyle?: (((string | number) & {}) | import("@xstyled/system").BreakpointsProps<(string | number) & {}, import("..").VuiTheme>) | undefined;
+    borderTop?: (((string | number) & {}) | import("@xstyled/system").BreakpointsProps<(string | number) & {}, import("..").VuiTheme>) | undefined;
+    borderWidth?: (((string | number) & {}) | import("@xstyled/system").BreakpointsProps<(string | number) & {}, import("..").VuiTheme>) | undefined;
+    gap?: (0 | (string & {}) | (number & {}) | "normal" | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | import("@xstyled/system").BreakpointsProps<0 | (string & {}) | (number & {}) | "normal" | "-moz-initial" | "inherit" | "initial" | "revert" | "unset", import("..").VuiTheme>) | undefined;
+    gridArea?: (import("csstype").Property.GridArea | import("@xstyled/system").BreakpointsProps<import("csstype").Property.GridArea, import("..").VuiTheme>) | undefined;
+    gridColumn?: (import("csstype").Property.GridColumn | import("@xstyled/system").BreakpointsProps<import("csstype").Property.GridColumn, import("..").VuiTheme>) | undefined;
+    gridRow?: (import("csstype").Property.GridRow | import("@xstyled/system").BreakpointsProps<import("csstype").Property.GridRow, import("..").VuiTheme>) | undefined;
+    outline?: (((string | number) & {}) | import("@xstyled/system").BreakpointsProps<(string | number) & {}, import("..").VuiTheme>) | undefined;
+    overscrollBehavior?: (import("csstype").Property.OverscrollBehavior | import("@xstyled/system").BreakpointsProps<import("csstype").Property.OverscrollBehavior, import("..").VuiTheme>) | undefined;
+    transition?: (((string | number) & {}) | import("@xstyled/system").BreakpointsProps<(string | number) & {}, import("..").VuiTheme>) | undefined;
+    hoverAnimation?: (((string | number) & {}) | "bounce" | "fadeDown" | "fadeIn" | "fadeLeft" | "fadeOut" | "fadeRight" | "fadeUp" | "pulse" | "spin" | import("@xstyled/system").BreakpointsProps<((string | number) & {}) | "bounce" | "fadeDown" | "fadeIn" | "fadeLeft" | "fadeOut" | "fadeRight" | "fadeUp" | "pulse" | "spin", import("..").VuiTheme>) | undefined;
+    bg?: (import("..").ColorGetter | import("@xstyled/system").BreakpointsProps<import("..").ColorGetter, import("..").VuiTheme>) | undefined;
+    disabledBg?: (import("..").ColorGetter | import("@xstyled/system").BreakpointsProps<import("..").ColorGetter, import("..").VuiTheme>) | undefined;
+    hoverBorder?: (((string | number) & {}) | import("@xstyled/system").BreakpointsProps<(string | number) & {}, import("..").VuiTheme>) | undefined;
     disabledBorderColor?: (import("..").ColorGetter | import("@xstyled/system").BreakpointsProps<import("..").ColorGetter, import("..").VuiTheme>) | undefined;
     focusBorderColor?: (import("..").ColorGetter | import("@xstyled/system").BreakpointsProps<import("..").ColorGetter, import("..").VuiTheme>) | undefined;
     hoverBorderColor?: (import("..").ColorGetter | import("@xstyled/system").BreakpointsProps<import("..").ColorGetter, import("..").VuiTheme>) | undefined;
     focusWithinBorderColor?: (import("..").ColorGetter | import("@xstyled/system").BreakpointsProps<import("..").ColorGetter, import("..").VuiTheme>) | undefined;
-    borderTopColor?: (import("..").ColorGetter | import("@xstyled/system").BreakpointsProps<import("..").ColorGetter, import("..").VuiTheme>) | undefined;
-    borderRightColor?: (import("..").ColorGetter | import("@xstyled/system").BreakpointsProps<import("..").ColorGetter, import("..").VuiTheme>) | undefined;
-    borderBottomColor?: (import("..").ColorGetter | import("@xstyled/system").BreakpointsProps<import("..").ColorGetter, import("..").VuiTheme>) | undefined;
-    borderLeftColor?: (import("..").ColorGetter | import("@xstyled/system").BreakpointsProps<import("..").ColorGetter, import("..").VuiTheme>) | undefined;
-    borderWidth?: (((string | number) & {}) | import("@xstyled/system").BreakpointsProps<(string | number) & {}, import("..").VuiTheme>) | undefined;
     hoverBorderWidth?: (((string | number) & {}) | import("@xstyled/system").BreakpointsProps<(string | number) & {}, import("..").VuiTheme>) | undefined;
-    borderTopWidth?: (((string | number) & {}) | import("@xstyled/system").BreakpointsProps<(string | number) & {}, import("..").VuiTheme>) | undefined;
-    borderRightWidth?: (((string | number) & {}) | import("@xstyled/system").BreakpointsProps<(string | number) & {}, import("..").VuiTheme>) | undefined;
-    borderBottomWidth?: (((string | number) & {}) | import("@xstyled/system").BreakpointsProps<(string | number) & {}, import("..").VuiTheme>) | undefined;
-    borderLeftWidth?: (((string | number) & {}) | import("@xstyled/system").BreakpointsProps<(string | number) & {}, import("..").VuiTheme>) | undefined;
-    borderStyle?: (((string | number) & {}) | import("@xstyled/system").BreakpointsProps<(string | number) & {}, import("..").VuiTheme>) | undefined;
     hoverBorderStyle?: (((string | number) & {}) | import("@xstyled/system").BreakpointsProps<(string | number) & {}, import("..").VuiTheme>) | undefined;
     hoverBorderRadius?: import("..").BorderRadiusProp | undefined;
-    outline?: (((string | number) & {}) | import("@xstyled/system").BreakpointsProps<(string | number) & {}, import("..").VuiTheme>) | undefined;
-    outlineColor?: (import("..").ColorGetter | import("@xstyled/system").BreakpointsProps<import("..").ColorGetter, import("..").VuiTheme>) | undefined;
-    outlineWidth?: (((string | number) & {}) | import("@xstyled/system").BreakpointsProps<(string | number) & {}, import("..").VuiTheme>) | undefined;
-    outlineStyle?: (((string | number) & {}) | import("@xstyled/system").BreakpointsProps<(string | number) & {}, import("..").VuiTheme>) | undefined;
     divideX?: (((string | number) & {}) | import("@xstyled/system").BreakpointsProps<(string | number) & {}, import("..").VuiTheme>) | undefined;
     divideY?: (((string | number) & {}) | import("@xstyled/system").BreakpointsProps<(string | number) & {}, import("..").VuiTheme>) | undefined;
     divideXReverse?: (((string | number) & {}) | import("@xstyled/system").BreakpointsProps<(string | number) & {}, import("..").VuiTheme>) | undefined;
@@ -47,53 +136,20 @@ declare const FooterColumn: import("../core").VuiComponent<"div", {
     focusVisibleRing?: (((string | number) & {}) | import("@xstyled/system").BreakpointsProps<(string | number) & {}, import("..").VuiTheme>) | undefined;
     focusWithinRing?: (((string | number) & {}) | import("@xstyled/system").BreakpointsProps<(string | number) & {}, import("..").VuiTheme>) | undefined;
     hoverRing?: (((string | number) & {}) | import("@xstyled/system").BreakpointsProps<(string | number) & {}, import("..").VuiTheme>) | undefined;
-    isTruncated?: boolean | undefined;
-    overflow?: (import("csstype").Property.Overflow | import("@xstyled/system").BreakpointsProps<import("csstype").Property.Overflow, import("..").VuiTheme>) | undefined;
-    maxLines?: number | undefined;
-    display?: (import("csstype").Property.Display | import("@xstyled/system").BreakpointsProps<import("csstype").Property.Display, import("..").VuiTheme>) | undefined;
-    spaceAround?: string | number | undefined;
-    wordBreak?: "normal" | "break-all" | "keep-all" | "break-word" | undefined;
-    opacity?: (import("csstype").Property.Opacity | import("@xstyled/system").BreakpointsProps<import("csstype").Property.Opacity, import("..").VuiTheme>) | undefined;
+    ringColor?: (import("..").ColorGetter | import("@xstyled/system").BreakpointsProps<import("..").ColorGetter, import("..").VuiTheme>) | undefined;
+    focusRingColor?: (import("..").ColorGetter | import("@xstyled/system").BreakpointsProps<import("..").ColorGetter, import("..").VuiTheme>) | undefined;
+    focusVisibleRingColor?: (import("..").ColorGetter | import("@xstyled/system").BreakpointsProps<import("..").ColorGetter, import("..").VuiTheme>) | undefined;
+    focusWithinRingColor?: (import("..").ColorGetter | import("@xstyled/system").BreakpointsProps<import("..").ColorGetter, import("..").VuiTheme>) | undefined;
+    hoverRingColor?: (import("..").ColorGetter | import("@xstyled/system").BreakpointsProps<import("..").ColorGetter, import("..").VuiTheme>) | undefined;
     hoverOpacity?: (import("csstype").Property.Opacity | import("@xstyled/system").BreakpointsProps<import("csstype").Property.Opacity, import("..").VuiTheme>) | undefined;
-    boxShadow?: (import("..").ShadowGetter | import("@xstyled/system").BreakpointsProps<import("..").ShadowGetter, import("..").VuiTheme>) | undefined;
     hoverBoxShadow?: (import("..").ShadowGetter | import("@xstyled/system").BreakpointsProps<import("..").ShadowGetter, import("..").VuiTheme>) | undefined;
-    flex?: (import("csstype").Property.Flex<0 | (string & {})> | import("@xstyled/system").BreakpointsProps<import("csstype").Property.Flex<0 | (string & {})>, import("..").VuiTheme>) | undefined;
-    left?: (0 | (string & {}) | (number & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "auto" | import("@xstyled/system").BreakpointsProps<0 | (string & {}) | (number & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "auto", import("..").VuiTheme>) | undefined;
-    right?: (0 | (string & {}) | (number & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "auto" | import("@xstyled/system").BreakpointsProps<0 | (string & {}) | (number & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "auto", import("..").VuiTheme>) | undefined;
-    float?: (import("csstype").Property.Float | import("@xstyled/system").BreakpointsProps<import("csstype").Property.Float, import("..").VuiTheme>) | undefined;
-    boxSizing?: (import("csstype").Property.BoxSizing | import("@xstyled/system").BreakpointsProps<import("csstype").Property.BoxSizing, import("..").VuiTheme>) | undefined;
-    overflowX?: (import("csstype").Property.OverflowX | import("@xstyled/system").BreakpointsProps<import("csstype").Property.OverflowX, import("..").VuiTheme>) | undefined;
-    overflowY?: (import("csstype").Property.OverflowY | import("@xstyled/system").BreakpointsProps<import("csstype").Property.OverflowY, import("..").VuiTheme>) | undefined;
-    position?: (import("csstype").Property.Position | import("@xstyled/system").BreakpointsProps<import("csstype").Property.Position, import("..").VuiTheme>) | undefined;
-    zIndex?: ((string & {}) | (number & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "auto" | import("@xstyled/system").BreakpointsProps<(string & {}) | (number & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "auto", import("..").VuiTheme>) | undefined;
-    top?: (0 | (string & {}) | (number & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "auto" | import("@xstyled/system").BreakpointsProps<0 | (string & {}) | (number & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "auto", import("..").VuiTheme>) | undefined;
+    hoverFlexBasis?: (import("csstype").Property.FlexBasis<0 | (string & {})> | import("@xstyled/system").BreakpointsProps<import("csstype").Property.FlexBasis<0 | (string & {})>, import("..").VuiTheme>) | undefined;
+    hoverFlex?: (import("csstype").Property.Flex<0 | (string & {})> | import("@xstyled/system").BreakpointsProps<import("csstype").Property.Flex<0 | (string & {})>, import("..").VuiTheme>) | undefined;
     hoverTop?: (0 | (string & {}) | (number & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "auto" | import("@xstyled/system").BreakpointsProps<0 | (string & {}) | (number & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "auto", import("..").VuiTheme>) | undefined;
     hoverRight?: (0 | (string & {}) | (number & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "auto" | import("@xstyled/system").BreakpointsProps<0 | (string & {}) | (number & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "auto", import("..").VuiTheme>) | undefined;
-    bottom?: (0 | (string & {}) | (number & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "auto" | import("@xstyled/system").BreakpointsProps<0 | (string & {}) | (number & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "auto", import("..").VuiTheme>) | undefined;
     hoverBottom?: (0 | (string & {}) | (number & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "auto" | import("@xstyled/system").BreakpointsProps<0 | (string & {}) | (number & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "auto", import("..").VuiTheme>) | undefined;
     hoverLeft?: (0 | (string & {}) | (number & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "auto" | import("@xstyled/system").BreakpointsProps<0 | (string & {}) | (number & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "auto", import("..").VuiTheme>) | undefined;
-    visibility?: (import("csstype").Property.Visibility | import("@xstyled/system").BreakpointsProps<import("csstype").Property.Visibility, import("..").VuiTheme>) | undefined;
     hoverVisibility?: (import("csstype").Property.Visibility | import("@xstyled/system").BreakpointsProps<import("csstype").Property.Visibility, import("..").VuiTheme>) | undefined;
-    overscrollBehavior?: (import("csstype").Property.OverscrollBehavior | import("@xstyled/system").BreakpointsProps<import("csstype").Property.OverscrollBehavior, import("..").VuiTheme>) | undefined;
-    center?: boolean | undefined;
-    wrap?: boolean | undefined;
-    alignItems?: (import("csstype").Property.AlignItems | import("@xstyled/system").BreakpointsProps<import("csstype").Property.AlignItems, import("..").VuiTheme>) | undefined;
-    alignContent?: (import("csstype").Property.AlignContent | import("@xstyled/system").BreakpointsProps<import("csstype").Property.AlignContent, import("..").VuiTheme>) | undefined;
-    justifyContent?: (import("csstype").Property.JustifyContent | import("@xstyled/system").BreakpointsProps<import("csstype").Property.JustifyContent, import("..").VuiTheme>) | undefined;
-    justifyItems?: (import("csstype").Property.JustifyItems | import("@xstyled/system").BreakpointsProps<import("csstype").Property.JustifyItems, import("..").VuiTheme>) | undefined;
-    flexWrap?: (import("csstype").Property.FlexWrap | import("@xstyled/system").BreakpointsProps<import("csstype").Property.FlexWrap, import("..").VuiTheme>) | undefined;
-    flexGrow?: (import("csstype").Property.FlexGrow | import("@xstyled/system").BreakpointsProps<import("csstype").Property.FlexGrow, import("..").VuiTheme>) | undefined;
-    flexShrink?: (import("csstype").Property.FlexShrink | import("@xstyled/system").BreakpointsProps<import("csstype").Property.FlexShrink, import("..").VuiTheme>) | undefined;
-    flexBasis?: (import("csstype").Property.FlexBasis<0 | (string & {})> | import("@xstyled/system").BreakpointsProps<import("csstype").Property.FlexBasis<0 | (string & {})>, import("..").VuiTheme>) | undefined;
-    hoverFlexBasis?: (import("csstype").Property.FlexBasis<0 | (string & {})> | import("@xstyled/system").BreakpointsProps<import("csstype").Property.FlexBasis<0 | (string & {})>, import("..").VuiTheme>) | undefined;
-    flexDirection?: (import("csstype").Property.FlexDirection | import("@xstyled/system").BreakpointsProps<import("csstype").Property.FlexDirection, import("..").VuiTheme>) | undefined;
-    hoverFlex?: (import("csstype").Property.Flex<0 | (string & {})> | import("@xstyled/system").BreakpointsProps<import("csstype").Property.Flex<0 | (string & {})>, import("..").VuiTheme>) | undefined;
-    justifySelf?: (import("csstype").Property.JustifySelf | import("@xstyled/system").BreakpointsProps<import("csstype").Property.JustifySelf, import("..").VuiTheme>) | undefined;
-    alignSelf?: (import("csstype").Property.AlignSelf | import("@xstyled/system").BreakpointsProps<import("csstype").Property.AlignSelf, import("..").VuiTheme>) | undefined;
-    appearance?: (import("csstype").Property.Appearance | import("@xstyled/system").BreakpointsProps<import("csstype").Property.Appearance, import("..").VuiTheme>) | undefined;
-    cursor?: (import("csstype").Property.Cursor | import("@xstyled/system").BreakpointsProps<import("csstype").Property.Cursor, import("..").VuiTheme>) | undefined;
-    pointerEvents?: (import("csstype").Property.PointerEvents | import("@xstyled/system").BreakpointsProps<import("csstype").Property.PointerEvents, import("..").VuiTheme>) | undefined;
-    resize?: (import("csstype").Property.Resize | import("@xstyled/system").BreakpointsProps<import("csstype").Property.Resize, import("..").VuiTheme>) | undefined;
     w?: (((string | number) & {}) | import("@xstyled/system").BreakpointsProps<(string | number) & {}, import("..").VuiTheme>) | undefined;
     hoverW?: (((string | number) & {}) | import("@xstyled/system").BreakpointsProps<(string | number) & {}, import("..").VuiTheme>) | undefined;
     h?: (((string | number) & {}) | import("@xstyled/system").BreakpointsProps<(string | number) & {}, import("..").VuiTheme>) | undefined;
@@ -104,6 +160,8 @@ declare const FooterColumn: import("../core").VuiComponent<"div", {
     hoverMaxH?: (((string | number) & {}) | import("@xstyled/system").BreakpointsProps<(string | number) & {}, import("..").VuiTheme>) | undefined;
     minW?: (((string | number) & {}) | import("@xstyled/system").BreakpointsProps<(string | number) & {}, import("..").VuiTheme>) | undefined;
     hoverMinW?: (((string | number) & {}) | import("@xstyled/system").BreakpointsProps<(string | number) & {}, import("..").VuiTheme>) | undefined;
+    minH?: (((string | number) & {}) | import("@xstyled/system").BreakpointsProps<(string | number) & {}, import("..").VuiTheme>) | undefined;
+    hoverMinH?: (((string | number) & {}) | import("@xstyled/system").BreakpointsProps<(string | number) & {}, import("..").VuiTheme>) | undefined;
     m?: (((string | number) & {}) | import("@xstyled/system").BreakpointsProps<(string | number) & {}, import("..").VuiTheme>) | undefined;
     lastM?: (((string | number) & {}) | import("@xstyled/system").BreakpointsProps<(string | number) & {}, import("..").VuiTheme>) | undefined;
     mt?: (((string | number) & {}) | import("@xstyled/system").BreakpointsProps<(string | number) & {}, import("..").VuiTheme>) | undefined;
@@ -127,90 +185,33 @@ declare const FooterColumn: import("../core").VuiComponent<"div", {
     lastPb?: (((string | number) & {}) | import("@xstyled/system").BreakpointsProps<(string | number) & {}, import("..").VuiTheme>) | undefined;
     pl?: (((string | number) & {}) | import("@xstyled/system").BreakpointsProps<(string | number) & {}, import("..").VuiTheme>) | undefined;
     lastPl?: (((string | number) & {}) | import("@xstyled/system").BreakpointsProps<(string | number) & {}, import("..").VuiTheme>) | undefined;
-    px?: (((string | number) & {}) | import("@xstyled/system").BreakpointsProps<(string | number) & {}, import("..").VuiTheme>) | undefined;
     lastPx?: (((string | number) & {}) | import("@xstyled/system").BreakpointsProps<(string | number) & {}, import("..").VuiTheme>) | undefined;
     py?: (((string | number) & {}) | import("@xstyled/system").BreakpointsProps<(string | number) & {}, import("..").VuiTheme>) | undefined;
     lastPy?: (((string | number) & {}) | import("@xstyled/system").BreakpointsProps<(string | number) & {}, import("..").VuiTheme>) | undefined;
     spaceX?: (((string | number) & {}) | import("@xstyled/system").BreakpointsProps<(string | number) & {}, import("..").VuiTheme>) | undefined;
     spaceY?: (((string | number) & {}) | import("@xstyled/system").BreakpointsProps<(string | number) & {}, import("..").VuiTheme>) | undefined;
     spaceXReverse?: (((string | number) & {}) | import("@xstyled/system").BreakpointsProps<(string | number) & {}, import("..").VuiTheme>) | undefined;
-    gap?: (0 | (string & {}) | (number & {}) | "normal" | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | import("@xstyled/system").BreakpointsProps<0 | (string & {}) | (number & {}) | "normal" | "-moz-initial" | "inherit" | "initial" | "revert" | "unset", import("..").VuiTheme>) | undefined;
-    columnGap?: (0 | (string & {}) | (number & {}) | "normal" | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | import("@xstyled/system").BreakpointsProps<0 | (string & {}) | (number & {}) | "normal" | "-moz-initial" | "inherit" | "initial" | "revert" | "unset", import("..").VuiTheme>) | undefined;
-    rowGap?: (0 | (string & {}) | (number & {}) | "normal" | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | import("@xstyled/system").BreakpointsProps<0 | (string & {}) | (number & {}) | "normal" | "-moz-initial" | "inherit" | "initial" | "revert" | "unset", import("..").VuiTheme>) | undefined;
-    gridColumn?: (import("csstype").Property.GridColumn | import("@xstyled/system").BreakpointsProps<import("csstype").Property.GridColumn, import("..").VuiTheme>) | undefined;
-    gridRow?: (import("csstype").Property.GridRow | import("@xstyled/system").BreakpointsProps<import("csstype").Property.GridRow, import("..").VuiTheme>) | undefined;
-    gridAutoFlow?: (import("csstype").Property.GridAutoFlow | import("@xstyled/system").BreakpointsProps<import("csstype").Property.GridAutoFlow, import("..").VuiTheme>) | undefined;
-    gridAutoColumns?: (import("csstype").Property.GridAutoColumns<0 | (string & {})> | import("@xstyled/system").BreakpointsProps<import("csstype").Property.GridAutoColumns<0 | (string & {})>, import("..").VuiTheme>) | undefined;
-    gridAutoRows?: (import("csstype").Property.GridAutoRows<0 | (string & {})> | import("@xstyled/system").BreakpointsProps<import("csstype").Property.GridAutoRows<0 | (string & {})>, import("..").VuiTheme>) | undefined;
-    gridTemplateColumns?: (import("csstype").Property.GridTemplateColumns<0 | (string & {})> | import("@xstyled/system").BreakpointsProps<import("csstype").Property.GridTemplateColumns<0 | (string & {})>, import("..").VuiTheme>) | undefined;
-    gridTemplateRows?: (import("csstype").Property.GridTemplateRows<0 | (string & {})> | import("@xstyled/system").BreakpointsProps<import("csstype").Property.GridTemplateRows<0 | (string & {})>, import("..").VuiTheme>) | undefined;
-    gridTemplateAreas?: (import("csstype").Property.GridTemplateAreas | import("@xstyled/system").BreakpointsProps<import("csstype").Property.GridTemplateAreas, import("..").VuiTheme>) | undefined;
-    borderCollapse?: (import("csstype").Property.BorderCollapse | import("@xstyled/system").BreakpointsProps<import("csstype").Property.BorderCollapse, import("..").VuiTheme>) | undefined;
-    transform?: (boolean | import("@xstyled/system").BreakpointsProps<boolean, import("..").VuiTheme>) | undefined;
-    hoverTransform?: (boolean | import("@xstyled/system").BreakpointsProps<boolean, import("..").VuiTheme>) | undefined;
-    transformOrigin?: (import("csstype").Property.TransformOrigin<0 | (string & {})> | import("@xstyled/system").BreakpointsProps<import("csstype").Property.TransformOrigin<0 | (string & {})>, import("..").VuiTheme>) | undefined;
+    spaceYReverse?: (((string | number) & {}) | import("@xstyled/system").BreakpointsProps<(string | number) & {}, import("..").VuiTheme>) | undefined;
+    hoverTransform?: (string | boolean | import("@xstyled/system").BreakpointsProps<string | boolean, import("..").VuiTheme>) | undefined;
     hoverTransformOrigin?: (import("csstype").Property.TransformOrigin<0 | (string & {})> | import("@xstyled/system").BreakpointsProps<import("csstype").Property.TransformOrigin<0 | (string & {})>, import("..").VuiTheme>) | undefined;
     translateX?: (string | number | import("@xstyled/system").BreakpointsProps<string | number, import("..").VuiTheme>) | undefined;
     hoverTranslateX?: (string | number | import("@xstyled/system").BreakpointsProps<string | number, import("..").VuiTheme>) | undefined;
     translateY?: (string | number | import("@xstyled/system").BreakpointsProps<string | number, import("..").VuiTheme>) | undefined;
     hoverTranslateY?: (string | number | import("@xstyled/system").BreakpointsProps<string | number, import("..").VuiTheme>) | undefined;
-    rotate?: (string | number | import("@xstyled/system").BreakpointsProps<string | number, import("..").VuiTheme>) | undefined;
     hoverRotate?: (string | number | import("@xstyled/system").BreakpointsProps<string | number, import("..").VuiTheme>) | undefined;
     skewX?: (string | number | import("@xstyled/system").BreakpointsProps<string | number, import("..").VuiTheme>) | undefined;
     hoverSkewX?: (string | number | import("@xstyled/system").BreakpointsProps<string | number, import("..").VuiTheme>) | undefined;
     skewY?: (string | number | import("@xstyled/system").BreakpointsProps<string | number, import("..").VuiTheme>) | undefined;
     hoverSkewY?: (string | number | import("@xstyled/system").BreakpointsProps<string | number, import("..").VuiTheme>) | undefined;
-    scale?: (string | number | import("@xstyled/system").BreakpointsProps<string | number, import("..").VuiTheme>) | undefined;
     hoverScale?: (string | number | import("@xstyled/system").BreakpointsProps<string | number, import("..").VuiTheme>) | undefined;
     scaleX?: (string | number | import("@xstyled/system").BreakpointsProps<string | number, import("..").VuiTheme>) | undefined;
     hoverScaleX?: (string | number | import("@xstyled/system").BreakpointsProps<string | number, import("..").VuiTheme>) | undefined;
-    transition?: (((string | number) & {}) | import("@xstyled/system").BreakpointsProps<(string | number) & {}, import("..").VuiTheme>) | undefined;
-    transitionProperty?: (((string | number) & {}) | import("@xstyled/system").BreakpointsProps<(string | number) & {}, import("..").VuiTheme>) | undefined;
-    transitionDuration?: (((string | number) & {}) | "normal" | "instant" | "fast" | "slow" | import("@xstyled/system").BreakpointsProps<((string | number) & {}) | "normal" | "instant" | "fast" | "slow", import("..").VuiTheme>) | undefined;
-    transitionTimingFunction?: (((string | number) & {}) | import("@xstyled/system").BreakpointsProps<(string | number) & {}, import("..").VuiTheme>) | undefined;
-    justify?: (import("csstype").Property.JustifyContent | import("@xstyled/system").BreakpointsProps<import("csstype").Property.JustifyContent, import("..").VuiTheme>) | undefined;
-    fontFamily?: (((string | number) & {}) | "avenir" | import("@xstyled/system").BreakpointsProps<((string | number) & {}) | "avenir", import("..").VuiTheme>) | undefined;
-    fontSize?: ("md" | "xs" | "sm" | "lg" | ((string | number) & {}) | import("@xstyled/system").BreakpointsProps<"md" | "xs" | "sm" | "lg" | ((string | number) & {}), import("..").VuiTheme>) | undefined;
-    fontStyle?: (import("csstype").Property.FontStyle | import("@xstyled/system").BreakpointsProps<import("csstype").Property.FontStyle, import("..").VuiTheme>) | undefined;
-    fontWeight?: ("bold" | ((string | number) & {}) | "regular" | "medium" | "demi" | import("@xstyled/system").BreakpointsProps<"bold" | ((string | number) & {}) | "regular" | "medium" | "demi", import("..").VuiTheme>) | undefined;
-    lineHeight?: (((string | number) & {}) | import("@xstyled/system").BreakpointsProps<(string | number) & {}, import("..").VuiTheme>) | undefined;
+    scaleY?: (string | number | import("@xstyled/system").BreakpointsProps<string | number, import("..").VuiTheme>) | undefined;
+    hoverScaleY?: (string | number | import("@xstyled/system").BreakpointsProps<string | number, import("..").VuiTheme>) | undefined;
     disabledColor?: import("..").ColorGetter | undefined;
     hoverColor?: import("..").ColorGetter | undefined;
     placeholderColor?: import("..").ColorGetter | undefined;
-    textTransform?: (import("csstype").Property.TextTransform | import("@xstyled/system").BreakpointsProps<import("csstype").Property.TextTransform, import("..").VuiTheme>) | undefined;
-    hoverTextDecoration?: ((import("csstype").Globals | "overline" | "underline" | "line-through") | import("@xstyled/system").BreakpointsProps<import("csstype").Globals | "overline" | "underline" | "line-through", import("..").VuiTheme>) | undefined;
-    textDecoration?: ((import("csstype").Globals | "overline" | "underline" | "line-through") | import("@xstyled/system").BreakpointsProps<import("csstype").Globals | "overline" | "underline" | "line-through", import("..").VuiTheme>) | undefined;
-    textAlign?: (import("csstype").Property.TextAlign | import("@xstyled/system").BreakpointsProps<import("csstype").Property.TextAlign, import("..").VuiTheme>) | undefined;
-    verticalAlign?: (import("csstype").Property.VerticalAlign<0 | (string & {})> | import("@xstyled/system").BreakpointsProps<import("csstype").Property.VerticalAlign<0 | (string & {})>, import("..").VuiTheme>) | undefined;
-    letterSpacing?: (import("csstype").Property.LetterSpacing<0 | (string & {})> | import("@xstyled/system").BreakpointsProps<import("csstype").Property.LetterSpacing<0 | (string & {})>, import("..").VuiTheme>) | undefined;
-    whiteSpace?: (import("csstype").Property.WhiteSpace | import("@xstyled/system").BreakpointsProps<import("csstype").Property.WhiteSpace, import("..").VuiTheme>) | undefined;
-    textOverflow?: (import("csstype").Property.TextOverflow | import("@xstyled/system").BreakpointsProps<import("csstype").Property.TextOverflow, import("..").VuiTheme>) | undefined;
-    listStyleType?: (import("csstype").Property.ListStyleType | import("@xstyled/system").BreakpointsProps<import("csstype").Property.ListStyleType, import("..").VuiTheme>) | undefined;
-    animation?: (((string | number) & {}) | "bounce" | "fadeDown" | "fadeIn" | "fadeLeft" | "fadeOut" | "fadeRight" | "fadeUp" | "pulse" | "spin" | import("@xstyled/system").BreakpointsProps<((string | number) & {}) | "bounce" | "fadeDown" | "fadeIn" | "fadeLeft" | "fadeOut" | "fadeRight" | "fadeUp" | "pulse" | "spin", import("..").VuiTheme>) | undefined;
-    hoverAnimation?: (((string | number) & {}) | "bounce" | "fadeDown" | "fadeIn" | "fadeLeft" | "fadeOut" | "fadeRight" | "fadeUp" | "pulse" | "spin" | import("@xstyled/system").BreakpointsProps<((string | number) & {}) | "bounce" | "fadeDown" | "fadeIn" | "fadeLeft" | "fadeOut" | "fadeRight" | "fadeUp" | "pulse" | "spin", import("..").VuiTheme>) | undefined;
-    bg?: (import("..").ColorGetter | import("@xstyled/system").BreakpointsProps<import("..").ColorGetter, import("..").VuiTheme>) | undefined;
-    disabledBg?: (import("..").ColorGetter | import("@xstyled/system").BreakpointsProps<import("..").ColorGetter, import("..").VuiTheme>) | undefined;
-    ringColor?: (import("..").ColorGetter | import("@xstyled/system").BreakpointsProps<import("..").ColorGetter, import("..").VuiTheme>) | undefined;
-    focusRingColor?: (import("..").ColorGetter | import("@xstyled/system").BreakpointsProps<import("..").ColorGetter, import("..").VuiTheme>) | undefined;
-    focusVisibleRingColor?: (import("..").ColorGetter | import("@xstyled/system").BreakpointsProps<import("..").ColorGetter, import("..").VuiTheme>) | undefined;
-    focusWithinRingColor?: (import("..").ColorGetter | import("@xstyled/system").BreakpointsProps<import("..").ColorGetter, import("..").VuiTheme>) | undefined;
-    hoverRingColor?: (import("..").ColorGetter | import("@xstyled/system").BreakpointsProps<import("..").ColorGetter, import("..").VuiTheme>) | undefined;
-    textShadow?: (import("..").ShadowGetter | import("@xstyled/system").BreakpointsProps<import("..").ShadowGetter, import("..").VuiTheme>) | undefined;
-    order?: (import("csstype").Property.Order | import("@xstyled/system").BreakpointsProps<import("csstype").Property.Order, import("..").VuiTheme>) | undefined;
-    gridArea?: (import("csstype").Property.GridArea | import("@xstyled/system").BreakpointsProps<import("csstype").Property.GridArea, import("..").VuiTheme>) | undefined;
-    userSelect?: (import("csstype").Property.UserSelect | import("@xstyled/system").BreakpointsProps<import("csstype").Property.UserSelect, import("..").VuiTheme>) | undefined;
-    objectFit?: (import("csstype").Property.ObjectFit | import("@xstyled/system").BreakpointsProps<import("csstype").Property.ObjectFit, import("..").VuiTheme>) | undefined;
-    minH?: (((string | number) & {}) | import("@xstyled/system").BreakpointsProps<(string | number) & {}, import("..").VuiTheme>) | undefined;
-    hoverMinH?: (((string | number) & {}) | import("@xstyled/system").BreakpointsProps<(string | number) & {}, import("..").VuiTheme>) | undefined;
-    spaceYReverse?: (((string | number) & {}) | import("@xstyled/system").BreakpointsProps<(string | number) & {}, import("..").VuiTheme>) | undefined;
-    tableLayout?: (import("csstype").Property.TableLayout | import("@xstyled/system").BreakpointsProps<import("csstype").Property.TableLayout, import("..").VuiTheme>) | undefined;
-    scaleY?: (string | number | import("@xstyled/system").BreakpointsProps<string | number, import("..").VuiTheme>) | undefined;
-    hoverScaleY?: (string | number | import("@xstyled/system").BreakpointsProps<string | number, import("..").VuiTheme>) | undefined;
-    transitionDelay?: (number | import("@xstyled/system").BreakpointsProps<number, import("..").VuiTheme>) | undefined;
-    listStylePosition?: (import("csstype").Property.ListStylePosition | import("@xstyled/system").BreakpointsProps<import("csstype").Property.ListStylePosition, import("..").VuiTheme>) | undefined;
-    direction?: (import("csstype").Property.FlexDirection | import("@xstyled/system").BreakpointsProps<import("csstype").Property.FlexDirection, import("..").VuiTheme>) | undefined;
-    radius?: import("..").BorderRadiusProp | undefined;
-    align?: (import("csstype").Property.AlignItems | import("@xstyled/system").BreakpointsProps<import("csstype").Property.AlignItems, import("..").VuiTheme>) | undefined;
+    hoverTextDecoration?: (("none" | import("csstype").Globals | "overline" | "underline" | "line-through") | import("@xstyled/system").BreakpointsProps<"none" | import("csstype").Globals | "overline" | "underline" | "line-through", import("..").VuiTheme>) | undefined;
     centerH?: boolean | undefined;
     centerV?: boolean | undefined;
     hoverShadow?: (import("..").ShadowGetter | import("@xstyled/system").BreakpointsProps<import("..").ShadowGetter, import("..").VuiTheme>) | undefined;

package/footer/footerColumn.js

@@ -17,6 +17,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
 var box_1 = __importDefault(require("../box"));
 var core_1 = require("../core");
+/** Organizes sections with links into a single column. Different width per breakpoint. */
 var FooterColumn = (0, core_1.vui)(function (props, ref) {
     var styles = (0, core_1.useStyleConfig)('Footer', props);
     return (react_1.default.createElement(box_1.default, __assign({ className: "vui-footerColumn", column: true, flex: { xs: '0 0 100%', sm: '0 0 50%', md: '0 0 25%' }, p: 1.5, ref: ref, spaceY: 4 }, styles.column, props)));

package/footer/footerHeading.d.ts

@@ -1,3 +1,4 @@
 import { HeadingProps } from '../heading';
+/** Heading of a links section. */
 export declare const FooterHeading: import("../core").VuiComponent<"h5", HeadingProps>;
 export default FooterHeading;

package/footer/footerHeading.js

@@ -18,6 +18,7 @@ exports.FooterHeading = void 0;
 var react_1 = __importDefault(require("react"));
 var core_1 = require("../core");
 var heading_1 = __importDefault(require("../heading"));
+/** Heading of a links section. */
 exports.FooterHeading = (0, core_1.vui)(function (props, ref) {
     var styles = (0, core_1.useStyleConfig)('Footer', props);
     return react_1.default.createElement(heading_1.default, __assign({ className: "vui-footerHeading", mb: 1, ref: ref, size: "h5" }, styles.heading, props));

package/footer/footerLink.d.ts

@@ -1,3 +1,4 @@
 import { LinkProps } from '../link';
+/** Individual link item of the Footer. */
 export declare const FooterLink: import("../core").VuiComponent<"a", LinkProps>;
 export default FooterLink;

package/footer/footerLink.js

@@ -18,6 +18,7 @@ exports.FooterLink = void 0;
 var react_1 = __importDefault(require("react"));
 var core_1 = require("../core");
 var link_1 = __importDefault(require("../link"));
+/** Individual link item of the Footer. */
 exports.FooterLink = (0, core_1.vui)(function (props, ref) {
     var styles = (0, core_1.useStyleConfig)('Footer', props);
     return (react_1.default.createElement(link_1.default, __assign({ className: "vui-footerLink", colorScheme: "white", py: 0.5, ref: ref, size: "sm" }, styles.link, props)));

package/footer/footerRow.d.ts

@@ -1,3 +1,4 @@
 import { BoxProps } from '../box';
+/** Organizes Footer content into a row of multuple columns. */
 declare const FooterRow: import("../core").VuiComponent<"div", BoxProps>;
 export default FooterRow;

package/footer/footerRow.js

@@ -17,6 +17,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
 var box_1 = __importDefault(require("../box"));
 var core_1 = require("../core");
+/** Organizes Footer content into a row of multuple columns. */
 var FooterRow = (0, core_1.vui)(function (props, ref) {
     var styles = (0, core_1.useStyleConfig)('Footer', props);
     return react_1.default.createElement(box_1.default, __assign({ className: "vui-footerRow", m: -1.5, ref: ref, wrap: true }, styles.row, props));

package/footer/footerSection.d.ts

@@ -1,3 +1,4 @@
 import { FooterSectionProps } from './footer.types';
+/** Section includes a heading and a set of links. */
 export declare const FooterSection: import("../core").VuiComponent<"div", FooterSectionProps>;
 export default FooterSection;

package/footer/footerSection.js

@@ -27,11 +27,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FooterSection = void 0;
 var react_1 = __importDefault(require("react"));
-var core_1 = require("../core");
 var box_1 = __importDefault(require("../box"));
+var core_1 = require("../core");
 var utils_1 = require("../utils");
 var footerHeading_1 = __importDefault(require("./footerHeading"));
 var footerLink_1 = __importDefault(require("./footerLink"));
+/** Section includes a heading and a set of links. */
 exports.FooterSection = (0, core_1.vui)(function (props, ref) {
     var children = props.children, heading = props.heading, links = props.links, rest = __rest(props, ["children", "heading", "links"]);
     var styles = (0, core_1.useStyleConfig)('Footer', props);

package/footer/footerTrademark.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 import { BoxProps } from '../box';
 import { PropsOf } from '../utils';
+/** Veracity trademark. Always included in the Footer. */
 declare const FooterTrademark: (props: PropsOf<'div', BoxProps>) => JSX.Element;
 export default FooterTrademark;

package/footer/footerTrademark.js

@@ -19,6 +19,7 @@ var box_1 = __importDefault(require("../box"));
 var link_1 = __importDefault(require("../link"));
 var t_1 = __importDefault(require("../t"));
 var footerColumn_1 = __importDefault(require("./footerColumn"));
+/** Veracity trademark. Always included in the Footer. */
 var FooterTrademark = function (props) {
     return (react_1.default.createElement(box_1.default, __assign({ className: "vui-footerTrademark", w: "100%", wrap: true }, props),
         react_1.default.createElement(footerColumn_1.default, { centerV: true, flex: { xs: '0 0 100%', md: '0 0 25%' } },

package/footer/index.d.ts

@@ -1,5 +1,6 @@
 export * from './consts';
-export { default, default as Footer } from './footer';
+export * from './footer';
+export { default } from './footer';
 export * from './footer.types';
 export * from './footerColumn';
 export * from './footerHeading';

package/footer/index.js

@@ -13,11 +13,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Footer = exports.default = void 0;
+exports.default = void 0;
 __exportStar(require("./consts"), exports);
+__exportStar(require("./footer"), exports);
 var footer_1 = require("./footer");
 Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(footer_1).default; } });
-Object.defineProperty(exports, "Footer", { enumerable: true, get: function () { return __importDefault(footer_1).default; } });
 __exportStar(require("./footer.types"), exports);
 __exportStar(require("./footerColumn"), exports);
 __exportStar(require("./footerHeading"), exports);

package/footer/theme.d.ts

@@ -1,4 +1,5 @@
 declare const _default: {
+    baseStyle: {};
     defaultProps: {};
     parts: string[];
     sizes: {};

package/footer/theme.js

@@ -1,10 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+var baseStyle = {};
 var defaultProps = {};
 var parts = ['container', 'column', 'heading', 'link', 'row', 'section'];
 var sizes = {};
 var variants = {};
 exports.default = {
+    baseStyle: baseStyle,
     defaultProps: defaultProps,
     parts: parts,
     sizes: sizes,

package/header/context.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { HeaderContext } from './header.types';
+declare const HeaderProvider: import("react").Provider<HeaderContext>, useHeader: () => HeaderContext;
+export { HeaderProvider, useHeader };

package/header/context.js

@@ -0,0 +1,23 @@
+"use strict";
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useHeader = exports.HeaderProvider = void 0;
+var utils_1 = require("../utils");
+var _a = __read((0, utils_1.createContext)({ isOptional: true }), 2), HeaderProvider = _a[0], useHeader = _a[1];
+exports.HeaderProvider = HeaderProvider;
+exports.useHeader = useHeader;