@autoguru/overdrive 4.0.3 → 4.0.4

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"}

package/dist/components/Toaster/Toast.js

@@ -1,232 +1,120 @@
-"use strict";
-
-import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-
-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 * as React from 'react';
-import { createContext, useCallback, useContext, useLayoutEffect, useMemo, useReducer } from 'react';
-import { Alert } from "../Alert/index.js";
-import { Box } from "../Box/index.js";
-import { Portal } from "../Portal/index.js";
-import { Stack } from "../Stack/index.js";
-import * as styles from "./Toast.css.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
+import { createContext, useCallback, useContext, useLayoutEffect, useMemo, useReducer, } from 'react';
+import { Alert } from '../Alert';
+import { Box } from '../Box';
+import { Portal } from '../Portal';
+import { Stack } from '../Stack';
+import * as styles from './Toast.css';
 var ActionTypes;
-
 (function (ActionTypes) {
-  ActionTypes[ActionTypes["ADD"] = 0] = "ADD";
-  ActionTypes[ActionTypes["REMOVE"] = 1] = "REMOVE";
+    ActionTypes[ActionTypes["ADD"] = 0] = "ADD";
+    ActionTypes[ActionTypes["REMOVE"] = 1] = "REMOVE";
 })(ActionTypes || (ActionTypes = {}));
-
 const DEFAULT_DURATION = 5e3;
 let ids = -1;
-
 const getNewId = () => ++ids;
-
 const reducer = (state, action) => {
-  switch (action.type) {
-    case ActionTypes.ADD:
-      return _objectSpread(_objectSpread({}, state), {}, {
-        toasts: [].concat(_toConsumableArray(state.toasts), [action.config])
-      });
-
-    case ActionTypes.REMOVE:
-      return _objectSpread(_objectSpread({}, state), {}, {
-        toasts: state.toasts.filter(_ref => {
-          let {
-            id
-          } = _ref;
-          return id !== action.id;
-        })
-      });
-
-    default:
-      return state;
-  }
+    switch (action.type) {
+        case ActionTypes.ADD:
+            return { ...state, toasts: [...state.toasts, action.config] };
+        case ActionTypes.REMOVE:
+            return {
+                ...state,
+                toasts: state.toasts.filter(({ id }) => id !== action.id),
+            };
+        default:
+            return state;
+    }
 };
-
 const ToastControllerContext = createContext(null);
