@autoguru/overdrive 4.1.4 → 4.1.5

package/dist/components/Text/useTextStyles.d.ts

@@ -0,0 +1,15 @@
+import { ComponentProps } from 'react';
+import type { BoxStyleProps } from '../Box';
+import { Text } from '../Text';
+import * as styles from './useTextStyles.css';
+export interface TextStyleProps {
+    align?: BoxStyleProps['textAlign'];
+    colour?: keyof typeof styles.colours | 'unset';
+    fontWeight?: keyof typeof styles.fontWeight;
+    is?: ComponentProps<typeof Text>['is'];
+    noWrap?: boolean;
+    size?: keyof typeof styles.sizes;
+    transform?: keyof typeof styles.transform;
+}
+export declare const useTextStyles: ({ align, colour, fontWeight, is, noWrap, size, transform, }: TextStyleProps) => string;
+//# sourceMappingURL=useTextStyles.d.ts.map

package/dist/components/Text/useTextStyles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTextStyles.d.ts","sourceRoot":"","sources":["../../../lib/components/Text/useTextStyles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AAE5C,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAE/B,OAAO,KAAK,MAAM,MAAM,qBAAqB,CAAC;AAE9C,MAAM,WAAW,cAAc;IAE9B,KAAK,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC;IACnC,MAAM,CAAC,EAAE,MAAM,OAAO,MAAM,CAAC,OAAO,GAAG,OAAO,CAAC;IAC/C,UAAU,CAAC,EAAE,MAAM,OAAO,MAAM,CAAC,UAAU,CAAC;IAC5C,EAAE,CAAC,EAAE,cAAc,CAAC,OAAO,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC;IACvC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,OAAO,MAAM,CAAC,KAAK,CAAC;IACjC,SAAS,CAAC,EAAE,MAAM,OAAO,MAAM,CAAC,SAAS,CAAC;CAC1C;AAED,eAAO,MAAM,aAAa,gEAQvB,cAAc,WAUhB,CAAC"}

package/dist/components/Text/useTextStyles.js

@@ -1,20 +1,6 @@
-"use strict";
-
 import clsx from 'clsx';
-import { useBoxStyles } from "../Box/index.js";
-import * as styles from "./useTextStyles.css.js";
-export const useTextStyles = _ref => {
-  let {
-    align,
-    colour,
-    fontWeight,
-    is,
-    noWrap,
-    size,
-    transform
-  } = _ref;
-  return clsx(styles.root, useBoxStyles({
-    is,
-    textAlign: align
-  }), colour !== 'unset' && styles.colours[colour !== null && colour !== void 0 ? colour : 'neutral'], styles.fontWeight[fontWeight], noWrap && styles.noWrap, styles.sizes[size], styles.transform[transform]);
-};
+import { useBoxStyles } from '../Box';
+import * as styles from './useTextStyles.css';
+export const useTextStyles = ({ align, colour, fontWeight, is, noWrap, size, transform, }) => {
+    return clsx(styles.root, useBoxStyles({ is, textAlign: align }), colour !== 'unset' && styles.colours[colour ?? 'neutral'], styles.fontWeight[fontWeight], noWrap && styles.noWrap, styles.sizes[size], styles.transform[transform]);
+};

package/dist/components/TextAreaInput/TextAreaInput.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+export declare const TextAreaInput: React.ForwardRefExoticComponent<import("../private/InputBase/withEnhancedInput").EnhanceInputPrimitiveProps & import("../private/InputBase/withEnhancedInput").EventHandlers<HTMLTextAreaElement> & import("../private/InputBase/withEnhancedInput").ValidationProps & React.RefAttributes<HTMLTextAreaElement>>;
+//# sourceMappingURL=TextAreaInput.d.ts.map

package/dist/components/TextAreaInput/TextAreaInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextAreaInput.d.ts","sourceRoot":"","sources":["../../../lib/components/TextAreaInput/TextAreaInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,eAAO,MAAM,aAAa,kTAuBzB,CAAC"}

package/dist/components/TextAreaInput/TextAreaInput.js

@@ -1,35 +1,8 @@
-"use strict";
-
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-const _excluded = ["field", "eventHandlers", "validation", "isLoading", "suffixed", "prefixed"];
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
 import * as React from 'react';
