@autoguru/overdrive 4.1.4 → 4.1.8

package/dist/components/Radio/Radio.js

@@ -1,61 +1,22 @@
-"use strict";
-
 import clsx from 'clsx';
 import * as React from 'react';
 import { forwardRef } from 'react';
-import { Box } from "../Box/index.js";
-import { CheckableBase } from "../private/CheckableBase/index.js";
-import { useCheckableStyles } from "../private/CheckableBase/useCheckableStyles.js";
-import * as styles from "./Radio.css.js";
-import { useRadioContext } from "./RadioGroup.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-export const Radio = forwardRef((_ref, ref) => {
-  let {
-    value,
-    className = '',
-    children,
-    disabled = false
-  } = _ref;
-  const {
-    checkableItem
-  } = useCheckableStyles();
-  const radioContext = useRadioContext();
-  const isChecked = value === radioContext.value;
-
-  const handleClick = () => {
-    var _radioContext$radioSe;
-
-    return (_radioContext$radioSe = radioContext.radioSelected) === null || _radioContext$radioSe === void 0 ? void 0 : _radioContext$radioSe.call(radioContext, value);
-  };
-
-  return _jsxs(CheckableBase, {
-    ref: ref,
-    inputType: "radio",
-    className: className,
-    inputName: radioContext.inputName,
-    value: value,
-    label: children,
-    disabled: disabled,
-    checked: isChecked,
-    handleClick: handleClick,
-    children: [_jsx(Box, {
-      borderRadius: "pill",
-      position: "absolute",
-      borderWidth: "2",
-      borderColour: "gray",
-      className: clsx(checkableItem, styles.circle.default, styles.circle.outer, {
-        [styles.circle.selected]: isChecked
-      })
-    }), _jsx(Box, {
-      borderRadius: "pill",
-      position: "absolute",
-      borderColour: "gray",
-      borderWidth: "none",
-      className: clsx(styles.circle.default, styles.circle.inner, {
-        [styles.circle.selected]: isChecked,
-        [styles.circle.selectedInner]: isChecked
-      })
-    })]
-  });
-});
+import { Box } from '../Box';
+import { CheckableBase } from '../private/CheckableBase';
+import { useCheckableStyles } from '../private/CheckableBase/useCheckableStyles';
+import * as styles from './Radio.css';
+import { useRadioContext } from './RadioGroup';
+export const Radio = forwardRef(({ value, className = '', children, disabled = false }, ref) => {
+    const { checkableItem } = useCheckableStyles();
+    const radioContext = useRadioContext();
+    const isChecked = value === radioContext.value;
+    const handleClick = () => radioContext.radioSelected?.(value);
+    return (React.createElement(CheckableBase, { ref: ref, inputType: "radio", className: className, inputName: radioContext.inputName, value: value, label: children, disabled: disabled, checked: isChecked, handleClick: handleClick },
+        React.createElement(Box, { borderRadius: "pill", position: "absolute", borderWidth: "2", borderColour: "gray", className: clsx(checkableItem, styles.circle.default, styles.circle.outer, {
+                [styles.circle.selected]: isChecked,
+            }) }),
+        React.createElement(Box, { borderRadius: "pill", position: "absolute", borderColour: "gray", borderWidth: "none", className: clsx(styles.circle.default, styles.circle.inner, {
+                [styles.circle.selected]: isChecked,
+                [styles.circle.selectedInner]: isChecked,
+            }) })));
+});

package/dist/components/Radio/RadioGroup.d.ts

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import { ReactNode } from 'react';
+export interface Props {
+    name: string;
+    className?: string;
+    value: string;
+    children: ReactNode;
+    onChange?(value: string): void;
+}
+interface RadioGroupContext {
+    inputName: string;
+    value: string;
+    radioSelected?(value: string): void;
+}
+export declare const RadioContext: React.Context<RadioGroupContext>;
+export declare const useRadioContext: () => RadioGroupContext;
+export declare const RadioGroup: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
+export {};
+//# sourceMappingURL=RadioGroup.d.ts.map

