xmlui 0.11.4 → 0.11.7

package/dist/scripts/src/components-core/theming/hvar.js

@@ -1,105 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.parseHVar = parseHVar;
-exports.matchThemeVar = matchThemeVar;
-const parsedHVarCache = {};
-//extremely dummy solution, will come back later
-function parseHVar(input) {
-    if (parsedHVarCache[input] !== undefined) {
-        return parsedHVarCache[input];
-    }
-    // Split the input string into parts using regex
-    const parts = input.split(/-[A-Z]+/);
-    if (parts.length !== 2) {
-        parsedHVarCache[input] = null;
-        return parsedHVarCache[input];
-    }
-    const firstPart = parts[0];
-    const classessParts = firstPart.split(":");
-    const attribute = classessParts[classessParts.length - 1];
-    const classes = classessParts.length > 1 ? classessParts.slice(0, classessParts.length - 1) : [];
-    const secondPart = input.substring(firstPart.length + 1);
-    const [compName, ...rest] = secondPart.split("-");
-    const traitsAndStates = secondPart.substring(compName.length).split("--");
-    const states = [];
-    const traits = [];
-    traitsAndStates.forEach((part) => {
-        if (!part.includes("-") && part) {
-            states.push(part);
-        }
-        else {
-            part.split("-").forEach((trait) => {
-                if (trait) {
-                    traits.push(trait);
-                }
-            });
-        }
-    });
-    parsedHVarCache[input] = {
-        classes: classes,
-        attribute: attribute,
-        component: compName,
-        traits: traits,
-        states: states,
-    };
-    return parsedHVarCache[input];
-}
-function createCombinations(arr = []) {
-    const stateCombinations = [];
-    for (let i = 1; i <= arr.length; i++) {
-        for (let j = 0; j <= arr.length - i; j++) {
-            stateCombinations.push(arr.slice(j, j + i));
-        }
-    }
-    return stateCombinations.sort((a, b) => b.length - a.length);
-}
-function matchThemeVar(themeVar, availableThemeVars = []) {
-    const hvar = parseHVar(themeVar);
-    if (!hvar) {
-        return;
-    }
-    const stateCombinations = createCombinations(hvar.states);
-    const traitCombinations = createCombinations(hvar.traits);
-    const sortedTraitCombinations = [];
-    traitCombinations.forEach((traitComb) => {
-        let result = "";
-        traitComb.forEach((t) => {
-            result = `${result}-${t}`;
-        });
-        sortedTraitCombinations.push(result);
-    });
-    sortedTraitCombinations.push("");
-    const sortedStateCombinations = [];
-    stateCombinations.forEach((stateComb) => {
-        let result = "";
-        stateComb.forEach((s) => {
-            result = `${result}--${s}`;
-        });
-        sortedStateCombinations.push(result);
-    });
-    sortedStateCombinations.push("");
-    const componentParts = [hvar.component, ...hvar.classes];
-    const from = [];
-    sortedStateCombinations.forEach((stateComb) => {
-        sortedTraitCombinations.forEach((traitComb) => {
-            componentParts.forEach((componentPart) => {
-                from.push(`${hvar.attribute}-${componentPart}${traitComb}${stateComb}`);
-            });
-        });
-    });
-    let matchedValue;
-    for (let i = availableThemeVars.length - 1; i >= 0; i--) {
-        const themeVars = availableThemeVars[i];
-        let foundValue = from.find((themeVar) => themeVars[themeVar] !== undefined);
-        if (foundValue) {
-            matchedValue = foundValue;
-            break;
-        }
-    }
-    const forValue = from[0];
-    return {
-        forValue: forValue,
-        matchedValue: matchedValue,
-        from: from,
-    };
-}

package/dist/scripts/src/components-core/theming/layout-resolver.js

