@autoguru/overdrive 4.3.4 → 4.4.0

package/dist/components/Actions/Actions.d.ts

@@ -0,0 +1,7 @@
+import { ComponentProps, FunctionComponent, ReactElement } from 'react';
+import { Columns } from '../Columns';
+export interface Props extends Partial<Pick<ComponentProps<typeof Columns>, 'noWrap' | 'wrappingDirection'>> {
+    children: ReactElement | ReactElement[];
+}
+export declare const Actions: FunctionComponent<Props>;
+//# sourceMappingURL=Actions.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Actions.d.ts","sourceRoot":"","sources":["../../../lib/components/Actions/Actions.tsx"],"names":[],"mappings":"AACA,OAAO,EAEN,cAAc,EACd,iBAAiB,EACjB,YAAY,EACZ,MAAM,OAAO,CAAC;AAGf,OAAO,EAAU,OAAO,EAAE,MAAM,YAAY,CAAC;AAE7C,MAAM,WAAW,KAChB,SAAQ,OAAO,CACd,IAAI,CAAC,cAAc,CAAC,OAAO,OAAO,CAAC,EAAE,QAAQ,GAAG,mBAAmB,CAAC,CACpE;IACD,QAAQ,EAAE,YAAY,GAAG,YAAY,EAAE,CAAC;CACxC;AAED,eAAO,MAAM,OAAO,EAAE,iBAAiB,CAAC,KAAK,CAU5C,CAAC"}

package/dist/components/Actions/Actions.js

@@ -1,22 +1,5 @@
-"use strict";
-
 import * as React from 'react';
-import { Children } from 'react';
+import { Children, } from 'react';
 import flattenChildren from 'react-keyed-flatten-children';
-import { Column, Columns } from "../Columns/index.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-export const Actions = _ref => {
-  let {
-    children,
-    noWrap,
-    wrappingDirection
-  } = _ref;
-  return _jsx(Columns, {
-    space: "3",
-    noWrap: noWrap,
-    wrappingDirection: wrappingDirection,
-    children: Children.map(flattenChildren(children), child => _jsx(Column, {
-      children: child
-    }))
-  });
-};
+import { Column, Columns } from '../Columns';
+export const Actions = ({ children, noWrap, wrappingDirection, }) => (React.createElement(Columns, { space: "3", noWrap: noWrap, wrappingDirection: wrappingDirection }, Children.map(flattenChildren(children), (child) => (React.createElement(Column, null, child)))));

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

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

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

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

package/dist/components/Actions/index.js

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

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

@@ -0,0 +1,4 @@
+export declare const root: string;
+export declare const intent: Record<"primary" | "secondary" | "shine" | "neutral" | "danger" | "warning" | "success" | "information", string>;
+export declare const contained: string;
+//# sourceMappingURL=Alert.css.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.css.d.ts","sourceRoot":"","sources":["../../../lib/components/Alert/Alert.css.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,IAAI,QASf,CAAC;AAEH,eAAO,MAAM,MAAM,kHAWlB,CAAC;AAEF,eAAO,MAAM,SAAS,QAGpB,CAAC"}

package/dist/components/Alert/Alert.css.js

@@ -1,31 +1,23 @@
-"use strict";
-
-import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
-
-__vanilla_filescope__.setFileScope("lib/components/Alert/Alert.css.ts", "@autoguru/overdrive");
-
 import { style, styleVariants } from '@vanilla-extract/css';
-import { vars } from "../../themes/base/vars.css.js";
-import { mapTokenToProperty } from "../../utils/mapTokenToProperty.js";
+import { vars } from '../../themes/base/vars.css';
+import { mapTokenToProperty } from '../../utils/mapTokenToProperty';
 export const root = style({
-  ':before': {
-    position: 'absolute',
-    top: 0,
-    left: 0,
-    width: vars.space['1'],
-    height: '100%',
-    content: '""'
-  }
-}, "root");
-export const intent = styleVariants(mapTokenToProperty(vars.colours.intent, value => ({
-  color: value.background.standard,
-  ':before': {
-    backgroundColor: value.background.standard
-  }
-}), ['neutral', 'shine', 'primary', 'secondary']), "intent");
+    ':before': {
+        position: 'absolute',
+        top: 0,
+        left: 0,
+        width: vars.space['1'],
+        height: '100%',
+        content: '""',
+    },
+});
+export const intent = styleVariants(mapTokenToProperty(vars.colours.intent, (value) => ({
+    color: value.background.standard,
+    ':before': {
+        backgroundColor: value.background.standard,
+    },
+}), ['neutral', 'shine', 'primary', 'secondary']));
 export const contained = style({
-  minWidth: '280px',
-  maxWidth: '640px'
-}, "contained");
-
-__vanilla_filescope__.endFileScope();
+    minWidth: '280px',
+    maxWidth: '640px',
+});

