@calame/core 0.2.0

package/dist/mergeClasses.js

@@ -0,0 +1,110 @@
+import { DEBUG_RESET_CLASSES, DEFINITION_LOOKUP_TABLE, LOOKUP_DEFINITIONS_INDEX, LOOKUP_DIR_INDEX, RESET_HASH_PREFIX, SEQUENCE_PREFIX, SEQUENCE_SIZE, } from './constants';
+import { hashSequence } from './runtime/utils/hashSequence';
+import { reduceToClassName } from './runtime/reduceToClassNameForSlots';
+// Contains a mapping of previously resolved sequences of atomic classnames
+export const mergeClassesCachedResults = {};
+export function mergeClasses() {
+    // arguments are parsed manually to avoid double loops as TS & Babel transforms rest via an additional loop
+    // @see https://babeljs.io/docs/en/babel-plugin-transform-parameters
+    /* eslint-disable prefer-rest-params */
+    let dir = null;
+    let resultClassName = '';
+    // Is used as a cache key to avoid object merging
+    let sequenceMatch = '';
+    const sequencesIds = new Array(arguments.length);
+    let containsResetClassName = '';
+    for (let i = 0; i < arguments.length; i++) {
+        const className = arguments[i];
+        if (typeof className === 'string' && className !== '') {
+            // All classes generated by `makeStyles()` are prefixed by a sequence hash, this allows to identify class sets
+            // without parsing each className in a string
+            const sequenceIndex = className.indexOf(SEQUENCE_PREFIX);
+            if (sequenceIndex === -1) {
+                if (process.env.NODE_ENV !== 'production') {
+                    className.split(' ').forEach(entry => {
+                        if (entry.startsWith(RESET_HASH_PREFIX) && DEBUG_RESET_CLASSES[entry]) {
+                            if (containsResetClassName) {
+                                // eslint-disable-next-line no-console
+                                console.error('mergeClasses(): a passed string contains multiple classes produced by makeResetStyles (' +
+                                    `${className} & ${resultClassName}, this will lead to non-deterministic behavior. Learn more:` +
+                                    'https://calame.js.org/react/api/make-reset-styles#limitations' +
+                                    '\n' +
+                                    `Source string: ${className}`);
+                            }
+                            else {
+                                containsResetClassName = entry;
+                            }
+                        }
+                    });
+                }
+                resultClassName += className + ' ';
+            }
+            else {
+                const sequenceId = className.substr(sequenceIndex, SEQUENCE_SIZE);
+                // Handles a case with mixed classnames, i.e. "ui-button ATOMIC_CLASSES"
+                if (sequenceIndex > 0) {
+                    resultClassName += className.slice(0, sequenceIndex);
+                }
+                sequenceMatch += sequenceId;
+                sequencesIds[i] = sequenceId;
+            }
+            if (process.env.NODE_ENV !== 'production') {
+                if (className.indexOf(SEQUENCE_PREFIX, sequenceIndex + 1) !== -1) {
+                    // eslint-disable-next-line no-console
+                    console.error('mergeClasses(): a passed string contains multiple identifiers of atomic classes (classes that start ' +
+                        `with "${SEQUENCE_PREFIX}"), it's possible that passed classes were concatenated in a wrong way. ` +
+                        `Source string: ${className}`);
+                }
+            }
+        }
+    }
+    // .slice() there allows to avoid trailing space for non-atomic classes
+    // "ui-button ui-flex " => "ui-button ui-flex"
+    if (sequenceMatch === '') {
+        return resultClassName.slice(0, -1);
+    }
+    // It's safe to reuse results to avoid continuous merging as results are stable
+    // "__seq1 ... __seq2 ..." => "__seq12 ..."
+    const mergeClassesResult = mergeClassesCachedResults[sequenceMatch];
+    if (mergeClassesResult !== undefined) {
+        return resultClassName + mergeClassesResult;
+    }
+    const sequenceMappings = [];
+    for (let i = 0; i < arguments.length; i++) {
+        const sequenceId = sequencesIds[i];
+        if (sequenceId) {
+            const sequenceMapping = DEFINITION_LOOKUP_TABLE[sequenceId];
+            if (sequenceMapping) {
+                sequenceMappings.push(sequenceMapping[LOOKUP_DEFINITIONS_INDEX]);
+                if (process.env.NODE_ENV !== 'production') {
+                    if (dir !== null && dir !== sequenceMapping[LOOKUP_DIR_INDEX]) {
+                        // eslint-disable-next-line no-console
+                        console.error(`mergeClasses(): a passed string contains an identifier (${sequenceId}) that has different direction ` +
+                            `(dir="${sequenceMapping[1] ? 'rtl' : 'ltr'}") setting than other classes. This is not supported. ` +
+                            `Source string: ${arguments[i]}`);
+                    }
+                }
+                dir = sequenceMapping[LOOKUP_DIR_INDEX];
+            }
+            else {
+                if (process.env.NODE_ENV !== 'production') {
+                    // eslint-disable-next-line no-console
+                    console.error(`mergeClasses(): a passed string contains an identifier (${sequenceId}) that does not match any entry ` +
+                        `in cache. Source string: ${arguments[i]}`);
+                }
+            }
+        }
+    }
+    // eslint-disable-next-line prefer-spread
+    const resultClassesMap = Object.assign.apply(Object, 
+    // .assign() mutates the first object, we can't mutate mappings as it will produce invalid results later
+    [{}].concat(sequenceMappings));
+    const [atomicClasses, classesMapHash] = reduceToClassName(resultClassesMap, dir);
+    // Each merge of classes generates a new sequence of atomic classes that needs to be registered
+    const newSequenceHash = hashSequence(classesMapHash, dir, sequencesIds);
+    const newClassName = newSequenceHash + ' ' + atomicClasses;
+    mergeClassesCachedResults[sequenceMatch] = newClassName;
+    DEFINITION_LOOKUP_TABLE[newSequenceHash] = [resultClassesMap, dir];
+    return resultClassName + newClassName;
+}
+//# sourceMappingURL=mergeClasses.js.map

