@autoguru/overdrive 4.42.0-next.1 → 4.43.0-next.0

package/dist/components/Box/useBoxStyles.css.js

@@ -1,141 +0,0 @@
-"use strict";
-
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
-__vanilla_filescope__.setFileScope("lib/components/Box/useBoxStyles.css.ts", "@autoguru/overdrive");
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-import { style, styleVariants } from '@vanilla-extract/css';
-import { overdriveTokens as vars } from "../../themes/theme.css.js";
-import { mapTokenToProperty } from "../../utils/mapTokenToProperty.js";
-import { makeResponsiveStyle } from "../../utils/responsiveProps.css.js";
-export const padding = {
-  top: makeResponsiveStyle(vars.space, 'paddingTop'),
-  right: makeResponsiveStyle(vars.space, 'paddingRight'),
-  bottom: makeResponsiveStyle(vars.space, 'paddingBottom'),
-  left: makeResponsiveStyle(vars.space, 'paddingLeft')
-};
-export const margin = {
-  top: makeResponsiveStyle(vars.space, 'marginTop'),
-  right: makeResponsiveStyle(vars.space, 'marginRight'),
-  bottom: makeResponsiveStyle(vars.space, 'marginBottom'),
-  left: makeResponsiveStyle(vars.space, 'marginLeft')
-};
-export const boxShadow = makeResponsiveStyle(vars.elevation, 'boxShadow');
-const borderColours = _objectSpread(_objectSpread({}, vars.border.colours), Object.fromEntries(Object.entries(vars.colours.intent).map(entry => [entry[0], entry[1].border])));
-const backgroundColourTokens = _objectSpread(_objectSpread(_objectSpread({}, vars.colours.gamut), Object.fromEntries(Object.entries(vars.colours.intent).map(entry => [entry[0], entry[1].background.standard]))), {}, {
-  transparent: 'transparent'
-});
-const foregroundColourTokens = Object.fromEntries(Object.entries(vars.colours.intent).map(entry => [entry[0], entry[1].foreground]));
-export const border = {
-  style: style({
-    borderStyle: 'solid'
-  }, "border_style"),
-  colour: {
-    top: styleVariants(mapTokenToProperty(borderColours, 'borderTopColor'), "border_colour_top"),
-    right: styleVariants(mapTokenToProperty(borderColours, 'borderRightColor'), "border_colour_right"),
-    bottom: styleVariants(mapTokenToProperty(borderColours, 'borderBottomColor'), "border_colour_bottom"),
-    left: styleVariants(mapTokenToProperty(borderColours, 'borderLeftColor'), "border_colour_left")
-  },
-  width: {
-    top: makeResponsiveStyle(vars.border.width, 'borderTopWidth'),
-    right: makeResponsiveStyle(vars.border.width, 'borderRightWidth'),
-    bottom: makeResponsiveStyle(vars.border.width, 'borderBottomWidth'),
-    left: makeResponsiveStyle(vars.border.width, 'borderLeftWidth')
-  }
-};
-export const borderRadius = makeResponsiveStyle(vars.border.radius, 'borderRadius');
-export const backgroundColours = styleVariants(mapTokenToProperty(backgroundColourTokens, 'backgroundColor'), "backgroundColours");
-export const colours = styleVariants(mapTokenToProperty(foregroundColourTokens, 'color'), "colours");
-export const width = styleVariants({
-  full: {
-    width: '100%'
-  },
-  none: {
-    width: 'auto'
-  }
-}, "width");
-export const height = styleVariants({
-  full: {
-    height: '100%'
-  }
-}, "height");
-export const position = styleVariants(mapTokenToProperty({
-  absolute: 'absolute',
-  fixed: 'fixed',
-  relative: 'relative'
-}, 'position'), "position");
-export const textAlign = styleVariants(mapTokenToProperty({
-  left: 'left',
-  center: 'center',
-  right: 'right'
-}, 'textAlign'), "textAlign");
-export const overflow = styleVariants(mapTokenToProperty({
-  hidden: 'hidden',
-  scroll: 'scroll',
-  visible: 'visible',
-  auto: 'auto'
-}, 'overflow'), "overflow");
-export const display = styleVariants(mapTokenToProperty({
-  contents: 'contents',
-  block: 'block',
-  flex: 'flex',
-  grid: 'grid',
-  inlineFlex: 'inline-flex',
-  inline: 'inline',
-  inlineBlock: 'inline-block',
-  none: 'none'
-}, 'display'), "display");
-export const opacity = styleVariants({
-  0: {
-    opacity: 0
-  },
-  1: {
-    opacity: 1
-  }
-}, "opacity");
-export const userSelect = styleVariants({
-  none: {
-    userSelect: 'none'
-  }
-}, "userSelect");
-export const order = makeResponsiveStyle({
-  0: '0',
-  1: '1',
-  2: '2'
-}, 'order');
-export const alignItems = makeResponsiveStyle({
-  flexStart: 'flex-start',
-  center: 'center',
-  flexEnd: 'flex-end'
-}, 'alignItems');
-export const flexDirection = makeResponsiveStyle({
-  row: 'row',
-  rowReverse: 'row-reverse',
-  column: 'column',
-  columnReverse: 'column-reverse'
-}, 'flexDirection');
-export const flexGrow = styleVariants(mapTokenToProperty({
-  0: 0,
-  1: 1
-}, 'flexGrow'), "flexGrow");
-export const flexShrink = styleVariants(mapTokenToProperty({
-  0: 0
-}, 'flexShrink'), "flexShrink");
-export const flexWrap = styleVariants(mapTokenToProperty({
-  wrap: 'wrap',
-  nowrap: 'nowrap'
-}, 'flexWrap'), "flexWrap");
-export const justifyContent = makeResponsiveStyle({
-  flexStart: 'flex-start',
-  center: 'center',
-  flexEnd: 'flex-end',
-  spaceBetween: 'space-between',
-  spaceAround: 'space-around'
-}, 'justifyContent');
-export const pointerEvents = styleVariants({
-  none: {
-    pointerEvents: 'none'
-  }
-}, "pointerEvents");
-__vanilla_filescope__.endFileScope();

