@autoguru/overdrive 4.24.0 → 4.25.0

package/dist/components/DropDown/DropDown.d.ts

@@ -0,0 +1,23 @@
+import { IconType } from '@autoguru/icons';
+import * as React from 'react';
+import { ComponentProps, ReactNode } from 'react';
+import { Button } from '../Button';
+import { Flyout } from '../Flyout';
+import { EPositionerAlignment } from '../Positioner';
+type ButtonProps = Omit<ComponentProps<typeof Button>, 'is' | 'children'>;
+type FlyoutProps = Pick<ComponentProps<typeof Flyout>, 'alignment'>;
+export interface Props extends ButtonProps, FlyoutProps {
+    options: ReactNode[];
+    label: string;
+    icon?: IconType;
+}
+export declare const DropDown: ({ options, label, icon, alignment, onClick: incomingOnClick, ...buttonProps }: {
+    [x: string]: any;
+    options: any;
+    label: any;
+    icon?: React.ReactElement<React.SVGAttributes<SVGElement>, "svg"> | undefined;
+    alignment?: EPositionerAlignment | undefined;
+    onClick: any;
+}) => JSX.Element;
+export default DropDown;
+//# sourceMappingURL=DropDown.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DropDown.d.ts","sourceRoot":"","sources":["../../../lib/components/DropDown/DropDown.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAmB,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC5D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACN,cAAc,EAEd,SAAS,EAIT,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAGnC,OAAO,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAC;AAIrD,KAAK,WAAW,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EAAE,IAAI,GAAG,UAAU,CAAC,CAAC;AAC1E,KAAK,WAAW,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EAAE,WAAW,CAAC,CAAC;AAEpE,MAAM,WAAW,KAAM,SAAQ,WAAW,EAAE,WAAW;IACtD,OAAO,EAAE,SAAS,EAAE,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,QAAQ,CAAC;CAChB;AAED,eAAO,MAAM,QAAQ;;;;;;;iBAmCpB,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist/components/DropDown/DropDown.js

@@ -0,0 +1,56 @@
+"use strict";
+
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+const _excluded = ["options", "label", "icon", "alignment", "onClick"];
+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 = 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 { ChevronDownIcon } from '@autoguru/icons';
+import * as React from 'react';
+import { useCallback, useRef, useState } from 'react';
+import { Button } from "../Button/index.js";
+import { Flyout } from "../Flyout/index.js";
+import { Icon } from "../Icon/index.js";
+import { useOutsideClick } from "../OutsideClick/index.js";
+import { EPositionerAlignment } from "../Positioner/index.js";
+import { DropDownOptionsList } from "./DropDownOptionsList.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";
+export const DropDown = _ref => {
+  let {
+      options,
+      label,
+      icon = ChevronDownIcon,
+      alignment = EPositionerAlignment.BOTTOM_LEFT,
+      onClick: incomingOnClick
+    } = _ref,
+    buttonProps = _objectWithoutProperties(_ref, _excluded);
+  const buttonRef = useRef(null);
+  const menuRef = useRef(null);
+  const [isOpen, setIsOpen] = useState(false);
+  const onMenuClick = useCallback(event => {
+    if (typeof incomingOnClick === 'function') incomingOnClick(event);
+    setIsOpen(!isOpen);
+  }, [isOpen, incomingOnClick]);
+  useOutsideClick([menuRef], () => setIsOpen(false));
+  return _jsxs(_Fragment, {
+    children: [_jsxs(Button, _objectSpread(_objectSpread({
+      ref: buttonRef,
+      onClick: onMenuClick
+    }, buttonProps), {}, {
+      children: [label, _jsx(Icon, {
+        icon: icon
+      })]
+    })), _jsx(Flyout, {
+      triggerRef: buttonRef,
+      isOpen: isOpen,
+      alignment: alignment,
+      children: _jsx(DropDownOptionsList, {
+        ref: menuRef,
+        options: options
+      })
+    })]
+  });
+};
+export default DropDown;

package/dist/components/DropDown/DropDownOption.css.d.ts

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

package/dist/components/DropDown/DropDownOption.css.d.ts.map

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

package/dist/components/DropDown/DropDownOption.css.js

