@autoguru/overdrive 4.1.9 → 4.1.10

package/dist/components/Columns/stories.js

@@ -2,9 +2,9 @@
 
 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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : 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";

package/dist/components/DateInput/DateInput.d.ts

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

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

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

package/dist/components/DateInput/DateInput.js

@@ -1,36 +1,10 @@
-"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 { warning } from '@autoguru/utilities';
 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 DateInput = withEnhancedInput(_ref => {
-  let {
-    field,
-    eventHandlers,
-    validation,
-    isLoading,
-    suffixed,
-    prefixed
-  } = _ref,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
-  process.env.NODE_ENV !== "production" ? warning(field.value !== '', 'Date Input does not support empty values.') : void 0;
-  return _jsx(Box, _objectSpread(_objectSpread(_objectSpread(_objectSpread({
-    is: "input"
-  }, eventHandlers), field), rest), {}, {
-    autoComplete: "off",
-    type: "date"
-  }));
+import { Box } from '../Box';
+import { withEnhancedInput } from '../private/InputBase';
+export const DateInput = withEnhancedInput(({ field, eventHandlers, validation, isLoading, suffixed, prefixed, ...rest }) => {
+    warning(field.value !== '', 'Date Input does not support empty values.');
+    return (React.createElement(Box, { is: "input", ...eventHandlers, ...field, ...rest, autoComplete: "off", type: "date" }));
 }, {
-  primitiveType: 'date'
-});
+    primitiveType: 'date',
+});

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

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

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

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

package/dist/components/DateInput/index.js

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

package/dist/components/DateInput/stories.js

@@ -2,9 +2,9 @@
 
 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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 import { AccountEditIcon, AlertCircleIcon, CalendarIcon, CarMultipleIcon, CurrencyUsdIcon, PlusIcon, StarIcon } from '@autoguru/icons';
 import { action } from '@storybook/addon-actions';
@@ -13,7 +13,7 @@ import * as React from 'react';
 import { DateInput } from "./index.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 