package/dist/components/Box/useBoxStyles.d.ts

@@ -1,69 +0,0 @@
-import clsx from 'clsx';
-import type { ElementType } from 'react';
-import { ThemeTokens as Tokens } from '../../themes';
-import { ResponsiveProp } from '../../utils/responsiveProps.css';
-import * as styles from './useBoxStyles.css';
-interface Padding {
-    padding?: ResponsiveProp<keyof Tokens['space']>;
-    paddingX?: ResponsiveProp<keyof Tokens['space']>;
-    paddingY?: ResponsiveProp<keyof Tokens['space']>;
-    paddingTop?: ResponsiveProp<keyof Tokens['space']>;
-    paddingRight?: ResponsiveProp<keyof Tokens['space']>;
-    paddingBottom?: ResponsiveProp<keyof Tokens['space']>;
-    paddingLeft?: ResponsiveProp<keyof Tokens['space']>;
-}
-interface Margin {
-    margin?: ResponsiveProp<keyof Tokens['space']>;
-    marginX?: ResponsiveProp<keyof Tokens['space']>;
-    marginY?: ResponsiveProp<keyof Tokens['space']>;
-    marginTop?: ResponsiveProp<keyof Tokens['space']>;
-    marginRight?: ResponsiveProp<keyof Tokens['space']>;
-    marginBottom?: ResponsiveProp<keyof Tokens['space']>;
-    marginLeft?: ResponsiveProp<keyof Tokens['space']>;
-}
-interface Border {
-    borderWidth?: ResponsiveProp<keyof Tokens['border']['width']>;
-    borderWidthX?: ResponsiveProp<keyof Tokens['border']['width']>;
-    borderWidthY?: ResponsiveProp<keyof Tokens['border']['width']>;
-    borderWidthTop?: ResponsiveProp<keyof Tokens['border']['width']>;
-    borderWidthRight?: ResponsiveProp<keyof Tokens['border']['width']>;
-    borderWidthBottom?: ResponsiveProp<keyof Tokens['border']['width']>;
-    borderWidthLeft?: ResponsiveProp<keyof Tokens['border']['width']>;
-    borderColour?: keyof (typeof styles.border)['colour']['top'];
-    borderColourX?: keyof (typeof styles.border)['colour']['top'];
-    borderColourY?: keyof (typeof styles.border)['colour']['top'];
-    borderColourTop?: keyof (typeof styles.border)['colour']['top'];
-    borderColourRight?: keyof (typeof styles.border)['colour']['top'];
-    borderColourBottom?: keyof (typeof styles.border)['colour']['top'];
-    borderColourLeft?: keyof (typeof styles.border)['colour']['top'];
-    borderRadius?: ResponsiveProp<keyof typeof styles.borderRadius>;
-}
-interface Flex {
-    alignItems?: ResponsiveProp<keyof typeof styles.alignItems>;
-    order?: ResponsiveProp<keyof typeof styles.order>;
-    flexDirection?: ResponsiveProp<keyof typeof styles.flexDirection>;
-    flexGrow?: keyof typeof styles.flexGrow;
-    flexShrink?: keyof typeof styles.flexShrink;
-    flexWrap?: keyof typeof styles.flexWrap;
-    justifyContent?: ResponsiveProp<keyof typeof styles.justifyContent>;
-}
-export interface BoxStyleProps extends Padding, Margin, Border, Flex {
-    as?: ElementType;
-    is?: ElementType;
-    boxShadow?: ResponsiveProp<keyof typeof styles.boxShadow>;
-    display?: keyof typeof styles.display;
-    position?: keyof typeof styles.position;
-    width?: keyof typeof styles.width;
-    height?: keyof typeof styles.height;
-    backgroundColour?: keyof typeof styles.backgroundColours;
-    colour?: keyof typeof styles.colours;
-    opacity?: keyof typeof styles.opacity;
-    overflow?: keyof typeof styles.overflow;
-    userSelect?: keyof typeof styles.userSelect;
-    textAlign?: keyof typeof styles.textAlign;
-    pointerEvents?: keyof typeof styles.pointerEvents;
-    className?: Parameters<typeof clsx>[0];
-}
-export declare const useBoxStyles: ({ as, is, display, padding, paddingX, paddingY, paddingTop, paddingBottom, paddingLeft, paddingRight, margin, marginX, marginY, marginTop, marginBottom, marginLeft, marginRight, boxShadow, borderWidth, borderWidthX, borderWidthY, borderWidthTop, borderWidthRight, borderWidthBottom, borderWidthLeft, borderColour, borderColourX, borderColourY, borderColourTop, borderColourRight, borderColourBottom, borderColourLeft, borderRadius, backgroundColour, colour, opacity, width, height, position, overflow, userSelect, textAlign, pointerEvents, alignItems, order, flexDirection, flexGrow, flexShrink, flexWrap, justifyContent, className, }: BoxStyleProps) => string;
-export default useBoxStyles;
-//# sourceMappingURL=useBoxStyles.d.ts.map