package/dist/components/Radio/RadioGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../../../lib/components/Radio/RadioGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAGN,SAAS,EAGT,MAAM,OAAO,CAAC;AAIf,MAAM,WAAW,KAAK;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,SAAS,CAAC;IAEpB,QAAQ,CAAC,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;CAC/B;AAED,UAAU,iBAAiB;IAC1B,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IAEd,aAAa,CAAC,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;CACpC;AAED,eAAO,MAAM,YAAY,kCAAgD,CAAC;AAE1E,eAAO,MAAM,eAAe,QAAO,iBACT,CAAC;AAE3B,eAAO,MAAM,UAAU,8EAsBtB,CAAC"}

package/dist/components/Radio/RadioGroup.js

@@ -1,35 +1,10 @@
-"use strict";
-
 import * as React from 'react';
-import { createContext, forwardRef, useContext, useMemo } from 'react';
-import { Box } from "../Box/index.js";
-import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, forwardRef, useContext, useMemo, } from 'react';
+import { Box } from '../Box';
 export const RadioContext = createContext(null);
 export const useRadioContext = () => useContext(RadioContext);
-export const RadioGroup = forwardRef((_ref, ref) => {
-  let {
-    name,
-    value,
-    className = '',
-    onChange,
-    children
-  } = _ref;
-  const contextValue = useMemo(() => ({
-    value,
-    inputName: name,
-    radioSelected: onChange
-  }), [value, name, onChange]);
-  return _jsx(RadioContext.Provider, {
-    value: contextValue,
-    children: _jsx(Box, {
-      ref: ref,
-      position: "relative",
-      display: "flex",
-      flexDirection: "column",
-      width: "full",
-      padding: "none",
-      className: className,
-      children: children
-    })
-  });
-});
+export const RadioGroup = forwardRef(({ name, value, className = '', onChange, children }, ref) => {
+    const contextValue = useMemo(() => ({ value, inputName: name, radioSelected: onChange }), [value, name, onChange]);
+    return (React.createElement(RadioContext.Provider, { value: contextValue },
+        React.createElement(Box, { ref: ref, position: "relative", display: "flex", flexDirection: "column", width: "full", padding: "none", className: className }, children)));
+});

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

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

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

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

package/dist/components/Radio/index.js

@@ -1,4 +1,2 @@
-"use strict";
-
-export { Radio } from "./Radio.js";
-export { RadioGroup } from "./RadioGroup.js";
+export { Radio } from './Radio';
+export { RadioGroup } from './RadioGroup';

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

@@ -0,0 +1,3 @@
+export declare const root: string;
+export declare const width: Record<"small" | "medium" | "large", string>;
+//# sourceMappingURL=Section.css.d.ts.map

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

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

package/dist/components/Section/Section.css.js

@@ -1,15 +1,7 @@
-"use strict";
-
-import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
-
-__vanilla_filescope__.setFileScope("lib/components/Section/Section.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({
-  margin: '0 auto'
-}, "root");
-export const width = styleVariants(mapTokenToProperty(vars.contentWidth, 'maxWidth'), "width");
-
-__vanilla_filescope__.endFileScope();
+    margin: '0 auto',
+});
+export const width = styleVariants(mapTokenToProperty(vars.contentWidth, 'maxWidth'));

package/dist/components/Section/Section.d.ts