package/dist/mergeClasses.js.map

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

package/dist/renderer/createDOMRenderer.d.ts

@@ -0,0 +1,44 @@
+import type { CalameRenderer } from '../types';
+export interface CreateDOMRendererOptions {
+    /**
+     * A salt that will be added for hashed classes. Should be the same for all renderers in the same application
+     * (bundle).
+     *
+     * @see https://github.com/microsoft/calame/issues/453
+     */
+    classNameHashSalt?: string;
+    /**
+     * If specified, a renderer will insert created style tags after this element.
+     */
+    insertionPoint?: HTMLElement;
+    /**
+     * A map of attributes that's passed to the generated style elements. Is useful to set "nonce" attribute.
+     *
+     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/nonce
+     */
+    styleElementAttributes?: Record<string, string>;
+    /**
+     * A filter run before CSS rule insertion to systematically remove CSS rules at render time.
+     * This can be used to forbid specific rules from being written to the style sheet at run time without
+     * affecting build time styles.
+     *
+     * ⚠️ Keep the filter as performant as possible to avoid negative performance impacts to your application.
+     * ⚠️ This API is unstable and can be removed from the library at any time.
+     */
+    unstable_filterCSSRule?: (cssRule: string) => boolean;
+    /**
+     * @param a - media query
+     * @param b - media query
+     * @returns positive number if a > b or negative number if a < b
+     */
+    compareMediaQueries?: (a: string, b: string) => number;
+}
+/** @internal */
+export declare const defaultCompareMediaQueries: (a: string, b: string) => 0 | 1 | -1;
+/**
+ * Creates a new instances of a renderer.
+ *
+ * @public
+ */
+export declare function createDOMRenderer(targetDocument?: Document | undefined, options?: CreateDOMRendererOptions): CalameRenderer;
+//# sourceMappingURL=createDOMRenderer.d.ts.map

package/dist/renderer/createDOMRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createDOMRenderer.d.ts","sourceRoot":"","sources":["../../src/renderer/createDOMRenderer.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAmB,MAAM,UAAU,CAAC;AAMhE,MAAM,WAAW,wBAAwB;IACvC;;;;;OAKG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B;;OAEG;IACH,cAAc,CAAC,EAAE,WAAW,CAAC;IAE7B;;;;OAIG;IACH,sBAAsB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAEhD;;;;;;;OAOG;IACH,sBAAsB,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,OAAO,CAAC;IAEtD;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;CACxD;AAED,gBAAgB;AAChB,eAAO,MAAM,0BAA0B,GAAI,GAAG,MAAM,EAAE,GAAG,MAAM,eAAiC,CAAC;AAEjG;;;;GAIG;AACH,wBAAgB,iBAAiB,CAC/B,cAAc,GAAE,QAAQ,GAAG,SAAkE,EAC7F,OAAO,GAAE,wBAA6B,GACrC,cAAc,CA4DhB"}

package/dist/renderer/createDOMRenderer.js

@@ -0,0 +1,54 @@
+import { injectDevTools, isDevToolsEnabled, debugData } from '../devtools';
+import { normalizeCSSBucketEntry } from '../runtime/utils/normalizeCSSBucketEntry';
+import { getStyleSheetForBucket } from './getStyleSheetForBucket';
+import { safeInsertRule } from './safeInsertRule';
+let lastIndex = 0;
+/** @internal */
+export const defaultCompareMediaQueries = (a, b) => (a < b ? -1 : a > b ? 1 : 0);
+/**
+ * Creates a new instances of a renderer.
+ *
+ * @public
+ */
+export function createDOMRenderer(targetDocument = typeof document === 'undefined' ? undefined : document, options = {}) {
+    const { classNameHashSalt, unstable_filterCSSRule, insertionPoint, styleElementAttributes, compareMediaQueries = defaultCompareMediaQueries, } = options;
+    const renderer = {
+        classNameHashSalt,
+        insertionCache: {},
+        stylesheets: {},
+        styleElementAttributes: Object.freeze(styleElementAttributes),
+        compareMediaQueries,
+        id: `d${lastIndex++}`,
+        insertCSSRules(cssRules) {
+            // eslint-disable-next-line guard-for-in
+            for (const styleBucketName in cssRules) {
+                const cssRulesForBucket = cssRules[styleBucketName];
+                // This is a hot path in rendering styles: ".length" is cached in "l" var to avoid accesses the property
+                for (let i = 0, l = cssRulesForBucket.length; i < l; i++) {
+                    const [ruleCSS, metadata] = normalizeCSSBucketEntry(cssRulesForBucket[i]);
+                    const sheet = getStyleSheetForBucket(styleBucketName, targetDocument, insertionPoint || null, renderer, metadata);
+                    if (renderer.insertionCache[ruleCSS]) {
+                        continue;
+                    }
+                    renderer.insertionCache[ruleCSS] = styleBucketName;
+                    if (process.env.NODE_ENV !== 'production' && isDevToolsEnabled) {
+                        debugData.addCSSRule(ruleCSS);
+                    }
+                    if (unstable_filterCSSRule) {
+                        if (unstable_filterCSSRule(ruleCSS)) {
+                            safeInsertRule(sheet, ruleCSS);
+                        }
+                    }
+                    else {
+                        safeInsertRule(sheet, ruleCSS);
+                    }
+                }
+            }
+        },
+    };
+    if (targetDocument && process.env.NODE_ENV !== 'production' && isDevToolsEnabled) {
+        injectDevTools(targetDocument);
+    }
+    return renderer;
+}
+//# sourceMappingURL=createDOMRenderer.js.map