package/dist/components/Box/useBoxStyles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useBoxStyles.d.ts","sourceRoot":"","sources":["../../../lib/components/Box/useBoxStyles.ts"],"names":[],"mappings":"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"}

package/dist/components/Box/useBoxStyles.js

@@ -1,80 +0,0 @@
-"use strict";
-
-import clsx from 'clsx';
-import * as resetStyles from "../../reset/reset.css.js";
-import { resolveResponsiveStyle } from "../../utils/resolveResponsiveProps.js";
-import * as styles from "./useBoxStyles.css.js";
-export const useBoxStyles = _ref => {
-  let {
-    as,
-    is = as,
-    display,
-    padding,
-    paddingX,
-    paddingY,
-    paddingTop,
-    paddingBottom,
-    paddingLeft,
-    paddingRight,
-    margin,
-    marginX,
-    marginY,
-    marginTop,
-    marginBottom,
-    marginLeft,
-    marginRight,
-    boxShadow,
-    borderWidth,
-    borderWidthX,
-    borderWidthY,
-    borderWidthTop,
-    borderWidthRight,
-    borderWidthBottom,
-    borderWidthLeft,
-    borderColour,
-    borderColourX,
-    borderColourY,
-    borderColourTop,
-    borderColourRight,
-    borderColourBottom,
-    borderColourLeft,
-    borderRadius,
-    backgroundColour,
-    colour,
-    opacity,
-    width,
-    height,
-    position,
-    overflow,
-    userSelect,
-    textAlign,
-    pointerEvents,
-    alignItems,
-    order,
-    flexDirection,
-    flexGrow,
-    flexShrink,
-    flexWrap,
-    justifyContent,
-    className
-  } = _ref;
-  const resolvedPaddingTop = paddingTop || paddingY || padding;
-  const resolvedPaddingRight = paddingRight || paddingX || padding;
-  const resolvedPaddingBottom = paddingBottom || paddingY || padding;
-  const resolvedPaddingLeft = paddingLeft || paddingX || padding;
-  const resolvedMarginTop = marginTop || marginY || margin;
-  const resolvedMarginRight = marginRight || marginX || margin;
-  const resolvedMarginBottom = marginBottom || marginY || margin;
-  const resolvedMarginLeft = marginLeft || marginX || margin;
-  const resolvedBorderWidthTop = borderWidthTop || borderWidthY || borderWidth;
-  const resolvedBorderWidthRight = borderWidthRight || borderWidthX || borderWidth;
-  const resolvedBorderWidthBottom = borderWidthBottom || borderWidthY || borderWidth;
-  const resolvedBorderWidthLeft = borderWidthLeft || borderWidth || borderWidth;
-  const resolvedBorderColourTop = borderColourTop || borderColourY || borderColour;
-  const resolvedBorderColourRight = borderColourRight || borderColourX || borderColour;
-  const resolvedBorderColourBottom = borderColourBottom || borderColourY || borderColour;
-  const resolvedBorderColourLeft = borderColourLeft || borderColour || borderColour;
-  const hasBorder = resolvedBorderWidthTop || resolvedBorderWidthRight || resolvedBorderWidthBottom || resolvedBorderWidthLeft;
-  return clsx(typeof is === 'string' ? [resetStyles.element[is]] : [resetStyles.element.div], resolveResponsiveStyle(resolvedPaddingTop, styles.padding.top), resolveResponsiveStyle(resolvedPaddingRight, styles.padding.right), resolveResponsiveStyle(resolvedPaddingBottom, styles.padding.bottom), resolveResponsiveStyle(resolvedPaddingLeft, styles.padding.left), resolveResponsiveStyle(resolvedMarginTop, styles.margin.top), resolveResponsiveStyle(resolvedMarginRight, styles.margin.right), resolveResponsiveStyle(resolvedMarginBottom, styles.margin.bottom), resolveResponsiveStyle(resolvedMarginLeft, styles.margin.left), styles.display[display], styles.width[width], styles.height[height], styles.position[position], styles.overflow[overflow], styles.userSelect[userSelect], styles.textAlign[textAlign], styles.pointerEvents[pointerEvents], hasBorder && styles.border.style, hasBorder && resolvedBorderColourTop && styles.border.colour.top[resolvedBorderColourTop], hasBorder && resolvedBorderColourRight && styles.border.colour.right[resolvedBorderColourRight], hasBorder && resolvedBorderColourBottom && styles.border.colour.bottom[resolvedBorderColourBottom], hasBorder && resolvedBorderColourLeft && styles.border.colour.left[resolvedBorderColourLeft], hasBorder && resolvedBorderWidthTop && resolveResponsiveStyle(resolvedBorderWidthTop, styles.border.width.top), hasBorder && resolvedBorderWidthRight && resolveResponsiveStyle(resolvedBorderWidthRight, styles.border.width.right), hasBorder && resolvedBorderWidthBottom && resolveResponsiveStyle(resolvedBorderWidthBottom, styles.border.width.bottom), hasBorder && resolvedBorderWidthLeft && resolveResponsiveStyle(resolvedBorderWidthLeft, styles.border.width.left), resolveResponsiveStyle(boxShadow, styles.boxShadow), borderRadius && resolveResponsiveStyle(borderRadius, styles.borderRadius), styles.backgroundColours[backgroundColour], styles.colours[colour], styles.opacity[opacity], alignItems && resolveResponsiveStyle(alignItems, styles.alignItems), order && resolveResponsiveStyle(order, styles.order), flexDirection && resolveResponsiveStyle(flexDirection, styles.flexDirection), styles.flexGrow[flexGrow], styles.flexShrink[flexShrink], styles.flexWrap[flexWrap], justifyContent && resolveResponsiveStyle(justifyContent, styles.justifyContent), className);
-};
-export default useBoxStyles;

