foundation6-jekyll-base 0.0.1

data/_sass/foundation/util/_selector.scss

@@ -0,0 +1,41 @@
+// Foundation for Sites by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+////
+/// @group functions
+////
+
+/// Generates a selector with every text input type. You can also filter the list to only output a subset of those selectors.
+///
+/// @param {List|Keyword} $types [()] - A list of text input types to use. Leave blank to use all of them.
+/// @param {Keyword} $modifier [''] - A modifier to be applied to each text input type (e.g. a class or a pseudo-class). Leave blank to ignore.
+@function text-inputs($types: (), $modifier: '') {
+  $return: ();
+
+  $all-types:
+    text
+    password
+    date
+    datetime
+    datetime-local
+    month
+    week
+    email
+    number
+    search
+    tel
+    time
+    url
+    color;
+
+  @if not has-value($types) {
+    $types: $all-types;
+  }
+
+  @each $type in $types {
+    $return: append($return, unquote('[type=\'#{$type}\']#{$modifier}'), comma);
+  }
+
+  @return $return;
+}

data/_sass/foundation/util/_unit.scss

@@ -0,0 +1,152 @@
+// Foundation for Sites by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+////
+/// @group functions
+////
+
+$global-font-size: 100% !default;
+
+/// Removes the unit (e.g. px, em, rem) from a value, returning the number only.
+///
+/// @param {Number} $num - Number to strip unit from.
+///
+/// @returns {Number} The same number, sans unit.
+@function strip-unit($num) {
+  @return $num / ($num * 0 + 1);
+}
+
+/// Converts one or more pixel values into matching rem values.
+///
+/// @param {Number|List} $values - One or more values to convert. Be sure to separate them with spaces and not commas. If you need to convert a comma-separated list, wrap the list in parentheses.
+/// @param {Number} $base [null] - The base value to use when calculating the `rem`. If you're using Foundation out of the box, this is 16px. If this parameter is `null`, the function will reference the `$base-font-size` variable as the base.
+///
+/// @returns {List} A list of converted values.
+@function rem-calc($values, $base: null) {
+  $rem-values: ();
+  $count: length($values);
+
+  // If no base is defined, defer to the global font size
+  @if $base == null {
+    $base: $global-font-size;
+  }
+
+  // If the base font size is a %, then multiply it by 16px
+  // This is because 100% font size = 16px in most all browsers
+  @if unit($base) == '%' {
+    $base: ($base / 100%) * 16px;
+  }
+
+  // Using rem as base allows correct scaling
+  @if unit($base) == 'rem' {
+    $base: strip-unit($base) * 16px;
+  }
+
+  @if $count == 1 {
+    @return -zf-to-rem($values, $base);
+  }
+
+  @for $i from 1 through $count {
+    $rem-values: append($rem-values, -zf-to-rem(nth($values, $i), $base));
+  }
+
+  @return $rem-values;
+}
+
+// Converts a unitless, pixel, or rem value to em, for use in breakpoints.
+@function -zf-bp-to-em($value) {
+  // Pixel and unitless values are converted to rems
+  @if unit($value) == 'px' or unitless($value) {
+    $value: rem-calc($value, $base: 16px);
+  }
+
+  // Then the value is converted to ems
+  @return strip-unit($value) * 1em;
+}
+
+/// Converts a pixel value to matching rem value. *Any* value passed, regardless of unit, is assumed to be a pixel value. By default, the base pixel value used to calculate the rem value is taken from the `$global-font-size` variable.
+/// @access private
+///
+/// @param {Number} $value - Pixel value to convert.
+/// @param {Number} $base [null] - Base for pixel conversion.
+///
+/// @returns {Number} A number in rems, calculated based on the given value and the base pixel value. rem values are passed through as is.
+@function -zf-to-rem($value, $base: null) {
+  // Check if the value is a number
+  @if type-of($value) != 'number' {
+    @warn inspect($value) + ' was passed to rem-calc(), which is not a number.';
+    @return $value;
+  }
+
+  // Transform em into rem if someone hands over 'em's
+  @if unit($value) == 'em' {
+    $value: strip-unit($value) * 1rem;
+  }
+
+  // Calculate rem if units for $value is not rem or em
+  @if unit($value) != 'rem' {
+    $value: strip-unit($value) / strip-unit($base) * 1rem;
+  }
+
+  // Turn 0rem into 0
+  @if $value == 0rem {
+    $value: 0;
+  }
+
+  @return $value;
+}
+
+/// Converts a pixel, percentage, rem or em value to a unitless value based on a given font size. Ideal for working out unitless line heights.
+///
+/// @param {Number} $value - Value to convert to a unitless line height
+/// @param {Number} $base - The font size to use to work out the line height - defaults to $global-font-size
+///
+/// @return {Number} - Unitless number
+@function unitless-calc($value, $base: null) {
+
+  // If no base is defined, defer to the global font size
+  @if $base == null {
+    $base: $global-font-size;
+  }
+
+  // First, lets convert our $base to pixels
+
+  // If the base font size is a %, then multiply it by 16px
+  @if unit($base) == '%' {
+    $base: ($base / 100%) * 16px;
+  }
+
+  @if unit($base) == 'rem' {
+    $base: strip-unit($base) * 16px;
+  }
+
+  @if unit($base) == 'em' {
+    $base: strip-unit($base) * 16px;
+  }
+
+  // Now lets convert our value to pixels too
+  @if unit($value) == '%' {
+    $value: ($value / 100%) * $base;
+  }
+
+  @if unit($value) == 'rem' {
+    $value: strip-unit($value) * $base;
+  }
+
+  @if unit($value) == 'em' {
+    $value: strip-unit($value) * $base;
+  }
+
+  // 'px'
+  @if unit($value) == 'px' {
+    @return strip-unit($value) / strip-unit($base);
+  }
+
+  // assume that line-heights greatern then 10 are meant to be absolute in 'px'
+  @if unitless($value) and ($value > 10) {
+    @return $value / strip-unit($base);
+  }
+
+  @return $value;
+}