package/dist/renderer/createDOMRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createDOMRenderer.js","sourceRoot":"","sources":["../../src/renderer/createDOMRenderer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAC3E,OAAO,EAAE,uBAAuB,EAAE,MAAM,0CAA0C,CAAC;AAEnF,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,IAAI,SAAS,GAAG,CAAC,CAAC;AAyClB,gBAAgB;AAChB,MAAM,CAAC,MAAM,0BAA0B,GAAG,CAAC,CAAS,EAAE,CAAS,EAAE,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AAEjG;;;;GAIG;AACH,MAAM,UAAU,iBAAiB,CAC/B,iBAAuC,OAAO,QAAQ,KAAK,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,EAC7F,UAAoC,EAAE;IAEtC,MAAM,EACJ,iBAAiB,EACjB,sBAAsB,EACtB,cAAc,EACd,sBAAsB,EACtB,mBAAmB,GAAG,0BAA0B,GACjD,GAAG,OAAO,CAAC;IACZ,MAAM,QAAQ,GAAmB;QAC/B,iBAAiB;QACjB,cAAc,EAAE,EAAE;QAClB,WAAW,EAAE,EAAE;QACf,sBAAsB,EAAE,MAAM,CAAC,MAAM,CAAC,sBAAsB,CAAC;QAC7D,mBAAmB;QAEnB,EAAE,EAAE,IAAI,SAAS,EAAE,EAAE;QAErB,cAAc,CAAC,QAAQ;YACrB,wCAAwC;YACxC,KAAK,MAAM,eAAe,IAAI,QAAQ,EAAE,CAAC;gBACvC,MAAM,iBAAiB,GAAG,QAAQ,CAAC,eAAkC,CAAE,CAAC;gBAExE,wGAAwG;gBACxG,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,iBAAiB,CAAC,MAAM,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC;oBACzD,MAAM,CAAC,OAAO,EAAE,QAAQ,CAAC,GAAG,uBAAuB,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC;oBAC1E,MAAM,KAAK,GAAG,sBAAsB,CAClC,eAAkC,EAClC,cAAc,EACd,cAAc,IAAI,IAAI,EACtB,QAAQ,EACR,QAAQ,CACT,CAAC;oBAEF,IAAI,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE,CAAC;wBACrC,SAAS;oBACX,CAAC;oBAED,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,GAAG,eAAkC,CAAC;oBAEtE,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,IAAI,iBAAiB,EAAE,CAAC;wBAC/D,SAAS,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;oBAChC,CAAC;oBAED,IAAI,sBAAsB,EAAE,CAAC;wBAC3B,IAAI,sBAAsB,CAAC,OAAO,CAAC,EAAE,CAAC;4BACpC,cAAc,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;wBACjC,CAAC;oBACH,CAAC;yBAAM,CAAC;wBACN,cAAc,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;oBACjC,CAAC;gBACH,CAAC;YACH,CAAC;QACH,CAAC;KACF,CAAC;IAEF,IAAI,cAAc,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,IAAI,iBAAiB,EAAE,CAAC;QACjF,cAAc,CAAC,cAAc,CAAC,CAAC;IACjC,CAAC;IAED,OAAO,QAAQ,CAAC;AAClB,CAAC"}

package/dist/renderer/createIsomorphicStyleSheet.d.ts

@@ -0,0 +1,4 @@
+import type { IsomorphicStyleSheet, StyleBucketName } from '../types';
+export declare function createIsomorphicStyleSheet(styleElement: HTMLStyleElement | undefined, bucketName: StyleBucketName, priority: number, elementAttributes: Record<string, string>): IsomorphicStyleSheet;
+export declare function createIsomorphicStyleSheetFromElement(element: HTMLStyleElement): IsomorphicStyleSheet;
+//# sourceMappingURL=createIsomorphicStyleSheet.d.ts.map

package/dist/renderer/createIsomorphicStyleSheet.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createIsomorphicStyleSheet.d.ts","sourceRoot":"","sources":["../../src/renderer/createIsomorphicStyleSheet.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,oBAAoB,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAEtE,wBAAgB,0BAA0B,CACxC,YAAY,EAAE,gBAAgB,GAAG,SAAS,EAC1C,UAAU,EAAE,eAAe,EAC3B,QAAQ,EAAE,MAAM,EAChB,iBAAiB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GACxC,oBAAoB,CAkCtB;AAED,wBAAgB,qCAAqC,CAAC,OAAO,EAAE,gBAAgB,wBAY9E"}

package/dist/renderer/createIsomorphicStyleSheet.js