-import { Box } from "../Box/index.js";
-import { withEnhancedInput } from "../private/InputBase/index.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-export const TextAreaInput = withEnhancedInput(_ref => {
-  let {
-    field,
-    eventHandlers,
-    validation,
-    isLoading,
-    suffixed,
-    prefixed
-  } = _ref,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
-  return _jsx(Box, _objectSpread(_objectSpread(_objectSpread(_objectSpread({
-    is: "textarea"
-  }, eventHandlers), field), rest), {}, {
-    autoComplete: "off"
-  }));
-}, {
-  primitiveType: 'textarea',
-  withSuffixIcon: false,
-  withPrefixIcon: false
-});
+import { Box } from '../Box';
+import { withEnhancedInput } from '../private/InputBase';
+export const TextAreaInput = withEnhancedInput(({ field, eventHandlers, validation, isLoading, suffixed, prefixed, ...rest }) => (React.createElement(Box, { is: "textarea", ...eventHandlers, ...field, ...rest, autoComplete: "off" })), {
+    primitiveType: 'textarea',
+    withSuffixIcon: false,
+    withPrefixIcon: false,
+});

package/dist/components/TextAreaInput/index.d.ts

@@ -0,0 +1,2 @@
+export { TextAreaInput } from './TextAreaInput';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/TextAreaInput/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/TextAreaInput/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/components/TextAreaInput/index.js

@@ -1,3 +1 @@
-"use strict";
-
-export { TextAreaInput } from "./TextAreaInput.js";
+export { TextAreaInput } from './TextAreaInput';

package/dist/components/TextContainer/TextContainer.d.ts

@@ -0,0 +1,9 @@
+import { FunctionComponent, ReactElement } from 'react';
+export interface Props {
+    heading?: ReactElement;
+    action?: ReactElement;
+    className?: string;
+    children: ReactElement | ReactElement[];
+}
+export declare const TextContainer: FunctionComponent<Props>;
+//# sourceMappingURL=TextContainer.d.ts.map

package/dist/components/TextContainer/TextContainer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextContainer.d.ts","sourceRoot":"","sources":["../../../lib/components/TextContainer/TextContainer.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAKxD,MAAM,WAAW,KAAK;IACrB,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,YAAY,GAAG,YAAY,EAAE,CAAC;CACxC;AAED,eAAO,MAAM,aAAa,EAAE,iBAAiB,CAAC,KAAK,CAUlD,CAAC"}

package/dist/components/TextContainer/TextContainer.js

@@ -1,43 +1,9 @@
-"use strict";
-
 import * as React from 'react';
-import { Column, Columns } from "../Columns/index.js";
-import { Stack } from "../Stack/index.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-export const TextContainer = _ref => {
-  let {
-    heading,
-    className = '',
-    children,
-    action
-  } = _ref;
-  return _jsxs(Stack, {
-    space: "2",
-    is: "article",
-    className: className,
-    children: [_jsx(TextContainerHeading, {
-      heading: heading,
-      action: action
-    }), children]
-  });
-};
-
-const TextContainerHeading = _ref2 => {
-  let {
-    heading,
-    action
-  } = _ref2;
-  return _jsxs(Columns, {
-    noWrap: true,
-    align: "centre",
-    space: "4",
-    children: [_jsx(Column, {
-      grow: true,
-      children: heading
-    }), action ? _jsx(Column, {
-      width: "auto",
-      children: action
-    }) : null]
-  });
-};
+import { Column, Columns } from '../Columns';
+import { Stack } from '../Stack';
+export const TextContainer = ({ heading, className = '', children, action, }) => (React.createElement(Stack, { space: "2", is: "article", className: className },
+    React.createElement(TextContainerHeading, { heading: heading, action: action }),
+    children));
+const TextContainerHeading = ({ heading, action }) => (React.createElement(Columns, { noWrap: true, align: "centre", space: "4" },
+    React.createElement(Column, { grow: true }, heading),
+    action ? React.createElement(Column, { width: "auto" }, action) : null));

package/dist/components/TextContainer/index.d.ts

@@ -0,0 +1,2 @@
+export { TextContainer } from './TextContainer';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/TextContainer/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/TextContainer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/components/TextContainer/index.js

@@ -1,3 +1 @@
-"use strict";
-
-export { TextContainer } from "./TextContainer.js";
+export { TextContainer } from './TextContainer';

