@autoguru/overdrive 4.1.4 → 4.1.5

package/dist/components/MinimalModal/MinimalModal.js

@@ -1,64 +1,29 @@
-"use strict";
-
 import * as React from 'react';
 import { useLayoutEffect, useRef } from 'react';
-import { useEventCallback, useId } from "../../utils/index.js";
-import { Box } from "../Box/index.js";
-import { Modal } from "../Modal/index.js";
-import * as styles from "./MinimalModal.css.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-export const MinimalModal = _ref => {
-  let {
-    isOpen,
-    className = '',
-    onRequestClose,
-    children
-  } = _ref;
-  const titleId = useId();
-  const locked = useRef(true);
-  const unlockModal = useEventCallback(event => {
-    locked.current = event.target !== event.currentTarget;
-  });
-  const backdropHandler = useEventCallback(event => {
-    if (locked.current || event.target !== event.currentTarget) return;
-    if (typeof onRequestClose === 'function') onRequestClose('backdrop');
-  });
-  useLayoutEffect(() => {
-    document.body.style.overflow = isOpen ? 'hidden' : '';
-    return () => {
-      document.body.style.overflow = '';
-    };
-  }, [isOpen]);
-  return _jsx(Modal, {
-    isOpen: isOpen,
-    onRequestClose: onRequestClose,
-    children: _jsx(Box, {
-      className: [styles.container, className],
-      height: "full",
-      display: "flex",
-      alignItems: "center",
-      justifyContent: "center",
-      "aria-hidden": isOpen ? 'false' : 'true',
-      role: "none presentation",
-      onMouseDown: unlockModal,
-      onClick: backdropHandler,
-      children: _jsx(Box, {
-        is: "article",
-        role: "dialog",
-        "aria-modal": "true",
-        "aria-labelledby": titleId,
-        display: "flex",
-        flexDirection: "column",
-        children: _jsx(Box, {
-          is: "main",
-          display: "flex",
-          flexDirection: "column",
-          flexGrow: 1,
-          height: "full",
-          className: styles.content,
-          children: children
-        })
-      })
-    })
-  });
-};
+import { useEventCallback, useId } from '../../utils';
+import { Box } from '../Box';
+import { Modal } from '../Modal';
+import * as styles from './MinimalModal.css';
+export const MinimalModal = ({ isOpen, className = '', onRequestClose, children, }) => {
+    const titleId = useId();
+    const locked = useRef(true);
+    const unlockModal = useEventCallback((event) => {
+        locked.current = event.target !== event.currentTarget;
+    });
+    const backdropHandler = useEventCallback((event) => {
+        if (locked.current || event.target !== event.currentTarget)
+            return;
+        if (typeof onRequestClose === 'function')
+            onRequestClose('backdrop');
+    });
+    useLayoutEffect(() => {
+        document.body.style.overflow = isOpen ? 'hidden' : '';
+        return () => {
+            document.body.style.overflow = '';
+        };
+    }, [isOpen]);
+    return (React.createElement(Modal, { isOpen: isOpen, onRequestClose: onRequestClose },
+        React.createElement(Box, { className: [styles.container, className], height: "full", display: "flex", alignItems: "center", justifyContent: "center", "aria-hidden": isOpen ? 'false' : 'true', role: "none presentation", onMouseDown: unlockModal, onClick: backdropHandler },
+            React.createElement(Box, { is: "article", role: "dialog", "aria-modal": "true", "aria-labelledby": titleId, display: "flex", flexDirection: "column" },
+                React.createElement(Box, { is: "main", display: "flex", flexDirection: "column", flexGrow: 1, height: "full", className: styles.content }, children)))));
+};

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

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

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

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

package/dist/components/MinimalModal/index.js

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

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

@@ -0,0 +1,5 @@
+export declare const root: string;
+export declare const transition: string;
+export declare const entry: string;
+export declare const backdrop: Record<"root" | "invisible", string>;
+//# sourceMappingURL=Modal.css.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.css.d.ts","sourceRoot":"","sources":["../../../lib/components/Modal/Modal.css.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,IAAI,QAMf,CAAC;AAEH,eAAO,MAAM,UAAU,QAErB,CAAC;AAEH,eAAO,MAAM,KAAK,QAOhB,CAAC;AAEH,eAAO,MAAM,QAAQ,sCAenB,CAAC"}