@@ -0,0 +1,39 @@
+import { DATA_BUCKET_ATTR, DATA_PRIORITY_ATTR } from '../constants';
+export function createIsomorphicStyleSheet(styleElement, bucketName, priority, elementAttributes) {
+    // no CSSStyleSheet in SSR, just append rules here for server render
+    const __cssRulesForSSR = [];
+    elementAttributes[DATA_BUCKET_ATTR] = bucketName;
+    elementAttributes[DATA_PRIORITY_ATTR] = String(priority);
+    if (styleElement) {
+        for (const attrName in elementAttributes) {
+            styleElement.setAttribute(attrName, elementAttributes[attrName]);
+        }
+    }
+    function insertRule(rule) {
+        if (styleElement === null || styleElement === void 0 ? void 0 : styleElement.sheet) {
+            return styleElement.sheet.insertRule(rule, styleElement.sheet.cssRules.length);
+        }
+        return __cssRulesForSSR.push(rule);
+    }
+    return {
+        elementAttributes,
+        insertRule,
+        element: styleElement,
+        bucketName,
+        cssRules() {
+            if (styleElement === null || styleElement === void 0 ? void 0 : styleElement.sheet) {
+                return Array.from(styleElement.sheet.cssRules).map(cssRule => cssRule.cssText);
+            }
+            return __cssRulesForSSR;
+        },
+    };
+}
+export function createIsomorphicStyleSheetFromElement(element) {
+    const elementAttributes = Array.from(element.attributes).reduce((acc, attr) => {
+        acc[attr.name] = attr.value;
+        return acc;
+    }, {});
+    const stylesheet = createIsomorphicStyleSheet(element, elementAttributes[DATA_BUCKET_ATTR], Number(elementAttributes[DATA_PRIORITY_ATTR]), elementAttributes);
+    return stylesheet;
+}
+//# sourceMappingURL=createIsomorphicStyleSheet.js.map

package/dist/renderer/createIsomorphicStyleSheet.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createIsomorphicStyleSheet.js","sourceRoot":"","sources":["../../src/renderer/createIsomorphicStyleSheet.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAGpE,MAAM,UAAU,0BAA0B,CACxC,YAA0C,EAC1C,UAA2B,EAC3B,QAAgB,EAChB,iBAAyC;IAEzC,oEAAoE;IACpE,MAAM,gBAAgB,GAAa,EAAE,CAAC;IAEtC,iBAAiB,CAAC,gBAAgB,CAAC,GAAG,UAAU,CAAC;IACjD,iBAAiB,CAAC,kBAAkB,CAAC,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC;IAEzD,IAAI,YAAY,EAAE,CAAC;QACjB,KAAK,MAAM,QAAQ,IAAI,iBAAiB,EAAE,CAAC;YACzC,YAAY,CAAC,YAAY,CAAC,QAAQ,EAAE,iBAAiB,CAAC,QAAQ,CAAC,CAAC,CAAC;QACnE,CAAC;IACH,CAAC;IAED,SAAS,UAAU,CAAC,IAAY;QAC9B,IAAI,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,KAAK,EAAE,CAAC;YACxB,OAAO,YAAY,CAAC,KAAK,CAAC,UAAU,CAAC,IAAI,EAAE,YAAY,CAAC,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;QACjF,CAAC;QAED,OAAO,gBAAgB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IACrC,CAAC;IAED,OAAO;QACL,iBAAiB;QACjB,UAAU;QACV,OAAO,EAAE,YAAY;QACrB,UAAU;QACV,QAAQ;YACN,IAAI,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,KAAK,EAAE,CAAC;gBACxB,OAAO,KAAK,CAAC,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;YACjF,CAAC;YAED,OAAO,gBAAgB,CAAC;QAC1B,CAAC;KACF,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,qCAAqC,CAAC,OAAyB;IAC7E,MAAM,iBAAiB,GAAG,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,IAAI,EAAE,EAAE;QAC5E,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC;QAC5B,OAAO,GAAG,CAAC;IACb,CAAC,EAAE,EAA4B,CAAC,CAAC;IACjC,MAAM,UAAU,GAAG,0BAA0B,CAC3C,OAAO,EACP,iBAAiB,CAAC,gBAAgB,CAAoB,EACtD,MAAM,CAAC,iBAAiB,CAAC,kBAAkB,CAAC,CAAC,EAC7C,iBAAiB,CAClB,CAAC;IACF,OAAO,UAAU,CAAC;AACpB,CAAC"}

package/dist/renderer/getStyleSheetForBucket.d.ts

@@ -0,0 +1,14 @@
+import type { CalameRenderer, IsomorphicStyleSheet, StyleBucketName } from '../types';
+/**
+ * Ordered style buckets using their short pseudo name.
+ *
+ * @internal
+ */
+export declare const styleBucketOrdering: StyleBucketName[];
+export declare function getStyleSheetKey(bucketName: StyleBucketName, media: string, priority: number | string): string;
+export declare function getStyleSheetKeyFromElement(styleEl: HTMLStyleElement): string;
+/**
+ * Lazily adds a `<style>` bucket to the `<head>`. This will ensure that the style buckets are ordered.
+ */
+export declare function getStyleSheetForBucket(bucketName: StyleBucketName, targetDocument: Document | undefined, insertionPoint: HTMLElement | null, renderer: CalameRenderer, metadata?: Record<string, unknown>): IsomorphicStyleSheet;
+//# sourceMappingURL=getStyleSheetForBucket.d.ts.map

package/dist/renderer/getStyleSheetForBucket.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getStyleSheetForBucket.d.ts","sourceRoot":"","sources":["../../src/renderer/getStyleSheetForBucket.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,oBAAoB,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAGtF;;;;GAIG;AACH,eAAO,MAAM,mBAAmB,EAAE,eAAe,EA6BhD,CAAC;AAQF,wBAAgB,gBAAgB,CAAC,UAAU,EAAE,eAAe,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAE9G;AAED,wBAAgB,2BAA2B,CAAC,OAAO,EAAE,gBAAgB,GAAG,MAAM,CAK7E;AAED;;GAEG;AACH,wBAAgB,sBAAsB,CACpC,UAAU,EAAE,eAAe,EAC3B,cAAc,EAAE,QAAQ,GAAG,SAAS,EACpC,cAAc,EAAE,WAAW,GAAG,IAAI,EAClC,QAAQ,EAAE,cAAc,EACxB,QAAQ,GAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAM,GACrC,oBAAoB,CA0BtB"}