-
-const InternalToastProvider = _ref2 => {
-  let {
-    children
-  } = _ref2;
-  const [{
-    toasts
-  }, dispatch] = useReducer(reducer, {
-    toasts: []
-  });
-  const addToast = useCallback(config => {
-    dispatch({
-      type: ActionTypes.ADD,
-      config: _objectSpread(_objectSpread({}, config), {}, {
-        id: getNewId()
-      })
-    });
-  }, []);
-  const removeToast = useCallback(id => {
-    dispatch({
-      type: ActionTypes.REMOVE,
-      id
-    });
-  }, []);
-  return _jsxs(ToastControllerContext.Provider, {
-    value: addToast,
-    children: [children, _jsx(Portal, {
-      children: _jsx(Box, {
-        width: "full",
-        display: "flex",
-        position: "fixed",
-        alignItems: "center",
-        justifyContent: "center",
-        className: styles.root,
-        children: _jsx(Stack, {
-          space: "2",
-          children: toasts.map(item => _jsx(Toast, _objectSpread(_objectSpread({}, item), {}, {
-            remove: removeToast
-          }), item.id))
-        })
-      })
-    })]
-  });
+const InternalToastProvider = ({ children }) => {
+    const [{ toasts }, dispatch] = useReducer(reducer, { toasts: [] });
+    const addToast = useCallback((config) => {
+        dispatch({
+            type: ActionTypes.ADD,
+            config: { ...config, id: getNewId() },
+        });
+    }, []);
+    const removeToast = useCallback((id) => {
+        dispatch({ type: ActionTypes.REMOVE, id });
+    }, []);
+    return (React.createElement(ToastControllerContext.Provider, { value: addToast },
+        children,
+        React.createElement(Portal, null,
+            React.createElement(Box, { width: "full", display: "flex", position: "fixed", alignItems: "center", justifyContent: "center", className: styles.root },
+                React.createElement(Stack, { space: "2" }, toasts.map((item) => (React.createElement(Toast, { key: item.id, ...item, remove: removeToast }))))))));
 };
-
-export const ToastProvider = _ref3 => {
-  let {
-    children
-  } = _ref3;
-  const currentContext = useContext(ToastControllerContext);
-
-  if (currentContext !== null) {
-    return _jsx(_Fragment, {
-      children: children
-    });
-  }
-
-  return _jsx(InternalToastProvider, {
-    children: children
-  });
+export const ToastProvider = ({ children }) => {
+    const currentContext = useContext(ToastControllerContext);
+    if (currentContext !== null) {
+        return React.createElement(React.Fragment, null, children);
+    }
+    return React.createElement(InternalToastProvider, null, children);
 };
 export const useToast = () => {
-  const addToast = useContext(ToastControllerContext);
-  !(addToast !== null) ? process.env.NODE_ENV !== "production" ? invariant(false, 'No `ToastProvider` setup') : invariant(false) : void 0;
-  return useMemo(() => {
-    const fn = function fn(message) {
-      let duration = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : DEFAULT_DURATION;
-      return void addToast({
-        message,
-        duration,
-        intent: 'information'
-      });
-    };
-
-    fn.primary = function (message) {
-      let duration = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : DEFAULT_DURATION;
-      return void addToast({
-        message,
-        duration,
-        intent: 'primary'
-      });
-    };
-
-    fn.secondary = function (message) {
-      let duration = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : DEFAULT_DURATION;
-      return void addToast({
-        message,
-        duration,
-        intent: 'secondary'
-      });
-    };
-
-    fn.shine = function (message) {
-      let duration = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : DEFAULT_DURATION;
-      return void addToast({
-        message,
-        duration,
-        intent: 'shine'
-      });
-    };
-
-    fn.success = function (message) {
-      let duration = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : DEFAULT_DURATION;
-      return void addToast({
-        message,
-        duration,
-        intent: 'success'
-      });
-    };
-
-    fn.neutral = function (message) {
-      let duration = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : DEFAULT_DURATION;
-      return void addToast({
-        message,
-        duration,
-        intent: 'neutral'
-      });
-    };
-
-    fn.danger = function (message) {
-      let duration = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : DEFAULT_DURATION;
-      return void addToast({
-        message,
-        duration,
-        intent: 'danger'
-      });
-    };
-
-    fn.information = function (message) {
-      let duration = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : DEFAULT_DURATION;
-      return void addToast({
-        message,
-        duration,
-        intent: 'information'
-      });
-    };
-
-    fn.warning = function (message) {
-      let duration = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : DEFAULT_DURATION;
-      return void addToast({
-        message,
-        duration,
-        intent: 'warning'
-      });
-    };
-
-    return fn;
-  }, [addToast]);
+    const addToast = useContext(ToastControllerContext);
+    invariant(addToast !== null, 'No `ToastProvider` setup');
+    return useMemo(() => {
+        const fn = (message, duration = DEFAULT_DURATION) => void addToast({
+            message,
+            duration,
+            intent: 'information',
+        });
+        fn.primary = (message, duration = DEFAULT_DURATION) => void addToast({
+            message,
+            duration,
+            intent: 'primary',
+        });
+        fn.secondary = (message, duration = DEFAULT_DURATION) => void addToast({
+            message,
+            duration,
+            intent: 'secondary',
+        });
+        fn.shine = (message, duration = DEFAULT_DURATION) => void addToast({
+            message,
+            duration,
+            intent: 'shine',
+        });
+        fn.success = (message, duration = DEFAULT_DURATION) => void addToast({
+            message,
+            duration,
+            intent: 'success',
+        });
+        fn.neutral = (message, duration = DEFAULT_DURATION) => void addToast({
+            message,
+            duration,
+            intent: 'neutral',
+        });
+        fn.danger = (message, duration = DEFAULT_DURATION) => void addToast({
+            message,
+            duration,
+            intent: 'danger',
+        });
+        fn.information = (message, duration = DEFAULT_DURATION) => void addToast({
+            message,
+            duration,
+            intent: 'information',
+        });
+        fn.warning = (message, duration = DEFAULT_DURATION) => void addToast({
+            message,
+            duration,
+            intent: 'warning',
+        });
+        return fn;
+    }, [addToast]);
+};
+const Toast = ({ remove, duration, message, id, intent }) => {
+    const dismiss = useCallback(() => {
+        remove(id);
+    }, [id, remove]);
+    useLayoutEffect(() => {
+        const timeout = setTimeout(() => {
+            dismiss();
+        }, duration);
+        return () => {
+            clearTimeout(timeout);
+        };
+    }, [dismiss]);
+    return (React.createElement(Alert, { dismissible: true, intent: intent, className: styles.alert, onRequestClose: dismiss }, message));
 };
-
-const Toast = _ref4 => {
-  let {
-    remove,
-    duration,
-    message,
-    id,
-    intent
-  } = _ref4;
-  const dismiss = useCallback(() => {
-    remove(id);
-  }, [id, remove]);
-  useLayoutEffect(() => {
-    const timeout = setTimeout(() => {
-      dismiss();
-    }, duration);
-    return () => {
-      clearTimeout(timeout);
-    };
-  }, [dismiss]);
-  return _jsx(Alert, {
-    dismissible: true,
-    intent: intent,
-    className: styles.alert,
-    onRequestClose: dismiss,
-    children: message
-  });
-};

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

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

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

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

package/dist/components/Toaster/index.js

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.css.d.ts","sourceRoot":"","sources":["../../../lib/components/Tooltip/Tooltip.css.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,IAAI,QAOf,CAAC"}

package/dist/components/Tooltip/Tooltip.css.js

@@ -1,22 +1,10 @@
-"use strict";
-
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
-
-__vanilla_filescope__.setFileScope("lib/components/Tooltip/Tooltip.css.ts", "@autoguru/overdrive");
-
-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 { style } from '@vanilla-extract/css';
-import { responsiveStyle } from "../../utils/responsiveStyle.js";
-export const root = style(_objectSpread({
-  maxWidth: '250px'
-}, responsiveStyle({
-  tablet: {
-    maxWidth: '450px'
-  }
-})), "root");
-
-__vanilla_filescope__.endFileScope();
+import { responsiveStyle } from '../../utils/responsiveStyle';
+export const root = style({
+    maxWidth: '250px',
+    ...responsiveStyle({
+        tablet: {
+            maxWidth: '450px',
+        },
+    }),
+});