package/dist/components/TextInput/TextInput.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+export declare const TextInput: React.ForwardRefExoticComponent<Partial<Pick<HTMLInputElement, "type">> & import("../private/InputBase/withEnhancedInput").EnhanceInputPrimitiveProps & import("../private/InputBase/withEnhancedInput").EventHandlers<HTMLInputElement> & import("../private/InputBase/withEnhancedInput").ValidationProps & React.RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=TextInput.d.ts.map

package/dist/components/TextInput/TextInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextInput.d.ts","sourceRoot":"","sources":["../../../lib/components/TextInput/TextInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,eAAO,MAAM,SAAS,sVAwBrB,CAAC"}

package/dist/components/TextInput/TextInput.js

@@ -1,36 +1,6 @@
-"use strict";
-
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-const _excluded = ["field", "eventHandlers", "validation", "suffixed", "prefixed", "isLoading"];
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
 import * as React from 'react';
-import { Box } from "../Box/index.js";
-import { withEnhancedInput } from "../private/InputBase/index.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-export const TextInput = withEnhancedInput(_ref => {
-  var _rest$type;
-
-  let {
-    field,
-    eventHandlers,
-    validation,
-    suffixed,
-    prefixed,
-    isLoading
-  } = _ref,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
-  return _jsx(Box, _objectSpread(_objectSpread(_objectSpread(_objectSpread({
-    is: "input"
-  }, eventHandlers), field), rest), {}, {
-    autoComplete: "off",
-    type: (_rest$type = rest.type) !== null && _rest$type !== void 0 ? _rest$type : 'text'
-  }));
-}, {
-  primitiveType: 'text'
-});
+import { Box } from '../Box';
+import { withEnhancedInput } from '../private/InputBase';
+export const TextInput = withEnhancedInput(({ field, eventHandlers, validation, suffixed, prefixed, isLoading, ...rest }) => (React.createElement(Box, { is: "input", ...eventHandlers, ...field, ...rest, autoComplete: "off", type: rest.type ?? 'text' })), {
+    primitiveType: 'text',
+});

package/dist/components/TextInput/index.d.ts

@@ -0,0 +1,2 @@
+export { TextInput } from './TextInput';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/TextInput/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/TextInput/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC"}

package/dist/components/TextInput/index.js

@@ -1,3 +1 @@
-"use strict";
-
-export { TextInput } from "./TextInput.js";
+export { TextInput } from './TextInput';

package/dist/components/TextLink/TextLink.css.d.ts

@@ -0,0 +1,3 @@
+export declare const root: string;
+export declare const muted: string;
+//# sourceMappingURL=TextLink.css.d.ts.map

package/dist/components/TextLink/TextLink.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextLink.css.d.ts","sourceRoot":"","sources":["../../../lib/components/TextLink/TextLink.css.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,IAAI,QASf,CAAC;AAEH,eAAO,MAAM,KAAK,QAKhB,CAAC"}

package/dist/components/TextLink/TextLink.css.js

@@ -1,26 +1,18 @@
-"use strict";
-
-import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
-
-__vanilla_filescope__.setFileScope("lib/components/TextLink/TextLink.css.ts", "@autoguru/overdrive");
-
 import { style } from '@vanilla-extract/css';
-import { vars } from "../../themes/base/vars.css.js";
+import { vars } from '../../themes/base/vars.css';
 export const root = style({
-  transitionDelay: '0s',
-  transitionTimingFunction: 'cubic-bezier(0, 0, 0.2, 1)',
-  transitionDuration: '0.2s',
-  transitionProperty: 'box-shadow',
-  boxShadow: "inset 0 -2px 0 0 ".concat(vars.typography.colour.primary),
-  ':hover': {
-    boxShadow: "inset 0 -1.6em 0 0 ".concat(vars.typography.colour.primary)
-  }
-}, "root");
+    transitionDelay: '0s',
+    transitionTimingFunction: 'cubic-bezier(0, 0, 0.2, 1)',
+    transitionDuration: '0.2s',
+    transitionProperty: 'box-shadow',
+    boxShadow: `inset 0 -2px 0 0 ${vars.typography.colour.primary}`,
+    ':hover': {
+        boxShadow: `inset 0 -1.6em 0 0 ${vars.typography.colour.primary}`,
+    },
+});
 export const muted = style({
-  ':hover': {
-    color: 'white',
-    boxShadow: "inset 0 -1.6em 0 0 ".concat(vars.typography.colour.primary)
-  }
-}, "muted");
-
-__vanilla_filescope__.endFileScope();
+    ':hover': {
+        color: 'white',
+        boxShadow: `inset 0 -1.6em 0 0 ${vars.typography.colour.primary}`,
+    },
+});