package/dist/renderer/getStyleSheetForBucket.js

@@ -0,0 +1,129 @@
+import { DATA_BUCKET_ATTR, DATA_PRIORITY_ATTR } from '../constants';
+import { createIsomorphicStyleSheet } from './createIsomorphicStyleSheet';
+/**
+ * Ordered style buckets using their short pseudo name.
+ *
+ * @internal
+ */
+export const styleBucketOrdering = [
+    // reset styles
+    'r',
+    // catch-all
+    'd',
+    // link
+    'l',
+    // visited
+    'v',
+    // focus-within
+    'w',
+    // focus
+    'f',
+    // focus-visible
+    'i',
+    // hover
+    'h',
+    // active
+    'a',
+    // at rules for reset styles
+    's',
+    // keyframes
+    'k',
+    // at-rules
+    't',
+    // @media rules
+    'm',
+    // @container rules
+    'c',
+];
+// avoid repeatedly calling `indexOf` to determine order during new insertions
+const styleBucketOrderingMap = styleBucketOrdering.reduce((acc, cur, j) => {
+    acc[cur] = j;
+    return acc;
+}, {});
+export function getStyleSheetKey(bucketName, media, priority) {
+    return (bucketName === 'm' ? bucketName + media : bucketName) + priority;
+}
+export function getStyleSheetKeyFromElement(styleEl) {
+    var _a;
+    const bucketName = styleEl.getAttribute(DATA_BUCKET_ATTR);
+    const priority = (_a = styleEl.getAttribute(DATA_PRIORITY_ATTR)) !== null && _a !== void 0 ? _a : '0';
+    return getStyleSheetKey(bucketName, styleEl.media, priority);
+}
+/**
+ * Lazily adds a `<style>` bucket to the `<head>`. This will ensure that the style buckets are ordered.
+ */
+export function getStyleSheetForBucket(bucketName, targetDocument, insertionPoint, renderer, metadata = {}) {
+    var _a, _b;
+    const isMediaBucket = bucketName === 'm';
+    const media = (_a = metadata['m']) !== null && _a !== void 0 ? _a : '0';
+    const priority = (_b = metadata['p']) !== null && _b !== void 0 ? _b : 0;
+    const stylesheetKey = getStyleSheetKey(bucketName, media, priority);
+    if (!renderer.stylesheets[stylesheetKey]) {
+        const tag = targetDocument && targetDocument.createElement('style');
+        const stylesheet = createIsomorphicStyleSheet(tag, bucketName, priority, {
+            ...renderer.styleElementAttributes,
+            ...(isMediaBucket && { media }),
+        });
+        renderer.stylesheets[stylesheetKey] = stylesheet;
+        if ((targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.head) && tag) {
+            targetDocument.head.insertBefore(tag, findInsertionPoint(targetDocument, insertionPoint, bucketName, renderer, metadata));
+        }
+    }
+    return renderer.stylesheets[stylesheetKey];
+}
+function isSameInsertionKey(element, bucketName, metadata) {
+    var _a, _b;
+    const targetKey = bucketName + ((_a = metadata['m']) !== null && _a !== void 0 ? _a : '');
+    const elementKey = element.getAttribute(DATA_BUCKET_ATTR) + ((_b = element.media) !== null && _b !== void 0 ? _b : '');
+    return targetKey === elementKey;
+}
+/**
+ * Finds an element before which the new bucket style element should be inserted following the bucket sort order.
+ *
+ * @param targetDocument - A document
+ * @param insertionPoint - An element that will be used as an initial insertion point
+ * @param targetBucket - The bucket that should be inserted to DOM
+ * @param renderer - Calame renderer
+ * @param metadata - metadata for CSS rule
+ * @returns - Smallest style element with greater sort order than the current bucket
+ */
+function findInsertionPoint(targetDocument, insertionPoint, targetBucket, renderer, metadata = {}) {
+    var _a, _b;
+    const targetOrder = styleBucketOrderingMap[targetBucket];
+    const media = (_a = metadata['m']) !== null && _a !== void 0 ? _a : '';
+    const priority = (_b = metadata['p']) !== null && _b !== void 0 ? _b : 0;
+    // Similar to javascript sort comparators where
+    // a positive value is increasing sort order
+    // a negative value is decreasing sort order
+    let comparer = el => targetOrder - styleBucketOrderingMap[el.getAttribute(DATA_BUCKET_ATTR)];
+    let styleElements = targetDocument.head.querySelectorAll(`[${DATA_BUCKET_ATTR}]`);
+    if (targetBucket === 'm') {
+        const mediaElements = targetDocument.head.querySelectorAll(`[${DATA_BUCKET_ATTR}="${targetBucket}"]`);
+        // only reduce the scope of the search and change comparer
+        // if there are other media buckets already on the page
+        if (mediaElements.length) {
+            styleElements = mediaElements;
+            comparer = (el) => renderer.compareMediaQueries(media, el.media);
+        }
+    }
+    const comparerWithPriority = el => {
+        if (isSameInsertionKey(el, targetBucket, metadata)) {
+            return priority - Number(el.getAttribute('data-priority'));
+        }
+        return comparer(el);
+    };
+    const length = styleElements.length;
+    let index = length - 1;
+    while (index >= 0) {
+        const styleElement = styleElements.item(index);
+        if (comparerWithPriority(styleElement) > 0) {
+            return styleElement.nextSibling;
+        }
+        index--;
+    }
+    if (length > 0) {
+        return styleElements.item(0);
+    }
+    return insertionPoint ? insertionPoint.nextSibling : null;
+}
+//# sourceMappingURL=getStyleSheetForBucket.js.map

