@autoguru/overdrive 4.1.9 → 4.1.12

package/dist/themes/flat_red/tokens.js

@@ -1,186 +1,182 @@
-"use strict";
-
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-
-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 { tokens as baseTokens } from "../base/tokens.js";
-import { buildColourGamut } from "../makeTheme.js";
+import { tokens as baseTokens } from '../base/tokens';
+import { buildColourGamut } from '../makeTheme';
 const colours = {
-  gray: {
-    900: '#263238',
-    800: '#37474F',
-    700: '#455A64',
-    600: '#607D8B',
-    500: '#78909C',
-    400: '#90A4AE',
-    300: '#B0BEC5',
-    200: '#CFD8DC',
-    100: '#ECEFF1'
-  },
-  green: {
-    900: '#007800',
-    800: '#009b00',
-    700: '#00af00',
-    600: '#00c400',
-    500: '#00d500',
-    400: '#52dc42',
-    300: '#7ce36a',
-    200: '#a6ec98',
-    100: '#cbf4c1'
-  },
-  blue: {
-    900: '#1a259c',
-    800: '#3530aa',
-    700: '#4336b2',
-    600: '#523ebb',
-    500: '#5c43c2',
-    400: '#765ecb',
-    300: '#8f7ad5',
-    200: '#b0a1e0',
-    100: '#cfc6ec'
-  },
-  yellow: {
-    900: '#cb5300',
-    800: '#d56b00',
-    700: '#db7903',
-    600: '#e18807',
-    500: '#e5930b',
-    400: '#e8a229',
-    300: '#ebb24e',
-    200: '#f0c880',
-    100: '#f6ddb2'
-  },
-  red: {
-    900: '#d50000',
-    800: '#ED0C06',
-    700: '#fb1e0d',
-    600: '#ff2813',
-    500: '#ff3018',
-    400: '#ff5a3c',
-    300: '#ff7d5f',
-    200: '#ffa48d',
-    100: '#ffc8ba'
-  }
+    gray: {
+        900: '#263238',
+        800: '#37474F',
+        700: '#455A64',
+        600: '#607D8B',
+        500: '#78909C',
+        400: '#90A4AE',
+        300: '#B0BEC5',
+        200: '#CFD8DC',
+        100: '#ECEFF1',
+    },
+    green: {
+        900: '#007800',
+        800: '#009b00',
+        700: '#00af00',
+        600: '#00c400',
+        500: '#00d500',
+        400: '#52dc42',
+        300: '#7ce36a',
+        200: '#a6ec98',
+        100: '#cbf4c1',
+    },
+    blue: {
+        900: '#1a259c',
+        800: '#3530aa',
+        700: '#4336b2',
+        600: '#523ebb',
+        500: '#5c43c2',
+        400: '#765ecb',
+        300: '#8f7ad5',
+        200: '#b0a1e0',
+        100: '#cfc6ec',
+    },
+    yellow: {
+        900: '#cb5300',
+        800: '#d56b00',
+        700: '#db7903',
+        600: '#e18807',
+        500: '#e5930b',
+        400: '#e8a229',
+        300: '#ebb24e',
+        200: '#f0c880',
+        100: '#f6ddb2',
+    },
+    red: {
+        900: '#d50000',
+        800: '#ED0C06',
+        700: '#fb1e0d',
+        600: '#ff2813',
+        500: '#ff3018',
+        400: '#ff5a3c',
+        300: '#ff7d5f',
+        200: '#ffa48d',
+        100: '#ffc8ba',
+    },
 };
 const white = '#fff';
 const secondaryForeground = colours.blue['800'];
 const flatElevation = '0 0 0 0 rgba(0, 0, 0, 0.0)';