package/dist/components/TextLink/TextLink.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import { AnchorHTMLAttributes, ComponentProps, ElementType, ReactElement, ReactText } from 'react';
+import { Text } from '../Text';
+declare type TextProps = Omit<ComponentProps<typeof Text>, 'is' | 'colour'>;
+declare type AnchorProps = Omit<AnchorHTMLAttributes<HTMLAnchorElement>, 'children' | 'style' | 'is' | keyof TextProps>;
+export interface Props extends TextProps, AnchorProps {
+    children: ReactText;
+    className?: string;
+    is?: ElementType | ReactElement;
+    muted?: boolean;
+}
+export declare const TextLink: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLAnchorElement>>;
+export {};
+//# sourceMappingURL=TextLink.d.ts.map

package/dist/components/TextLink/TextLink.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextLink.d.ts","sourceRoot":"","sources":["../../../lib/components/TextLink/TextLink.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACN,oBAAoB,EAEpB,cAAc,EAEd,WAAW,EAGX,YAAY,EACZ,SAAS,EACT,MAAM,OAAO,CAAC;AAGf,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAI/B,aAAK,SAAS,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,EAAE,IAAI,GAAG,QAAQ,CAAC,CAAC;AACpE,aAAK,WAAW,GAAG,IAAI,CACtB,oBAAoB,CAAC,iBAAiB,CAAC,EACvC,UAAU,GAAG,OAAO,GAAG,IAAI,GAAG,MAAM,SAAS,CAC7C,CAAC;AAEF,MAAM,WAAW,KAAM,SAAQ,SAAS,EAAE,WAAW;IACpD,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,CAAC,EAAE,WAAW,GAAG,YAAY,CAAC;IAChC,KAAK,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,eAAO,MAAM,QAAQ,iFA2DpB,CAAC"}

package/dist/components/TextLink/TextLink.js

@@ -1,66 +1,28 @@
-"use strict";
-
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-const _excluded = ["is", "children", "className", "fontWeight", "strong", "muted", "size"];
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
 import { invariant } from '@autoguru/utilities';
 import clsx from 'clsx';
 import * as React from 'react';
-import { cloneElement, createElement, forwardRef, isValidElement } from 'react';
-import { Box, useBoxStyles } from "../Box/index.js";
-import { Text } from "../Text/index.js";
-import * as styles from "./TextLink.css.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-export const TextLink = forwardRef((_ref, ref) => {
-  var _props$rel;
-
-  let {
-    is: Component,
-    children,
-    className,
-    fontWeight = 'bold',
-    strong,
-    muted = false,
-    size
-  } = _ref,
-      props = _objectWithoutProperties(_ref, _excluded);
-
-  !!(Component !== undefined && props.href !== undefined) ? process.env.NODE_ENV !== "production" ? invariant(false, 'You cannot have both href and as defined.') : invariant(false) : void 0;
-
-  const body = _jsx(Text, {
-    is: "span",
-    colour: muted && 'muted',
-    size: size,
-    strong: strong,
-    fontWeight: fontWeight,
-    className: clsx(styles.root, useBoxStyles({
-      is: 'span',
-      pointerEvents: 'none'
-    }), {
-      [styles.muted]: muted
-    }),
-    children: children
-  });
-
-  const allProps = _objectSpread(_objectSpread({
-    rel: (_props$rel = props.rel) !== null && _props$rel !== void 0 ? _props$rel : 'noopener noreferrer'
-  }, props), {}, {
-    ref,
-    className
-  });
-
-  if (Component === undefined) {
-    return _jsx(Box, _objectSpread(_objectSpread({
-      is: "a"
-    }, allProps), {}, {
-      children: body
-    }));
-  }
-
-  return isValidElement(Component) ? cloneElement(Component, allProps, body) : createElement(Component, allProps, body);
-});
+import { cloneElement, createElement, forwardRef, isValidElement, } from 'react';
+import { Box, useBoxStyles } from '../Box';
+import { Text } from '../Text';
+import * as styles from './TextLink.css';
+export const TextLink = forwardRef(({ is: Component, children, className, fontWeight = 'bold', strong, muted = false, size, ...props }, ref) => {
+    invariant(!(Component !== undefined && props.href !== undefined), 'You cannot have both href and as defined.');
+    const body = (React.createElement(Text, { is: "span", colour: muted && 'muted', size: size, strong: strong, fontWeight: fontWeight, className: clsx(styles.root, useBoxStyles({
+            is: 'span',
+            pointerEvents: 'none',
+        }), {
+            [styles.muted]: muted,
+        }) }, children));
+    const allProps = {
+        rel: props.rel ?? 'noopener noreferrer',
+        ...props,
+        ref,
+        className,
+    };
+    if (Component === undefined) {
+        return (React.createElement(Box, { is: "a", ...allProps }, body));
+    }
+    return isValidElement(Component)
+        ? cloneElement(Component, allProps, body)
+        : createElement(Component, allProps, body);
+});