data/_sass/foundation/util/_util.scss

@@ -0,0 +1,13 @@
+// Foundation for Sites by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+@import 'math';
+@import 'unit';
+@import 'value';
+@import 'direction';
+@import 'color';
+@import 'selector';
+@import 'flex';
+@import 'breakpoint';
+@import 'mixins';

data/_sass/foundation/util/_value.scss

@@ -0,0 +1,140 @@
+// Foundation for Sites by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+////
+/// @group functions
+////
+
+/// Determine if a value is not falsey, in CSS terms. Falsey values are `null`, `none`, `0` with any unit, or an empty list.
+///
+/// @param {Mixed} $val - Value to check.
+///
+/// @returns {Boolean} `true` if `$val` is not falsey.
+@function has-value($val) {
+  @if $val == null or $val == none {
+    @return false;
+  }
+  @if type-of($val) == 'number' and strip-unit($val) == 0 {
+    @return false;
+  }
+  @if type-of($val) == 'list' and length($val) == 0 {
+    @return false;
+  }
+  @return true;
+}
+
+/// Determine a top/right/bottom/right value on a padding, margin, etc. property, no matter how many values were passed in. Use this function if you need to know the specific side of a value, but don't know if the value is using a shorthand format.
+///
+/// @param {List|Number} $val - Value to analyze. Should be a shorthand sizing property, e.g. "1em 2em 1em"
+/// @param {Keyword} $side - Side to return. Should be `top`, `right`, `bottom`, or `left`.
+///
+/// @returns {Number} A single value based on `$val` and `$side`.
+@function get-side($val, $side) {
+  $length: length($val);
+
+  @if $length == 1 {
+    @return $val;
+  }
+  @if $length == 2 {
+    @return map-get((
+      top: nth($val, 1),
+      bottom: nth($val, 1),
+      left: nth($val, 2),
+      right: nth($val, 2),
+    ), $side);
+  }
+  @if $length == 3 {
+    @return map-get((
+      top: nth($val, 1),
+      left: nth($val, 2),
+      right: nth($val, 2),
+      bottom: nth($val, 3),
+    ), $side);
+  }
+  @if $length == 4 {
+    @return map-get((
+      top: nth($val, 1),
+      right: nth($val, 2),
+      bottom: nth($val, 3),
+      left: nth($val, 4),
+    ), $side);
+  }
+}
+
+/// Given border $val, find a specific element of the border, which is $elem. The possible values for $elem are width, style, and color.
+///
+/// @param {List} $val - Border value to find a value in.
+/// @param {Keyword} $elem - Border component to extract.
+///
+/// @returns {Mixed} If the value exists, returns the value. If the value is not in the border definition, the function will return a 0px width, solid style, or black border.
+@function get-border-value($val, $elem) {
+  // Find the width, style, or color and return it
+  @each $v in $val {
+    $type: type-of($v);
+    @if $elem == width and $type == 'number' {
+      @return $v;
+    }
+    @if $elem == style and $type == 'string' {
+      @return $v;
+    }
+    @if $elem == color and $type == 'color' {
+      @return $v;
+    }
+  }
+
+  // Defaults
+  $defaults: (
+    width: 0,
+    style: solid,
+    color: #000,
+  );
+
+  @return map-get($defaults, $elem);
+}
+
+/// Finds a value in a nested map.
+/// @link https://css-tricks.com/snippets/sass/deep-getset-maps/ Deep Get/Set in Maps
+///
+/// @param {Map} $map - Map to pull a value from.
+/// @param {String} $keys... - Keys to use when looking for a value.
+/// @returns {Mixed} The value found in the map.
+@function map-deep-get($map, $keys...) {
+  @each $key in $keys {
+    $map: map-get($map, $key);
+  }
+  @return $map;
+}
+
+/// Casts a map into a list.
+/// @link http://hugogiraudel.com/2014/04/28/casting-map-into-list/
+///
+/// @param {Map} $map - Map to pull a value from.
+///
+/// @returns {List} Depending on the flag, returns either $keys or $values or both.
+@function map-to-list($map, $keep: 'both') {
+  $keep: if(index('keys' 'values', $keep), $keep, 'both');
+
+  @if type-of($map) == 'map' {
+    $keys: ();
+    $values: ();
+
+    @each $key, $val in $map {
+      $keys: append($keys, $key);
+      $values: append($values, $val);
+    }
+
+    @if $keep == 'keys' {
+      @return $keys;
+    }
+    @else if $keep == 'values' {
+      @return $values;
+    }
+    @else {
+      @return zip($keys, $values);
+    }
+  }
+
+  @return if(type-of($map) != 'list', ($value,), $map);
+
+}

