@autoguru/overdrive 4.24.1 → 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/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.1",
+	"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",