package/dist/components/Columns/Column.css.d.ts

@@ -1,3 +0,0 @@
-export declare const width: Record<string | number, any>;
-export declare const align: Record<"bottom" | "top" | "stretch" | "centre", string>;
-//# sourceMappingURL=Column.css.d.ts.map

package/dist/components/Columns/Column.css.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Column.css.d.ts","sourceRoot":"","sources":["../../../lib/components/Columns/Column.css.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,KAAK,8BAejB,CAAC;AAEF,eAAO,MAAM,KAAK,yDAahB,CAAC"}

package/dist/components/Columns/Column.css.js

@@ -1,35 +0,0 @@
-"use strict";
-
-import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
-__vanilla_filescope__.setFileScope("lib/components/Columns/Column.css.ts", "@autoguru/overdrive");
-import { styleVariants } from '@vanilla-extract/css';
-import { makeResponsiveStyle } from "../../utils/responsiveProps.css.js";
-const getSizeStyle = scale => `${scale * 100}%`;
-export const width = makeResponsiveStyle({
-  '1/2': getSizeStyle(1 / 2),
-  '1/3': getSizeStyle(1 / 3),
-  '2/3': getSizeStyle(2 / 3),
-  '1/4': getSizeStyle(1 / 4),
-  '3/4': getSizeStyle(3 / 4),
-  '1/5': getSizeStyle(1 / 5),
-  '2/5': getSizeStyle(2 / 5),
-  '3/5': getSizeStyle(3 / 5),
-  '4/5': getSizeStyle(4 / 5),
-  full: getSizeStyle(1),
-  auto: 'auto'
-}, 'flexBasis');
-export const align = styleVariants({
-  stretch: {
-    alignSelf: 'stretch'
-  },
-  top: {
-    alignSelf: 'flex-start'
-  },
-  centre: {
-    alignSelf: 'center'
-  },
-  bottom: {
-    alignSelf: 'flex-end'
-  }
-}, "align");
-__vanilla_filescope__.endFileScope();

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

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

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