package/dist/components/Alert/Alert.d.ts

@@ -0,0 +1,15 @@
+import { ComponentProps, FunctionComponent, ReactNode } from 'react';
+import { Button } from '../Button';
+import * as styles from './Alert.css';
+declare type Intent = keyof Omit<typeof styles.intent, 'neutral' | 'shine' | 'primary' | 'secondary'>;
+export interface Props {
+    children?: ReactNode;
+    className?: string;
+    intent?: Intent;
+    inline?: boolean;
+    dismissible?: boolean;
+    onRequestClose?: ComponentProps<typeof Button>['onClick'];
+}
+export declare const Alert: FunctionComponent<Props>;
+export {};
+//# sourceMappingURL=Alert.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../../lib/components/Alert/Alert.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGrE,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAKnC,OAAO,KAAK,MAAM,MAAM,aAAa,CAAC;AAEtC,aAAK,MAAM,GAAG,MAAM,IAAI,CACvB,OAAO,MAAM,CAAC,MAAM,EACpB,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,WAAW,CAC7C,CAAC;AAEF,MAAM,WAAW,KAAK;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB,cAAc,CAAC,EAAE,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC,SAAS,CAAC,CAAC;CAC1D;AASD,eAAO,MAAM,KAAK,EAAE,iBAAiB,CAAC,KAAK,CAmE1C,CAAC"}

package/dist/components/Alert/Alert.js

@@ -1,88 +1,30 @@
-"use strict";
-
-import { AlertCircleIcon, AlertIcon, CheckCircleIcon, InformationIcon, WindowCloseIcon } from '@autoguru/icons';
+import { AlertCircleIcon, AlertIcon, CheckCircleIcon, InformationIcon, WindowCloseIcon, } from '@autoguru/icons';
 import clsx from 'clsx';
 import * as React from 'react';
-import { Box, useBoxStyles } from "../Box/index.js";
-import { Button } from "../Button/index.js";
-import { Column, Columns } from "../Columns/index.js";
-import { Icon } from "../Icon/index.js";
-import { Text, useTextStyles } from "../Text/index.js";
-import * as styles from "./Alert.css.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, useBoxStyles } from '../Box';
+import { Button } from '../Button';
+import { Column, Columns } from '../Columns';
+import { Icon } from '../Icon';
+import { Text, useTextStyles } from '../Text';
+import * as styles from './Alert.css';
 const iconMapForIntent = {
-  danger: AlertCircleIcon,
-  information: InformationIcon,
-  success: CheckCircleIcon,
-  warning: AlertIcon
+    danger: AlertCircleIcon,
+    information: InformationIcon,
+    success: CheckCircleIcon,
+    warning: AlertIcon,
+};
+export const Alert = ({ children, className = '', intent = 'success', inline = false, onRequestClose, dismissible = typeof onRequestClose === 'function', }) => {
+    const dismissBtnStyles = useTextStyles({ colour: 'muted' });
+    return (React.createElement(Box, { className: clsx(className, styles.root, styles.intent[intent], {
+            [styles.contained]: !inline,
+        }), role: "alert", overflow: "hidden", position: "relative", backgroundColour: "white", borderWidth: "1", borderColour: "gray", borderRadius: "1", boxShadow: inline ? 'none' : '4', padding: "2" },
+        React.createElement(Columns, { noWrap: true, spaceX: "2" },
+            React.createElement(Column, { noShrink: true, alignSelf: "top" },
+                React.createElement(Icon, { icon: iconMapForIntent[intent], size: "medium", className: useBoxStyles({
+                        marginY: '2',
+                        marginLeft: '2',
+                    }) })),
+            React.createElement(Column, { grow: true, width: "auto", alignSelf: "centre", className: useTextStyles({ colour: 'dark' }) }, typeof children === 'string' ? (React.createElement(Text, null, children)) : (children)),
+            React.createElement(Column, { noShrink: true, alignSelf: "top" }, dismissible && (React.createElement(Button, { minimal: true, rounded: true, variant: "secondary", size: "small", "aria-label": "close", onClick: onRequestClose },
+                React.createElement(Icon, { className: dismissBtnStyles, icon: WindowCloseIcon, size: "medium" })))))));
 };