package/dist/components/Modal/Modal.css.js

@@ -1,44 +1,36 @@
-"use strict";
-
-import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
-
-__vanilla_filescope__.setFileScope("lib/components/Modal/Modal.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 root = style({
-  top: 0,
-  right: 0,
-  bottom: 0,
-  left: 0,
-  zIndex: 1000
-}, "root");
-export const transition = style({
-  transition: "transform .175s ".concat(vars.animation.easing.standard, ", opacity 0.3s ").concat(vars.animation.easing.standard)
-}, "transition");
-export const entry = style({
-  '@media': {
-    'screen and (prefers-reduced-motion)': {
-      transform: 'none !important'
-    }
-  },
-  transform: 'scale(.95)'
-}, "entry");
-export const backdrop = styleVariants({
-  root: {
     top: 0,
     right: 0,
     bottom: 0,
     left: 0,
-    zIndex: 999,
-    backgroundColor: vars.colours.intent.neutral.background.standard,
-    opacity: 0.75,
-    backdropFilter: 'blur(5px)'
-  },
-  invisible: {
-    backgroundColor: 'transparent',
-    backdropFilter: 'none'
-  }
-}, "backdrop");
-
-__vanilla_filescope__.endFileScope();
+    zIndex: 1000,
+});
+export const transition = style({
+    transition: `transform .175s ${vars.animation.easing.standard}, opacity 0.3s ${vars.animation.easing.standard}`,
+});
+export const entry = style({
+    '@media': {
+        'screen and (prefers-reduced-motion)': {
+            transform: 'none !important',
+        },
+    },
+    transform: 'scale(.95)',
+});
+export const backdrop = styleVariants({
+    root: {
+        top: 0,
+        right: 0,
+        bottom: 0,
+        left: 0,
+        zIndex: 999,
+        backgroundColor: vars.colours.intent.neutral.background.standard,
+        opacity: 0.75,
+        backdropFilter: 'blur(5px)',
+    },
+    invisible: {
+        backgroundColor: 'transparent',
+        backdropFilter: 'none',
+    },
+});

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

@@ -0,0 +1,9 @@
+import type { ComponentType, FunctionComponent } from 'react';
+export interface Props {
+    isOpen: boolean;
+    hideBackdrop?: boolean;
+    onRequestClose?(e: 'backdrop' | 'escapeKeyDown' | string): void;
+}
+export declare const Modal: FunctionComponent<Props>;
+export declare const withModal: <TIncomingProps extends {} = {}>(WrappedComponent: ComponentType<Props & TIncomingProps>) => FunctionComponent<Props & TIncomingProps>;
+//# sourceMappingURL=Modal.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../lib/components/Modal/Modal.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,iBAAiB,EAAW,MAAM,OAAO,CAAC;AAWvE,MAAM,WAAW,KAAK;IACrB,MAAM,EAAE,OAAO,CAAC;IAChB,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB,cAAc,CAAC,CAAC,CAAC,EAAE,UAAU,GAAG,eAAe,GAAG,MAAM,GAAG,IAAI,CAAC;CAChE;AAqDD,eAAO,MAAM,KAAK,EAAE,iBAAiB,CAAC,KAAK,CAkE1C,CAAC;AAEF,eAAO,MAAM,SAAS,wIAqBrB,CAAC"}

package/dist/components/Modal/Modal.js

@@ -1,142 +1,86 @@
-"use strict";
-
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-const _excluded = ["onRequestClose", "isOpen"];
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
 import { warning } from '@autoguru/utilities';
 import * as React from 'react';
 import { useEffect, useReducer } from 'react';
 import FocusLock from 'react-focus-lock';