package/dist/renderer/getStyleSheetForBucket.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getStyleSheetForBucket.js","sourceRoot":"","sources":["../../src/renderer/getStyleSheetForBucket.ts"],"names":[],"mappings":"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"}

package/dist/renderer/rehydrateRendererCache.d.ts

@@ -0,0 +1,9 @@
+import type { CalameRenderer } from '../types';
+/**
+ * Should be called in a case of Server-Side rendering. Rehydrates cache from for a renderer to avoid double insertion
+ * of classes to DOM.
+ *
+ * @public
+ */
+export declare function rehydrateRendererCache(renderer: CalameRenderer, target?: Document | undefined): void;
+//# sourceMappingURL=rehydrateRendererCache.d.ts.map

package/dist/renderer/rehydrateRendererCache.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"rehydrateRendererCache.d.ts","sourceRoot":"","sources":["../../src/renderer/rehydrateRendererCache.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAmB,MAAM,UAAU,CAAC;AAiBhE;;;;;GAKG;AACH,wBAAgB,sBAAsB,CACpC,QAAQ,EAAE,cAAc,EACxB,MAAM,GAAE,QAAQ,GAAG,SAAkE,QA6BtF"}

package/dist/renderer/rehydrateRendererCache.js

@@ -0,0 +1,43 @@
+import { isDevToolsEnabled, debugData } from '../devtools';
+import { createIsomorphicStyleSheetFromElement } from './createIsomorphicStyleSheet';
+import { getStyleSheetKeyFromElement } from './getStyleSheetForBucket';
+// Regexps to extract names of classes and animations
+// https://github.com/styletron/styletron/blob/e0fcae826744eb00ce679ac613a1b10d44256660/packages/styletron-engine-atomic/src/client/client.js#L8
+const KEYFRAMES_HYDRATOR = /@(-webkit-)?keyframes ([^{]+){((?:(?:from|to|(?:\d+\.?\d*%))\{(?:[^}])*})*)}/g;
+const AT_RULES_HYDRATOR = /@(media|supports|layer)[^{]+\{([\s\S]+?})\s*}/g;
+const STYLES_HYDRATOR = /\.([^{:]+)(:[^{]+)?{(?:[^}]*;)?([^}]*?)}/g;
+const regexps = {
+    k: KEYFRAMES_HYDRATOR,
+    t: AT_RULES_HYDRATOR,
+    m: AT_RULES_HYDRATOR,
+};
+/**
+ * Should be called in a case of Server-Side rendering. Rehydrates cache from for a renderer to avoid double insertion
+ * of classes to DOM.
+ *
+ * @public
+ */
+export function rehydrateRendererCache(renderer, target = typeof document === 'undefined' ? undefined : document) {
+    if (target) {
+        const styleElements = target.querySelectorAll('[data-make-styles-bucket]');
+        styleElements.forEach(styleElement => {
+            const bucketName = styleElement.dataset['makeStylesBucket'];
+            const stylesheetKey = getStyleSheetKeyFromElement(styleElement);
+            // 👇 If some elements are not created yet, we will register them in renderer
+            if (!renderer.stylesheets[stylesheetKey]) {
+                renderer.stylesheets[stylesheetKey] = createIsomorphicStyleSheetFromElement(styleElement);
+            }
+            const regex = regexps[bucketName] || STYLES_HYDRATOR;
+            let match;
+            while ((match = regex.exec(styleElement.textContent))) {
+                // "cacheKey" is either a class name or an animation name
+                const [cssRule] = match;
+                renderer.insertionCache[cssRule] = bucketName;
+                if (process.env.NODE_ENV !== 'production' && isDevToolsEnabled) {
+                    debugData.addCSSRule(cssRule);
+                }
+            }
+        });
+    }
+}
+//# sourceMappingURL=rehydrateRendererCache.js.map