package/dist/components/TextLink/index.d.ts

@@ -0,0 +1,2 @@
+export { TextLink } from './TextLink';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/TextLink/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/TextLink/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC"}

package/dist/components/TextLink/index.js

@@ -1,3 +1 @@
-"use strict";
-
-export { TextLink } from "./TextLink.js";
+export { TextLink } from './TextLink';

package/dist/components/ThemeProvider/ThemeProvider.d.ts

@@ -0,0 +1,19 @@
+import { ThemeVars } from '@vanilla-extract/css/dist/declarations/src/types';
+import { FunctionComponent } from 'react';
+import { RuntimeTokens } from '../../themes/makeTheme';
+import { BreakPoints, Tokens } from '../../themes/tokens';
+declare type ThemeContextType = {
+    vars: ThemeVars<Tokens>;
+    themeClass: string;
+};
+export interface Props {
+    vars: ThemeVars<Tokens>;
+    themeClass: string;
+    tokens: Tokens;
+    breakpoints?: BreakPoints;
+}
+export declare const ThemeProvider: FunctionComponent<Props>;
+export declare const useTheme: () => ThemeContextType;
+export declare const useRuntimeTokens: () => RuntimeTokens;
+export {};
+//# sourceMappingURL=ThemeProvider.d.ts.map

package/dist/components/ThemeProvider/ThemeProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../../../lib/components/ThemeProvider/ThemeProvider.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,kDAAkD,CAAC;AAE7E,OAAO,EAAiB,iBAAiB,EAAuB,MAAM,OAAO,CAAC;AAE9E,OAAO,EAAqB,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAC1E,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAE1D,aAAK,gBAAgB,GAAG;IACvB,IAAI,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;IACxB,UAAU,EAAE,MAAM,CAAC;CACnB,CAAC;AAIF,MAAM,WAAW,KAAK;IACrB,IAAI,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;IACxB,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,WAAW,CAAC;CAC1B;AAED,eAAO,MAAM,aAAa,EAAE,iBAAiB,CAAC,KAAK,CAgBlD,CAAC;AAEF,eAAO,MAAM,QAAQ,wBAMpB,CAAC;AAEF,eAAO,MAAM,gBAAgB,QAAO,aAInC,CAAC"}

package/dist/components/ThemeProvider/ThemeProvider.js

@@ -1,38 +1,20 @@
-"use strict";
-
 import { invariant } from '@autoguru/utilities';
 import * as React from 'react';
 import { createContext, useContext, useMemo } from 'react';
-import { makeRuntimeTokens } from "../../themes/makeTheme.js";
-import { jsx as _jsx } from "react/jsx-runtime";
+import { makeRuntimeTokens } from '../../themes/makeTheme';
 const themeContext = createContext(null);
 const runtimeTokensContext = createContext(null);