-const formatDate = function formatDate() {
+const formatDate = function () {
   let date = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : new Date();
   const year = date.getFullYear();
   const month = (date.getMonth() + 1).toString().padStart(2, '0');

package/dist/components/Flyout/Flyout.d.ts

@@ -0,0 +1,4 @@
+import type { ComponentPropsWithoutRef, FunctionComponent } from 'react';
+import { Positioner } from '../Positioner';
+export declare const Flyout: FunctionComponent<ComponentPropsWithoutRef<typeof Positioner>>;
+//# sourceMappingURL=Flyout.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Flyout.d.ts","sourceRoot":"","sources":["../../../lib/components/Flyout/Flyout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAIzE,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,eAAO,MAAM,MAAM,EAAE,iBAAiB,CACrC,wBAAwB,CAAC,OAAO,UAAU,CAAC,CAkB3C,CAAC"}

package/dist/components/Flyout/Flyout.js

@@ -1,41 +1,5 @@
-"use strict";
-
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-const _excluded = ["children", "triggerRef", "isOpen", "alignment", "triggerOffset"];
-
-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 { Positioner } from "../Positioner/index.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-export const Flyout = _ref => {
-  let {
-    children,
-    triggerRef,
-    isOpen,
-    alignment,
-    triggerOffset
-  } = _ref,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
-  return _jsx(Positioner, _objectSpread(_objectSpread({
-    triggerRef: triggerRef,
-    isOpen: isOpen,
-    alignment: alignment,
-    triggerOffset: triggerOffset
-  }, rest), {}, {
-    children: _jsx(Box, {
-      overflow: "hidden",
-      backgroundColour: "white",
-      boxShadow: "4",
-      borderRadius: "1",
-      borderWidth: "1",
-      borderColour: "gray",
-      children: children
-    })
-  }));
-};
+import { Box } from '../Box';
+import { Positioner } from '../Positioner';
+export const Flyout = ({ children, triggerRef, isOpen, alignment, triggerOffset, ...rest }) => (React.createElement(Positioner, { triggerRef: triggerRef, isOpen: isOpen, alignment: alignment, triggerOffset: triggerOffset, ...rest },
+    React.createElement(Box, { overflow: "hidden", backgroundColour: "white", boxShadow: "4", borderRadius: "1", borderWidth: "1", borderColour: "gray" }, children)));

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

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

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

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

package/dist/components/Flyout/index.js

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

package/dist/components/Flyout/stories.js

@@ -2,9 +2,9 @@
 
 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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 import * as React from 'react';
 import { useRef } from 'react';

package/dist/components/Heading/Heading.d.ts

@@ -0,0 +1,11 @@
+import { ComponentProps, FunctionComponent } from 'react';
+import { Tokens } from '../../themes/tokens';
+import { Box } from '../Box';
+import type { TextStyleProps } from '../Text';
+export interface Props extends Omit<TextStyleProps, 'is'>, Pick<ComponentProps<typeof Box>, 'id'> {
+    className?: string;
+    is?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+    colour?: Exclude<keyof Tokens['typography']['colour'], 'muted'>;
+}
+export declare const Heading: FunctionComponent<Props>;
+//# sourceMappingURL=Heading.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Heading.d.ts","sourceRoot":"","sources":["../../../lib/components/Heading/Heading.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE1D,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AAC7B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAG9C,MAAM,WAAW,KAChB,SAAQ,IAAI,CAAC,cAAc,EAAE,IAAI,CAAC,EACjC,IAAI,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC,EAAE,IAAI,CAAC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC7C,MAAM,CAAC,EAAE,OAAO,CAAC,MAAM,MAAM,CAAC,YAAY,CAAC,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC,CAAC;CAChE;AAWD,eAAO,MAAM,OAAO,EAAE,iBAAiB,CAAC,KAAK,CA8B5C,CAAC"}

package/dist/components/Heading/Heading.js

@@ -1,41 +1,23 @@
-"use strict";
-
 import * as React from 'react';
-import { Box } from "../Box/index.js";
-import { useTextStyles } from "../Text/index.js";
-import { jsx as _jsx } from "react/jsx-runtime";
+import { Box } from '../Box';
+import { useTextStyles } from '../Text';
 const sizeScaleDefaults = {
-  h1: '8',
-  h2: '7',
-  h3: '6',
-  h4: '4',
-  h5: '3',
-  h6: '2'
+    h1: '8',
+    h2: '7',
+    h3: '6',
+    h4: '4',
+    h5: '3',
+    h6: '2',
 };
-export const Heading = _ref => {
-  let {
-    is = 'h1',
-    align,
-    fontWeight = 'bold',
-    noWrap,
-    transform,
-    colour = 'dark',
-    size = sizeScaleDefaults[is],
-    id,
-    className = '',
-    children
-  } = _ref;
-  return _jsx(Box, {
-    id: id,
-    is: is,
-    className: [useTextStyles({
-      size,
-      align,
-      colour,
-      noWrap,
-      transform,
-      fontWeight
-    }), className],
-    children: children
-  });
-};
+export const Heading = ({ is = 'h1', align, fontWeight = 'bold', noWrap, transform, colour = 'dark', size = sizeScaleDefaults[is], id, breakWord, className = '', children, }) => (React.createElement(Box, { id: id, is: is, className: [
+        useTextStyles({
+            size,
+            align,
+            colour,
+            noWrap,
+            transform,
+            fontWeight,
+            breakWord,
+        }),
+        className,
+    ] }, children));

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

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

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

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

package/dist/components/Heading/index.js

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

package/dist/components/Heading/stories.js

@@ -2,14 +2,15 @@
 
 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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 import * as React from 'react';
 import { Heading } from "./index.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const noWrapOptions = [false, true];
+const wordBreakOptions = [false, true];
 const transformOptions = ['uppercase', 'capitalize', undefined];
 const weightOptions = ['normal', 'semiBold', 'bold'];
 const headingTypeOptions = ['h1', 'h2', 'h3', 'h4', 'h5', 'h6'];
@@ -26,6 +27,13 @@ export default {
         type: 'boolean'
       }
     },