package/dist/renderer/rehydrateRendererCache.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rehydrateRendererCache.js","sourceRoot":"","sources":["../../src/renderer/rehydrateRendererCache.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAC3D,OAAO,EAAE,qCAAqC,EAAE,MAAM,8BAA8B,CAAC;AACrF,OAAO,EAAE,2BAA2B,EAAE,MAAM,0BAA0B,CAAC;AAEvE,qDAAqD;AACrD,gJAAgJ;AAChJ,MAAM,kBAAkB,GAAG,+EAA+E,CAAC;AAC3G,MAAM,iBAAiB,GAAG,gDAAgD,CAAC;AAC3E,MAAM,eAAe,GAAG,2CAA2C,CAAC;AAEpE,MAAM,OAAO,GAA6C;IACxD,CAAC,EAAE,kBAAkB;IACrB,CAAC,EAAE,iBAAiB;IACpB,CAAC,EAAE,iBAAiB;CACrB,CAAC;AAEF;;;;;GAKG;AACH,MAAM,UAAU,sBAAsB,CACpC,QAAwB,EACxB,SAA+B,OAAO,QAAQ,KAAK,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ;IAErF,IAAI,MAAM,EAAE,CAAC;QACX,MAAM,aAAa,GAAG,MAAM,CAAC,gBAAgB,CAAmB,2BAA2B,CAAC,CAAC;QAE7F,aAAa,CAAC,OAAO,CAAC,YAAY,CAAC,EAAE;YACnC,MAAM,UAAU,GAAG,YAAY,CAAC,OAAO,CAAC,kBAAkB,CAAoB,CAAC;YAC/E,MAAM,aAAa,GAAG,2BAA2B,CAAC,YAAY,CAAC,CAAC;YAEhE,+EAA+E;YAC/E,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,aAAa,CAAC,EAAE,CAAC;gBACzC,QAAQ,CAAC,WAAW,CAAC,aAAa,CAAC,GAAG,qCAAqC,CAAC,YAAY,CAAC,CAAC;YAC5F,CAAC;YAED,MAAM,KAAK,GAAG,OAAO,CAAC,UAAU,CAAC,IAAI,eAAe,CAAC;YACrD,IAAI,KAAK,CAAC;YAEV,OAAO,CAAC,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,YAAY,CAAC,WAAY,CAAC,CAAC,EAAE,CAAC;gBACvD,yDAAyD;gBACzD,MAAM,CAAC,OAAO,CAAC,GAAG,KAAK,CAAC;gBAExB,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,GAAG,UAAU,CAAC;gBAE9C,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,IAAI,iBAAiB,EAAE,CAAC;oBAC/D,SAAS,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;gBAChC,CAAC;YACH,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC;AACH,CAAC"}

package/dist/renderer/safeInsertRule.d.ts

@@ -0,0 +1,9 @@
+/**
+ * @internal
+ *
+ * Calls `sheet.insertRule` and catches errors related to browser prefixes.
+ */
+export declare function safeInsertRule(sheet: {
+    insertRule(rule: string): number | undefined;
+}, ruleCSS: string): void;
+//# sourceMappingURL=safeInsertRule.d.ts.map

package/dist/renderer/safeInsertRule.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"safeInsertRule.d.ts","sourceRoot":"","sources":["../../src/renderer/safeInsertRule.ts"],"names":[],"mappings":"AAaA;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE;IAAE,UAAU,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAA;CAAE,EAAE,OAAO,EAAE,MAAM,GAAG,IAAI,CAU7G"}

package/dist/renderer/safeInsertRule.js

@@ -0,0 +1,30 @@
+/**
+ * Suffixes to be ignored in case of error
+ */
+const ignoreSuffixes = [
+    '-moz-placeholder',
+    '-moz-focus-inner',
+    '-moz-focusring',
+    '-ms-input-placeholder',
+    '-moz-read-write',
+    '-moz-read-only',
+].join('|');
+const ignoreSuffixesRegex = new RegExp(`:(${ignoreSuffixes})`);
+/**
+ * @internal
+ *
+ * Calls `sheet.insertRule` and catches errors related to browser prefixes.
+ */
+export function safeInsertRule(sheet, ruleCSS) {
+    try {
+        sheet.insertRule(ruleCSS);
+    }
+    catch (e) {
+        // We've disabled these warnings due to false-positive errors with browser prefixes
+        if (process.env.NODE_ENV !== 'production' && !ignoreSuffixesRegex.test(ruleCSS)) {
+            // eslint-disable-next-line no-console
+            console.error(`There was a problem inserting the following rule: "${ruleCSS}"`, e);
+        }
+    }
+}
+//# sourceMappingURL=safeInsertRule.js.map

package/dist/renderer/safeInsertRule.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"safeInsertRule.js","sourceRoot":"","sources":["../../src/renderer/safeInsertRule.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,cAAc,GAAG;IACrB,kBAAkB;IAClB,kBAAkB;IAClB,gBAAgB;IAChB,uBAAuB;IACvB,iBAAiB;IACjB,gBAAgB;CACjB,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AACZ,MAAM,mBAAmB,GAAG,IAAI,MAAM,CAAC,KAAK,cAAc,GAAG,CAAC,CAAC;AAE/D;;;;GAIG;AACH,MAAM,UAAU,cAAc,CAAC,KAAuD,EAAE,OAAe;IACrG,IAAI,CAAC;QACH,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;IAC5B,CAAC;IAAC,OAAO,CAAC,EAAE,CAAC;QACX,mFAAmF;QACnF,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC;YAChF,sCAAsC;YACtC,OAAO,CAAC,KAAK,CAAC,sDAAsD,OAAO,GAAG,EAAE,CAAC,CAAC,CAAC;QACrF,CAAC;IACH,CAAC;AACH,CAAC"}

package/dist/resolveStyleRulesForSlots.d.ts

@@ -0,0 +1,11 @@
+import type { CSSClassesMapBySlot, CSSRulesByBucket, StylesBySlots } from './types';
+/**
+ * Calls resolveStyleRules() for each slot, is also used by build time transform.
+ *
+ * @param stylesBySlots - An object with makeStyles rules where a key is a slot name
+ * @param classNameHashSalt - A salt for classes hash
+ *
+ * @return - A tuple with an object classnames mapping where a key is a slot name and an array with CSS rules
+ */
+export declare function resolveStyleRulesForSlots<Slots extends string | number>(stylesBySlots: StylesBySlots<Slots>, classNameHashSalt?: string): [CSSClassesMapBySlot<Slots>, CSSRulesByBucket];
+//# sourceMappingURL=resolveStyleRulesForSlots.d.ts.map