@@ -0,0 +1,26 @@
+"use strict";
+
+import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
+__vanilla_filescope__.setFileScope("lib/components/DropDown/DropDownOption.css.ts", "@autoguru/overdrive");
+import { style } from '@vanilla-extract/css';
+import { themeContractVars as vars } from "../../themes/theme.css.js";
+export const root = style({
+  transition: 'background-color 0.2s cubic-bezier(0, 0, 0.2, 1) 0s',
+  cursor: 'pointer',
+  ':hover': {
+    backgroundColor: vars.colours.background.light
+  }
+}, "root");
+export const action = style({
+  transition: "opacity 0.3s ".concat(vars.animation.easing.standard, " 0.1s"),
+  willChange: 'transform',
+  pointerEvents: 'none',
+  opacity: 0,
+  selectors: {
+    ["".concat(root, ":hover &")]: {
+      opacity: '1',
+      pointerEvents: 'initial'
+    }
+  }
+}, "action");
+__vanilla_filescope__.endFileScope();

package/dist/components/DropDown/DropDownOption.d.ts

@@ -0,0 +1,12 @@
+import { IconType } from '@autoguru/icons';
+import { ComponentProps, FunctionComponent } from 'react';
+import { Box } from '../Box';
+import { Text } from '../Text';
+interface Props extends Omit<ComponentProps<typeof Box>, 'paddingX' | 'paddingY'> {
+    icon?: IconType;
+    label: string;
+    iconColour?: ComponentProps<typeof Text>['colour'];
+}
+export declare const DropDownOption: FunctionComponent<Props>;
+export {};
+//# sourceMappingURL=DropDownOption.d.ts.map

package/dist/components/DropDown/DropDownOption.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropDownOption.d.ts","sourceRoot":"","sources":["../../../lib/components/DropDown/DropDownOption.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAG1D,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AAG7B,OAAO,EAAE,IAAI,EAAiB,MAAM,SAAS,CAAC;AAI9C,UAAU,KACT,SAAQ,IAAI,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC,EAAE,UAAU,GAAG,UAAU,CAAC;IACjE,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,cAAc,CAAC,OAAO,IAAI,CAAC,CAAC,QAAQ,CAAC,CAAC;CACnD;AAED,eAAO,MAAM,cAAc,EAAE,iBAAiB,CAAC,KAAK,CA+BnD,CAAC"}

package/dist/components/DropDown/DropDownOption.js

@@ -0,0 +1,49 @@
+"use strict";
+
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+const _excluded = ["label", "icon", "className", "iconColour"];
+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 = 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";
+import { Icon } from "../Icon/index.js";
+import { Inline } from "../Inline/index.js";
+import { Text, useTextStyles } from "../Text/index.js";
+import * as styles from "./DropDownOption.css.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export const DropDownOption = _ref => {
+  let {
+      label,
+      icon,
+      className,
+      iconColour = 'dark'
+    } = _ref,
+    boxProps = _objectWithoutProperties(_ref, _excluded);
+  const colourStyles = useTextStyles({
+    colour: iconColour
+  });
+  return _jsx(Box, _objectSpread(_objectSpread({
+    className: [styles.root, className]
+  }, boxProps), {}, {
+    paddingX: "3",
+    paddingY: "2",
+    children: _jsxs(Inline, {
+      noWrap: true,
+      space: "2",
+      width: "full",
+      alignX: "spaceBetween",
+      alignY: "center",
+      children: [_jsx(Text, {
+        is: "p",
+        size: "3",
+        children: label
+      }), icon ? _jsx(Icon, {
+        className: colourStyles,
+        size: "medium",
+        icon: icon
+      }) : null]
+    })
+  }));
+};

package/dist/components/DropDown/DropDownOptionsList.css.d.ts

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

package/dist/components/DropDown/DropDownOptionsList.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropDownOptionsList.css.d.ts","sourceRoot":"","sources":["../../../lib/components/DropDown/DropDownOptionsList.css.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,IAAI,QAEf,CAAC;AACH,eAAO,MAAM,IAAI,QAEf,CAAC"}

package/dist/components/DropDown/DropDownOptionsList.css.js

@@ -0,0 +1,12 @@
+"use strict";
+
+import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
+__vanilla_filescope__.setFileScope("lib/components/DropDown/DropDownOptionsList.css.ts", "@autoguru/overdrive");
+import { style } from '@vanilla-extract/css';
+export const root = style({
+  minWidth: 250
+}, "root");
+export const list = style({
+  maxHeight: 300
+}, "list");
+__vanilla_filescope__.endFileScope();