@@ -0,0 +1,8 @@
+import { ComponentProps, FunctionComponent } from 'react';
+import { Box } from '../Box';
+import * as styles from './Section.css';
+export interface Props extends Pick<ComponentProps<typeof Box>, 'paddingX'> {
+    width?: keyof typeof styles.width;
+}
+export declare const Section: FunctionComponent<Props>;
+//# sourceMappingURL=Section.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Section.d.ts","sourceRoot":"","sources":["../../../lib/components/Section/Section.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE1D,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AAE7B,OAAO,KAAK,MAAM,MAAM,eAAe,CAAC;AAExC,MAAM,WAAW,KAAM,SAAQ,IAAI,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC,EAAE,UAAU,CAAC;IAC1E,KAAK,CAAC,EAAE,MAAM,OAAO,MAAM,CAAC,KAAK,CAAC;CAClC;AAED,eAAO,MAAM,OAAO,EAAE,iBAAiB,CAAC,KAAK,CAW5C,CAAC"}

package/dist/components/Section/Section.js

@@ -1,20 +1,5 @@
-"use strict";
-
 import clsx from 'clsx';
 import * as React from 'react';
-import { Box } from "../Box/index.js";
-import * as styles from "./Section.css.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-export const Section = _ref => {
-  let {
-    children,
-    width = 'medium',
-    paddingX
-  } = _ref;
-  return _jsx(Box, {
-    className: clsx(styles.root, styles.width[width]),
-    width: "full",
-    paddingX: paddingX,
-    children: children
-  });
-};
+import { Box } from '../Box';
+import * as styles from './Section.css';
+export const Section = ({ children, width = 'medium', paddingX, }) => (React.createElement(Box, { className: clsx(styles.root, styles.width[width]), width: "full", paddingX: paddingX }, children));

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

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

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

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

package/dist/components/Section/index.js

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

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

@@ -0,0 +1,4 @@
+export declare const input: string;
+export declare const paddedInput: string;
+export declare const arrow: string;
+//# sourceMappingURL=SelectInput.css.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SelectInput.css.d.ts","sourceRoot":"","sources":["../../../lib/components/SelectInput/SelectInput.css.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,KAAK,QAAY,CAAC;AAC/B,eAAO,MAAM,WAAW,QAMtB,CAAC;AAEH,eAAO,MAAM,KAAK,QAGhB,CAAC"}

package/dist/components/SelectInput/SelectInput.css.js

@@ -1,22 +1,14 @@
-"use strict";
-
-import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
-
-__vanilla_filescope__.setFileScope("lib/components/SelectInput/SelectInput.css.ts", "@autoguru/overdrive");
-
 import { style } from '@vanilla-extract/css';
-import { vars } from "../../themes/base/vars.css.js";
-export const input = style({}, "input");
+import { vars } from '../../themes/base/vars.css';
+export const input = style({});
 export const paddedInput = style({
-  selectors: {
-    ["".concat(input, "&")]: {
-      paddingRight: vars.space['8']
-    }
-  }
-}, "paddedInput");
+    selectors: {
+        [`${input}&`]: {
+            paddingRight: vars.space['8'],
+        },
+    },
+});
 export const arrow = style({
-  top: '0',
-  right: '0'
-}, "arrow");
-
-__vanilla_filescope__.endFileScope();
+    top: '0',
+    right: '0',
+});

package/dist/components/SelectInput/SelectInput.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import { ReactNode } from 'react';
+export declare const SelectInput: React.ForwardRefExoticComponent<{
+    children: ReactNode[];
+} & import("../private/InputBase/withEnhancedInput").EnhanceInputPrimitiveProps & import("../private/InputBase/withEnhancedInput").EventHandlers<HTMLSelectElement> & import("../private/InputBase/withEnhancedInput").ValidationProps & React.RefAttributes<HTMLSelectElement>>;
+//# sourceMappingURL=SelectInput.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SelectInput.d.ts","sourceRoot":"","sources":["../../../lib/components/SelectInput/SelectInput.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAQlC,eAAO,MAAM,WAAW;cAEZ,SAAS,EAAE;gRAgDtB,CAAC"}

package/dist/components/SelectInput/SelectInput.js

