@autoguru/overdrive 3.0.0-next.8 → 4.0.2

package/dist/hooks/useAttachedBoxes/useAttachedBoxes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAttachedBoxes.d.ts","sourceRoot":"","sources":["../../../lib/hooks/useAttachedBoxes/useAttachedBoxes.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE1D,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AAKvC,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AAGjE,OAAO,KAAK,MAAM,MAAM,wBAAwB,CAAC;AAEjD,UAAU,KAAM,SAAQ,IAAI,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC,EAAE,kBAAkB,CAAC;IAC3E,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,cAAc,CAAC,MAAM,CAAC,CAAC;IACpC,GAAG,CAAC,EAAE,cAAc,CAAC,MAAM,OAAO,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;CACpD;AAED,aAAK,gBAAgB,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC,EAAE,cAAc,CAAC,CAAC;AAiBzE,aAAK,OAAO,GAAG;IACd,KAAK,EAAE,iBAAiB,CAAC,gBAAgB,CAAC,EAAE;IAC5C,UAAU,EAAE,MAAM;IAClB,KAAK,EAAE,cAAc,CAAC,OAAO,GAAG,CAAC,CAAC,OAAO,CAAC;CAC1C,CAAC;AACF,eAAO,MAAM,gBAAgB,wEAK1B,KAAK,YA0DP,CAAC"}

package/dist/hooks/useAttachedBoxes/useAttachedBoxes.js

@@ -1,64 +1,50 @@
-"use strict";
-
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-const _excluded = ["children", "className"];
 import clsx from 'clsx';
 import * as React from 'react';
-import { Box } from "../../components/index.js";
-import { getEarliestKnownToken, resolveResponsiveStyle } from "../../utils/resolveResponsiveProps.js";
-import { useMedia } from "../useMedia/index.js";
-import * as styles from "./useAttachedBoxes.css.js";
-
+import { Box } from '../../components';
+import { getEarliestKnownToken, resolveResponsiveStyle, } from '../../utils/resolveResponsiveProps';
+import { useMedia } from '../useMedia';
+import * as styles from './useAttachedBoxes.css';
 function useResponsiveValue(responsiveValue) {
-  if (!Array.isArray(responsiveValue)) return responsiveValue;
-  const activeBP = useMedia(['mobile', 'tablet', 'desktop', 'largeDesktop'], false).reduce((activeBreakPoint, current, index) => {
-    if (current) activeBreakPoint = index + 1;
-    return activeBreakPoint;
-  }, 1);
-  return getEarliestKnownToken(responsiveValue, activeBP);
+    if (!Array.isArray(responsiveValue))
+        return responsiveValue;
+    const activeBP = useMedia(['mobile', 'tablet', 'desktop', 'largeDesktop'], false).reduce((activeBreakPoint, current, index) => {
+        if (current)
+            activeBreakPoint = index + 1;
+        return activeBreakPoint;
+    }, 1);
+    return getEarliestKnownToken(responsiveValue, activeBP);
 }