package/dist/components/DropDown/DropDownOptionsList.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import { ReactNode } from 'react';
+interface Props {
+    options: ReactNode[];
+}
+export declare const DropDownOptionsList: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
+export {};
+//# sourceMappingURL=DropDownOptionsList.d.ts.map

package/dist/components/DropDown/DropDownOptionsList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropDownOptionsList.d.ts","sourceRoot":"","sources":["../../../lib/components/DropDown/DropDownOptionsList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAwB,SAAS,EAAE,MAAM,OAAO,CAAC;AAOxD,UAAU,KAAK;IACd,OAAO,EAAE,SAAS,EAAE,CAAC;CACrB;AAED,eAAO,MAAM,mBAAmB,8EAY/B,CAAC"}

package/dist/components/DropDown/DropDownOptionsList.js

@@ -0,0 +1,29 @@
+"use strict";
+
+import * as React from 'react';
+import { forwardRef, Fragment } from 'react';
+import { Box } from "../Box/index.js";
+import { Stack } from "../Stack/index.js";
+import * as styles from "./DropDownOptionsList.css.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export const DropDownOptionsList = forwardRef((_ref, ref) => {
+  let {
+    options
+  } = _ref;
+  return _jsx(Box, {
+    ref: ref,
+    className: styles.root,
+    children: _jsx(Box, {
+      className: styles.list,
+      overflow: "auto",
+      children: _jsx(Stack, {
+        dividers: true,
+        width: "full",
+        space: "none",
+        children: options.map((option, index) => _jsx(Fragment, {
+          children: option
+        }, index))
+      })
+    })
+  });
+});

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

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

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

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

package/dist/components/DropDown/index.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export { DropDown } from "./DropDown.js";
+export { DropDownOption } from "./DropDownOption.js";

package/dist/components/DropDown/stories.js

@@ -0,0 +1,79 @@
+"use strict";
+
+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); 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 = 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 { DownloadIcon, TrashCanOutlineIcon } from '@autoguru/icons';
+import { action } from '@storybook/addon-actions';
+import * as React from 'react';
+import { Box } from "../Box/index.js";
+import { DropDown, DropDownOption } from "./index.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const onClick = action('onClick');
+export default {
+  title: 'Components/DropDown',
+  component: DropDown,
+  decorators: [story => _jsx("div", {
+    style: {
+      display: 'grid',
+      gridGap: '12px',
+      gridAutoFlow: 'row dense'
+    },
+    children: story()
+  })],
+  argTypes: {
+    size: {
+      options: ['small', 'medium'],
+      defaultValue: 'medium',
+      control: {
+        type: 'select'
+      }
+    },
+    variant: {
+      options: ['primary', 'secondary', 'danger', 'information', 'warning', 'danger'],
+      defaultValue: 'primary',
+      control: {
+        type: 'select'
+      }
+    }
+  }
+};
+const Template = args => _jsx(Box, {
+  style: {
+    height: '100vh',
+    width: '100vw',
+    maxHeight: '350px'
+  },
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "center",
+  children: _jsx(DropDown, _objectSpread({}, args))
+});
+const option1 = _jsx(DropDownOption, {
+  label: "Download",
+  icon: DownloadIcon
+});
+const option2 = _jsx(DropDownOption, {
+  label: "Delete",
+  icon: TrashCanOutlineIcon
+});
+const standardProps = {
+  label: 'Attachment',
+  options: [option1, option2],
+  onClick
+};
+export const standard = Template.bind(standardProps);
+standard.args = standardProps;
+const primaryProps = _objectSpread(_objectSpread({}, standardProps), {}, {
+  variant: 'primary',
+  options: [option1, option2]
+});
+export const primary = Template.bind(primaryProps);
+primary.args = primaryProps;
+const withManyOptionsProps = _objectSpread(_objectSpread({}, standardProps), {}, {
+  options: Array.from({
+    length: 99
+  }).map((_, index) => index % 2 == 0 ? option1 : option2)
+});
+export const withManyOptions = Template.bind(withManyOptionsProps);
+withManyOptions.args = withManyOptionsProps;

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