@@ -1,61 +1,13 @@
-"use strict";
-
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-const _excluded = ["field", "eventHandlers", "suffixed", "prefixed", "validation", "isLoading", "fieldIcon"];
-
-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 { ChevronDownIcon } from '@autoguru/icons';
 import * as React from 'react';
-import { Box } from "../Box/index.js";
-import { Icon } from "../Icon/index.js";
-import { withEnhancedInput } from "../private/InputBase/index.js";
-import * as styles from "./SelectInput.css.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-export const SelectInput = withEnhancedInput(_ref => {
-  let {
-    field,
-    eventHandlers,
-    suffixed,
-    prefixed,
-    validation,
-    isLoading,
-    fieldIcon = ChevronDownIcon
-  } = _ref,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
-  return _jsxs(Box, {
-    display: "flex",
-    flexWrap: "nowrap",
-    alignItems: "center",
-    justifyContent: "center",
-    position: "relative",
-    children: [_jsx(Box, _objectSpread(_objectSpread(_objectSpread(_objectSpread({
-      is: "select",
-      flexGrow: 1
-    }, eventHandlers), field), rest), {}, {
-      className: [styles.input, styles.paddedInput, field.className],
-      autoComplete: "off"
-    })), isLoading ? null : _jsx(Box, {
-      className: styles.arrow,
-      display: "flex",
-      alignItems: "center",
-      height: "full",
-      marginRight: "4",
-      flexShrink: 0,
-      pointerEvents: "none",
-      position: "absolute",
-      children: _jsx(Icon, {
-        size: "medium",
-        icon: fieldIcon
-      })
-    })]
-  });
-}, {
-  primitiveType: 'select',
-  withSuffixIcon: false
-});
+import { Box } from '../Box';
+import { Icon } from '../Icon';
+import { withEnhancedInput } from '../private/InputBase';
+import * as styles from './SelectInput.css';
+export const SelectInput = withEnhancedInput(({ field, eventHandlers, suffixed, prefixed, validation, isLoading, fieldIcon = ChevronDownIcon, ...rest }) => (React.createElement(Box, { display: "flex", flexWrap: "nowrap", alignItems: "center", justifyContent: "center", position: "relative" },
+    React.createElement(Box, { is: "select", flexGrow: 1, ...eventHandlers, ...field, ...rest, className: [styles.input, styles.paddedInput, field.className], autoComplete: "off" }),
+    isLoading ? null : (React.createElement(Box, { className: styles.arrow, display: "flex", alignItems: "center", height: "full", marginRight: "4", flexShrink: 0, pointerEvents: "none", position: "absolute" },
+        React.createElement(Icon, { size: "medium", icon: fieldIcon }))))), {
+    primitiveType: 'select',
+    withSuffixIcon: false,
+});

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

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

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

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

package/dist/components/SelectInput/index.js

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

package/dist/components/SimplePagination/SimplePagination.d.ts

@@ -0,0 +1,14 @@
+import { FunctionComponent } from 'react';
+export declare enum EChangeDirection {
+    Previous = "previous",
+    Next = "next"
+}
+declare type TOnChangeEventHandler = (event: EChangeDirection) => void;
+export interface Props {
+    hasNext?: boolean;
+    hasPrevious?: boolean;
+    onChange?: TOnChangeEventHandler;
+}
+export declare const SimplePagination: FunctionComponent<Props>;
+export {};
+//# sourceMappingURL=SimplePagination.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SimplePagination.d.ts","sourceRoot":"","sources":["../../../lib/components/SimplePagination/SimplePagination.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAO1C,oBAAY,gBAAgB;IAC3B,QAAQ,aAAa;IACrB,IAAI,SAAS;CACb;AAED,aAAK,qBAAqB,GAAG,CAAC,KAAK,EAAE,gBAAgB,KAAK,IAAI,CAAC;AAE/D,MAAM,WAAW,KAAK;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,qBAAqB,CAAC;CACjC;AAED,eAAO,MAAM,gBAAgB,EAAE,iBAAiB,CAAC,KAAK,CAoCrD,CAAC"}