-export const Alert = _ref => {
-  let {
-    children,
-    className = '',
-    intent = 'success',
-    inline = false,
-    onRequestClose,
-    dismissible = typeof onRequestClose === 'function'
-  } = _ref;
-  const dismissBtnStyles = useTextStyles({
-    colour: 'muted'
-  });
-  return _jsx(Box, {
-    className: clsx(className, styles.root, styles.intent[intent], {
-      [styles.contained]: !inline
-    }),
-    role: "alert",
-    overflow: "hidden",
-    position: "relative",
-    backgroundColour: "white",
-    borderWidth: "1",
-    borderColour: "gray",
-    borderRadius: "1",
-    boxShadow: inline ? 'none' : '4',
-    padding: "2",
-    children: _jsxs(Columns, {
-      noWrap: true,
-      spaceX: "2",
-      children: [_jsx(Column, {
-        noShrink: true,
-        alignSelf: "top",
-        children: _jsx(Icon, {
-          icon: iconMapForIntent[intent],
-          size: "medium",
-          className: useBoxStyles({
-            marginY: '2',
-            marginLeft: '2'
-          })
-        })
-      }), _jsx(Column, {
-        grow: true,
-        width: "auto",
-        alignSelf: "centre",
-        className: useTextStyles({
-          colour: 'dark'
-        }),
-        children: typeof children === 'string' ? _jsx(Text, {
-          children: children
-        }) : children
-      }), _jsx(Column, {
-        noShrink: true,
-        alignSelf: "top",
-        children: dismissible && _jsx(Button, {
-          minimal: true,
-          rounded: true,
-          variant: "secondary",
-          size: "small",
-          "aria-label": "close",
-          onClick: onRequestClose,
-          children: _jsx(Icon, {
-            className: dismissBtnStyles,
-            icon: WindowCloseIcon,
-            size: "medium"
-          })
-        })
-      })]
-    })
-  });
-};

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

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

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

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

package/dist/components/Alert/index.js

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

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

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

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

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

package/dist/components/Anchor/Anchor.css.js

@@ -1,13 +1,5 @@
-"use strict";
-
-import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
-
-__vanilla_filescope__.setFileScope("lib/components/Anchor/Anchor.css.ts", "@autoguru/overdrive");
-
 import { style } from '@vanilla-extract/css';
 export const root = style({
-  textDecoration: 'none',
-  cursor: 'pointer'
-}, "root");
-
-__vanilla_filescope__.endFileScope();
+    textDecoration: 'none',
+    cursor: 'pointer',
+});

package/dist/components/Anchor/Anchor.d.ts

@@ -0,0 +1,15 @@
+import { IconType } from '@autoguru/icons';
+import { ElementType, FunctionComponent, ReactElement, ReactNode } from 'react';
+export interface Props {
+    rel?: string;
+    href?: string;
+    title?: string;
+    target?: string;
+    className?: string;
+    is?: ElementType | ReactElement;
+    disabled?: boolean;
+    children?: ReactNode;
+    icon?: IconType;
+}
+export declare const Anchor: FunctionComponent<Props>;
+//# sourceMappingURL=Anchor.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Anchor.d.ts","sourceRoot":"","sources":["../../../lib/components/Anchor/Anchor.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAG3C,OAAO,EAGN,WAAW,EACX,iBAAiB,EAEjB,YAAY,EACZ,SAAS,EACT,MAAM,OAAO,CAAC;AASf,MAAM,WAAW,KAAK;IACrB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,CAAC,EAAE,WAAW,GAAG,YAAY,CAAC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB,IAAI,CAAC,EAAE,QAAQ,CAAC;CAChB;AAED,eAAO,MAAM,MAAM,EAAE,iBAAiB,CAAC,KAAK,CAgD3C,CAAC"}

package/dist/components/Anchor/Anchor.js

@@ -1,55 +1,30 @@
-"use strict";
-
 import clsx from 'clsx';
 import * as React from 'react';