@@ -1,388 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.THEME_VAR_PREFIX = void 0;
-exports.resolveLayoutProps = resolveLayoutProps;
-exports.toCssVar = toCssVar;
-const constants_1 = require("../constants");
-const lodash_es_1 = require("lodash-es");
-exports.THEME_VAR_PREFIX = "xmlui";
-const themeVarCapturesRegex = /(\$[a-zA-Z][a-zA-Z0-9-_]*)/g;
-const booleanRegex = /^(true|false)$/;
-const starSizeRegex = /^\d*\*$/;
-const defaultCompResult = {
-    cssProps: {},
-    issues: new Set(),
-};
-function resolveLayoutProps(layoutProps = constants_1.EMPTY_OBJECT, layoutContext) {
-    const result = {
-        cssProps: {},
-        issues: new Set(),
-    };
-    // --- Adjust flex
-    if (!!getOrientation(layoutContext)) {
-        // --- In a container, we always use "flex-shrink: 0"
-        result.cssProps.flexShrink = 0;
-    }
-    // --- Dimensions
-    collectCss("width");
-    const horizontalStarSize = getHorizontalStarSize(result.cssProps.width, layoutContext);
-    if (horizontalStarSize !== null) {
-        // --- We use "flex" when width is in start-size and allow shrinking
-        result.cssProps.flex = horizontalStarSize;
-        result.cssProps.flexShrink = 1;
-    }
-    collectCss("minWidth");
-    collectCss("maxWidth");
-    collectCss("height");
-    const verticalStarSize = getVerticalStarSize(result.cssProps.height, layoutContext);
-    if (verticalStarSize !== null) {
-        // --- We use "flex" when width is in start-size and allow shrinking
-        result.cssProps.flex = verticalStarSize;
-        result.cssProps.flexShrink = 1;
-    }
-    collectCss("minHeight");
-    collectCss("maxHeight");
-    // --- Positions
-    collectCss("top");
-    collectCss("right");
-    collectCss("bottom");
-    collectCss("left");
-    // --- Paddings and gap
-    collectCss("gap");
-    collectCss("padding");
-    const paddingHorizontal = transformLayoutValue("paddingHorizontal");
-    if (paddingHorizontal) {
-        result.cssProps.paddingLeft = paddingHorizontal;
-        result.cssProps.paddingRight = paddingHorizontal;
-    }
-    collectCss("paddingRight");
-    collectCss("paddingLeft");
-    const paddingVertical = transformLayoutValue("paddingVertical");
-    if (paddingVertical) {
-        result.cssProps.paddingTop = paddingVertical;
-        result.cssProps.paddingBottom = paddingVertical;
-    }
-    collectCss("paddingTop");
-    collectCss("paddingBottom");
-    // --- Margins
-    collectCss("margin");
-    const marginHorizontal = transformLayoutValue("marginHorizontal");
-    if (marginHorizontal) {
-        result.cssProps.marginLeft = marginHorizontal;
-        result.cssProps.marginRight = marginHorizontal;
-    }
-    collectCss("marginRight");
-    collectCss("marginLeft");
-    const marginVertical = transformLayoutValue("marginVertical");
-    if (marginVertical) {
-        result.cssProps.marginTop = marginVertical;
-        result.cssProps.marginBottom = marginVertical;
-    }
-    collectCss("marginTop");
-    collectCss("marginBottom");
-    // --- Borders
-    collectCss("border");
-    const horizontalBorder = transformLayoutValue("borderHorizontal");
-    if (horizontalBorder) {
-        result.cssProps.borderLeft = horizontalBorder;
-        result.cssProps.borderRight = horizontalBorder;
-    }
-    collectCss("borderRight");
-    collectCss("borderLeft");
-    const verticalBorder = transformLayoutValue("borderVertical");
-    if (verticalBorder) {
-        result.cssProps.borderTop = verticalBorder;
-        result.cssProps.borderBottom = verticalBorder;
-    }
-    collectCss("borderTop");
-    collectCss("borderBottom");
-    collectCss("borderColor");
-    collectCss("borderStyle");
-    collectCss("borderWidth");
-    // --- Radius
-    collectCss("borderRadius");
-    collectCss("radiusTopLeft", "borderTopLeftRadius");
-    collectCss("radiusTopRight", "borderTopRightRadius");
-    collectCss("radiusBottomLeft", "borderBottomLeftRadius");
-    collectCss("radiusBottomRight", "borderBottomRightRadius");
-    // --- Typography
-    collectCss("color");
-    collectCss("fontFamily");
-    collectCss("fontSize");
-    collectCss("fontWeight");
-    collectCss("fontStyle");
-    collectCss("fontVariant");
-    collectCss("lineBreak");
-    collectCss("textDecoration");
-    collectCss("textDecorationLine");
-    collectCss("textDecorationColor");
-    collectCss("textDecorationStyle");
-    collectCss("textDecorationThickness");
-    collectCss("textIndent");
-    collectCss("textShadow");
-    collectCss("textUnderlineOffset");
-    collectCss("userSelect");
-    collectCss("letterSpacing");
-    collectCss("textTransform");
-    collectCss("lineHeight");
-    collectCss("textAlign");
-    collectCss("textAlignLast");
-    collectCss("textWrap");
-    collectCss("wordBreak");
-    collectCss("wordSpacing");
-    collectCss("wordWrap");
-    collectCss("writingMode");
-    // --- Other
-    collectCss("backgroundColor");
-    collectCss("background");
-    collectCss("boxShadow");
-    collectCss("direction");
-    collectCss("overflowX");
-    collectCss("overflowY");
-    collectCss("zIndex");
-    collectCss("opacity");
-    collectCss("zoom");
-    collectCss("cursor");
-    collectCss("whiteSpace");
-    collectCss("transform");
-    // --- Outline
-    collectCss("outline");
-    collectCss("outlineWidth");
-    collectCss("outlineColor");
-    collectCss("outlineStyle");
-    collectCss("outlineOffset");
-    // --- Content rendering
-    const wrapContent = transformLayoutValue("wrapContent");
-    if (wrapContent) {
-        result.cssProps.flexWrap = wrapContent === "true" ? "wrap" : "nowrap";
-    }
-    collectCss("canShrink", "flexShrink");
-    const canShrink = transformLayoutValue("canShrink");
-    if (canShrink) {
-        result.cssProps.flexShrink = canShrink === "true" ? 1 : 0;
-    }
-    // --- If we didn't set any props, return a referentially stable result
-    if ((0, lodash_es_1.isEmpty)(result.cssProps) && (0, lodash_es_1.isEmpty)(result.issues)) {
-        return defaultCompResult;
-    }
-    // --- Done
-    return result;
-    // --- Replaces all variable occurrences in the input string with the result of toCssVar
-    function transformLayoutValue(prop) {
-        var _a, _b, _c, _d;
-        const defValue = resolveSingleValue();
-        if (((_a = layoutContext === null || layoutContext === void 0 ? void 0 : layoutContext.mediaSize) === null || _a === void 0 ? void 0 : _a.sizeIndex) !== undefined) {
-            const sizeIndex = (_b = layoutContext.mediaSize) === null || _b === void 0 ? void 0 : _b.sizeIndex;
-            const xsValue = resolveSingleValue("xs");
-            const smValue = resolveSingleValue("sm");
-            const mdValue = resolveSingleValue("md");
-            const lgValue = resolveSingleValue("lg");
-            const xlValue = resolveSingleValue("xl");
-            const xxlValue = resolveSingleValue("xxl");
-            let mergedValue;
-            switch (sizeIndex) {
-                case 0: // xs
-                    mergedValue = (_c = xsValue !== null && xsValue !== void 0 ? xsValue : smValue) !== null && _c !== void 0 ? _c : mdValue;
-                    break;
-                case 1: // sm
-                    mergedValue = smValue !== null && smValue !== void 0 ? smValue : mdValue;
-                    break;
-                case 2: // md
-                    mergedValue = mdValue;
-                    break;
-                case 3: // lg
-                    mergedValue = lgValue;
-                    break;
-                case 4: // xl
-                    mergedValue = xlValue !== null && xlValue !== void 0 ? xlValue : lgValue;
-                    break;
-                case 5: // xxl
-                    mergedValue = (_d = xxlValue !== null && xxlValue !== void 0 ? xxlValue : xlValue) !== null && _d !== void 0 ? _d : lgValue;
-                    break;
-            }
-            return mergedValue !== null && mergedValue !== void 0 ? mergedValue : defValue;
-        }
-        return defValue;
-        function resolveSingleValue(sizeTag = "") {
-            const fullProp = sizeTag ? `${prop}-${sizeTag}` : prop;
-            let singleInput = layoutProps[fullProp];
-            if (singleInput == undefined) {
-                return;
-            }
-            if (typeof singleInput === "string") {
-                singleInput = singleInput.trim();
-            }
-            else {
-                singleInput = singleInput.toString();
-            }
-            // --- Evaluate
-            const value = singleInput
-                ? singleInput.replace(themeVarCapturesRegex, (match) => toCssVar(match.trim()))
-                : undefined;
-            if (singleInput !== value) {
-                // --- Theme variable replaced, do not check pattern validity
-                return value;
-            }
-            // --- Check value validity
-            const propPatterns = layoutPatterns[prop];
-            if (!propPatterns || propPatterns.length === 0) {
-                return value;
-            }
-            for (const pattern of propPatterns) {
-                if (pattern.test(value)) {
-                    return value;
-                }
-            }
-            // --- Done
-            result.issues.add(fullProp);
-            return value;
-        }
-    }
-    function collectCss(prop, propCssName = "") {
-        const value = transformLayoutValue(prop);
-        if (value) {
-            result.cssProps[propCssName || prop] = value;
-        }
-    }
-    // --- Checks if the specified size is a star size and the orientation is horizontal
-    function getHorizontalStarSize(size, layoutContext) {
-        if (!size)
-            return null;
-        const orientation = getOrientation(layoutContext);
-        return orientation === "horizontal" && starSizeRegex.test(size.toString())
-            ? getStarSizeNumber(size.toString())
-            : null;
-    }
-    // --- Checks if the specified size is a star size and the orientation is vertical
-    function getVerticalStarSize(size, layoutContext) {
-        if (!size)
-            return null;
-        const orientation = getOrientation(layoutContext);
-        return orientation === "vertical" && starSizeRegex.test(size.toString())
-            ? getStarSizeNumber(size.toString())
-            : null;
-    }
-    // ---  Obtains the integer number from a string that matches the starSizeRegex.
-    function getStarSizeNumber(input) {
-        if (starSizeRegex.test(input)) {
-            const numberPart = input.slice(0, -1); // Remove the trailing '*'
-            return numberPart === "" ? 1 : parseInt(numberPart, 10); // Default to 1 if no number is present
-        }
-        return null;
-    }
-    // --- Gets the current orientation from the layout context
-    function getOrientation(layoutContext) {
-        if (!layoutContext)
-            return;
-        let orientation = (layoutContext === null || layoutContext === void 0 ? void 0 : layoutContext.type) === "Stack" && (layoutContext === null || layoutContext === void 0 ? void 0 : layoutContext.orientation);
-        return orientation === null || orientation === void 0 ? void 0 : orientation.toString();
-    }
-}
-/**
- * Converts the specified themeID to a CSS var string
- * @param c segment to convert
- */
-function toCssVar(c) {
-    return `var(--${exports.THEME_VAR_PREFIX}-${c.substring(1)})`;
-}
-// The properties constituting a component's layout
-const layoutPatterns = {
-    // --- Dimensions
-    width: [],
-    minWidth: [],
-    maxWidth: [],
-    height: [],
-    minHeight: [],
-    maxHeight: [],
-    gap: [],
-    // --- Positions
-    top: [],
-    right: [],
-    bottom: [],
-    left: [],
-    // --- Border
-    border: [],
-    borderTop: [],
-    borderRight: [],
-    borderBottom: [],
-    borderLeft: [],
-    borderColor: [],
-    borderStyle: [],
-    borderWidth: [],
-    borderHorizontal: [],
-    borderVertical: [],
-    // --- Border radius
-    borderRadius: [],
-    radiusTopLeft: [],
-    radiusTopRight: [],
-    radiusBottomLeft: [],
-    radiusBottomRight: [],
-    // --- Padding
-    padding: [],
-    paddingHorizontal: [],
-    paddingVertical: [],
-    paddingTop: [],
-    paddingRight: [],
-    paddingBottom: [],
-    paddingLeft: [],
-    // --- Margin
-    margin: [],
-    marginHorizontal: [],
-    marginVertical: [],
-    marginTop: [],
-    marginRight: [],
-    marginBottom: [],
-    marginLeft: [],
-    // --- Other
-    backgroundColor: [],
-    background: [],
-    boxShadow: [],
-    direction: [],
-    overflowX: [],
-    overflowY: [],
-    zIndex: [],
-    opacity: [],
-    // --- Typography
-    color: [],
-    fontFamily: [],
-    fontSize: [],
-    fontWeight: [],
-    fontStyle: [booleanRegex],
-    fontVariant: [],
-    lineBreak: [],
-    textDecoration: [],
-    userSelect: [],
-    letterSpacing: [],
-    textTransform: [],
-    lineHeight: [],
-    textAlign: [],
-    textWrap: [],
-    textAlignLast: [],
-    textIndent: [],
-    textShadow: [],
-    wordBreak: [],
-    wordSpacing: [],
-    wordWrap: [],
-    writingMode: [],
-    // --- Content rendering
-    wrapContent: [],
-    canShrink: [],
-    // --- Other
-    cursor: [],
-    zoom: [],
-    whiteSpace: [],
-    textDecorationLine: [],
-    textDecorationColor: [],
-    textDecorationStyle: [],
-    textDecorationThickness: [],
-    textUnderlineOffset: [],
-    transform: [],
-    // --- Outline
-    outline: [],
-    outlineWidth: [],
-    outlineColor: [],
-    outlineStyle: [],
-    outlineOffset: [],
-    // --- Animation
-    transition: [],
-};