package/dist/components/SimplePagination/SimplePagination.js

@@ -1,59 +1,21 @@
-"use strict";
-
 import { ChevronLeftIcon, ChevronRightIcon } from '@autoguru/icons';
 import * as React from 'react';
-import { noop } from "../../utils/index.js";
-import { Button } from "../Button/index.js";
-import { Icon } from "../Icon/index.js";
-import { Inline } from "../Inline/index.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-export let EChangeDirection;
-
+import { noop } from '../../utils';
+import { Button } from '../Button';
+import { Icon } from '../Icon';
+import { Inline } from '../Inline';
+export var EChangeDirection;
 (function (EChangeDirection) {
-  EChangeDirection["Previous"] = "previous";
-  EChangeDirection["Next"] = "next";
+    EChangeDirection["Previous"] = "previous";
+    EChangeDirection["Next"] = "next";
 })(EChangeDirection || (EChangeDirection = {}));
-
-export const SimplePagination = _ref => {
-  let {
-    hasNext = false,
-    hasPrevious = false,
-    onChange = noop
-  } = _ref;
-
-  const handleClick = direction => () => {
-    onChange(direction);
-  };
-
-  return _jsxs(Inline, {
-    is: "nav",
-    space: "6",
-    "aria-label": "pagination",
-    alignX: "center",
-    alignY: "center",
-    children: [_jsx(Button, {
-      rounded: true,
-      disabled: !hasPrevious,
-      size: "small",
-      variant: "secondary",
-      "aria-label": "previous page",
-      onClick: handleClick(EChangeDirection.Previous),
-      children: _jsx(Icon, {
-        size: "medium",
-        icon: ChevronLeftIcon
-      })
-    }), _jsx(Button, {
-      rounded: true,
-      disabled: !hasNext,
-      size: "small",
-      variant: "secondary",
-      "aria-label": "next page",
-      onClick: handleClick(EChangeDirection.Next),
-      children: _jsx(Icon, {
-        size: "medium",
-        icon: ChevronRightIcon
-      })
-    })]
-  });
-};
+export const SimplePagination = ({ hasNext = false, hasPrevious = false, onChange = noop, }) => {
+    const handleClick = (direction) => () => {
+        onChange(direction);
+    };
+    return (React.createElement(Inline, { is: "nav", space: "6", "aria-label": "pagination", alignX: "center", alignY: "center" },
+        React.createElement(Button, { rounded: true, disabled: !hasPrevious, size: "small", variant: "secondary", "aria-label": "previous page", onClick: handleClick(EChangeDirection.Previous) },
+            React.createElement(Icon, { size: "medium", icon: ChevronLeftIcon })),
+        React.createElement(Button, { rounded: true, disabled: !hasNext, size: "small", variant: "secondary", "aria-label": "next page", onClick: handleClick(EChangeDirection.Next) },
+            React.createElement(Icon, { size: "medium", icon: ChevronRightIcon }))));
+};

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/SimplePagination/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,gBAAgB,EAChB,gBAAgB,IAAI,oBAAoB,GACxC,MAAM,oBAAoB,CAAC"}

package/dist/components/SimplePagination/index.js

@@ -1,3 +1 @@
-"use strict";
-
-export { SimplePagination, EChangeDirection as EPageChangeDirection } from "./SimplePagination.js";
+export { SimplePagination, EChangeDirection as EPageChangeDirection, } from './SimplePagination';

package/dist/components/Stack/Divider.css.d.ts

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

package/dist/components/Stack/Divider.css.d.ts.map

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

package/dist/components/Stack/Divider.css.js

@@ -1,14 +1,6 @@
-"use strict";
-
-import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
-
-__vanilla_filescope__.setFileScope("lib/components/Stack/Divider.css.ts", "@autoguru/overdrive");
-
 import { style } from '@vanilla-extract/css';