+    breakWord: {
+      options: wordBreakOptions,
+      defaultValue: false,
+      control: {
+        type: 'boolean'
+      }
+    },
     transform: {
       options: transformOptions,
       defaultValue: null,

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

@@ -0,0 +1,2 @@
+export declare const size: Record<string | number, any>;
+//# sourceMappingURL=Icon.css.d.ts.map

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

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

package/dist/components/Icon/Icon.css.js

@@ -1,14 +1,6 @@
-"use strict";
-
-import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
-
-__vanilla_filescope__.setFileScope("lib/components/Icon/Icon.css.ts", "@autoguru/overdrive");
-
-import { vars } from "../../themes/base/vars.css.js";
-import { makeResponsiveStyle } from "../../utils/responsiveProps.css.js";
-export const size = makeResponsiveStyle(vars.icon.size, value => ({
-  width: value,
-  height: value
+import { vars } from '../../themes/base/vars.css';
+import { makeResponsiveStyle } from '../../utils/responsiveProps.css';
+export const size = makeResponsiveStyle(vars.icon.size, (value) => ({
+    width: value,
+    height: value,
 }));
-
-__vanilla_filescope__.endFileScope();

package/dist/components/Icon/Icon.d.ts

@@ -0,0 +1,13 @@
+import type { IconType } from '@autoguru/icons';
+import type { FunctionComponent, ReactElement, SVGAttributes } from 'react';
+import { ResponsiveProp } from '../../utils/responsiveProps.css';
+import type { BoxStyleProps } from '../Box';
+import * as styles from './Icon.css';
+export interface Props {
+    display?: Extract<BoxStyleProps['display'], 'block' | 'inlineBlock'>;
+    className?: string;
+    size?: ResponsiveProp<keyof typeof styles.size | string>;
+    icon: IconType | ReactElement<SVGAttributes<SVGElement>, 'svg'>;
+}
+export declare const Icon: FunctionComponent<Props>;
+//# sourceMappingURL=Icon.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../lib/components/Icon/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,KAAK,EAAE,iBAAiB,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAK5E,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AACjE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AAG5C,OAAO,KAAK,MAAM,MAAM,YAAY,CAAC;AAErC,MAAM,WAAW,KAAK;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC,aAAa,CAAC,SAAS,CAAC,EAAE,OAAO,GAAG,aAAa,CAAC,CAAC;IACrE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,cAAc,CAAC,MAAM,OAAO,MAAM,CAAC,IAAI,GAAG,MAAM,CAAC,CAAC;IACzD,IAAI,EAAE,QAAQ,GAAG,YAAY,CAAC,aAAa,CAAC,UAAU,CAAC,EAAE,KAAK,CAAC,CAAC;CAChE;AAED,eAAO,MAAM,IAAI,EAAE,iBAAiB,CAAC,KAAK,CAoBzC,CAAC"}

package/dist/components/Icon/Icon.js

@@ -1,30 +1,13 @@
-"use strict";
-
 import * as React from 'react';
 import { cloneElement } from 'react';
-import { resolveResponsiveStyle } from "../../utils/resolveResponsiveProps.js";
-import { Box, useBoxStyles } from "../Box/index.js";
-import * as styles from "./Icon.css.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-export const Icon = _ref => {
-  let {
-    className = '',
-    icon,
-    size = 'small',
-    display = 'block'
-  } = _ref;
-  return _jsx(Box, {
-    is: "i",
-    display: display,
-    className: [resolveResponsiveStyle(size, styles.size), className],
-    role: "presentation",
-    children: cloneElement(icon, {
-      className: useBoxStyles({
+import { resolveResponsiveStyle } from '../../utils/resolveResponsiveProps';
+import { Box, useBoxStyles } from '../Box';
+import * as styles from './Icon.css';
+export const Icon = ({ className = '', icon, size = 'small', display = 'block', }) => (React.createElement(Box, { is: "i", display: display, className: [resolveResponsiveStyle(size, styles.size), className], role: "presentation" }, cloneElement(icon, {
+    className: useBoxStyles({
         is: 'svg',
         display: 'block',
         width: 'full',
-        height: 'full'
-      })
-    })
-  });
-};
+        height: 'full',
+    }),
+})));

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

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

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

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

package/dist/components/Icon/index.js

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

package/dist/components/Icon/stories.js

@@ -2,9 +2,9 @@
 
 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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 import { AccountEditIcon, AlertCircleIcon, CalendarIcon, CarIcon, CarMultipleIcon, CheckIcon, CurrencyUsdIcon, MagnifyIcon, PlusIcon, StarIcon } from '@autoguru/icons';
 import * as React from 'react';

package/dist/components/Image/Image.d.ts

@@ -0,0 +1,8 @@
+import type { ComponentProps, FunctionComponent } from 'react';
+import { ResponsiveImage } from './ResponsiveImage';
+interface Props extends ComponentProps<typeof ResponsiveImage> {
+    unoptimised?: boolean;
+}
+export declare const Image: FunctionComponent<Props>;
+export {};
+//# sourceMappingURL=Image.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Image.d.ts","sourceRoot":"","sources":["../../../lib/components/Image/Image.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAI/D,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAGpD,UAAU,KAAM,SAAQ,cAAc,CAAC,OAAO,eAAe,CAAC;IAI7D,WAAW,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,eAAO,MAAM,KAAK,EAAE,iBAAiB,CAAC,KAAK,CAQ1C,CAAC"}

package/dist/components/Image/Image.js

@@ -1,23 +1,5 @@
-"use strict";
-
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-const _excluded = ["unoptimised"];
-
-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 { useImageServer } from "./ImageServerProvider.js";
-import { ResponsiveImage } from "./ResponsiveImage.js";
-import { SimpleImage } from "./SimpleImage.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-export const Image = _ref => {
-  let {
-    unoptimised = false
-  } = _ref,
-      props = _objectWithoutProperties(_ref, _excluded);
-
-  return useImageServer() && !unoptimised ? _jsx(ResponsiveImage, _objectSpread({}, props)) : _jsx(SimpleImage, _objectSpread({}, props));
-};
+import { useImageServer } from './ImageServerProvider';
+import { ResponsiveImage } from './ResponsiveImage';
+import { SimpleImage } from './SimpleImage';
+export const Image = ({ unoptimised = false, ...props }) => ((useImageServer() && !unoptimised) ? (React.createElement(ResponsiveImage, { ...props })) : (React.createElement(SimpleImage, { ...props })));

package/dist/components/Image/ImageServerProvider.d.ts

@@ -0,0 +1,18 @@
+import { FunctionComponent } from 'react';
+import { WidthScale } from './types';
+interface UrlParams {
+    src: string;
+    width: number;
+    quality: number;
+}
+interface ImageServerContext {
+    widthMap?: Record<WidthScale, number>;
+    getWidthValue?(width: WidthScale): number;
+    srcUrlMapper(params: UrlParams): string;
+    generateSrcSet(params: Omit<UrlParams, 'width'>): string;
+}
+export declare const widthMap: ImageServerContext['widthMap'];
+export declare const useImageServer: () => ImageServerContext;
+export declare const ImageServerProvider: FunctionComponent<Omit<ImageServerContext, 'generateSrcSet'>>;
+export {};
+//# sourceMappingURL=ImageServerProvider.d.ts.map

package/dist/components/Image/ImageServerProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageServerProvider.d.ts","sourceRoot":"","sources":["../../../lib/components/Image/ImageServerProvider.tsx"],"names":[],"mappings":"AACA,OAAO,EAA0B,iBAAiB,EAAoC,MAAM,OAAO,CAAC;AAEpG,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAErC,UAAU,SAAS;IAClB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;CAChB;AAED,UAAU,kBAAkB;IAC3B,QAAQ,CAAC,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC;IACtC,aAAa,CAAC,CAAC,KAAK,EAAE,UAAU,GAAG,MAAM,CAAC;IAE1C,YAAY,CAAC,MAAM,EAAE,SAAS,GAAG,MAAM,CAAC;IACxC,cAAc,CAAC,MAAM,EAAE,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC,GAAG,MAAM,CAAC;CACzD;AAED,eAAO,MAAM,QAAQ,EAAC,kBAAkB,CAAC,UAAU,CAiBjD,CAAC;AAWH,eAAO,MAAM,cAAc,0BAAmC,CAAC;AAE/D,eAAO,MAAM,mBAAmB,EAAE,iBAAiB,CAAC,IAAI,CAAC,kBAAkB,EAAE,gBAAgB,CAAC,CAgC7F,CAAC"}

package/dist/components/Image/ImageServerProvider.js

@@ -1,62 +1,45 @@
-"use strict";
-
 import * as React from 'react';
 import { createContext, useCallback, useContext, useMemo } from 'react';
-import { jsx as _jsx } from "react/jsx-runtime";
 export const widthMap = {
-  '1': 16,
-  '2': 32,
-  '3': 48,
-  '4': 64,
-  '5': 96,
-  '6': 128,
-  '7': 256,
-  '8': 384,
-  '9': 640,
-  '10': 750,
-  '11': 828,
-  '12': 1080,
-  '13': 1200,
-  '14': 1920,
-  '15': 2048,
-  '16': 3840
+    '1': 16,
+    '2': 32,
+    '3': 48,
+    '4': 64,
+    '5': 96,
+    '6': 128,
+    '7': 256,
+    '8': 384,
+    '9': 640,
+    '10': 750,
+    '11': 828,
+    '12': 1080,
+    '13': 1200,
+    '14': 1920,
+    '15': 2048,
+    '16': 3840,
 };
 const defaultValue = {
-  widthMap,
-  getWidthValue: width => widthMap[width],
-  srcUrlMapper: null,
-  generateSrcSet: null
+    widthMap,
+    getWidthValue: (width) => widthMap[width],
+    srcUrlMapper: null,
+    generateSrcSet: null,
 };
 const imageServerCtx = createContext(null);
 export const useImageServer = () => useContext(imageServerCtx);
-export const ImageServerProvider = _ref => {
-  let {
-    children,
-    srcUrlMapper = defaultValue.srcUrlMapper,
-    getWidthValue = defaultValue.getWidthValue,
-    widthMap = defaultValue.widthMap
-  } = _ref;
-  const generateSrcSet = useCallback(_ref2 => {
-    let {
-      quality,
-      src
-    } = _ref2;
-    return Object.keys(widthMap).map(key => {
-      const width = getWidthValue(key);
-      return "".concat(srcUrlMapper({
-        quality,
-        src,
-        width
-      }), " ").concat(width, "w");
-    }).join(', ');
-  }, [widthMap, srcUrlMapper, getWidthValue]);
-  return _jsx(imageServerCtx.Provider, {
-    value: useMemo(() => ({
-      widthMap,
-      srcUrlMapper,
-      getWidthValue,
-      generateSrcSet
-    }), [srcUrlMapper, widthMap, getWidthValue, generateSrcSet]),
-    children: children
-  });
-};
+export const ImageServerProvider = ({ children, srcUrlMapper = defaultValue.srcUrlMapper, getWidthValue = defaultValue.getWidthValue, widthMap = defaultValue.widthMap, }) => {
+    const generateSrcSet = useCallback(({ quality, src }) => (Object.keys(widthMap).map((key) => {
+        const width = getWidthValue(key);
+        return `${srcUrlMapper({ quality, src, width })} ${width}w`;
+    }).join(', ')), [widthMap, srcUrlMapper, getWidthValue]);
+    return (React.createElement(imageServerCtx.Provider, { value: useMemo(() => ({
+            widthMap,
+            srcUrlMapper,
+            getWidthValue,
+            generateSrcSet,
+        }), [
+            srcUrlMapper,
+            widthMap,
+            getWidthValue,
+            generateSrcSet,
+        ]) }, children));
+};

package/dist/components/Image/ResponsiveImage.d.ts

@@ -0,0 +1,11 @@
+import type { ComponentProps, FunctionComponent } from 'react';
+import { ResponsiveProp } from '../../utils/responsiveProps.css';
+import { widthMap } from './ImageServerProvider';
+import { SimpleImage } from './SimpleImage';
+export interface Props extends Omit<ComponentProps<typeof SimpleImage>, 'sizes'> {
+    imageWidth?: ResponsiveProp<keyof typeof widthMap>;
+    sizes?: ResponsiveProp<string>;
+    quality?: number;
+}
+export declare const ResponsiveImage: FunctionComponent<Props>;
+//# sourceMappingURL=ResponsiveImage.d.ts.map