-import { cloneElement, createElement, isValidElement } from 'react';
-import { useBoxStyles } 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 "./Anchor.css.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-export const Anchor = _ref => {
-  let {
-    rel,
-    href,
-    target,
-    title,
-    className = '',
-    is: Component = 'a',
-    disabled = false,
-    children,
-    icon
-  } = _ref;
-  const textStyles = useTextStyles({
-    colour: 'link'
-  });
-  const props = {
-    className: clsx(styles.root, textStyles, useBoxStyles({
-      is: typeof Component === 'string' ? Component : undefined,
-      display: 'inline'
-    }), className),
-    disabled,
-    rel,
-    href,
-    target,
-    title
-  };
-
-  const childs = _jsxs(Inline, {
-    space: "2",
-    children: [icon && _jsx(Icon, {
-      icon: icon,
-      size: "small",
-      className: textStyles
-    }), _jsx(Text, {
-      fontWeight: "bold",
-      size: "4",
-      colour: "link",
-      children: children
-    })]
-  });
-
-  return isValidElement(Component) ? cloneElement(Component, props, childs) : createElement(Component, props, childs);
-};
+import { cloneElement, createElement, isValidElement, } from 'react';
+import { useBoxStyles } from '../Box';
+import { Icon } from '../Icon';
+import { Inline } from '../Inline';
+import { Text, useTextStyles } from '../Text';
+import * as styles from './Anchor.css';
+export const Anchor = ({ rel, href, target, title, className = '', is: Component = 'a', disabled = false, children, icon, }) => {
+    const textStyles = useTextStyles({
+        colour: 'link',
+    });
+    const props = {
+        className: clsx(styles.root, textStyles, useBoxStyles({
+            is: typeof Component === 'string' ? Component : undefined,
+            display: 'inline',
+        }), className),
+        disabled,
+        rel,
+        href,
+        target,
+        title,
+    };
+    const childs = (React.createElement(Inline, { space: "2" },
+        icon && React.createElement(Icon, { icon: icon, size: "small", className: textStyles }),
+        React.createElement(Text, { fontWeight: "bold", size: "4", colour: "link" }, children)));
+    return isValidElement(Component)
+        ? cloneElement(Component, props, childs)
+        : createElement(Component, props, childs);
+};

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

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

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

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

package/dist/components/Anchor/index.js

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

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

@@ -0,0 +1,15 @@
+export declare const fullScreenRoot: string;
+export declare const suggestionList: {
+    defaults: string;
+    blockOptions: string;
+    inlineOptions: string;
+    inlineOptionsNoScroll: string;
+};
+export declare const input: string;
+export declare const fullScreenInput: string;
+export declare const fullScreenCloseBtn: string;
+export declare const spacer: string;
+export declare const suggestion: string;
+export declare const suggestionListItem: Record<"default" | "skipped", string>;
+export declare const suggestionHighlight: string;
+//# sourceMappingURL=AutoSuggest.css.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AutoSuggest.css.d.ts","sourceRoot":"","sources":["../../../lib/components/AutoSuggest/AutoSuggest.css.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,cAAc,QAuBzB,CAAC;AAEH,eAAO,MAAM,cAAc;;;;;CAwB1B,CAAC;AAEF,eAAO,MAAM,KAAK,QAKhB,CAAC;AACH,eAAO,MAAM,eAAe,QAE1B,CAAC;AAEH,eAAO,MAAM,kBAAkB,QAK7B,CAAC;AAEH,eAAO,MAAM,MAAM,QAEjB,CAAC;AAEH,eAAO,MAAM,UAAU,QAQrB,CAAC;AAEH,eAAO,MAAM,kBAAkB,uCAO7B,CAAC;AAEH,eAAO,MAAM,mBAAmB,QAG9B,CAAC"}

package/dist/components/AutoSuggest/AutoSuggest.css.js

@@ -1,96 +1,88 @@
-"use strict";
-
-import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
-
-__vanilla_filescope__.setFileScope("lib/components/AutoSuggest/AutoSuggest.css.ts", "@autoguru/overdrive");
-
 import { style, styleVariants } from '@vanilla-extract/css';