@@ -1 +1 @@
-{"version":3,"file":"EditableText.d.ts","sourceRoot":"","sources":["../../../lib/components/EditableText/EditableText.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,cAAc,EAAc,mBAAmB,EAA+B,MAAM,OAAO,CAAC;AAErG,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AAC7B,OAAO,EAAE,IAAI,EAAiB,MAAM,SAAS,CAAC;AAK9C,KAAK,QAAQ,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,WAAW,CAAC,CAAC;AACjG,KAAK,SAAS,GAAG,IAAI,CACpB,cAAc,CAAC,OAAO,IAAI,CAAC,EAC3B,IAAI,GAAG,QAAQ,GAAG,MAAM,GAAG,UAAU,GAAG,QAAQ,CAChD,CAAC;AACF,KAAK,UAAU,GAAG,IAAI,CACrB,mBAAmB,CAAC,gBAAgB,CAAC,EACnC,OAAO,GACP,IAAI,GACJ,WAAW,GACX,OAAO,GACP,QAAQ,GACR,SAAS,GACT,QAAQ,GACR,WAAW,GACX,MAAM,SAAS,GACf,MAAM,QAAQ,CAChB,CAAC;AAEF,MAAM,WAAW,KAAM,SAAQ,SAAS,EAAE,UAAU,EAAE,QAAQ;IAC7D,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;CACzC;AAED,KAAK,SAAS,GAAG,MAAM,GAAG,OAAO,CAAC;AAClC,eAAO,MAAM,YAAY,iFAwFxB,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"EditableText.d.ts","sourceRoot":"","sources":["../../../lib/components/EditableText/EditableText.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACN,cAAc,EAEd,mBAAmB,EAInB,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AAC7B,OAAO,EAAE,IAAI,EAAiB,MAAM,SAAS,CAAC;AAK9C,KAAK,QAAQ,GAAG,IAAI,CACnB,cAAc,CAAC,OAAO,GAAG,CAAC,EAC1B,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,WAAW,CAC9C,CAAC;AACF,KAAK,SAAS,GAAG,IAAI,CACpB,cAAc,CAAC,OAAO,IAAI,CAAC,EAC3B,IAAI,GAAG,QAAQ,GAAG,MAAM,GAAG,UAAU,GAAG,QAAQ,CAChD,CAAC;AACF,KAAK,UAAU,GAAG,IAAI,CACrB,mBAAmB,CAAC,gBAAgB,CAAC,EACnC,OAAO,GACP,IAAI,GACJ,WAAW,GACX,OAAO,GACP,QAAQ,GACR,SAAS,GACT,QAAQ,GACR,WAAW,GACX,MAAM,SAAS,GACf,MAAM,QAAQ,CAChB,CAAC;AAEF,MAAM,WAAW,KAAM,SAAQ,SAAS,EAAE,UAAU,EAAE,QAAQ;IAC7D,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;CACzC;AAED,KAAK,SAAS,GAAG,MAAM,GAAG,OAAO,CAAC;AAClC,eAAO,MAAM,YAAY,iFAuFxB,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/components/EditableText/EditableText.js

@@ -2,7 +2,7 @@
 
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-const _excluded = ["is", "colour", "size", "display", "value", "onFocus", "onBlur", "onKeyDown", "onModeChange"];
+const _excluded = ["is", "colour", "size", "display", "value", "onFocus", "onBlur", "onKeyDown", "onModeChange", "tabIndex"];
 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 = 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 clsx from 'clsx';
@@ -24,7 +24,8 @@ export const EditableText = forwardRef((_ref, ref) => {
       onFocus,
       onBlur,
       onKeyDown,
-      onModeChange
+      onModeChange,
+      tabIndex = 0
     } = _ref,
     inputProps = _objectWithoutProperties(_ref, _excluded);
   const textRef = useRef(null);
@@ -49,6 +50,7 @@ export const EditableText = forwardRef((_ref, ref) => {
   return _jsxs(Box, {
     ref: ref,
     display: display,
+    tabIndex: tabIndex,
     position: "relative",
     className: styles.root,
     onClick: () => onRequestModeChange('INPUT'),

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

@@ -1 +1 @@
-{"version":3,"file":"MinimalModal.d.ts","sourceRoot":"","sources":["../../../lib/components/MinimalModal/MinimalModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,iBAAiB,EAAqB,MAAM,OAAO,CAAC;AAElF,OAAO,EAAE,SAAS,EAA2B,MAAM,OAAO,CAAC;AAG3D,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AAC7B,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAIjC,MAAM,WAAW,KAChB,SAAQ,cAAc,CAAC,OAAO,KAAK,CAAC,EACnC,IAAI,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC,EAAE,YAAY,CAAC;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACrB;AAED,eAAO,MAAM,YAAY,EAAE,iBAAiB,CAAC,KAAK,CA0EjD,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"MinimalModal.d.ts","sourceRoot":"","sources":["../../../lib/components/MinimalModal/MinimalModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACX,cAAc,EACd,iBAAiB,EAEjB,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,SAAS,EAA2B,MAAM,OAAO,CAAC;AAG3D,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AAC7B,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAIjC,MAAM,WAAW,KAChB,SAAQ,cAAc,CAAC,OAAO,KAAK,CAAC,EACnC,IAAI,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC,EAAE,YAAY,CAAC;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACrB;AAED,eAAO,MAAM,YAAY,EAAE,iBAAiB,CAAC,KAAK,CAsEjD,CAAC;AAEF,eAAe,YAAY,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../lib/components/Modal/Modal.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACX,cAAc,EACd,aAAa,EACb,iBAAiB,EAEjB,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,SAAS,EAAyB,MAAM,OAAO,CAAC;AAKzD,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAInC,MAAM,WAAW,KAAM,SAAQ,cAAc,CAAC,OAAO,MAAM,CAAC;IAC3D,MAAM,EAAE,OAAO,CAAC;IAChB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB,cAAc,CAAC,CAAC,CAAC,EAAE,UAAU,GAAG,eAAe,GAAG,MAAM,GAAG,IAAI,CAAC;CAChE;AAqDD,eAAO,MAAM,KAAK,EAAE,iBAAiB,CAAC,KAAK,CA+E1C,CAAC;AAEF,eAAO,MAAM,SAAS,wIAmBpB,CAAC;AAEH,eAAe,KAAK,CAAC"}
+{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../lib/components/Modal/Modal.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACX,cAAc,EACd,aAAa,EACb,iBAAiB,EAEjB,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,SAAS,EAAyB,MAAM,OAAO,CAAC;AAKzD,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAInC,MAAM,WAAW,KAAM,SAAQ,cAAc,CAAC,OAAO,MAAM,CAAC;IAC3D,MAAM,EAAE,OAAO,CAAC;IAChB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB,cAAc,CAAC,CAAC,CAAC,EAAE,UAAU,GAAG,eAAe,GAAG,MAAM,GAAG,IAAI,CAAC;CAChE;AAqDD,eAAO,MAAM,KAAK,EAAE,iBAAiB,CAAC,KAAK,CAmF1C,CAAC;AAEF,eAAO,MAAM,SAAS,wIAmBpB,CAAC;AAEH,eAAe,KAAK,CAAC"}

package/dist/components/NumberInput/NumberInput.d.ts

@@ -1,6 +1,10 @@
 import * as React from 'react';
-interface Props extends Partial<Pick<HTMLInputElement, 'min' | 'max' | 'step'>> {
+import { FocusEventHandler, FormEventHandler } from 'react';
+interface Props extends Partial<Pick<HTMLInputElement, 'min' | 'max' | 'step'>>, Pick<HTMLInputElement, 'value'> {
     preventMouseWheel?: boolean;
+    onChange?: FormEventHandler<HTMLInputElement>;
+    onFocus?: FocusEventHandler<HTMLInputElement>;
+    onBlur?: FocusEventHandler<HTMLInputElement>;
 }
 export declare const NumberInput: React.ForwardRefExoticComponent<Props & import("../private/InputBase/withEnhancedInput").EnhanceInputPrimitiveProps & import("../private/InputBase/withEnhancedInput").EventHandlers<HTMLInputElement> & import("../private/InputBase/withEnhancedInput").ValidationProps & React.RefAttributes<HTMLInputElement>>;
 export default NumberInput;

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

@@ -1 +1 @@
-{"version":3,"file":"NumberInput.d.ts","sourceRoot":"","sources":["../../../lib/components/NumberInput/NumberInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,UAAU,KACT,SAAQ,OAAO,CAAC,IAAI,CAAC,gBAAgB,EAAE,KAAK,GAAG,KAAK,GAAG,MAAM,CAAC,CAAC;IAC/D,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,eAAO,MAAM,WAAW,oTA8EvB,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"NumberInput.d.ts","sourceRoot":"","sources":["../../../lib/components/NumberInput/NumberInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,OAAO,CAAC;AAY5D,UAAU,KACT,SAAQ,OAAO,CAAC,IAAI,CAAC,gBAAgB,EAAE,KAAK,GAAG,KAAK,GAAG,MAAM,CAAC,CAAC,EAC9D,IAAI,CAAC,gBAAgB,EAAE,OAAO,CAAC;IAChC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,EAAE,gBAAgB,CAAC,gBAAgB,CAAC,CAAC;IAC9C,OAAO,CAAC,EAAE,iBAAiB,CAAC,gBAAgB,CAAC,CAAC;IAC9C,MAAM,CAAC,EAAE,iBAAiB,CAAC,gBAAgB,CAAC,CAAC;CAC7C;AAED,eAAO,MAAM,WAAW,oTA4CvB,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/components/NumberInput/NumberInput.js

@@ -3,13 +3,13 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 const _excluded = ["ref"],
-  _excluded2 = ["field", "eventHandlers", "validation", "isLoading", "suffixed", "prefixed", "preventMouseWheel", "size"];
+  _excluded2 = ["field", "eventHandlers", "validation", "isLoading", "suffixed", "prefixed", "preventMouseWheel", "size", "onChange", "onFocus", "onBlur"];
 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 = 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 { useCallback, useEffect, useRef } from 'react';
 import { Box } from "../Box/index.js";
 import { withEnhancedInput } from "../private/InputBase/index.js";
+import { useNumberInputBehaviours } from "./useNumberInputBehaviours.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const isEdge = typeof navigator !== 'undefined' && /edge/i.test(navigator.userAgent);
 const type = isEdge ? 'text' : 'number';
@@ -24,42 +24,38 @@ export const NumberInput = withEnhancedInput(_ref => {
       suffixed,
       prefixed,
       preventMouseWheel = false,
-      size
+      size,
+      onChange: incomingOnChange,
+      onFocus: incomingOnFocus,
+      onBlur: incomingOnBlur
     } = _ref,
     incomingFieldProps = _objectWithoutProperties(_ref.field, _excluded),
     rest = _objectWithoutProperties(_ref, _excluded2);
-  const inputRef = useRef(ref === null || ref === void 0 ? void 0 : ref.current);
-  const preventWheel = useCallback(e => {
-    e.preventDefault();
-    e.stopPropagation();
-  }, []);
-  useEffect(() => {
-    let mouseWheelListener;
-    let onWheelListener;
-    let wheelListener;
-    if (preventMouseWheel && inputRef !== null && inputRef !== void 0 && inputRef.current) {
-      mouseWheelListener = inputRef.current.addEventListener('mousewheel', preventWheel, {
-        passive: false
-      });
-      onWheelListener = inputRef.current.addEventListener('onwheel', preventWheel, {
-        passive: false
-      });
-      wheelListener = inputRef.current.addEventListener('wheel', preventWheel, {
-        passive: false
-      });
-    }
-    return () => {
-      if (mouseWheelListener) inputRef.current.removeEventListener('mousewheel', mouseWheelListener);
-      if (onWheelListener) inputRef.current.removeEventListener('onwheel', onWheelListener);
-      if (wheelListener) inputRef.current.removeEventListener('wheel', wheelListener);
-    };
-  }, [preventMouseWheel, inputRef.current]);
+  const {
+    value,
+    inputRef,
+    onFocus,
+    onBlur,
+    onChange
+  } = useNumberInputBehaviours({
+    ref,
+    preventMouseWheel,
+    onFocus: eventHandlers.onFocus,
+    onBlur: eventHandlers.onBlur,
+    onChange: eventHandlers.onChange,
+    value: incomingFieldProps.value
+  });
   return _jsx(Box, _objectSpread(_objectSpread(_objectSpread(_objectSpread({
     is: "input",
     ref: inputRef
-  }, eventHandlers), incomingFieldProps), rest), {}, {
+  }, eventHandlers), {}, {
+    onFocus: onFocus,
+    onBlur: onBlur,
+    onChange: onChange
+  }, incomingFieldProps), rest), {}, {
     autoComplete: "off",
-    type: type
+    type: type,
+    value: value
   }));
 }, {
   primitiveType: type

package/dist/components/NumberInput/stories.js

@@ -1,6 +1,8 @@
 "use strict";
 
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+const _excluded = ["value", "onChange"];
 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 = 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, PlusIcon, StarIcon } from '@autoguru/icons';
@@ -63,7 +65,21 @@ const argTypes = {
     }
   }
 };
-const Template = args => _jsx(NumberInput, _objectSpread({}, args));
+const Template = _ref => {
+  let {
+      value: initialValue,
+      onChange: incomingOnChange
+    } = _ref,
+    args = _objectWithoutProperties(_ref, _excluded);
+  const [value, setValue] = React.useState(initialValue);
+  return _jsx(NumberInput, _objectSpread(_objectSpread({}, args), {}, {
+    value: value,
+    onChange: e => {
+      setValue(e.currentTarget.value);
+      incomingOnChange(e);
+    }
+  }));
+};
 const sharedProps = {
   disabled: false,
   name: 'number',
@@ -75,6 +91,7 @@ const sharedProps = {
   reserveHintSpace: false,
   hintText: '',
   notch: true,
+  preventMouseWheel: true,
   prefixIcon: null,
   onChange: action('onChange'),
   onFocus: action('onFocus'),

package/dist/components/NumberInput/useNumberInputBehaviours.d.ts

@@ -0,0 +1,20 @@
+import { FocusEventHandler, FormEventHandler, RefObject } from 'react';
+import { EnhanceInputPrimitiveProps } from '../private/InputBase/withEnhancedInput';
+interface Props {
+    value: EnhanceInputPrimitiveProps['value'];
+    ref: RefObject<HTMLInputElement>;
+    preventMouseWheel: boolean;
+    onFocus?: FocusEventHandler<HTMLInputElement>;
+    onBlur?: FocusEventHandler<HTMLInputElement>;
+    onChange?: FormEventHandler<HTMLInputElement>;
+}
+interface Returns {
+    value: EnhanceInputPrimitiveProps['value'];
+    inputRef: RefObject<HTMLInputElement>;
+    onFocus: FocusEventHandler<HTMLInputElement>;
+    onBlur: FocusEventHandler<HTMLInputElement>;
+    onChange: FormEventHandler<HTMLInputElement>;
+}
+export declare const useNumberInputBehaviours: ({ ref, preventMouseWheel, onBlur: incomingOnBlur, onFocus: incomingOnFocus, onChange: incomingOnChange, value, }: Props) => Returns;
+export {};
+//# sourceMappingURL=useNumberInputBehaviours.d.ts.map

package/dist/components/NumberInput/useNumberInputBehaviours.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useNumberInputBehaviours.d.ts","sourceRoot":"","sources":["../../../lib/components/NumberInput/useNumberInputBehaviours.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,iBAAiB,EACjB,gBAAgB,EAChB,SAAS,EAKT,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,0BAA0B,EAAE,MAAM,wCAAwC,CAAC;AAEpF,UAAU,KAAK;IACd,KAAK,EAAE,0BAA0B,CAAC,OAAO,CAAC,CAAC;IAC3C,GAAG,EAAE,SAAS,CAAC,gBAAgB,CAAC,CAAC;IACjC,iBAAiB,EAAE,OAAO,CAAC;IAC3B,OAAO,CAAC,EAAE,iBAAiB,CAAC,gBAAgB,CAAC,CAAC;IAC9C,MAAM,CAAC,EAAE,iBAAiB,CAAC,gBAAgB,CAAC,CAAC;IAC7C,QAAQ,CAAC,EAAE,gBAAgB,CAAC,gBAAgB,CAAC,CAAC;CAC9C;AAED,UAAU,OAAO;IAChB,KAAK,EAAE,0BAA0B,CAAC,OAAO,CAAC,CAAC;IAC3C,QAAQ,EAAE,SAAS,CAAC,gBAAgB,CAAC,CAAC;IACtC,OAAO,EAAE,iBAAiB,CAAC,gBAAgB,CAAC,CAAC;IAC7C,MAAM,EAAE,iBAAiB,CAAC,gBAAgB,CAAC,CAAC;IAC5C,QAAQ,EAAE,gBAAgB,CAAC,gBAAgB,CAAC,CAAC;CAC7C;AAED,eAAO,MAAM,wBAAwB,qHAOlC,KAAK,KAAG,OAqFV,CAAC"}

package/dist/components/NumberInput/useNumberInputBehaviours.js

@@ -0,0 +1,64 @@
+"use strict";
+
+import { useCallback, useEffect, useRef, useState } from 'react';
+export const useNumberInputBehaviours = _ref => {
+  let {
+    ref,
+    preventMouseWheel,
+    onBlur: incomingOnBlur,
+    onFocus: incomingOnFocus,
+    onChange: incomingOnChange,
+    value
+  } = _ref;
+  const inputRef = useRef(ref === null || ref === void 0 ? void 0 : ref.current);
+  const [isFocused, setIsFocused] = useState(false);
+  const [displayValue, setDisplayValue] = useState(value);
+  const onBlur = useCallback(e => {
+    if (typeof incomingOnBlur === 'function') incomingOnBlur(e);
+    setIsFocused(false);
+    setDisplayValue(void 0);
+  }, [incomingOnBlur]);
+  const onFocus = useCallback(e => {
+    if (typeof incomingOnFocus === 'function') incomingOnFocus(e);
+    if (typeof value === 'string' && displayValue !== value) setDisplayValue(value);
+    setIsFocused(true);
+  }, [incomingOnFocus, value, displayValue]);
+  const onChange = useCallback(e => {
+    if (isFocused) {
+      setDisplayValue(e.currentTarget.value);
+    }
+    if (typeof incomingOnChange === 'function') incomingOnChange(e);
+  }, [incomingOnChange, isFocused, value, displayValue]);
+  const preventWheel = useCallback(e => {
+    e.preventDefault();
+    e.stopPropagation();
+  }, []);
+  useEffect(() => {
+    let mouseWheelListener;
+    let onWheelListener;
+    let wheelListener;
+    if (preventMouseWheel && inputRef !== null && inputRef !== void 0 && inputRef.current) {
+      mouseWheelListener = inputRef.current.addEventListener('mousewheel', preventWheel, {
+        passive: false
+      });
+      onWheelListener = inputRef.current.addEventListener('onwheel', preventWheel, {
+        passive: false
+      });
+      wheelListener = inputRef.current.addEventListener('wheel', preventWheel, {
+        passive: false
+      });
+    }
+    return () => {
+      if (mouseWheelListener && inputRef.current) inputRef.current.removeEventListener('mousewheel', mouseWheelListener);
+      if (onWheelListener && inputRef.current) inputRef.current.removeEventListener('onwheel', onWheelListener);
+      if (wheelListener && inputRef.current) inputRef.current.removeEventListener('wheel', wheelListener);
+    };
+  }, [preventMouseWheel, inputRef.current]);
+  return {
+    inputRef,
+    onBlur,
+    onFocus,
+    onChange,
+    value: typeof displayValue === 'string' ? displayValue : value
+  };
+};

package/dist/components/index.d.ts

@@ -62,4 +62,5 @@ export * from './StickyBox';
 export * from './ScrollPane';
 export * from './IntentStripe';
 export * from './EditableText';
+export * from './DropDown';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../lib/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAEhC,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,OAAO,CAAC;AACtB,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,2BAA2B,CAAC;AAC1C,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,SAAS,CAAC;AACxB,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,yBAAyB,CAAC;AACxC,cAAc,kBAAkB,CAAC;AACjC,cAAc,0BAA0B,CAAC;AACzC,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../lib/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAEhC,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,OAAO,CAAC;AACtB,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,2BAA2B,CAAC;AAC1C,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,SAAS,CAAC;AACxB,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,yBAAyB,CAAC;AACxC,cAAc,kBAAkB,CAAC;AACjC,cAAc,0BAA0B,CAAC;AACzC,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC"}

package/dist/components/index.js

@@ -63,4 +63,5 @@ export * from "./FillHeightBox/index.js";
 export * from "./StickyBox/index.js";
 export * from "./ScrollPane/index.js";
 export * from "./IntentStripe/index.js";
-export * from "./EditableText/index.js";
+export * from "./EditableText/index.js";
+export * from "./DropDown/index.js";

package/dist/utils/refs.d.ts

@@ -0,0 +1,2 @@
+export declare const mergeRefs: <T>(...refs: Array<any>) => (node: T) => void;
+//# sourceMappingURL=refs.d.ts.map

package/dist/utils/refs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"refs.d.ts","sourceRoot":"","sources":["../../lib/utils/refs.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,SAAS,eACR,MAAM,GAAG,CAAC,sBAKtB,CAAC"}

package/dist/utils/refs.js

@@ -0,0 +1,12 @@
+"use strict";
+
+export const mergeRefs = function () {
+  for (var _len = arguments.length, refs = new Array(_len), _key = 0; _key < _len; _key++) {
+    refs[_key] = arguments[_key];
+  }
+  return node => {
+    for (const ref of refs.filter(Boolean)) {
+      ref.current = node;
+    }
+  };
+};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@autoguru/overdrive",
-	"version": "4.24.0",
+	"version": "4.25.0",
 	"description": "Overdrive is a product component library, and design system for AutoGuru.",
 	"types": "dist/index.d.ts",
 	"main": "dist/index.js",