-export const ThemeProvider = _ref => {
-  let {
-    vars,
-    tokens,
-    themeClass,
-    children,
-    breakpoints
-  } = _ref;
-  return _jsx(themeContext.Provider, {
-    value: useMemo(() => ({
-      vars,
-      themeClass
-    }), [vars, tokens]),
-    children: _jsx(runtimeTokensContext.Provider, {
-      value: useMemo(() => makeRuntimeTokens(tokens, breakpoints), [tokens]),
-      children: children
-    })
-  });
-};
+export const ThemeProvider = ({ vars, tokens, themeClass, children, breakpoints, }) => (React.createElement(themeContext.Provider, { value: useMemo(() => ({ vars, themeClass }), [vars, tokens]) },
+    React.createElement(runtimeTokensContext.Provider, { value: useMemo(() => makeRuntimeTokens(tokens, breakpoints), [
+            tokens,
+        ]) }, children)));
 export const useTheme = () => {
-  const theme = useContext(themeContext);
-  !(theme !== null) ? process.env.NODE_ENV !== "production" ? invariant(false, "You haven't provided an `OverdriveProvider`.") : invariant(false) : void 0;
-  return theme;
+    const theme = useContext(themeContext);
+    invariant(theme !== null, "You haven't provided an `OverdriveProvider`.");
+    return theme;
 };
 export const useRuntimeTokens = () => {
-  const tokens = useContext(runtimeTokensContext);
-  !(tokens !== null) ? process.env.NODE_ENV !== "production" ? invariant(false, "You haven't provided a `OverdriveProvider`.") : invariant(false) : void 0;
-  return tokens;
-};
+    const tokens = useContext(runtimeTokensContext);
+    invariant(tokens !== null, "You haven't provided a `OverdriveProvider`.");
+    return tokens;
+};

package/dist/components/ThemeProvider/index.d.ts

@@ -0,0 +1,2 @@
+export * from './ThemeProvider';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/ThemeProvider/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/ThemeProvider/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC"}

package/dist/components/ThemeProvider/index.js

@@ -1,3 +1 @@
-"use strict";
-
-export * from "./ThemeProvider.js";
+export * from './ThemeProvider';

package/dist/components/Toaster/Toast.css.d.ts

@@ -0,0 +1,3 @@
+export declare const root: string;
+export declare const alert: string;
+//# sourceMappingURL=Toast.css.d.ts.map

package/dist/components/Toaster/Toast.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.css.d.ts","sourceRoot":"","sources":["../../../lib/components/Toaster/Toast.css.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,IAAI,QAMf,CAAC;AAEH,eAAO,MAAM,KAAK,QAEhB,CAAC"}

package/dist/components/Toaster/Toast.css.js

@@ -1,20 +1,12 @@
-"use strict";
-
-import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
-
-__vanilla_filescope__.setFileScope("lib/components/Toaster/Toast.css.ts", "@autoguru/overdrive");
-
 import { style } from '@vanilla-extract/css';
-import { vars } from "../../themes/base/vars.css.js";
+import { vars } from '../../themes/base/vars.css';
 export const root = style({
-  zIndex: 3000,
-  justifyItems: 'center',
-  top: vars.space['3'],
-  right: 0,
-  left: 0
-}, "root");
+    zIndex: 3000,
+    justifyItems: 'center',
+    top: vars.space['3'],
+    right: 0,
+    left: 0,
+});
 export const alert = style({
-  pointerEvents: 'initial'
-}, "alert");
-
-__vanilla_filescope__.endFileScope();
+    pointerEvents: 'initial',
+});

package/dist/components/Toaster/Toast.d.ts

@@ -0,0 +1,13 @@
+import { ComponentProps, ReactChild } from 'react';
+import { Alert } from '../Alert';
+declare type MessageType = ReactChild;
+declare type AlertIntent = Required<ComponentProps<typeof Alert>>['intent'];
+interface ToastFn extends Required<Record<AlertIntent, (message: MessageType, duration?: number) => void>> {
+    (message: MessageType, duration?: number): void;
+}
+export declare const ToastProvider: ({ children }: {
+    children: any;
+}) => JSX.Element;
+export declare const useToast: () => ToastFn;
+export {};
+//# sourceMappingURL=Toast.d.ts.map

package/dist/components/Toaster/Toast.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../lib/components/Toaster/Toast.tsx"],"names":[],"mappings":"AAEA,OAAO,EACN,cAAc,EAGd,UAAU,EAOV,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAOjC,aAAK,WAAW,GAAG,UAAU,CAAC;AAC9B,aAAK,WAAW,GAAG,QAAQ,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC;AAWpE,UAAU,OACT,SAAQ,QAAQ,CACf,MAAM,CAAC,WAAW,EAAE,CAAC,OAAO,EAAE,WAAW,EAAE,QAAQ,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC,CACtE;IACD,CAAC,OAAO,EAAE,WAAW,EAAE,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAChD;AA0ED,eAAO,MAAM,aAAa;;iBAQzB,CAAC;AAEF,eAAO,MAAM,QAAQ,QAAO,OAwE3B,CAAC"}