package/dist/scripts/src/components-core/theming/parse-layout-props.js

@@ -1,136 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CSS_PROPERTY_EXCEPTIONS = void 0;
-exports.parseLayoutProperty = parseLayoutProperty;
-exports.toCssPropertyName = toCssPropertyName;
-const AppContextDefs_1 = require("../../abstractions/AppContextDefs");
-/**
- * Mapping exceptions for camelCase property names to CSS property names.
- * These properties don't follow the standard camelCase-to-kebab-case conversion.
- */
-exports.CSS_PROPERTY_EXCEPTIONS = {
-    textColor: "color",
-    paddingVertical: "",
-    paddingHorizontal: "",
-    marginVertical: "",
-    marginHorizontal: "",
-    borderVertical: "",
-    borderHorizontal: "",
-};
-function parseLayoutProperty(prop, parseComponent = false) {
-    if (!prop || typeof prop !== 'string') {
-        return "Property string cannot be empty";
-    }
-    // Split by '--' to separate states from the rest
-    const parts = prop.split('--');
-    const mainPart = parts[0];
-    const stateParts = parts.slice(1);
-    // Validate state names
-    const states = [];
-    for (const statePart of stateParts) {
-        if (!statePart) {
-            return "State name cannot be empty";
-        }
-        if (!isValidName(statePart)) {
-            return `Invalid state name: ${statePart}`;
-        }
-        states.push(statePart);
-    }
-    // Split main part by '-' to get segments
-    const segments = mainPart.split('-').filter(segment => segment.length > 0);
-    if (segments.length === 0) {
-        return "CSS property name is required";
-    }
-    // The first segment is always the CSS property name (camelCase, no dashes)
-    const property = segments[0];
-    // Validate CSS property name (camelCase)
-    if (!isValidPropertyName(property)) {
-        return `Invalid CSS property name: ${property}`;
-    }
-    const result = {
-        property,
-        states: states.length > 0 ? states : undefined
-    };
-    let segmentIndex = 1;
-    const screenSizes = [];
-    // Process remaining segments
-    while (segmentIndex < segments.length) {
-        const segment = segments[segmentIndex];
-        // Check if it's a screen size
-        if (isMediaBreakpoint(segment)) {
-            screenSizes.push(segment);
-            segmentIndex++;
-            continue;
-        }
-        // Check if it's a component name (starts with uppercase)
-        if (isComponentName(segment)) {
-            if (!parseComponent) {
-                return `Component names are not allowed when parseComponent is false: ${segment}`;
-            }
-            if (result.component) {
-                return "Multiple component names found";
-            }
-            result.component = segment;
-            segmentIndex++;
-            continue;
-        }
-        // Check if it's a part name (starts with lowercase)
-        if (isValidPartName(segment)) {
-            if (result.part) {
-                return "Multiple part names found";
-            }
-            result.part = segment;
-            segmentIndex++;
-            continue;
-        }
-        // If we reach here, the segment is invalid
-        return `Invalid segment: ${segment}`;
-    }
-    // Set screen sizes if any were found
-    if (screenSizes.length > 0) {
-        result.screenSizes = screenSizes;
-    }
-    return result;
-}
-/**
- * Transforms a camelCase property name (as used in ParsedLayout.property)
- * to its corresponding CSS style property name.
- *
- * Handles special cases defined in CSS_PROPERTY_EXCEPTIONS, otherwise
- * converts camelCase to kebab-case (e.g., "fontSize" -> "font-size").
- *
- * @param property - The camelCase property name from ParsedLayout
- * @returns The CSS property name in kebab-case or the mapped exception
- *
- * @example
- * toCssPropertyName('fontSize') // returns 'font-size'
- * toCssPropertyName('textColor') // returns 'color' (exception)
- * toCssPropertyName('backgroundColor') // returns 'background-color'
- */
-function toCssPropertyName(property) {
-    // Check if there's a mapping exception
-    if (property in exports.CSS_PROPERTY_EXCEPTIONS) {
-        return exports.CSS_PROPERTY_EXCEPTIONS[property];
-    }
-    // Convert camelCase to kebab-case
-    return property.replace(/[A-Z]/g, (match) => `-${match.toLowerCase()}`);
-}
-function isValidPropertyName(name) {
-    // CSS property names in camelCase - start with lowercase letter, can contain letters and numbers
-    return /^[a-z][a-zA-Z0-9]*$/.test(name);
-}
-function isValidName(name) {
-    // Names start with a letter and can contain letters, numbers, or underscores
-    return /^[a-zA-Z][a-zA-Z0-9_]*$/.test(name);
-}
-function isValidPartName(name) {
-    // Part names start with lowercase letter and can contain letters, numbers, or underscores
-    return /^[a-z][a-zA-Z0-9_]*$/.test(name);
-}
-function isComponentName(name) {
-    // Component names start with uppercase letter
-    return /^[A-Z][a-zA-Z0-9_]*$/.test(name);
-}
-function isMediaBreakpoint(value) {
-    return AppContextDefs_1.MediaBreakpointKeys.includes(value);
-}