-import { vars } from "../../themes/base/vars.css.js";
+import { vars } from '../../themes/base/vars.css';
 export const line = style({
-  height: '1px',
-  boxShadow: "inset 0 0 0 1px ".concat(vars.colours.background.light)
-}, "line");
-
-__vanilla_filescope__.endFileScope();
+    height: '1px',
+    boxShadow: `inset 0 0 0 1px ${vars.colours.background.light}`,
+});

package/dist/components/Stack/Divider.d.ts

@@ -0,0 +1,3 @@
+import { FunctionComponent } from 'react';
+export declare const Divider: FunctionComponent;
+//# sourceMappingURL=Divider.d.ts.map

package/dist/components/Stack/Divider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Divider.d.ts","sourceRoot":"","sources":["../../../lib/components/Stack/Divider.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAM1C,eAAO,MAAM,OAAO,EAAE,iBAIrB,CAAC"}

package/dist/components/Stack/Divider.js

@@ -1,14 +1,5 @@
-"use strict";
-
 import * as React from 'react';
-import { Box } from "../Box/index.js";
-import * as styles from "./Divider.css.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-export const Divider = () => _jsx(Box, {
-  position: "relative",
-  children: _jsx(Box, {
-    position: "absolute",
-    className: styles.line,
-    width: "full"
-  })
-});
+import { Box } from '../Box';
+import * as styles from './Divider.css';
+export const Divider = () => (React.createElement(Box, { position: "relative" },
+    React.createElement(Box, { position: "absolute", className: styles.line, width: "full" })));

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

@@ -0,0 +1,5 @@
+export declare const child: {
+    spaces: Record<"1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none", string>;
+    default: string;
+};
+//# sourceMappingURL=Stack.css.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Stack.css.d.ts","sourceRoot":"","sources":["../../../lib/components/Stack/Stack.css.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,KAAK;;;CAWjB,CAAC"}

package/dist/components/Stack/Stack.css.js

@@ -1,21 +1,13 @@
-"use strict";
-
-import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
-
-__vanilla_filescope__.setFileScope("lib/components/Stack/Stack.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 child = {
-  spaces: styleVariants(mapTokenToProperty(vars.space, value => ({
-    paddingBottom: value
-  })), "child_spaces"),
-  default: style({
-    ':last-child': {
-      paddingBottom: 0
-    }
-  }, "child_default")
+    spaces: styleVariants(mapTokenToProperty(vars.space, (value) => ({
+        paddingBottom: value,
+    }))),
+    default: style({
+        ':last-child': {
+            paddingBottom: 0,
+        },
+    }),
 };
-
-__vanilla_filescope__.endFileScope();

package/dist/components/Stack/Stack.d.ts

@@ -0,0 +1,11 @@
+import { FunctionComponent, ReactNode } from 'react';
+import type { BoxStyleProps } from '../Box';
+import * as styles from './Stack.css';
+export interface Props extends Pick<BoxStyleProps, 'is' | 'width'> {
+    space?: keyof typeof styles.child.spaces;
+    className?: string;
+    dividers?: boolean;
+    children: ReactNode | ReactNode[];
+}
+export declare const Stack: FunctionComponent<Props>;
+//# sourceMappingURL=Stack.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Stack.d.ts","sourceRoot":"","sources":["../../../lib/components/Stack/Stack.tsx"],"names":[],"mappings":"AACA,OAAO,EAAY,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAG/D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AAI5C,OAAO,KAAK,MAAM,MAAM,aAAa,CAAC;AAEtC,MAAM,WAAW,KAAM,SAAQ,IAAI,CAAC,aAAa,EAAE,IAAI,GAAG,OAAO,CAAC;IACjE,KAAK,CAAC,EAAE,MAAM,OAAO,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,QAAQ,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;CAClC;AAOD,eAAO,MAAM,KAAK,EAAE,iBAAiB,CAAC,KAAK,CAqC1C,CAAC"}