-export const tokens = _objectSpread(_objectSpread({}, baseTokens), {}, {
-  colours: {
-    gamut: _objectSpread(_objectSpread({}, buildColourGamut(colours)), {}, {
-      white
-    }),
-    foreground: {
-      body: colours.gray['900'],
-      link: colours.green['600']
-    },
-    background: {
-      body: white,
-      light: colours.gray['200'],
-      neutral: colours.gray['400'],
-      neutralDark: colours.gray['800']
-    },
-    intent: {
-      primary: {
-        background: {
-          standard: colours.red['600'],
-          mild: colours.red['100'],
-          strong: colours.red['900']
+export const tokens = {
+    ...baseTokens,
+    colours: {
+        gamut: {
+            ...buildColourGamut(colours),
+            white,
         },
-        foreground: white
-      },
-      secondary: {
-        background: {
-          standard: white,
-          mild: white,
-          strong: colours.gray['100']
+        foreground: {
+            body: colours.gray['900'],
+            link: colours.green['600'],
         },
-        foreground: secondaryForeground
-      },
-      shine: {
         background: {
-          standard: colours.gray['200'],
-          mild: colours.gray['100'],
-          strong: colours.gray['300']
+            body: white,
+            light: colours.gray['200'],
+            neutral: colours.gray['400'],
+            neutralDark: colours.gray['800'],
         },
-        foreground: colours.yellow['500']
-      },
-      danger: {
-        background: {
-          standard: colours.red['600'],
-          mild: colours.red['100'],
-          strong: colours.red['800']
+        intent: {
+            primary: {
+                background: {
+                    standard: colours.red['600'],
+                    mild: colours.red['100'],
+                    strong: colours.red['900'],
+                },
+                foreground: white,
+            },
+            secondary: {
+                background: {
+                    standard: white,
+                    mild: white,
+                    strong: colours.gray['100'],
+                },
+                foreground: secondaryForeground,
+            },
+            shine: {
+                background: {
+                    standard: colours.gray['200'],
+                    mild: colours.gray['100'],
+                    strong: colours.gray['300'],
+                },
+                foreground: colours.yellow['500'],
+            },
+            danger: {
+                background: {
+                    standard: colours.red['600'],
+                    mild: colours.red['100'],
+                    strong: colours.red['800'],
+                },
+                foreground: white,
+            },
+            warning: {
+                background: {
+                    standard: colours.yellow['800'],
+                    mild: colours.yellow['100'],
+                    strong: colours.yellow['900'],
+                },
+                foreground: colours.yellow['200'],
+            },
+            neutral: {
+                background: {
+                    standard: colours.gray['700'],
+                    mild: colours.gray['100'],
+                    strong: colours.gray['900'],
+                },
+                foreground: white,
+            },
+            success: {
+                background: {
+                    standard: colours.green['700'],
+                    mild: colours.green['100'],
+                    strong: colours.green['900'],
+                },
+                foreground: colours.green['200'],
+            },
+            information: {
+                background: {
+                    standard: colours.blue['800'],
+                    mild: colours.blue['100'],
+                    strong: colours.blue['900'],
+                },
+                foreground: colours.blue['200'],
+            },
         },
-        foreground: white
-      },
-      warning: {
-        background: {
-          standard: colours.yellow['800'],
-          mild: colours.yellow['100'],
-          strong: colours.yellow['900']
-        },
-        foreground: colours.yellow['200']
-      },
-      neutral: {
-        background: {
-          standard: colours.gray['700'],
-          mild: colours.gray['100'],
-          strong: colours.gray['900']
+    },
+    elevation: {
+        none: 'none',
+        '1': flatElevation,
+        '2': flatElevation,
+        '3': flatElevation,
+        '4': flatElevation,
+        '5': flatElevation,
+    },
+    border: {
+        width: {
+            none: '0',
+            '1': '1px',
+            '2': '2px',
+            '3': '4px',
         },
-        foreground: white
-      },
-      success: {
-        background: {
-          standard: colours.green['700'],
-          mild: colours.green['100'],
-          strong: colours.green['900']
+        colours: {
+            light: colours.gray['200'],
+            gray: colours.gray['300'],
+            dark: colours.gray['900'],
         },
-        foreground: colours.green['200']
-      },
-      information: {
-        background: {
-          standard: colours.blue['800'],
-          mild: colours.blue['100'],
-          strong: colours.blue['900']
+        radius: {
+            none: 'none',
+            pill: `${1e9}px`,
+            full: '50%',
+            min: 'none',
+            '1': 'none',
         },
-        foreground: colours.blue['200']
-      }
-    }
-  },
-  elevation: {
-    none: 'none',
-    '1': flatElevation,
-    '2': flatElevation,
-    '3': flatElevation,
-    '4': flatElevation,
-    '5': flatElevation
-  },
-  border: {
-    width: {
-      none: '0',
-      '1': '1px',
-      '2': '2px',
-      '3': '4px'
     },
-    colours: {
-      light: colours.gray['200'],
-      gray: colours.gray['300'],
-      dark: colours.gray['900']
+    typography: {
+        ...baseTokens.typography,
+        colour: {
+            ...baseTokens.typography.colour,
+            primary: colours.red['600'],
+        },
     },
-    radius: {
-      none: 'none',
-      pill: "".concat(1e9, "px"),
-      full: '50%',
-      min: 'none',
-      '1': 'none'
-    }
-  },
-  typography: _objectSpread(_objectSpread({}, baseTokens.typography), {}, {
-    colour: _objectSpread(_objectSpread({}, baseTokens.typography.colour), {}, {
-      primary: colours.red['600']
-    })
-  })
-});
+};

package/dist/themes/flat_red/vars.css.d.ts

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

package/dist/themes/flat_red/vars.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"vars.css.d.ts","sourceRoot":"","sources":["../../../lib/themes/flat_red/vars.css.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,QAAQ,QAAmD,CAAC"}

package/dist/themes/flat_red/vars.css.js

@@ -1,12 +1,4 @@
-"use strict";
-
-import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
-
-__vanilla_filescope__.setFileScope("lib/themes/flat_red/vars.css.ts", "@autoguru/overdrive");
-
 import { createTheme } from '@vanilla-extract/css';
-import { vars as baseVars } from "../base/vars.css.js";
-import { tokens } from "./tokens.js";
+import { vars as baseVars } from '../base/vars.css';
+import { tokens } from './tokens';
 export const themeRef = createTheme(baseVars, tokens, 'flatRed');
-
-__vanilla_filescope__.endFileScope();

package/dist/themes/helpers.d.ts

@@ -0,0 +1,2 @@
+export declare const shadedColour: (colour: string, intensity: number | string | null, direction: 'forward' | 'backward', isDarkTheme?: boolean, transparency?: number | string | null) => string;
+//# sourceMappingURL=helpers.d.ts.map

package/dist/themes/helpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../lib/themes/helpers.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,YAAY,WAChB,MAAM,aACH,MAAM,GAAG,MAAM,GAAG,IAAI,aACtB,SAAS,GAAG,UAAU,wCAEnB,MAAM,GAAG,MAAM,GAAG,IAAI,KAClC,MAiBF,CAAC"}

package/dist/themes/helpers.js

@@ -1,10 +1,11 @@
-"use strict";
-
 import { colord } from 'colord';
-export const shadedColour = function shadedColour(colour, intensity, direction) {
-  let isDarkTheme = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
-  let transparency = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 0;
-  const intensityValue = typeof intensity === 'string' ? Number(intensity) : intensity;
-  const transparencyValue = typeof transparency === 'string' ? Number(transparency) : transparency;
-  return colord(colour)[!isDarkTheme && direction === 'backward' || isDarkTheme && direction === 'forward' ? 'darken' : 'lighten'](intensityValue || void 0).alpha(typeof transparencyValue === 'number' ? 1 - transparencyValue : 1).toHex();
-};
+export const shadedColour = (colour, intensity, direction, isDarkTheme = false, transparency = 0) => {
+    const intensityValue = typeof intensity === 'string' ? Number(intensity) : intensity;
+    const transparencyValue = typeof transparency === 'string' ? Number(transparency) : transparency;
+    return colord(colour)[(!isDarkTheme && direction === 'backward') ||
+        (isDarkTheme && direction === 'forward')
+        ? 'darken'
+        : 'lighten'](intensityValue || void 0)
+        .alpha(typeof transparencyValue === 'number' ? 1 - transparencyValue : 1)
+        .toHex();
+};

package/dist/themes/index.d.ts

@@ -0,0 +1,3 @@
+export { default as baseTheme } from './base';
+export { default as flatRedTheme } from './flat_red';
+//# sourceMappingURL=index.d.ts.map

package/dist/themes/index.d.ts.map

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

package/dist/themes/index.js

@@ -1,4 +1,2 @@
-"use strict";
-
-export { default as baseTheme } from "./base/index.js";
-export { default as flatRedTheme } from "./flat_red/index.js";
+export { default as baseTheme } from './base';
+export { default as flatRedTheme } from './flat_red';

package/dist/themes/makeTheme.d.ts

@@ -0,0 +1,12 @@
+import { BreakPoints, ColourGamut, ColourMap, Tokens } from './tokens';
+export declare const breakpoints: BreakPoints;
+export declare const makeRuntimeTokens: (tokens: Tokens, runtimeBreakpoints?: BreakPoints) => {
+    breakpoints: BreakPoints;
+    body: {
+        colour: string;
+        backgroundColour: string;
+    };
+};
+export declare type RuntimeTokens = ReturnType<typeof makeRuntimeTokens>;
+export declare const buildColourGamut: (colours: ColourMap) => Record<ColourGamut, string>;
+//# sourceMappingURL=makeTheme.d.ts.map

package/dist/themes/makeTheme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"makeTheme.d.ts","sourceRoot":"","sources":["../../lib/themes/makeTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAEvE,eAAO,MAAM,WAAW,EAAE,WAKzB,CAAC;AAEF,eAAO,MAAM,iBAAiB,WACrB,MAAM,uBACM,WAAW;;;;;;CAO9B,CAAC;AAEH,oBAAY,aAAa,GAAG,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAEjE,eAAO,MAAM,gBAAgB,YACnB,SAAS,KAChB,OAAO,WAAW,EAAE,MAAM,CAe3B,CAAC"}

package/dist/themes/makeTheme.js

@@ -1,33 +1,22 @@
-"use strict";
-
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-
-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; }
-
 export const breakpoints = {
-  mobile: '0px',
-  tablet: '768px',
-  desktop: '1024px',
-  largeDesktop: '1440px'
+    mobile: '0px',
+    tablet: '768px',
+    desktop: '1024px',
+    largeDesktop: '1440px',
 };
-export const makeRuntimeTokens = function makeRuntimeTokens(tokens) {
-  let runtimeBreakpoints = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : breakpoints;
-  return {
+export const makeRuntimeTokens = (tokens, runtimeBreakpoints = breakpoints) => ({
     breakpoints: runtimeBreakpoints,
     body: {
-      colour: tokens.colours.foreground.body,
-      backgroundColour: tokens.colours.background.body
-    }
-  };
-};
-export const buildColourGamut = colours => Object.entries(colours).reduce((result, _ref) => {
-  let [name, colourGrades] = _ref;
-  return _objectSpread(_objectSpread({}, result), Object.entries(colourGrades).reduce((grades, _ref2) => {
-    let [colourGradeName, colour] = _ref2;
-    return _objectSpread(_objectSpread({}, grades), {}, {
-      ["".concat(name).concat(colourGradeName)]: colour
-    });
-  }, {}));
-}, {});
+        colour: tokens.colours.foreground.body,
+        backgroundColour: tokens.colours.background.body,
+    },
+});
+export const buildColourGamut = (colours) => Object.entries(colours).reduce((result, [name, colourGrades]) => ({
+    ...result,
+    ...Object.entries(colourGrades).reduce((grades, [colourGradeName, colour]) => {
+        return {
+            ...grades,
+            [`${name}${colourGradeName}`]: colour,
+        };
+    }, {}),
+}), {});

package/dist/themes/tokens.d.ts

@@ -0,0 +1,95 @@
+import { Tokens as VanillaTokens } from '@vanilla-extract/css/dist/declarations/src/types';
+declare type SpaceScale = '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9' | 'none';
+declare type TextSizeScale = '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9';
+declare type BorderWidthScale = '1' | '2' | '3' | 'none';
+declare type IconSizeScale = 'small' | 'medium' | 'large';
+declare type DeviceSize = 'mobile' | 'tablet' | 'desktop' | 'largeDesktop';
+declare type ColourValue = Record<string, string>;
+interface ColourIntensityMap extends VanillaTokens {
+    standard: string;
+    mild: string;
+    strong: string;
+}
+export declare type ColourMap = Record<string, ColourValue>;
+declare type ColourReds = 'red900' | 'red800' | 'red700' | 'red600' | 'red500' | 'red400' | 'red300' | 'red200' | 'red100';
+declare type ColourGrays = 'gray900' | 'gray800' | 'gray700' | 'gray600' | 'gray500' | 'gray400' | 'gray300' | 'gray200' | 'gray100';
+declare type ColourGreens = 'green900' | 'green800' | 'green700' | 'green600' | 'green500' | 'green400' | 'green300' | 'green200' | 'green100';
+declare type ColourBlues = 'blue900' | 'blue800' | 'blue700' | 'blue600' | 'blue500' | 'blue400' | 'blue300' | 'blue200' | 'blue100';
+declare type ColourYellows = 'yellow900' | 'yellow800' | 'yellow700' | 'yellow600' | 'yellow500' | 'yellow400' | 'yellow300' | 'yellow200' | 'yellow100';
+export declare type ColourGamut = ColourGrays | ColourBlues | ColourGreens | ColourReds | ColourYellows;
+declare type Intent = 'primary' | 'secondary' | 'shine' | 'neutral' | 'danger' | 'warning' | 'success' | 'information';
+declare type BaseColours = 'white';
+export declare type BreakPoints = Record<DeviceSize, string>;
+export interface Tokens extends VanillaTokens {
+    mode: 'light' | 'dark';
+    body: {
+        colour: string;
+        backgroundColour: string;
+    };
+    contentWidth: {
+        small: string;
+        medium: string;
+        large: string;
+    };
+    space: Record<SpaceScale, string>;
+    elevation: {
+        none: string;
+        '1': string;
+        '2': string;
+        '3': string;
+        '4': string;
+        '5': string;
+    };
+    colours: {
+        gamut: Record<ColourGamut | BaseColours, string>;
+        foreground: {
+            body: string;
+            link: string;
+        };
+        background: {
+            body: string;
+            light: string;
+            neutral: string;
+            neutralDark: string;
+        };
+        intent: Record<Intent, {
+            foreground: string;
+            background: ColourIntensityMap;
+        }>;
+    };
+    border: {
+        width: Record<BorderWidthScale, string>;
+        colours: {
+            light: string;
+            gray: string;
+            dark: string;
+        };
+        radius: {
+            none: string;
+            '1': string;
+            min: string;
+            pill: string;
+            full: string;
+        };
+    };
+    typography: {
+        size: Record<TextSizeScale, {
+            fontSize: string;
+            lineHeight: string;
+        }>;
+        colour: Record<'link' | Exclude<Intent, 'neutral'> | 'dark' | 'light' | 'neutral' | 'muted' | BaseColours, string>;
+        fontWeight: Record<'normal' | 'semiBold' | 'bold', string>;
+    };
+    animation: {
+        easing: {
+            standard: string;
+            decelerate: string;
+            accelerate: string;
+        };
+    };
+    icon: {
+        size: Record<IconSizeScale, string>;
+    };
+}
+export {};
+//# sourceMappingURL=tokens.d.ts.map

package/dist/themes/tokens.d.ts.map

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

package/dist/themes/tokens.js

@@ -1,3 +1 @@
-"use strict";
-
-export {};
+export {};

package/dist/utils/index.d.ts

@@ -0,0 +1,19 @@
+import type { Ref } from 'react';
+import { useLayoutEffect } from 'react';
+export declare const isBrowser: boolean;
+export declare const isomorphicLayoutEffect: typeof useLayoutEffect;
+export declare const useUncontrolledState: <T extends unknown>(value: T, onChange?: (value: T) => void) => [T, (value: T) => void];
+export declare const useInputControlledState: <T, H>(incomingValue: T, incomingOnChange?: H) => [T, H];
+export declare const useId: (idFromProps?: string) => string | null;
+export declare const setRef: <T>(ref: Ref<T>, value: T) => void;
+export declare const isHtmlElement: (element: any) => element is Element;
+export declare const hex2rgba: (c: any, alpha?: string) => string;
+export declare const ownerWindow: (node?: Node) => Window;
+export declare const ownerDocument: (node?: Node) => Document;
+export declare const useEventCallback: <T extends Function>(fn: T) => (...args: any[]) => any;
+export declare const animate: <T extends HTMLElement>(element: T, property: keyof T, to: number, duration?: number) => (() => void) | void;
+export declare type Alignment = 'left' | 'right' | 'center';
+export declare const alignmentToFlexAlignment: (align: Alignment) => "center" | "flexStart" | "flexEnd";
+export declare const arrayRingLookup: <T extends ArrayLike<unknown>>(collection: T) => (index: any) => unknown;
+export declare const noop: () => void;
+//# sourceMappingURL=index.d.ts.map

package/dist/utils/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../lib/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAGN,eAAe,EAGf,MAAM,OAAO,CAAC;AAEf,eAAO,MAAM,SAAS,SAAgC,CAAC;AAEvD,eAAO,MAAM,sBAAsB,wBAA0C,CAAC;AAE9E,eAAO,MAAM,oBAAoB,yDAEP,IAAI,uBACT,IAAI,CAOxB,CAAC;AAGF,eAAO,MAAM,uBAAuB,0DAenC,CAAC;AAaF,eAAO,MAAM,KAAK,iBAAkB,MAAM,KAAG,MAAM,GAAG,IAmBrD,CAAC;AAEF,eAAO,MAAM,MAAM,oCAMlB,CAAC;AAEF,eAAO,MAAM,aAAa,YAAa,GAAG,uBACoB,CAAC;AAE/D,eAAO,MAAM,QAAQ,oCAIsB,CAAC;AAE5C,eAAO,MAAM,WAAW,UAAW,IAAI,KAAG,MACC,CAAC;AAC5C,eAAO,MAAM,aAAa,UAAW,IAAI,KAAG,QACZ,CAAC;AASjC,eAAO,MAAM,gBAAgB,wDAO5B,CAAC;AAMF,eAAO,MAAM,OAAO,6DAGf,MAAM,wBAER,CAAC,MAAM,IAAI,CAAC,GAAG,IA8BjB,CAAC;AAEF,oBAAY,SAAS,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAC;AACpD,eAAO,MAAM,wBAAwB,UAAW,SAAS,uCAKT,CAAC;AAYjD,eAAO,MAAM,eAAe,0EAK3B,CAAC;AAGF,eAAO,MAAM,IAAI,YAAW,CAAC"}