data/assets/js/app.js

@@ -0,0 +1 @@
+$(document).foundation();

data/assets/js/vendor/foundation/foundation.d.ts

@@ -0,0 +1,496 @@
+// Type definitions for Foundation Sites v6.3.1
+// Project: http://foundation.zurb.com/
+// Github: https://github.com/zurb/foundation-sites
+//
+// Definitions by: Sam Vloeberghs <https://github.com/samvloeberghs/>
+// Original Definitions: https://github.com/samvloeberghs/foundation-sites-typings
+
+declare module FoundationSites {
+
+  // http://foundation.zurb.com/sites/docs/abide.html#javascript-reference
+  interface Abide {
+    requiredChecked(element: JQuery): boolean;
+    findFormError(element: JQuery): JQuery;
+    findLabel(element: JQuery): boolean;
+    addErrorClasses(element: JQuery): void;
+    removeRadioErrorClasses(groupName: string): void;
+    removeErrorClasses(element: JQuery): void;
+    validateInput(element: JQuery): boolean;
+    validateForm(): boolean;
+    validateText(element: JQuery, pattern: string): boolean;
+    validateRadio(groupName: string): boolean;
+    matchValidation(element: JQuery, validators: string, required: boolean): boolean;
+    resetForm(): void;
+    destroy(): void;
+  }
+
+  interface AbideDefaults {
+    validateOn: string;
+    labelErrorClass: string;
+    inputErrorClass: string;
+    formErrorSelector: string;
+    formErrorClass: string;
+    liveValidate: boolean;
+    validateOnBlur: boolean;
+    patterns: IAbidePatterns;
+    validators: any; // TODO, maybe there is a better solution to describe how this object may look like
+  }
+
+  interface IAbidePatterns {
+    alpha?: RegExp;
+    alpha_numeric?: RegExp;
+    integer?: RegExp;
+    number?: RegExp;
+    card?: RegExp;
+    cvv?: RegExp;
+    email ?: RegExp;
+    url?: RegExp;
+    domain?: RegExp;
+    datetime?: RegExp;
+    date?: RegExp;
+    time?: RegExp;
+    dateISO?: RegExp;
+    month_day_year?: RegExp;
+    day_month_year?: RegExp;
+    color?: RegExp;
+  }
+
+  interface IAbideOptions {
+    validateOn?: string;
+    labelErrorClass?: string;
+    inputErrorClass?: string;
+    formErrorSelector?: string;
+    formErrorClass?: string;
+    liveValidate?: boolean;
+    validators?: any;
+  }
+
+  // http://foundation.zurb.com/sites/docs/accordion.html#javascript-reference
+  interface Accordion {
+    toggle($target: JQuery): void;
+    down($target: JQuery, firstTime: boolean): void;
+    up($target: JQuery): void;
+    destroy(): void;
+  }
+
+  interface IAccordionOptions {
+    slideSpeed?: number
+    multiExpand?: boolean;
+    allowAllClosed?: boolean;
+  }
+
+  // http://foundation.zurb.com/sites/docs/accordion-menu.html#javascript-reference
+  interface AccordionMenu {
+    hideAll(): void;
+    toggle($target: JQuery): void;
+    down($target: JQuery, firstTime: boolean): void;
+    up($target: JQuery): void;
+    destroy(): void;
+  }
+
+  interface IAccordionMenuOptions {
+    slideSpeed?: number;
+    multiOpen?: boolean;
+  }
+
+  // http://foundation.zurb.com/sites/docs/drilldown-menu.html#javascript-reference
+  interface Drilldown {
+    destroy(): void;
+  }
+
+  interface IDrilldownOptions {
+    backButton?: string;
+    wrapper?: string;
+    parentLink?: boolean;
+    closeOnClick?: boolean;
+  }
+
+  // http://foundation.zurb.com/sites/docs/dropdown.html#javascript-reference
+  interface Dropdown {
+    getPositionClass(): string;
+    open(): void;
+    close(): void;
+    toggle(): void;
+    destroy(): void;
+  }
+
+  interface IDropdownOptions {
+    hoverDelay?: number;
+    hover?: boolean;
+    hoverPane?: boolean;
+    vOffset?: number;
+    hOffset?: number;
+    positionClass?: string;
+    trapFocus?: boolean;
+    autoFocus?: boolean;
+    closeOnClick?: boolean;
+  }
+
+  // http://foundation.zurb.com/sites/docs/dropdown-menu.html#javascript-reference
+  interface DropdownMenu {
+    destroy(): void;
+  }
+
+  interface IDropdownMenuOptions {
+    disableHover?: boolean;
+    autoclose?: boolean;
+    hoverDelay?: number;
+    clickOpen?: boolean;
+    closingTime?: number;
+    alignment?: string;
+    closeOnClick?: boolean;
+    verticalClass?: string;
+    rightClass?: string;
+    forceFollow?: boolean;
+  }
+
+  // http://foundation.zurb.com/sites/docs/equalizer.html#javascript-reference
+  interface Equalizer {
+    getHeights(cb: Function): Array<any>;
+    getHeightsByRow(cb: Function): Array<any>;
+    applyHeight(heights: Array<any>): void;
+    applyHeightByRow(groups: Array<any>): void;
+    destroy(): void;
+  }
+
+  interface IEqualizerOptions {
+    equalizeOnStack?: boolean;
+    equalizeByRow?: boolean;
+    equalizeOn?: string;
+  }
+
+  // http://foundation.zurb.com/sites/docs/interchange.html#javascript-reference
+  interface Interchange {
+    replace(path: string): void;
+    destroy(): void;
+  }
+
+  interface IInterchangeOptions {
+    rules?: Array<any>
+  }
+
+  // http://foundation.zurb.com/sites/docs/magellan.html#javascript-reference
+  interface Magellan {
+    calcPoints(): void;
+    scrollToLoc(location: string): void;
+    reflow(): void;
+    destroy(): void;
+  }
+
+  interface IMagellanOptions {
+    animationDuration?: number;
+    animationEasing?: string;
+    threshold?: number;
+    activeClass?: string;
+    deepLinking?: boolean;
+    barOffset?: number;
+  }
+
+  // http://foundation.zurb.com/sites/docs/offcanvas.html#javascript-reference
+  interface OffCanvas {
+    reveal(isRevealed: boolean): void;
+    open(event: Event, trigger: JQuery): void;
+    close(cb?: Function): void;
+    toggle(event: Event, trigger: JQuery): void;
+    destroy(): void;
+  }
+
+  interface IOffCanvasOptions {
+    closeOnClick?: boolean;
+    transitionTime?: number;
+    position?: string;
+    forceTop?: boolean;
+    isRevealed?: boolean;
+    revealOn?: string;
+    autoFocus?: boolean;
+    revealClass?: string;
+    trapFocus?: boolean;
+  }
+
+  // http://foundation.zurb.com/sites/docs/orbit.html#javascript-reference
+  interface Orbit {
+    geoSync(): void;
+    changeSlide(isLTR: boolean, chosenSlide?: JQuery, idx?: number): void;
+    destroy(): void;
+  }
+
+  interface IOrbitOptions {
+    bullets?: boolean;
+    navButtons?: boolean;
+    animInFromRight?: string;
+    animOutToRight?: string;
+    animInFromLeft?: string;
+    animOutToLeft?: string;
+    autoPlay?: boolean;
+    timerDelay?: number;
+    infiniteWrap?: boolean;
+    swipe?: boolean;
+    pauseOnHover?: boolean;
+    accessible?: boolean;
+    containerClass?: string;
+    slideClass?: string;
+    boxOfBullets?: string;
+    nextClass?: string;
+    prevClass?: string;
+    useMUI?: boolean;
+  }
+
+  // http://foundation.zurb.com/sites/docs/reveal.html#javascript-reference
+  interface Reveal {
+    open(): void;
+    toggle(): void;
+    close(): void;
+    destroy(): void;
+  }
+
+  interface IRevealOptions {
+    animationIn?: string;
+    animationOut?: string;
+    showDelay?: number;
+    hideDelay?: number;
+    closeOnClick?: boolean;
+    closeOnEsc?: boolean;
+    multipleOpened?: boolean;
+    vOffset?: number;
+    hOffset?: number;
+    fullScreen?: boolean;
+    btmOffsetPct?: number;
+    overlay?: boolean;
+    resetOnClose?: boolean;
+    deepLink?: boolean;
+  }
+
+  // http://foundation.zurb.com/sites/docs/slider.html#javascript-reference
+  interface Slider {
+    destroy(): void;
+  }
+
+  interface ISliderOptions {
+    start?: number;
+    end?: number;
+    step?: number;
+    initialStart ?: number;
+    initialEnd?: number;
+    binding?: boolean;
+    clickSelect?: boolean;
+    vertical?: boolean;
+    draggable?: boolean;
+    disabled?: boolean;
+    doubleSided?: boolean;
+    decimal?: number;
+    moveTime?: number;
+    disabledClass?: string;
+  }
+
+  // http://foundation.zurb.com/sites/docs/sticky.html#javascript-reference
+  interface Sticky {
+    destroy(): void;
+  }
+
+  interface IStickyOptions {
+    container?: string;
+    stickTo?: string;
+    anchor?: string;
+    topAnchor?: string;
+    btmAnchor?: string;
+    marginTop?: number;
+    marginBottom?: number;
+    stickyOn?: string;
+    stickyClass?: string;
+    containerClass?: string;
+    checkEvery?: number;
+  }
+
+  // http://foundation.zurb.com/sites/docs/tabs.html#javascript-reference
+  interface Tabs {
+    selectTab(element: JQuery | string): void;
+    destroy(): void;
+  }
+
+  interface ITabsOptions {
+    autoFocus?: boolean;
+    wrapOnKeys?: boolean;
+    matchHeight?: boolean;
+    linkClass?: string;
+    panelClass?: string;
+  }
+
+  // http://foundation.zurb.com/sites/docs/toggler.html#javascript-reference
+  interface Toggler {
+    toggle(): void;
+    destroy(): void;
+  }
+
+  interface ITogglerOptions {
+    animate?: boolean;
+  }
+
+  // http://foundation.zurb.com/sites/docs/tooltip.html#javascript-reference
+  interface Tooltip {
+    show(): void;
+    hide(): void;
+    toggle(): void;
+    destroy(): void;
+  }
+
+  interface ITooltipOptions {
+    hoverDelay?: number;
+    fadeInDuration?: number;
+    fadeOutDuration?: number;
+    disableHover?: boolean;
+    templateClasses?: string;
+    tooltipClass?: string;
+    triggerClass?: string;
+    showOn?: string;
+    template?: string;
+    tipText?: string;
+    clickOpen?: boolean;
+    positionClass?: string;
+    vOffset?: number;
+    hOffset?: number;
+  }
+
+  // Utilities
+  // ---------
+
+  interface Box {
+    ImNotTouchingYou(element: Object, parent?: Object, lrOnly?: boolean, tbOnly?: boolean): boolean;
+    GetDimensions(element: Object): Object;
+    GetOffsets(element: Object, anchor: Object, position: string, vOffset: number, hOffset: number, isOverflow: boolean): Object;
+  }
+
+  interface KeyBoard {
+    parseKey(event: any): string;
+    handleKey(event: any, component: any, functions: any): void;
+    findFocusable($element: Object): Object;
+  }
+
+  interface MediaQuery {
+    get(size: string): string;
+    atLeast(size: string): boolean;
+    queries: Array<string>;
+    current: string;
+  }
+
+  interface Motion {
+    animateIn(element: Object, animation: any, cb: Function): void;
+    animateOut(element: Object, animation: any, cb: Function): void;
+  }
+
+  interface Move {
+    // TODO
+  }
+
+  interface Nest {
+    Feather(menu: any, type: any): void;
+    Burn(menu: any, type: any): void;
+  }
+
+  interface Timer {
+    start(): void;
+    restart(): void;
+    pause(): void;
+  }
+
+  interface Touch {
+    // TODO :extension on jQuery
+  }
+
+  interface Triggers {
+    // TODO :extension on jQuery
+  }
+
+  interface FoundationSitesStatic {
+    version: string;
+
+    rtl(): boolean;
+    plugin(plugin: Object, name: string): void;
+    registerPlugin(plugin: Object): void;
+    unregisterPlugin(plugin: Object): void;
+    reInit(plugins: Array<any>): void;
+    GetYoDigits(length: number, namespace?: string): string;
+    reflow(elem: Object, plugins?: Array<string>|string): void;
+    getFnName(fn: string): string;
+    transitionend(): string;
+
+    util: {
+      throttle(func: (...args: any[]) => any, delay: number): (...args: any[]) => any;
+    };
+
+    Abide: {
+      new(element: JQuery, options?: IAbideOptions): Abide;
+      defaults: AbideDefaults;
+    }
+    Accordion: {
+      new(element: JQuery, options?: IAccordionOptions): Accordion;
+    }
+    AccordionMenu: {
+      new(element: JQuery, options?: IAccordionMenuOptions): AccordionMenu;
+    }
+    Drilldown: {
+      new(element: JQuery, options?: IDrilldownOptions): Drilldown;
+    }
+    Dropdown: {
+      new(element: JQuery, options?: IDropdownOptions): Dropdown;
+    }
+    DropdownMenu: {
+      new(element: JQuery, options?: IDropdownMenuOptions): DropdownMenu;
+    }
+    Equalizer: {
+      new(element: JQuery, options?: IEqualizerOptions): Equalizer;
+    }
+    Interchange: {
+      new(element: JQuery, options?: IInterchangeOptions): Interchange;
+    }
+    Magellan: {
+      new(element: JQuery, options?: IMagellanOptions): Magellan;
+    }
+    OffCanvas: {
+      new(element: JQuery, options?: IOffCanvasOptions): OffCanvas;
+    }
+    Orbit: {
+      new(element: JQuery, options?: IOrbitOptions): Orbit;
+    }
+    Reveal: {
+      new(element: JQuery, options?: IRevealOptions): Reveal;
+    };
+    Slider: {
+      new(element: JQuery, options?: ISliderOptions): Slider;
+    }
+    Sticky: {
+      new(element: JQuery, options?: IStickyOptions): Sticky;
+    }
+    Tabs: {
+      new(element: JQuery, options?: ITabsOptions): Tabs;
+    }
+    Toggler: {
+      new(element: JQuery, options?: ITogglerOptions): Toggler;
+    }
+    Tooltip: {
+      new(element: JQuery, options?: ITooltipOptions): Tooltip;
+    }
+
+    // utils
+    Box: Box;
+    KeyBoard: KeyBoard;
+    MediaQuery: MediaQuery;
+    Motion: Motion;
+    Move: Move;
+    Nest: Nest;
+    Timer: Timer;
+    Touch: Touch;
+    Triggers: Triggers;
+
+  }
+
+}
+
+interface JQuery {
+  foundation(method?: string|Array<any>, $element?: JQuery): JQuery;
+}
+
+declare var Foundation: FoundationSites.FoundationSitesStatic;
+
+declare module "Foundation" {
+  export = Foundation;
+}