package/dist/resolveStyleRulesForSlots.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolveStyleRulesForSlots.d.ts","sourceRoot":"","sources":["../src/resolveStyleRulesForSlots.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,mBAAmB,EAAE,gBAAgB,EAAmB,aAAa,EAAE,MAAM,SAAS,CAAC;AAErG;;;;;;;GAOG;AACH,wBAAgB,yBAAyB,CAAC,KAAK,SAAS,MAAM,GAAG,MAAM,EACrE,aAAa,EAAE,aAAa,CAAC,KAAK,CAAC,EACnC,iBAAiB,GAAE,MAAW,GAC7B,CAAC,mBAAmB,CAAC,KAAK,CAAC,EAAE,gBAAgB,CAAC,CAiBhD"}

package/dist/resolveStyleRulesForSlots.js

@@ -0,0 +1,24 @@
+import { resolveStyleRules } from './runtime/resolveStyleRules';
+/**
+ * Calls resolveStyleRules() for each slot, is also used by build time transform.
+ *
+ * @param stylesBySlots - An object with makeStyles rules where a key is a slot name
+ * @param classNameHashSalt - A salt for classes hash
+ *
+ * @return - A tuple with an object classnames mapping where a key is a slot name and an array with CSS rules
+ */
+export function resolveStyleRulesForSlots(stylesBySlots, classNameHashSalt = '') {
+    const classesMapBySlot = {};
+    const cssRules = {};
+    // eslint-disable-next-line guard-for-in
+    for (const slotName in stylesBySlots) {
+        const slotStyles = stylesBySlots[slotName];
+        const [cssClassMap, cssRulesByBucket] = resolveStyleRules(slotStyles, classNameHashSalt);
+        classesMapBySlot[slotName] = cssClassMap;
+        Object.keys(cssRulesByBucket).forEach(styleBucketName => {
+            cssRules[styleBucketName] = (cssRules[styleBucketName] || []).concat(cssRulesByBucket[styleBucketName]);
+        });
+    }
+    return [classesMapBySlot, cssRules];
+}
+//# sourceMappingURL=resolveStyleRulesForSlots.js.map

package/dist/resolveStyleRulesForSlots.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolveStyleRulesForSlots.js","sourceRoot":"","sources":["../src/resolveStyleRulesForSlots.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AAGhE;;;;;;;GAOG;AACH,MAAM,UAAU,yBAAyB,CACvC,aAAmC,EACnC,oBAA4B,EAAE;IAE9B,MAAM,gBAAgB,GAAG,EAAgC,CAAC;IAC1D,MAAM,QAAQ,GAAqB,EAAE,CAAC;IAEtC,wCAAwC;IACxC,KAAK,MAAM,QAAQ,IAAI,aAAa,EAAE,CAAC;QACrC,MAAM,UAAU,GAAgB,aAAa,CAAC,QAAQ,CAAC,CAAC;QACxD,MAAM,CAAC,WAAW,EAAE,gBAAgB,CAAC,GAAG,iBAAiB,CAAC,UAAU,EAAE,iBAAiB,CAAC,CAAC;QAEzF,gBAAgB,CAAC,QAAQ,CAAC,GAAG,WAAW,CAAC;QAExC,MAAM,CAAC,IAAI,CAAC,gBAAgB,CAAuB,CAAC,OAAO,CAAC,eAAe,CAAC,EAAE;YAC7E,QAAQ,CAAC,eAAe,CAAC,GAAG,CAAC,QAAQ,CAAC,eAAe,CAAC,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC,gBAAgB,CAAC,eAAe,CAAE,CAAC,CAAC;QAC3G,CAAC,CAAC,CAAC;IACL,CAAC;IAED,OAAO,CAAC,gBAAgB,EAAE,QAAQ,CAAC,CAAC;AACtC,CAAC"}

package/dist/runtime/compileAtomicCSSRule.d.ts

@@ -0,0 +1,22 @@
+import type { AtRules } from './utils/types';
+export interface CompileAtomicCSSOptions {
+    className: string;
+    selectors: string[];
+    property: string;
+    value: number | string | Array<number | string>;
+    rtlClassName?: string;
+    rtlProperty?: string;
+    rtlValue?: number | string | Array<number | string>;
+}
+/**
+ * Normalizes pseudo selectors to always contain &, requires to work properly with comma-separated selectors.
+ *
+ * @example
+ *   ":hover" => "&:hover"
+ *   " :hover" => "& :hover"
+ *   ":hover,:focus" => "&:hover,&:focus"
+ *   " :hover, :focus" => "& :hover,& :focus"
+ */
+export declare function normalizePseudoSelector(pseudoSelector: string): string;
+export declare function compileAtomicCSSRule(options: CompileAtomicCSSOptions, atRules: AtRules): [string?, string?];
+//# sourceMappingURL=compileAtomicCSSRule.d.ts.map

package/dist/runtime/compileAtomicCSSRule.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"compileAtomicCSSRule.d.ts","sourceRoot":"","sources":["../../src/runtime/compileAtomicCSSRule.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAG7C,MAAM,WAAW,uBAAuB;IACtC,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,EAAE,CAAC;IAEpB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC;IAEhD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC;CACrD;AAID;;;;;;;;GAQG;AACH,wBAAgB,uBAAuB,CAAC,cAAc,EAAE,MAAM,GAAG,MAAM,CAStE;AAcD,wBAAgB,oBAAoB,CAClC,OAAO,EAAE,uBAAuB,EAChC,OAAO,EAAE,OAAO,GACf,CAAC,MAAM,CAAC,EAAuB,MAAM,CAAC,CAAsB,CAqC9D"}