@@ -1 +0,0 @@
-{"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 +0,0 @@
-"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"
-  })
-});

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

@@ -1,5 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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,18 +0,0 @@
-"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 { overdriveTokens as vars } from "../../themes/theme.css.js";
-import { mapTokenToProperty } from "../../utils/mapTokenToProperty.js";
-export const child = {
-  spaces: styleVariants(mapTokenToProperty(vars.space, value => ({
-    paddingBottom: value
-  })), "child_spaces"),
-  default: style({
-    ':last-child': {
-      paddingBottom: 0
-    }
-  }, "child_default")
-};
-__vanilla_filescope__.endFileScope();

package/dist/styles/stack.css.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"stack.css.d.ts","sourceRoot":"","sources":["../../lib/styles/stack.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAU,KAAK,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAOvE,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;EAmBhB,CAAC;AAEH,KAAK,QAAQ,GAAG,WAAW,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC,CAAC;AAK1D,MAAM,WAAW,gBAAgB;IAIhC,KAAK,CAAC,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC;IAI1B,UAAU,CAAC,EAAE,QAAQ,CAAC,YAAY,CAAC,CAAC;CACpC"}

package/dist/styles/stack.css.js

@@ -1,44 +0,0 @@
-"use strict";
-
-import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
-__vanilla_filescope__.setFileScope("lib/styles/stack.css.ts", "@autoguru/overdrive");
-import { recipe } from '@vanilla-extract/recipes';
-import { overdriveTokens as tokens } from "../themes/theme.css.js";
-export const stack = recipe({
-  base: {
-    display: 'flex',
-    flexWrap: 'wrap'
-  },
-  variants: {
-    space: {
-      xxs: {
-        gap: tokens.space['1']
-      },
-      xs: {
-        gap: tokens.space['3']
-      },
-      sm: {
-        gap: tokens.space['5']
-      },
-      md: {
-        gap: tokens.space['8']
-      },
-      lg: {
-        gap: tokens.space['9']
-      }
-    },
-    horizontal: {
-      false: {
-        flexDirection: 'column'
-      },
-      true: {
-        flexDirection: 'row'
-      }
-    }
-  },
-  defaultVariants: {
-    horizontal: false,
-    space: 'md'
-  }
-}, "stack");
-__vanilla_filescope__.endFileScope();

package/dist/test/vitest-setup.d.ts

@@ -1,2 +0,0 @@
-import '@testing-library/jest-dom';
-//# sourceMappingURL=vitest-setup.d.ts.map

package/dist/test/vitest-setup.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"vitest-setup.d.ts","sourceRoot":"","sources":["../../lib/test/vitest-setup.ts"],"names":[],"mappings":"AAAA,OAAO,2BAA2B,CAAC"}