-
-export const useAttachedBoxes = _ref => {
-  let {
-    count,
-    columnCount: incomingColumnCount,
-    gap = '1',
-    backgroundColour = 'gray900'
-  } = _ref;
-  const columnCount = useResponsiveValue(incomingColumnCount);
-  const decimals = count / columnCount % 1;
-  let colStart;
-  let extend;
-  let isLastItem;
-  const topRightIndex = Math.min(count - 1, columnCount - 1);
-  const bottomLeftIndex = decimals ? Math.floor(count / columnCount) * columnCount : count - columnCount;
-  return [Array.from({
-    length: count
-  }).map((_, index) => _ref2 => {
-    let {
-      children,
-      className
-    } = _ref2,
-        rest = _objectWithoutProperties(_ref2, _excluded);
-
-    isLastItem = index === count - 1;
-
-    if (isLastItem && decimals) {
-      colStart = Math.round(decimals / (1 / columnCount));
-      extend = Math.round((1 - decimals) / (1 / columnCount));
-    }
-
-    return <Box backgroundColour={backgroundColour} className={clsx(className, {
-      [styles.grid.topLeft]: index === 0,
-      [styles.grid.topRight]: index === topRightIndex,
-      [styles.grid.bottomLeft]: index === bottomLeftIndex,
-      [styles.grid.bottomRight]: isLastItem
-    })} style={isLastItem && decimals ? {
-      gridColumn: "".concat(colStart, "/").concat(colStart + 1 + extend)
-    } : void 0} {...rest}>
-						{children}
-					</Box>;
-  }), clsx(styles.grid.default, resolveResponsiveStyle(gap, styles.grid.gaps)), {
-    gridTemplateColumns: "repeat(".concat(columnCount, ", 1fr)")
-  }];
-};
+export const useAttachedBoxes = ({ count, columnCount: incomingColumnCount, gap = '1', backgroundColour = 'gray900', }) => {
+    const columnCount = useResponsiveValue(incomingColumnCount);
+    const decimals = (count / columnCount) % 1;
+    let colStart;
+    let extend;
+    let isLastItem;
+    const topRightIndex = Math.min(count - 1, columnCount - 1);
+    const bottomLeftIndex = decimals
+        ? Math.floor(count / columnCount) * columnCount
+        : count - columnCount;
+    return [
+        Array.from({ length: count }).map((_, index) => ({ children, className, ...rest }) => {
+            isLastItem = index === count - 1;
+            if (isLastItem && decimals) {
+                colStart = Math.round(decimals / (1 / columnCount));
+                extend = Math.round((1 - decimals) / (1 / columnCount));
+            }
+            return (React.createElement(Box, { backgroundColour: backgroundColour, className: clsx(className, {
+                    [styles.grid.topLeft]: index === 0,
+                    [styles.grid.topRight]: index === topRightIndex,
+                    [styles.grid.bottomLeft]: index === bottomLeftIndex,
+                    [styles.grid.bottomRight]: isLastItem,
+                }), style: isLastItem && decimals
+                    ? {
+                        gridColumn: `${colStart}/${colStart + 1 + extend}`,
+                    }
+                    : void 0, ...rest }, children));
+        }),
+        clsx(styles.grid.default, resolveResponsiveStyle(gap, styles.grid.gaps)),
+        {
+            gridTemplateColumns: `repeat(${columnCount}, 1fr)`,
+        },
+    ];
+};

package/dist/hooks/useMedia/index.d.ts

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

package/dist/hooks/useMedia/index.d.ts.map

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

package/dist/hooks/useMedia/index.js

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

package/dist/hooks/useMedia/stories.js