-import { vars } from "../../themes/base/vars.css.js";
+import { vars } from '../../themes/base/vars.css';
 export const fullScreenRoot = style({
-  position: 'fixed',
-  zIndex: 1001,
-  top: vars.space['5'],
-  right: vars.space['5'],
-  bottom: vars.space['5'],
-  left: vars.space['5'],
-  paddingBottom: vars.space['5'],
-  overflowY: 'auto',
-  maxHeight: '100vh',
-  height: 'stretch',
-  ':before': {
-    content: '""',
     position: 'fixed',
-    zIndex: 0,
-    backgroundColor: vars.colours.intent.secondary.background.standard,
-    pointerEvents: 'none',
-    top: 0,
-    left: 0,
-    bottom: 0,
-    right: 0
-  }
-}, "fullScreenRoot");
-export const suggestionList = {
-  defaults: style({
-    display: 'grid',
-    overflowY: 'auto',
-    maxHeight: '384px',
-    overscrollBehavior: 'contain',
-    '-webkit-overflow-scrolling': 'touch',
-    gridAutoFlow: 'row',
-    gridGap: 0,
-    zIndex: 2
-  }, "suggestionList_defaults"),
-  blockOptions: style({
-    overflowY: 'auto',
-    maxHeight: '384px'
-  }, "suggestionList_blockOptions"),
-  inlineOptions: style({
+    zIndex: 1001,
+    top: vars.space['5'],
+    right: vars.space['5'],
+    bottom: vars.space['5'],
+    left: vars.space['5'],
+    paddingBottom: vars.space['5'],
     overflowY: 'auto',
-    maxHeight: '100%'
-  }, "suggestionList_inlineOptions"),
-  inlineOptionsNoScroll: style({
-    overflowY: 'visible',
-    maxHeight: 'none'
-  }, "suggestionList_inlineOptionsNoScroll")
+    maxHeight: '100vh',
+    height: 'stretch',
+    ':before': {
+        content: '""',
+        position: 'fixed',
+        zIndex: 0,
+        backgroundColor: vars.colours.intent.secondary.background.standard,
+        pointerEvents: 'none',
+        top: 0,
+        left: 0,
+        bottom: 0,
+        right: 0,
+    },
+});
+export const suggestionList = {
+    defaults: style({
+        display: 'grid',
+        overflowY: 'auto',
+        maxHeight: '384px',
+        overscrollBehavior: 'contain',
+        '-webkit-overflow-scrolling': 'touch',
+        gridAutoFlow: 'row',
+        gridGap: 0,
+        zIndex: 2,
+    }),
+    blockOptions: style({
+        overflowY: 'auto',
+        maxHeight: '384px',
+    }),
+    inlineOptions: style({
+        overflowY: 'auto',
+        maxHeight: '100%',
+    }),
+    inlineOptionsNoScroll: style({
+        overflowY: 'visible',
+        maxHeight: 'none',
+    }),
 };
 export const input = style({
-  position: 'sticky',
-  top: 0,
-  zIndex: 2,
-  backgroundColor: 'white'
-}, "input");
+    position: 'sticky',
+    top: 0,
+    zIndex: 2,
+    backgroundColor: 'white',
+});
 export const fullScreenInput = style({
-  width: 'calc(100% - 40px)'
-}, "fullScreenInput");
+    width: 'calc(100% - 40px)',
+});
 export const fullScreenCloseBtn = style({
-  position: 'fixed',
-  top: vars.space['5'],
-  right: vars.space['2'],
-  zIndex: 3
-}, "fullScreenCloseBtn");
+    position: 'fixed',
+    top: vars.space['5'],
+    right: vars.space['2'],
+    zIndex: 3,
+});
 export const spacer = style({
-  height: vars.space['1']
-}, "spacer");
+    height: vars.space['1'],
+});
 export const suggestion = style({
-  display: 'block',
-  padding: "".concat(vars.space['3'], " calc(").concat(vars.space['3'], " + 1px)"),
-  width: '100%',
-  cursor: 'pointer',
-  textAlign: 'left',
-  outline: 'none',
-  backgroundColor: 'transparent'
-}, "suggestion");
+    display: 'block',
+    padding: `${vars.space['3']} calc(${vars.space['3']} + 1px)`,
+    width: '100%',
+    cursor: 'pointer',
+    textAlign: 'left',
+    outline: 'none',
+    backgroundColor: 'transparent',
+});
 export const suggestionListItem = styleVariants({
-  default: {
-    zIndex: 1
-  },
-  skipped: {
-    cursor: 'not-allowed'
-  }
-}, "suggestionListItem");
+    default: {
+        zIndex: 1,
+    },
+    skipped: {
+        cursor: 'not-allowed',
+    },
+});
 export const suggestionHighlight = style({
-  color: vars.typography.colour.information,
-  backgroundColor: vars.colours.background.light
-}, "suggestionHighlight");
-
-__vanilla_filescope__.endFileScope();
+    color: vars.typography.colour.information,
+    backgroundColor: vars.colours.background.light,
+});