-import { useEventCallback } from "../../utils/index.js";
-import { Box } from "../Box/index.js";
-import { Portal } from "../Portal/index.js";
-import * as styles from "./Modal.css.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-
+import { useEventCallback } from '../../utils';
+import { Box } from '../Box';
+import { Portal } from '../Portal';
+import * as styles from './Modal.css';
 const reducer = (prevState, action) => {
-  switch (action) {
-    case 'OPEN_MODAL':
-      {
-        switch (prevState) {
-          case 'INITIAL':
-          case 'CLOSING':
-          case 'CLOSED':
-            {
-              return 'OPENING';
+    switch (action) {
+        case 'OPEN_MODAL': {
+            switch (prevState) {
+                case 'INITIAL':
+                case 'CLOSING':
+                case 'CLOSED': {
+                    return 'OPENING';
+                }
+                default:
+                    return prevState;
             }
-
-          default:
-            return prevState;
         }
-      }
-
-    case 'CLOSE_MODAL':
-      {
-        switch (prevState) {
-          case 'OPEN':
-          case 'OPENING':
-            {
-              return 'CLOSING';
+        case 'CLOSE_MODAL': {
+            switch (prevState) {
+                case 'OPEN':
+                case 'OPENING': {
+                    return 'CLOSING';
+                }
+                default:
+                    return prevState;
             }
-
-          default:
-            return prevState;
         }
-      }
-
-    case 'ANIMATION_COMPLETE':
-      {
-        switch (prevState) {
-          case 'CLOSING':
-            {
-              return 'CLOSED';
+        case 'ANIMATION_COMPLETE': {
+            switch (prevState) {
+                case 'CLOSING': {
+                    return 'CLOSED';
+                }
+                case 'OPENING': {
+                    return 'OPEN';
+                }
+                default:
+                    return prevState;
             }
-
-          case 'OPENING':
-            {
-              return 'OPEN';
-            }
-
-          default:
+        }
+        default:
             return prevState;
+    }
+};
+export const Modal = ({ isOpen, hideBackdrop = false, onRequestClose, children, }) => {
+    const [state, dispatch] = useReducer(reducer, 'INITIAL');
+    const handleBackdropClick = useEventCallback((event) => {
+        if (event.target !== event.currentTarget)
+            return;
+        if (typeof onRequestClose === 'function')
+            onRequestClose('backdrop');
+    });
+    useEffect(() => {
+        dispatch(isOpen ? 'OPEN_MODAL' : 'CLOSE_MODAL');
+    }, [isOpen]);
+    useEffect(() => {
+        if (state === 'CLOSING') {
+            const timer = setTimeout(() => {
+                dispatch('ANIMATION_COMPLETE');
+            }, 300);
+            return () => clearTimeout(timer);
         }
-      }
-
-    default:
-      return prevState;
-  }
+        return undefined;
+    }, [state]);
+    return (React.createElement(Portal, null, state === 'OPENING' || state === 'OPEN' || state === 'CLOSING' ? (React.createElement(FocusLock, { returnFocus: true, autoFocus: false, onActivation: () => {
+            dispatch('ANIMATION_COMPLETE');
+        } },
+        React.createElement(Box, { "aria-hidden": "true", position: "fixed", pointerEvents: state === 'CLOSING' ? 'none' : undefined, opacity: state === 'OPEN' ? undefined : 0, className: [
+                styles.backdrop.root,
+                styles.transition,
+                hideBackdrop && styles.backdrop.invisible,
+            ], onClick: handleBackdropClick }),
+        React.createElement(Box, { role: "presentation", position: "fixed", overflow: "hidden", opacity: state === 'OPEN' ? undefined : 0, className: [
+                styles.root,
+                styles.transition,
+                state === 'OPENING' && styles.entry,
+            ] }, children))) : null));
 };
-
-export const Modal = _ref => {
-  let {
-    isOpen,
-    hideBackdrop = false,
-    onRequestClose,
-    children
-  } = _ref;
-  const [state, dispatch] = useReducer(reducer, 'INITIAL');
-  const handleBackdropClick = useEventCallback(event => {
-    if (event.target !== event.currentTarget) return;
-    if (typeof onRequestClose === 'function') onRequestClose('backdrop');
-  });
-  useEffect(() => {
-    dispatch(isOpen ? 'OPEN_MODAL' : 'CLOSE_MODAL');
-  }, [isOpen]);
-  useEffect(() => {
-    if (state === 'CLOSING') {
-      const timer = setTimeout(() => {
-        dispatch('ANIMATION_COMPLETE');
-      }, 300);
-      return () => clearTimeout(timer);
-    }
-
-    return undefined;
-  }, [state]);
-  return _jsx(Portal, {
-    children: state === 'OPENING' || state === 'OPEN' || state === 'CLOSING' ? _jsxs(FocusLock, {
-      returnFocus: true,
-      autoFocus: false,
-      onActivation: () => {
-        dispatch('ANIMATION_COMPLETE');
-      },
-      children: [_jsx(Box, {
-        "aria-hidden": "true",
-        position: "fixed",
-        pointerEvents: state === 'CLOSING' ? 'none' : undefined,
-        opacity: state === 'OPEN' ? undefined : 0,
-        className: [styles.backdrop.root, styles.transition, hideBackdrop && styles.backdrop.invisible],
-        onClick: handleBackdropClick
-      }), _jsx(Box, {
-        role: "presentation",
-        position: "fixed",
-        overflow: "hidden",
-        opacity: state === 'OPEN' ? undefined : 0,
-        className: [styles.root, styles.transition, state === 'OPENING' && styles.entry],
-        children: children
-      })]
-    }) : null
-  });
+export const withModal = (WrappedComponent) => ({ onRequestClose, isOpen, ...rest }) => {
+    warning(false, 'Using withModal is now an anti-pattern. Use <Modal /> instead');
+    return (React.createElement(Modal, { isOpen: isOpen, onRequestClose: onRequestClose },
+        React.createElement(WrappedComponent, { isOpen: isOpen, onRequestClose: onRequestClose, ...rest })));
 };
-export const withModal = WrappedComponent => _ref2 => {
-  let {
-    onRequestClose,
-    isOpen
-  } = _ref2,
-      rest = _objectWithoutProperties(_ref2, _excluded);
-
-  process.env.NODE_ENV !== "production" ? warning(false, 'Using withModal is now an anti-pattern. Use <Modal /> instead') : void 0;
-  return _jsx(Modal, {
-    isOpen: isOpen,
-    onRequestClose: onRequestClose,
-    children: _jsx(WrappedComponent, _objectSpread({
-      isOpen: isOpen,
-      onRequestClose: onRequestClose
-    }, rest))
-  });
-};

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

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

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

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

package/dist/components/Modal/index.js

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

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

@@ -0,0 +1,7 @@
+import * as React from 'react';
+interface Props extends Partial<Pick<HTMLInputElement, 'min' | 'max' | 'step'>> {
+    preventMouseWheel?: boolean;
+}
+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 {};
+//# sourceMappingURL=NumberInput.d.ts.map

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

@@ -0,0 +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,oTA0EvB,CAAC"}

package/dist/components/NumberInput/NumberInput.js

@@ -1,65 +1,34 @@
-"use strict";
-
-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"];
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
 import * as React from 'react';
 import { useCallback, useEffect, useRef } from 'react';
-import { Box } from "../Box/index.js";
-import { withEnhancedInput } from "../private/InputBase/index.js";
-import { jsx as _jsx } from "react/jsx-runtime";
+import { Box } from '../Box';
+import { withEnhancedInput } from '../private/InputBase';
 const isEdge = typeof navigator !== 'undefined' && /edge/i.test(navigator.userAgent);
 const type = isEdge ? 'text' : 'number';
-export const NumberInput = withEnhancedInput(_ref => {
-  let {
-    field: {
-      ref
-    },
-    eventHandlers,
-    validation,
-    isLoading,
-    suffixed,
-    prefixed,
-    preventMouseWheel = false
-  } = _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);
-      onWheelListener = inputRef.current.addEventListener('onwheel', preventWheel);
-      wheelListener = inputRef.current.addEventListener('wheel', preventWheel);
-    }
-
-    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]);
-  return _jsx(Box, _objectSpread(_objectSpread(_objectSpread(_objectSpread({
-    is: "input",
-    ref: inputRef
-  }, eventHandlers), incomingFieldProps), rest), {}, {
-    autoComplete: "off",
-    type: type
-  }));
+export const NumberInput = withEnhancedInput(({ field: { ref, ...incomingFieldProps }, eventHandlers, validation, isLoading, suffixed, prefixed, preventMouseWheel = false, ...rest }) => {
+    const inputRef = useRef(ref?.current);
+    const preventWheel = useCallback((e) => {
+        e.preventDefault();
+        e.stopPropagation();
+    }, []);
+    useEffect(() => {
+        let mouseWheelListener;
+        let onWheelListener;
+        let wheelListener;
+        if (preventMouseWheel && inputRef?.current) {
+            mouseWheelListener = inputRef.current.addEventListener('mousewheel', preventWheel);
+            onWheelListener = inputRef.current.addEventListener('onwheel', preventWheel);
+            wheelListener = inputRef.current.addEventListener('wheel', preventWheel);
+        }
+        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]);
+    return (React.createElement(Box, { is: "input", ref: inputRef, ...eventHandlers, ...incomingFieldProps, ...rest, autoComplete: "off", type: type }));
 }, {
-  primitiveType: type
-});
+    primitiveType: type,
+});

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

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

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

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

package/dist/components/NumberInput/index.js

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

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

@@ -0,0 +1,2 @@
+export declare const root: Record<"default" | "firstOccurrence", string>;
+//# sourceMappingURL=OrderedList.css.d.ts.map

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

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

package/dist/components/OrderedList/OrderedList.css.js

@@ -1,18 +1,10 @@
-"use strict";
-
-import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
-
-__vanilla_filescope__.setFileScope("lib/components/OrderedList/OrderedList.css.ts", "@autoguru/overdrive");
-
 import { styleVariants } from '@vanilla-extract/css';
-import { vars } from "../../themes/base/vars.css.js";
+import { vars } from '../../themes/base/vars.css';
 export const root = styleVariants({
-  default: {
-    listStyle: 'outside lower-roman'
-  },
-  firstOccurrence: {
-    paddingLeft: "calc(".concat(vars.space['6'], " * 2)")
-  }
-}, "root");
-
-__vanilla_filescope__.endFileScope();
+    default: {
+        listStyle: 'outside lower-roman',
+    },
+    firstOccurrence: {
+        paddingLeft: `calc(${vars.space['6']} * 2)`,
+    },
+});

package/dist/components/OrderedList/OrderedList.d.ts

@@ -0,0 +1,14 @@
+import { FunctionComponent, OlHTMLAttributes } from 'react';
+declare type ListStyleType = 'decimal' | 'lower-roman' | 'lower-alpha' | 'upper-alpha';
+export interface Props extends Pick<OlHTMLAttributes<HTMLOListElement>, 'start'> {
+    type?: ListStyleType;
+    className?: string;
+}
+export interface ItemProps {
+    className?: string;
+}
+export declare const OrderedList: FunctionComponent<Props> & {
+    Item: FunctionComponent<ItemProps>;
+};
+export {};
+//# sourceMappingURL=OrderedList.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"OrderedList.d.ts","sourceRoot":"","sources":["../../../lib/components/OrderedList/OrderedList.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEN,iBAAiB,EACjB,gBAAgB,EAEhB,MAAM,OAAO,CAAC;AAQf,aAAK,aAAa,GAAG,SAAS,GAAG,aAAa,GAAG,aAAa,GAAG,aAAa,CAAC;AAU/E,MAAM,WAAW,KAChB,SAAQ,IAAI,CAAC,gBAAgB,CAAC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IACzD,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,SAAS;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB;AAID,eAAO,MAAM,WAAW,EAAE,iBAAiB,CAAC,KAAK,CAAC,GAAG;IACpD,IAAI,EAAE,iBAAiB,CAAC,SAAS,CAAC,CAAC;CA6BnC,CAAC"}