@@ -5,6 +5,8 @@ import { Stack } from "../../components/Stack/Stack.js";
 import { Text } from "../../components/Text/Text.js";
 import { breakpoints } from "../../themes/makeTheme.js";
 import { useMedia } from "./useMedia.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 export default {
   title: 'Utility/Hooks/useMedia',
   parameters: {
@@ -16,27 +18,30 @@ export default {
 export const Standard = () => {
   const Impl = () => {
     const [isMobile, isTable, isDesktop, isLargeDesktop] = useMedia(['mobile', 'tablet', 'desktop', 'largeDesktop']);
-    return <Stack>
-				<Text>
-					isMobile: <Text strong>{isMobile ? 'true' : 'false'}</Text>{' '}
-					- {breakpoints.mobile}
-				</Text>
-				<Text>
-					isTable: <Text strong>{isTable ? 'true' : 'false'}</Text> -{' '}
-					{breakpoints.tablet}
-				</Text>
-				<Text>
-					isDesktop:{' '}
-					<Text strong>{isDesktop ? 'true' : 'false'}</Text> -{' '}
-					{breakpoints.desktop}
-				</Text>
-				<Text>
-					isLargeDesktop:{' '}
-					<Text strong>{isLargeDesktop ? 'true' : 'false'}</Text> -{' '}
-					{breakpoints.largeDesktop}
-				</Text>
-			</Stack>;
+    return _jsxs(Stack, {
+      children: [_jsxs(Text, {
+        children: ["isMobile: ", _jsx(Text, {
+          strong: true,
+          children: isMobile ? 'true' : 'false'
+        }), ' ', "- ", breakpoints.mobile]
+      }), _jsxs(Text, {
+        children: ["isTable: ", _jsx(Text, {
+          strong: true,
+          children: isTable ? 'true' : 'false'
+        }), " -", ' ', breakpoints.tablet]
+      }), _jsxs(Text, {
+        children: ["isDesktop:", ' ', _jsx(Text, {
+          strong: true,
+          children: isDesktop ? 'true' : 'false'
+        }), " -", ' ', breakpoints.desktop]
+      }), _jsxs(Text, {
+        children: ["isLargeDesktop:", ' ', _jsx(Text, {
+          strong: true,
+          children: isLargeDesktop ? 'true' : 'false'
+        }), " -", ' ', breakpoints.largeDesktop]
+      })]
+    });
   };
 
-  return <Impl />;
+  return _jsx(Impl, {});
 };

package/dist/hooks/useMedia/useMedia.d.ts

@@ -0,0 +1,3 @@
+import type { BreakPoints } from '../../themes/tokens';
+export declare const useMedia: (queries: ReadonlyArray<keyof BreakPoints>, fallbackCase?: boolean) => readonly boolean[];
+//# sourceMappingURL=useMedia.d.ts.map

package/dist/hooks/useMedia/useMedia.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMedia.d.ts","sourceRoot":"","sources":["../../../lib/hooks/useMedia/useMedia.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAGvD,eAAO,MAAM,QAAQ,YACX,cAAc,MAAM,WAAW,CAAC,6BAEvC,SAAS,OAAO,EA2ClB,CAAC"}

package/dist/hooks/useMedia/useMedia.js

@@ -1,39 +1,33 @@
-"use strict";
-
-import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import { useCallback, useLayoutEffect, useMemo, useState } from 'react';
-import { useRuntimeTokens } from "../../index.js";
-import { isBrowser } from "../../utils/index.js";
-export const useMedia = function useMedia(queries) {
-  let fallbackCase = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-  const {
-    breakpoints
-  } = useRuntimeTokens();
-  if (!isBrowser) return queries.map(() => fallbackCase);
-  const getQueries = useCallback(() => queries.map(media => "(min-width: ".concat(breakpoints[media], "px)")), [breakpoints]);
-  const matchesInit = useMemo(() => getQueries().map(query => window.matchMedia(query).matches), [getQueries]);
-  const [matches, setMatches] = useState(matchesInit);
-  useLayoutEffect(() => {
-    let isMounted = true;
-    const matchers = getQueries().map(query => window.matchMedia(query));
-    const removeHandlersFn = matchers.map((matcher, idx) => {
-      const handler = e => {
-        if (!isMounted) return;
-        setMatches(prevState => {
-          const newState = _toConsumableArray(prevState);
-
-          newState[idx] = e.matches;
-          return newState;
+import { useRuntimeTokens } from '../..';
+import { isBrowser } from '../../utils';
+export const useMedia = (queries, fallbackCase = false) => {
+    const { breakpoints } = useRuntimeTokens();
+    if (!isBrowser)
+        return queries.map(() => fallbackCase);
+    const getQueries = useCallback(() => queries.map((media) => `(min-width: ${breakpoints[media]})`), [breakpoints]);
+    const matchesInit = useMemo(() => getQueries().map((query) => window.matchMedia(query).matches), [getQueries]);
+    const [matches, setMatches] = useState(matchesInit);
+    useLayoutEffect(() => {
+        let isMounted = true;
+        const matchers = getQueries().map((query) => window.matchMedia(query));
+        const removeHandlersFn = matchers.map((matcher, idx) => {
+            const handler = (e) => {
+                if (!isMounted)
+                    return;
+                setMatches((prevState) => {
+                    const newState = [...prevState];
+                    newState[idx] = e.matches;
+                    return newState;
+                });
+            };
+            matcher.addEventListener('change', handler);
+            return () => matcher.removeEventListener('change', handler);
         });
-      };
-
-      matcher.addEventListener('change', handler);
-      return () => matcher.removeEventListener('change', handler);
-    });
-    return () => {
-      isMounted = false;
-      removeHandlersFn.forEach(item => item());
-    };
-  }, [].concat(_toConsumableArray(queries), [breakpoints]));
-  return matches;
-};
+        return () => {
+            isMounted = false;
+            removeHandlersFn.forEach((item) => item());
+        };
+    }, [...queries, breakpoints]);
+    return matches;
+};

package/dist/hooks/useNegativeMargin/useNegativeMargin.d.ts

@@ -0,0 +1,3 @@
+export { useNegativeMarginLeft } from './useNegativeMarginLeft';
+export { useNegativeMarginTop } from './useNegativeMarginTop';
+//# sourceMappingURL=useNegativeMargin.d.ts.map

package/dist/hooks/useNegativeMargin/useNegativeMargin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useNegativeMargin.d.ts","sourceRoot":"","sources":["../../../lib/hooks/useNegativeMargin/useNegativeMargin.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC"}

package/dist/hooks/useNegativeMargin/useNegativeMargin.js

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

package/dist/hooks/useNegativeMargin/useNegativeMarginLeft.css.d.ts

@@ -0,0 +1,2 @@
+export declare const negativeMarginLeft: Record<string | number, any>;
+//# sourceMappingURL=useNegativeMarginLeft.css.d.ts.map

package/dist/hooks/useNegativeMargin/useNegativeMarginLeft.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useNegativeMarginLeft.css.d.ts","sourceRoot":"","sources":["../../../lib/hooks/useNegativeMargin/useNegativeMarginLeft.css.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,kBAAkB,8BAG5B,CAAC"}

package/dist/hooks/useNegativeMargin/useNegativeMarginLeft.css.js

@@ -1,14 +1,6 @@
-"use strict";
-
-import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
-
-__vanilla_filescope__.setFileScope("lib/hooks/useNegativeMargin/useNegativeMarginLeft.css.ts", "@autoguru/overdrive");
-
-import { vars } from "../../themes/base/vars.css.js";
-import { makeResponsiveStyle } from "../../utils/responsiveProps.css.js";
-export const negativeMarginLeft = makeResponsiveStyle(vars.space, value => ({
-  marginLeft: "calc(-1 * ".concat(value, ")"),
-  width: "calc(100% + ".concat(value, ")")
+import { vars } from '../../themes/base/vars.css';
+import { makeResponsiveStyle } from '../../utils/responsiveProps.css';
+export const negativeMarginLeft = makeResponsiveStyle(vars.space, (value) => ({
+    marginLeft: `calc(-1 * ${value})`,
+    width: `calc(100% + ${value})`,
 }));
-
-__vanilla_filescope__.endFileScope();

package/dist/hooks/useNegativeMargin/useNegativeMarginLeft.d.ts

@@ -0,0 +1,4 @@
+import { Tokens } from '../../themes/tokens';
+import { ResponsiveProp } from '../../utils/responsiveProps.css';
+export declare const useNegativeMarginLeft: (space: ResponsiveProp<keyof Tokens['space']>) => any;
+//# sourceMappingURL=useNegativeMarginLeft.d.ts.map

package/dist/hooks/useNegativeMargin/useNegativeMarginLeft.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useNegativeMarginLeft.d.ts","sourceRoot":"","sources":["../../../lib/hooks/useNegativeMargin/useNegativeMarginLeft.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAE7C,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AAIjE,eAAO,MAAM,qBAAqB,UAC1B,eAAe,MAAM,MAAM,CAAC,OAAO,CAAC,CAAC,QACgB,CAAC"}

package/dist/hooks/useNegativeMargin/useNegativeMarginLeft.js

@@ -1,5 +1,3 @@
-"use strict";
-
-import { resolveResponsiveStyle } from "../../utils/resolveResponsiveProps.js";
-import * as styles from "./useNegativeMarginLeft.css.js";
-export const useNegativeMarginLeft = space => resolveResponsiveStyle(space, styles.negativeMarginLeft);
+import { resolveResponsiveStyle } from '../../utils/resolveResponsiveProps';
+import * as styles from './useNegativeMarginLeft.css';
+export const useNegativeMarginLeft = (space) => resolveResponsiveStyle(space, styles.negativeMarginLeft);

package/dist/hooks/useNegativeMargin/useNegativeMarginTop.css.d.ts

@@ -0,0 +1,2 @@
+export declare const negativeMarginTop: Record<string | number, any>;
+//# sourceMappingURL=useNegativeMarginTop.css.d.ts.map

package/dist/hooks/useNegativeMargin/useNegativeMarginTop.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useNegativeMarginTop.css.d.ts","sourceRoot":"","sources":["../../../lib/hooks/useNegativeMargin/useNegativeMarginTop.css.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,iBAAiB,8BAE3B,CAAC"}

package/dist/hooks/useNegativeMargin/useNegativeMarginTop.css.js

@@ -1,13 +1,5 @@
-"use strict";
-
-import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
-
-__vanilla_filescope__.setFileScope("lib/hooks/useNegativeMargin/useNegativeMarginTop.css.ts", "@autoguru/overdrive");
-
-import { vars } from "../../themes/base/vars.css.js";
-import { makeResponsiveStyle } from "../../utils/responsiveProps.css.js";
-export const negativeMarginTop = makeResponsiveStyle(vars.space, value => ({
-  marginTop: "calc(-1 * ".concat(value, ")")
+import { vars } from '../../themes/base/vars.css';
+import { makeResponsiveStyle } from '../../utils/responsiveProps.css';
+export const negativeMarginTop = makeResponsiveStyle(vars.space, (value) => ({
+    marginTop: `calc(-1 * ${value})`,
 }));
-
-__vanilla_filescope__.endFileScope();

package/dist/hooks/useNegativeMargin/useNegativeMarginTop.d.ts

@@ -0,0 +1,4 @@
+import { Tokens } from '../../themes/tokens';
+import { ResponsiveProp } from '../../utils/responsiveProps.css';
+export declare const useNegativeMarginTop: (space: ResponsiveProp<keyof Tokens['space']>) => any;
+//# sourceMappingURL=useNegativeMarginTop.d.ts.map

package/dist/hooks/useNegativeMargin/useNegativeMarginTop.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useNegativeMarginTop.d.ts","sourceRoot":"","sources":["../../../lib/hooks/useNegativeMargin/useNegativeMarginTop.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAE7C,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AAIjE,eAAO,MAAM,oBAAoB,UACzB,eAAe,MAAM,MAAM,CAAC,OAAO,CAAC,CAAC,QACe,CAAC"}

package/dist/hooks/useNegativeMargin/useNegativeMarginTop.js

@@ -1,5 +1,3 @@
-"use strict";
-
-import { resolveResponsiveStyle } from "../../utils/resolveResponsiveProps.js";
-import * as styles from "./useNegativeMarginTop.css.js";
-export const useNegativeMarginTop = space => resolveResponsiveStyle(space, styles.negativeMarginTop);
+import { resolveResponsiveStyle } from '../../utils/resolveResponsiveProps';
+import * as styles from './useNegativeMarginTop.css';
+export const useNegativeMarginTop = (space) => resolveResponsiveStyle(space, styles.negativeMarginTop);

package/dist/hooks/useResponsiveValue/index.d.ts

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

package/dist/hooks/useResponsiveValue/index.d.ts.map

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

package/dist/hooks/useResponsiveValue/index.js

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

package/dist/hooks/useResponsiveValue/stories.js

@@ -4,6 +4,8 @@ import * as React from 'react';
 import { Stack } from "../../components/index.js";
 import { Text } from "../../components/Text/Text.js";
 import { useResponsiveValue } from "./index.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 export default {
   title: 'Utility/Hooks/useResponsiveValue',
   parameters: {
@@ -16,15 +18,22 @@ export const Standard = () => {
   const Impl = () => {
     const allValues = [2, 3,, 4];
     const value = useResponsiveValue(allValues);
-    return <Stack>
-				<Text is="p">
-					All values: <Text strong>{JSON.stringify(allValues)}</Text>{' '}
-				</Text>
-				<Text is="p">
-					Responsive value: <Text strong>{value}</Text>{' '}
-				</Text>
-			</Stack>;
+    return _jsxs(Stack, {
+      children: [_jsxs(Text, {
+        is: "p",
+        children: ["All values: ", _jsx(Text, {
+          strong: true,
+          children: JSON.stringify(allValues)
+        }), ' ']
+      }), _jsxs(Text, {
+        is: "p",
+        children: ["Responsive value: ", _jsx(Text, {
+          strong: true,
+          children: value
+        }), ' ']
+      })]
+    });
   };
 
-  return <Impl />;
+  return _jsx(Impl, {});
 };

package/dist/hooks/useResponsiveValue/useResponsiveValue.d.ts

@@ -0,0 +1,3 @@
+import { ResponsiveProp } from '../../utils/responsiveProps.css';
+export declare function useResponsiveValue<T extends string | number | boolean>(responsiveValue: ResponsiveProp<T>, fallbackCase?: boolean): T;
+//# sourceMappingURL=useResponsiveValue.d.ts.map

package/dist/hooks/useResponsiveValue/useResponsiveValue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useResponsiveValue.d.ts","sourceRoot":"","sources":["../../../lib/hooks/useResponsiveValue/useResponsiveValue.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AAEjE,wBAAgB,kBAAkB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,GAAG,OAAO,EACrE,eAAe,EAAE,cAAc,CAAC,CAAC,CAAC,EAClC,YAAY,UAAQ,GAClB,CAAC,CAYH"}

package/dist/hooks/useResponsiveValue/useResponsiveValue.js

@@ -1,14 +1,14 @@
-"use strict";
-
-import { useMedia } from "../../index.js";
-import { getEarliestKnownToken } from "../../utils/resolveResponsiveProps.js";
-export function useResponsiveValue(responsiveValue) {
-  let fallbackCase = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-  if (!Array.isArray(responsiveValue)) return responsiveValue;
-  if (fallbackCase) return responsiveValue[0];
-  const activeBP = useMedia(['mobile', 'tablet', 'desktop', 'largeDesktop'], fallbackCase).reduce((activeBreakPoint, current, index) => {
-    if (current) activeBreakPoint = index + 1;
-    return activeBreakPoint;
-  }, 1);
-  return getEarliestKnownToken(responsiveValue, activeBP);
-}
+import { useMedia } from '../..';
+import { getEarliestKnownToken } from '../../utils/resolveResponsiveProps';
+export function useResponsiveValue(responsiveValue, fallbackCase = false) {
+    if (!Array.isArray(responsiveValue))
+        return responsiveValue;
+    if (fallbackCase)
+        return responsiveValue[0];
+    const activeBP = useMedia(['mobile', 'tablet', 'desktop', 'largeDesktop'], fallbackCase).reduce((activeBreakPoint, current, index) => {
+        if (current)
+            activeBreakPoint = index + 1;
+        return activeBreakPoint;
+    }, 1);
+    return getEarliestKnownToken(responsiveValue, activeBP);
+}

package/dist/index.d.ts

@@ -0,0 +1,6 @@
+export * from './components/index';
+export { useMedia } from './hooks/useMedia/useMedia';
+export { useResponsiveValue } from './hooks/useResponsiveValue/useResponsiveValue';
+export { useAttachedBoxes } from './hooks/useAttachedBoxes/useAttachedBoxes';
+export { useId, arrayRingLookup } from './utils/index';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../lib/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AAEnC,OAAO,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AACrD,OAAO,EAAE,kBAAkB,EAAE,MAAM,+CAA+C,CAAC;AACnF,OAAO,EAAE,gBAAgB,EAAE,MAAM,2CAA2C,CAAC;AAC7E,OAAO,EAAE,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC"}

package/dist/index.js

@@ -1,7 +1,5 @@
-"use strict";
-
-export * from "./components/index.js";
-export { useMedia } from "./hooks/useMedia/useMedia.js";
-export { useResponsiveValue } from "./hooks/useResponsiveValue/useResponsiveValue.js";
-export { useAttachedBoxes } from "./hooks/useAttachedBoxes/useAttachedBoxes.js";
-export { useId, arrayRingLookup } from "./utils/index.js";
+export * from './components/index';
+export { useMedia } from './hooks/useMedia/useMedia';
+export { useResponsiveValue } from './hooks/useResponsiveValue/useResponsiveValue';
+export { useAttachedBoxes } from './hooks/useAttachedBoxes/useAttachedBoxes';
+export { useId, arrayRingLookup } from './utils/index';

package/dist/reset/globalFonts.css.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=globalFonts.css.d.ts.map

package/dist/reset/globalFonts.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"globalFonts.css.d.ts","sourceRoot":"","sources":["../../lib/reset/globalFonts.css.ts"],"names":[],"mappings":""}

package/dist/reset/globalFonts.css.js

@@ -1,27 +1,19 @@
-"use strict";
-
-import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
-
-__vanilla_filescope__.setFileScope("lib/reset/globalFonts.css.ts", "@autoguru/overdrive");
-
 import { globalFontFace } from '@vanilla-extract/css';
 globalFontFace('AvertaStandard', {
-  fontStyle: 'normal',
-  fontWeight: 400,
-  fontDisplay: 'swap',
-  src: "local('Averta Std Regular'), local('AvertaStd-Regular'),url('https://cdn.autoguru.com.au/assets/fonts/avertastd-regular-webfont.woff2') format('woff2'),url('https://cdn.autoguru.com.au/assets/fonts/avertastd-regular-webfont.woff') format('woff')"
+    fontStyle: 'normal',
+    fontWeight: 400,
+    fontDisplay: 'swap',
+    src: `local('Averta Std Regular'), local('AvertaStd-Regular'),url('https://cdn.autoguru.com.au/assets/fonts/avertastd-regular-webfont.woff2') format('woff2'),url('https://cdn.autoguru.com.au/assets/fonts/avertastd-regular-webfont.woff') format('woff')`,
 });
 globalFontFace('AvertaStandard', {
-  fontStyle: 'normal',
-  fontWeight: 500,
-  fontDisplay: 'swap',
-  src: "local('Averta Std Semibold'), local('AvertaStd-Semibold'),url('https://cdn.autoguru.com.au/assets/fonts/avertastd-semibold-webfont.woff2') format('woff2'),url('https://cdn.autoguru.com.au/assets/fonts/avertastd-semibold-webfont.woff') format('woff')"
+    fontStyle: 'normal',
+    fontWeight: 500,
+    fontDisplay: 'swap',
+    src: `local('Averta Std Semibold'), local('AvertaStd-Semibold'),url('https://cdn.autoguru.com.au/assets/fonts/avertastd-semibold-webfont.woff2') format('woff2'),url('https://cdn.autoguru.com.au/assets/fonts/avertastd-semibold-webfont.woff') format('woff')`,
 });
 globalFontFace('AvertaStandard', {
-  fontStyle: 'normal',
-  fontWeight: 700,
-  fontDisplay: 'swap',
-  src: "local('Averta Std Bold'), local('AvertaStd-Bold'),url('https://cdn.autoguru.com.au/assets/fonts/avertastd-bold-webfont.woff2') format('woff2'),url('https://cdn.autoguru.com.au/assets/fonts/avertastd-bold-webfont.woff') format('woff')"
+    fontStyle: 'normal',
+    fontWeight: 700,
+    fontDisplay: 'swap',
+    src: `local('Averta Std Bold'), local('AvertaStd-Bold'),url('https://cdn.autoguru.com.au/assets/fonts/avertastd-bold-webfont.woff2') format('woff2'),url('https://cdn.autoguru.com.au/assets/fonts/avertastd-bold-webfont.woff') format('woff')`,
 });
-
-__vanilla_filescope__.endFileScope();

package/dist/reset/globalReset.css.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=globalReset.css.d.ts.map

package/dist/reset/globalReset.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"globalReset.css.d.ts","sourceRoot":"","sources":["../../lib/reset/globalReset.css.ts"],"names":[],"mappings":""}

package/dist/reset/globalReset.css.js

@@ -1,30 +1,22 @@
-"use strict";
-
-import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
-
-__vanilla_filescope__.setFileScope("lib/reset/globalReset.css.ts", "@autoguru/overdrive");
-
 import { globalStyle } from '@vanilla-extract/css';
 globalStyle(':root', {
-  boxSizing: 'border-box',
-  font: '400 16px/22px AvertaStandard, system-ui, sans-serif'
+    boxSizing: 'border-box',
+    font: '400 16px/22px AvertaStandard, system-ui, sans-serif',
 });
 globalStyle('*, *:before, *:after', {
-  font: 'inherit',
-  boxSizing: 'inherit',
-  WebkitTapHighlightColor: 'transparent',
-  MozOsxFontSmoothing: 'grayscale',
-  textRendering: 'optimizeLegibility'
+    font: 'inherit',
+    boxSizing: 'inherit',
+    WebkitTapHighlightColor: 'transparent',
+    MozOsxFontSmoothing: 'grayscale',
+    textRendering: 'optimizeLegibility',
 });
 globalStyle('body', {
-  lineHeight: 1,
-  WebkitTextSizeAdjust: 'none',
-  margin: 0,
-  padding: 0,
-  border: 'none'
+    lineHeight: 1,
+    WebkitTextSizeAdjust: 'none',
+    margin: 0,
+    padding: 0,
+    border: 'none',
 });
 globalStyle('html', {
-  overflowX: 'hidden'
+    overflowX: 'hidden',
 });
-
-__vanilla_filescope__.endFileScope();