package/dist/components/AutoSuggest/AutoSuggest.d.ts

@@ -0,0 +1,30 @@
+import { IconType } from '@autoguru/icons';
+import { ComponentPropsWithoutRef, ReactElement, Ref } from 'react';
+import { TextInput } from '../TextInput';
+export interface AutoSuggestValue<PayloadType> {
+    text: string;
+    payload: PayloadType | null | undefined;
+    skip?: boolean;
+}
+export declare type AutoSuggestItemRenderer<PayloadType> = (props: {
+    value: AutoSuggestValue<PayloadType>;
+    highlight: boolean;
+    suggestions: Array<AutoSuggestValue<PayloadType>>;
+}) => ReactElement;
+declare type Suggestions<PayloadType> = Array<AutoSuggestValue<PayloadType>>;
+export interface Props<PayloadType> extends Omit<ComponentPropsWithoutRef<typeof TextInput>, 'onChange' | 'value' | 'type' | 'suffixIcon'> {
+    autoFocus?: boolean;
+    autoWidth?: boolean;
+    inlineOptions?: boolean;
+    fieldIcon?: IconType;
+    value: AutoSuggestValue<PayloadType> | null;
+    suggestions: Suggestions<PayloadType>;
+    itemRenderer?: AutoSuggestItemRenderer<PayloadType>;
+    onChange?(value: AutoSuggestValue<PayloadType>): void;
+    onEnter?(value: AutoSuggestValue<PayloadType>): void;
+}
+export declare const AutoSuggest: <PayloadType extends unknown>(p: Props<PayloadType> & {
+    ref?: Ref<HTMLInputElement>;
+}) => ReactElement;
+export {};
+//# sourceMappingURL=AutoSuggest.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AutoSuggest.d.ts","sourceRoot":"","sources":["../../../lib/components/AutoSuggest/AutoSuggest.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA8B,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAIvE,OAAO,EACN,wBAAwB,EAIxB,YAAY,EAEZ,GAAG,EAQH,MAAM,OAAO,CAAC;AAWf,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAMzC,MAAM,WAAW,gBAAgB,CAAC,WAAW;IAC5C,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,WAAW,GAAG,IAAI,GAAG,SAAS,CAAC;IACxC,IAAI,CAAC,EAAE,OAAO,CAAC;CACf;AAED,oBAAY,uBAAuB,CAAC,WAAW,IAAI,CAAC,KAAK,EAAE;IAC1D,KAAK,EAAE,gBAAgB,CAAC,WAAW,CAAC,CAAC;IACrC,SAAS,EAAE,OAAO,CAAC;IACnB,WAAW,EAAE,KAAK,CAAC,gBAAgB,CAAC,WAAW,CAAC,CAAC,CAAC;CAClD,KAAK,YAAY,CAAC;AAiCnB,aAAK,WAAW,CAAC,WAAW,IAAI,KAAK,CAAC,gBAAgB,CAAC,WAAW,CAAC,CAAC,CAAC;AAErE,MAAM,WAAW,KAAK,CAAC,WAAW,CACjC,SAAQ,IAAI,CACX,wBAAwB,CAAC,OAAO,SAAS,CAAC,EAC1C,UAAU,GAAG,OAAO,GAAG,MAAM,GAAG,YAAY,CAC5C;IACD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,SAAS,CAAC,EAAE,QAAQ,CAAC;IACrB,KAAK,EAAE,gBAAgB,CAAC,WAAW,CAAC,GAAG,IAAI,CAAC;IAC5C,WAAW,EAAE,WAAW,CAAC,WAAW,CAAC,CAAC;IAEtC,YAAY,CAAC,EAAE,uBAAuB,CAAC,WAAW,CAAC,CAAC;IAEpD,QAAQ,CAAC,CAAC,KAAK,EAAE,gBAAgB,CAAC,WAAW,CAAC,GAAG,IAAI,CAAC;IACtD,OAAO,CAAC,CAAC,KAAK,EAAE,gBAAgB,CAAC,WAAW,CAAC,GAAG,IAAI,CAAC;CACrD;AAwGD,eAAO,MAAM,WAAW;UAqFS,IAAI,gBAAgB,CAAC;MACjD,YAAY,CAAC"}