package/dist/scripts/src/components-core/theming/themeVars.js

@@ -1,62 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.parseScssVar = parseScssVar;
-exports.getVarKey = getVarKey;
-/**
- * The sole purpose of this module is to provide an object with the available keys of theme SCSS variables and the
- * prefix of the theme.
- */
-const themeVars_module_scss_1 = __importDefault(require("./themeVars.module.scss"));
-/**
- * This function extracts CSS variables from the specified SCSS input. It uses a hack to convert the CSS input to JSON
- * and then calls a JSON parser to create the desired object.
- * @param scssStr The scss input
- */
-function parseScssVar(scssStr) {
-    if (!scssStr || typeof scssStr !== typeof "") {
-        return scssStr;
-    }
-    // Lists and maps are surrounded by single quotes, e.g. "'[ \"string in list\", 5, \"5px\" ]'"
-    // Remove them if they exist so they can be parsed correctly.
-    let jsValue = scssStr.replace(/(^['"])|(['"]$)/g, "");
-    try {
-        // JSON-formatted string from within SCSS file
-        return JSON.parse(jsValue);
-    }
-    catch (errorParsingJsonGeneratedInUtilScssFile) {
-        try {
-            // Value was likely an SCSS literal string; attempt parsing it manually.
-            // Example: inspect($my-map) => '(num: 10, numWithUnits: 5px, str: hello, color: #fff, "keyAsStr": false, other: null)'
-            return JSON.parse(scssStr
-                .replace("(", "{")
-                .replace(")", "}")
-                // JSON values: convert any collection of word characters followed by a comma or bracket to a string
-                .replace(/: ?([^,}]+)([,}])/g, ': "$1"$2')
-                // JSON keys: space/bracket/comma as first character, not already a string, anything not colon or
-                // space (rules out JSON values), ended by colon
-                .replace(/([\s{,])(?!")([^:\s]+)+:/g, '$1"$2":'));
-        }
-        catch (errorParsingScssStringLiteral) {
-            return jsValue;
-        }
-    }
-}
-let keyPrefix = parseScssVar(themeVars_module_scss_1.default.keyPrefix) || "";
-let vars = parseScssVar(themeVars_module_scss_1.default.themeVars);
-/**
- * Export the desired SCSS variables and prefix
- */
-const theme = {
-    keyPrefix: keyPrefix,
-    themeVars: vars,
-};
-function getVarKey(varName) {
-    if (keyPrefix) {
-        return `--${keyPrefix}-${varName}`;
-    }
-    return `--${varName}`;
-}
-exports.default = theme;