@wavemaker-ai/foundation-css 1.0.0-rc.647469

package/src/utils/style-dictionary-utils.js

@@ -0,0 +1,360 @@
+// If `opacity` exists, we apply a `color-mix` formula to blend colors
+// If `multiple` exists, we apply the `calc()` function to multiply the reference value
+// Otherwise, we simply replace the reference with its corresponding variable
+function processTokenValue(value, refs, multiple, opacity) {
+    // Remove `mapping` from token.name
+    const cleanName = refs.name.replace(/mapping-?/g, '');
+    if (opacity) {
+        return `color-mix(in srgb, var(--${cleanName}), transparent calc(100% - ${opacity}))`;
+    }
+    else if (multiple) {
+        return value.replace(refs.value, `calc(var(--${cleanName}) * ${multiple})`);
+    }
+    else {
+        return value.replace(refs.value, `var(--${cleanName})`);
+    }
+}
+// Helper function to resolve references for both `multiple` and `opacity` and return the updated value
+function resolveTokenReferences(token, unfilteredTokens, usesReferences, getReferences) {
+    let multiple = token.original?.attributes?.multiple;
+    let opacity = token.original?.attributes?.opacity;
+    // Resolve references in `multiple` and `opacity`
+    multiple = resolveAndReplaceReferences(multiple, unfilteredTokens, usesReferences, getReferences);
+    opacity = resolveAndReplaceReferences(opacity, unfilteredTokens, usesReferences, getReferences);
+    return { multiple, opacity };
+}
+// Helper function to resolve references and return the token name
+function resolveAndReplaceReferences(attribute, unfilteredTokens, usesReferences, getReferences) {
+    if (attribute && usesReferences(attribute, unfilteredTokens)) {
+        const refs = getReferences(attribute, unfilteredTokens);
+        refs.forEach(ref => {
+            // Replace the reference with the resolved token name
+            attribute = `var(--${ref.name})`;
+        });
+    }
+    return attribute;
+}
+/**
+ * @param selector The raw CSS selector string
+ * @returns A cleaned string of class names
+ */
+const cleanSelector = (selector) => {
+    return selector?.replace(/^\.wm-app\s*/, '') // Remove .wm-app prefix if present
+        .replace(/^\./, '') // Remove leading dot
+        .replace(/\./g, ' ') || ''; // Replace remaining dots with spaces
+};
+const cssVarCalcMixFormatter = (usesReferences, getReferences, fs) => ({
+    name: 'wm-calc-colormix-format',
+    format: function ({ dictionary, options }) {
+        const { selector, tokenReadmePath } = options;
+        // Prepare Markdown table only if enabled
+        const tableRows = ['| Token | Description |', '|-------|------------|'];
+        // Generate CSS variable definitions
+        const variables = dictionary.allTokens
+            .map((token) => {
+            // Remove `mapping` from token.name
+            const cleanName = token.name.replace(/mapping-?/g, '');
+            let value = getProcessedTokenValue(token, dictionary, usesReferences, getReferences);
+            // Add to table if token has a description and table generation is enabled
+            if (tokenReadmePath && token?.attributes?.description) {
+                const pathName = token.path
+                    .slice(1) // ignore first key (btn, data-table etc.,)
+                    .filter(key => key !== 'mapping') // remove 'mapping'
+                    .join('.');
+                // Keep full description but handle <br> tags properly for table
+                let safeDescription = token?.attributes?.description
+                    .replace(/\|/g, '\\|') // escape pipe characters
+                    .replace(/<br\s*\/?>/gi, '<br>') // keep <br> tags as HTML for proper rendering
+                    .trim();
+                tableRows.push(`| ${pathName} | ${safeDescription} |`);
+            }
+            return `--${cleanName}: ${value};`;
+        })
+            .join(`\n`);
+        // Write the table if tokens has description
+        if (tokenReadmePath && tableRows.length > 2 && fs) {
+            tableRows.unshift(`<!-- AUTO-GENERATED FILE. Do not edit manually. -->`, ``, `# Token Reference Table`, ``, `This table lists all tokens for this component:`, ``);
+            fs.writeFileSync(tokenReadmePath, tableRows.join('\n'), 'utf8');
+            console.log(`Token description table generated: ${tokenReadmePath}`);
+        }
+        // Return correctly formatted output based on selector
+        return selector && selector.trim()
+            ? `${selector} {\n${variables}\n}\n` // Wrap in selector
+            : `${variables}\n`; // No selector, no closing bracket
+    },
+});
+function getProcessedTokenValue(token, dictionary, usesReferences, getReferences) {
+    let value = String(token.value);
+    // Checking if the token has references
+    if (usesReferences(token.original.value, dictionary.unfilteredTokens)) {
+        const refs = getReferences(token.original.value, dictionary.unfilteredTokens);
+        refs.forEach((ref) => {
+            // Resolve references for `multiple` and `opacity`
+            const { multiple, opacity } = resolveTokenReferences(token, dictionary.unfilteredTokens, usesReferences, getReferences);
+            // Process the value based on resolved references
+            value = processTokenValue(value, ref, multiple, opacity);
+        });
+    }
+    else {
+        value = token.original.value || token.value;
+    }
+    return value;
+}
+const componentVariantsFormatter = (usesReferences, getReferences, platform, options = {}) => ({
+    name: 'css/component-variants',
+    format: function ({ dictionary, file, ...rest }) {
+        const componentRootKey = Object.keys(dictionary.tokens)[0];
+        if (!componentRootKey) {
+            console.warn(`[Style Dictionary] Could not derive component name from source ${file.destination}`);
+            return '';
+        }
+        const groupedVariants = groupTokensByVariantType(dictionary, componentRootKey, platform);
+        const cssBlocks = Object.values(groupedVariants).map(group => generateCssBlockFromGroup(group, dictionary, usesReferences, getReferences, platform));
+        // --- README GENERATION ---
+        const generateReadmeFn = options.generateComponentReadme;
+        if (generateReadmeFn) {
+            generateReadmeFn(componentRootKey, groupedVariants, platform, dictionary, { ...rest.options });
+        }
+        // --- END README GENERATION ---
+        return cssBlocks.join('\n\n');
+    }
+});
+const groupTokensByVariantType = (dictionary, componentRootKey, platform) => {
+    const groups = {};
+    const isMobile = platform === 'mobile';
+    const mappingStore = {};
+    dictionary.allTokens.forEach((token) => {
+        const path = token.path;
+        const appearanceIndex = path.indexOf('appearances');
+        const variantGroupIndex = path.indexOf('variantGroups');
+        const stateIndex = path.indexOf('states');
+        const isState = stateIndex !== -1;
+        const state = isState ? path[stateIndex + 1] : null;
+        const appearance = appearanceIndex !== -1 ? path[appearanceIndex + 1] : null;
+        const groupType = variantGroupIndex !== -1 ? path[variantGroupIndex + 1] : null;
+        const variant = variantGroupIndex !== -1 ? path[variantGroupIndex + 2] : null;
+        const isVariantToken = appearance && groupType && variant;
+        const isTopLevelMapping = appearanceIndex === -1 && path[1] === 'mapping';
+        const isAppearanceMapping = appearanceIndex !== -1 && path[appearanceIndex + 2] === 'mapping';
+        let key, type, group;
+        if (isVariantToken) {
+            key = `${componentRootKey}-${appearance}-${groupType}-${variant}${isState ? `-${state}` : ''}`;
+            type = isState ? 'state-variant' : 'variant';
+            group = {
+                type,
+                component: componentRootKey,
+                appearance,
+                groupType,
+                variant,
+                state,
+            };
+            if (!groups[key]) {
+                groups[key] = { ...group, tokens: [] };
+                if (isMobile && mappingStore[appearance]) {
+                    groups[key].tokens.push(...mappingStore[appearance]);
+                }
+            }
+        }
+        else if (isTopLevelMapping) {
+            key = `${componentRootKey}-mapping${isState ? `-${state}` : ''}`;
+            type = isState ? 'state-mapping' : 'mapping';
+            group = {
+                type,
+                component: componentRootKey,
+                appearance: 'mapping',
+                state,
+                isRootMapping: true,
+            };
+        }
+        else if (isAppearanceMapping) {
+            const appearanceDef = dictionary.tokens?.[componentRootKey]?.appearances?.[appearance];
+            const hasVariants = appearanceDef?.variantGroups && Object.keys(appearanceDef.variantGroups).length > 0;
+            // If mobile + variants exist, skip creating this class — mapping will be merged
+            if (isMobile && hasVariants && !isState) {
+                mappingStore[appearance] ?? (mappingStore[appearance] = []);
+                mappingStore[appearance].push(token);
+                return; // skip adding mapping like .btn-outlined
+            }
+            // Else proceed to generate a separate class for mapping
+            key = `${componentRootKey}-${appearance}-mapping${isState ? `-${state}` : ''}`;
+            type = isState ? 'state-mapping' : 'mapping';
+            group = {
+                type,
+                component: componentRootKey,
+                appearance,
+                state,
+            };
+            if (isMobile && !isState) {
+                mappingStore[appearance] ?? (mappingStore[appearance] = []);
+                mappingStore[appearance].push(token);
+            }
+        }
+        if (key) {
+            groups[key] ?? (groups[key] = { ...group, tokens: [] });
+            groups[key].tokens.push(token);
+        }
+    });
+    return groups;
+};
+// output: a selector string based on the group type and state
+const getStateSelector = (dictionary, component, appearance, state, groupType, variant, type, platform, isRootMapping) => {
+    const meta = dictionary.unfilteredTokens?.[component]?.meta;
+    const appearanceMeta = meta?.appearances?.[appearance];
+    const selectors = [];
+    if (type === 'state-variant') {
+        selectors.push(appearanceMeta?.variantGroups?.[groupType]?.[variant]?.states?.[state]?.selector?.[platform]);
+    }
+    if (type === 'state-mapping' || type === 'state-variant') {
+        selectors.push(appearanceMeta?.mapping?.states?.[state]?.selector?.[platform], meta?.mapping?.states?.[state]?.selector?.[platform]);
+    }
+    const selector = (platform === "mobile" && (type === "state-variant" || (type == "state-mapping" && !isRootMapping))
+        ? `${meta?.mapping?.selector?.[platform]}${selectors.find(Boolean)}`
+        : selectors.find(Boolean)) || `:${state}`;
+    // Return the first defined selector or fallback to pseudo-class
+    return selector;
+};
+const getSelectorFromGroup = (group, dictionary, platform) => {
+    const { component, appearance, type, groupType, variant, state, isRootMapping } = group;
+    const meta = dictionary.unfilteredTokens?.[component]?.meta;
+    const appearanceMeta = meta?.appearances?.[appearance];
+    const defaultBase = `.${component}-${appearance}`;
+    const rootMappingSelector = meta?.mapping?.selector?.[platform] || `.${component}`;
+    const appearanceMappingSelector = appearanceMeta?.mapping?.selector?.[platform] || defaultBase;
+    const getCombinedVariantSelector = () => {
+        const selector = appearanceMeta?.variantGroups?.[groupType]?.[variant]?.selector?.[platform];
+        if (platform === 'mobile') {
+            return selector || `${[
+                appearanceMappingSelector || [component, appearance].filter(Boolean).join('-'),
+                variant
+            ].filter(Boolean).join('-')}`;
+        }
+        return selector
+            ? expandSelectors(platform, appearanceMappingSelector, selector)
+            : expandSelectors(platform, appearanceMappingSelector, `.${component}-${variant}`);
+    };
+    const getStateSelectorWrapper = () => getStateSelector(dictionary, component, appearance, state, groupType, variant, type, platform, isRootMapping);
+    switch (type) {
+        case 'mapping':
+            return isRootMapping ? rootMappingSelector : appearanceMappingSelector;
+        case 'variant':
+            return getCombinedVariantSelector();
+        case 'state-mapping':
+            return isRootMapping
+                ? expandSelectors(platform, rootMappingSelector, getStateSelectorWrapper())
+                : expandSelectors(platform, appearanceMappingSelector, getStateSelectorWrapper());
+        case 'state-variant':
+            return expandSelectors(platform, getCombinedVariantSelector(), getStateSelectorWrapper());
+        default:
+            return '';
+    }
+};
+const expandSelectors = (platform, baseSelectors, stateSelectors = ['']) => {
+    if (platform == "web") {
+        const bases = baseSelectors.split(',').filter(Boolean);
+        const states = stateSelectors.split(',').filter(Boolean);
+        const combos = [];
+        for (const base of bases) {
+            for (const state of states) {
+                combos.push(`${base}${state}`);
+            }
+        }
+        return combos.join(',');
+    }
+    else {
+        return `${baseSelectors}${stateSelectors}`;
+    }
+};
+// takes a group object and a dictionary, and returns a CSS block
+// Example output:
+// .btn-filled-status-primary {
+//   --wm-btn-filled-status-primary-color: #fff;
+//}
+const generateCssBlockFromGroup = (group, dictionary, usesReferences, getReferences, platform) => {
+    const { tokens, component, appearance, groupType, variant } = group;
+    let selector = getSelectorFromGroup(group, dictionary, platform);
+    if (platform === 'web' && selector) {
+        selector = scopeSelectorForWeb(selector);
+    }
+    if (!selector)
+        return '';
+    const cssProps = tokens
+        .map((token) => {
+        const value = getProcessedTokenValue(token, dictionary, usesReferences, getReferences);
+        const baseProp = getBasePropertyName(token.path, component, appearance, groupType, variant);
+        const cssVarName = `--wm-${component}${baseProp ? `-${baseProp}` : ''}`.replace(/-+$/, '');
+        return `  ${cssVarName}: ${value};`;
+    })
+        .join('\n');
+    if (platform === 'web') {
+        return `${selector} {\n${cssProps}\n}`;
+    }
+    else {
+        const selectors = selector.split(',').map(s => s.trim()).filter(Boolean);
+        //if there are multiple selectors extract custom variant from the first selector and apply it to subsequent selectors
+        if (selectors.length > 1) {
+            const firstSelector = selectors[0];
+            const hasCustomAppearance = /^\.[\w-]+\./.test(firstSelector);
+            if (hasCustomAppearance) {
+                // Extract base selector (e.g., ".btn-success" from ".btn-success.app-button-disabled")
+                const baseMatch = firstSelector.match(/^(\.[\w-]+)\./);
+                const baseSelector = baseMatch ? baseMatch[1] : '';
+                // Apply base selector to all subsequent selectors
+                selectors.forEach((selector, i) => {
+                    if (baseSelector && !selector.startsWith(baseSelector)) {
+                        selectors[i] = `${baseSelector}${selector}`;
+                    }
+                });
+            }
+        }
+        return `${selectors.join(',\n')} {\n${cssProps}\n}`;
+    }
+};
+/**
+ * Derives a clean CSS variable suffix from the token path.
+ * Removes known structural segments like component name, appearance, state, variant, etc.
+ *
+ * @param tokenPath - The full token path array
+ * @param componentRootKey - e.g., "btn"
+ * @param appearance - e.g., "filled"
+ * @param groupType - e.g., "status" or "size"
+ * @param variant - e.g., "primary", "lg"
+ * @returns A kebab-case string like "color-background" to append to --wm-btn
+ */
+const getBasePropertyName = (tokenPath, componentRootKey, appearance, groupType, variant) => {
+    const stateIndex = tokenPath.indexOf('states');
+    const stateName = stateIndex !== -1 ? tokenPath[stateIndex + 1] : null;
+    // All known structural segments to exclude from final name
+    const ignoreSegments = new Set([
+        componentRootKey,
+        'appearances',
+        appearance,
+        'mapping',
+        'states',
+        stateName,
+        'variantGroups',
+        groupType,
+        variant
+    ]);
+    // Sanitize helper: removes illegal characters like @ and trims leading/trailing dashes
+    const sanitize = (segment) => segment.replace(/[^a-zA-Z0-9-_]/g, '-').replace(/^-+|-+$/g, '').trim();
+    // Build property name from remaining segments
+    const propertyName = tokenPath
+        .filter(segment => segment && !ignoreSegments.has(segment))
+        .map(sanitize)
+        .join('-');
+    return propertyName;
+};
+/**
+ * Prefixes `.wm-app` to each selector in a comma-separated string for web
+ */
+function scopeSelectorForWeb(selector) {
+    if (!selector)
+        return '';
+    return selector
+        .split(',')
+        .map(s => s.trim())
+        .map(s => (s.startsWith('.wm-app') ? s : `.wm-app ${s}`))
+        .join(', ');
+}
+export { cssVarCalcMixFormatter, componentVariantsFormatter, getSelectorFromGroup, scopeSelectorForWeb, cleanSelector };
+//# sourceMappingURL=style-dictionary-utils.js.map

package/src/utils/style-dictionary-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style-dictionary-utils.js","sourceRoot":"./","sources":["src/utils/style-dictionary-utils.js"],"names":[],"mappings":"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","sourcesContent":["\n// If `opacity` exists, we apply a `color-mix` formula to blend colors\n// If `multiple` exists, we apply the `calc()` function to multiply the reference value\n// Otherwise, we simply replace the reference with its corresponding variable\nfunction processTokenValue(value, refs, multiple, opacity) {\n  // Remove `mapping` from token.name\n  const cleanName = refs.name.replace(/mapping-?/g, '');\n  if (opacity) {\n    return `color-mix(in srgb, var(--${cleanName}), transparent calc(100% - ${opacity}))`;\n  } else if (multiple) {\n    return value.replace(refs.value, `calc(var(--${cleanName}) * ${multiple})`);\n  } else {\n    return value.replace(refs.value, `var(--${cleanName})`);\n  }\n}\n\n// Helper function to resolve references for both `multiple` and `opacity` and return the updated value\nfunction resolveTokenReferences(token, unfilteredTokens, usesReferences, getReferences) {\n  let multiple = token.original?.attributes?.multiple;\n  let opacity = token.original?.attributes?.opacity;\n\n  // Resolve references in `multiple` and `opacity`\n  multiple = resolveAndReplaceReferences(multiple, unfilteredTokens, usesReferences, getReferences);\n  opacity = resolveAndReplaceReferences(opacity, unfilteredTokens, usesReferences, getReferences);\n\n  return { multiple, opacity };\n}\n\n// Helper function to resolve references and return the token name\nfunction resolveAndReplaceReferences(attribute, unfilteredTokens, usesReferences, getReferences) {\n  if (attribute && usesReferences(attribute, unfilteredTokens)) {\n    const refs = getReferences(attribute, unfilteredTokens);\n    refs.forEach(ref => {\n      // Replace the reference with the resolved token name\n      attribute = `var(--${ref.name})`;\n    });\n  }\n  return attribute;\n}\n\n/**\n * @param selector The raw CSS selector string\n * @returns A cleaned string of class names\n */\nconst cleanSelector = (selector) => {\n  return selector?.replace(/^\\.wm-app\\s*/, '')     // Remove .wm-app prefix if present\n                  .replace(/^\\./, '')              // Remove leading dot\n                  .replace(/\\./g, ' ') || '';      // Replace remaining dots with spaces\n}\n\n\nconst cssVarCalcMixFormatter = (usesReferences, getReferences, fs) => ({\n  name: 'wm-calc-colormix-format',\n  format: function ({ dictionary, options }) {\n    const { selector, tokenReadmePath } = options;\n    // Prepare Markdown table only if enabled\n    const tableRows = ['| Token | Description |', '|-------|------------|'];\n    \n    // Generate CSS variable definitions\n    const variables = dictionary.allTokens\n      .map((token) => {\n        // Remove `mapping` from token.name\n        const cleanName = token.name.replace(/mapping-?/g, '');\n        let value = getProcessedTokenValue(token, dictionary, usesReferences, getReferences);\n\n        // Add to table if token has a description and table generation is enabled\n        if (tokenReadmePath && token?.attributes?.description) {\n          const pathName = token.path\n            .slice(1) // ignore first key (btn, data-table etc.,)\n            .filter(key => key !== 'mapping') // remove 'mapping'\n            .join('.');\n\n          // Keep full description but handle <br> tags properly for table\n          let safeDescription = token?.attributes?.description\n            .replace(/\\|/g, '\\\\|')        // escape pipe characters\n            .replace(/<br\\s*\\/?>/gi, '<br>') // keep <br> tags as HTML for proper rendering\n            .trim();\n\n          tableRows.push(`| ${pathName} | ${safeDescription} |`);\n        }\n\n        return `--${cleanName}: ${value};`;\n      })\n      .join(`\\n`);\n\n    // Write the table if tokens has description\n    if (tokenReadmePath && tableRows.length > 2 && fs) {\n      tableRows.unshift(\n        `<!-- AUTO-GENERATED FILE. Do not edit manually. -->`,\n        ``,\n        `# Token Reference Table`,\n        ``,\n        `This table lists all tokens for this component:`,\n        ``\n      );\n      fs.writeFileSync(tokenReadmePath, tableRows.join('\\n'), 'utf8');\n      console.log(`Token description table generated: ${tokenReadmePath}`);\n    }\n\n    // Return correctly formatted output based on selector\n    return selector && selector.trim()\n      ? `${selector} {\\n${variables}\\n}\\n`  // Wrap in selector\n      : `${variables}\\n`;  // No selector, no closing bracket\n  },\n}\n);\n\n\nfunction getProcessedTokenValue(token, dictionary, usesReferences, getReferences) {\n  let value = String(token.value);\n  // Checking if the token has references\n  if (usesReferences(token.original.value, dictionary.unfilteredTokens)) {\n    const refs = getReferences(token.original.value, dictionary.unfilteredTokens);\n\n    refs.forEach((ref) => {\n      // Resolve references for `multiple` and `opacity`\n      const { multiple, opacity } = resolveTokenReferences(token, dictionary.unfilteredTokens, usesReferences, getReferences);\n      // Process the value based on resolved references\n      value = processTokenValue(value, ref, multiple, opacity);\n    });\n  } else {\n    value = token.original.value || token.value\n  }\n  return value;\n}\n\nconst componentVariantsFormatter = (usesReferences, getReferences, platform, options = {}) => ({\n  name: 'css/component-variants',\n  format: function ({ dictionary, file, ...rest }) {\n    const componentRootKey = Object.keys(dictionary.tokens)[0];\n    if (!componentRootKey) {\n      console.warn(`[Style Dictionary] Could not derive component name from source ${file.destination}`);\n      return '';\n    }\n\n    const groupedVariants = groupTokensByVariantType(dictionary, componentRootKey, platform);\n    const cssBlocks = Object.values(groupedVariants).map(group =>\n      generateCssBlockFromGroup(group, dictionary, usesReferences, getReferences, platform)\n    );\n\n    // --- README GENERATION ---\n    const generateReadmeFn = options.generateComponentReadme;\n    if (generateReadmeFn) {\n      generateReadmeFn(\n        componentRootKey,\n        groupedVariants,\n        platform,\n        dictionary,\n        {...rest.options}\n      );\n    }\n    // --- END README GENERATION ---\n\n    return cssBlocks.join('\\n\\n');\n  }\n});\n\nconst groupTokensByVariantType = (dictionary, componentRootKey, platform) => {\n  const groups = {};\n  const isMobile = platform === 'mobile';\n  const mappingStore = {};\n\n  dictionary.allTokens.forEach((token) => {\n    const path = token.path;\n    const appearanceIndex = path.indexOf('appearances');\n    const variantGroupIndex = path.indexOf('variantGroups');\n    const stateIndex = path.indexOf('states');\n    const isState = stateIndex !== -1;\n    const state = isState ? path[stateIndex + 1] : null;\n\n    const appearance = appearanceIndex !== -1 ? path[appearanceIndex + 1] : null;\n    const groupType = variantGroupIndex !== -1 ? path[variantGroupIndex + 1] : null;\n    const variant = variantGroupIndex !== -1 ? path[variantGroupIndex + 2] : null;\n\n    const isVariantToken = appearance && groupType && variant;\n    const isTopLevelMapping = appearanceIndex === -1 && path[1] === 'mapping';\n    const isAppearanceMapping = appearanceIndex !== -1 && path[appearanceIndex + 2] === 'mapping';\n\n    let key, type, group;\n\n    if (isVariantToken) {\n      key = `${componentRootKey}-${appearance}-${groupType}-${variant}${isState ? `-${state}` : ''}`;\n      type = isState ? 'state-variant' : 'variant';\n      group = {\n        type,\n        component: componentRootKey,\n        appearance,\n        groupType,\n        variant,\n        state,\n      };\n      if (!groups[key]) {\n        groups[key] = { ...group, tokens: [] };\n      \n        if (isMobile && mappingStore[appearance]) {\n          groups[key].tokens.push(...mappingStore[appearance]);\n        }\n      }    \n    } else if (isTopLevelMapping) {\n      key = `${componentRootKey}-mapping${isState ? `-${state}` : ''}`;\n      type = isState ? 'state-mapping' : 'mapping';\n      group = {\n        type,\n        component: componentRootKey,\n        appearance: 'mapping',\n        state,\n        isRootMapping: true,\n      };\n    } else if (isAppearanceMapping) {\n      const appearanceDef = dictionary.tokens?.[componentRootKey]?.appearances?.[appearance];\n      const hasVariants = appearanceDef?.variantGroups && Object.keys(appearanceDef.variantGroups).length > 0;\n      // If mobile + variants exist, skip creating this class — mapping will be merged\n      if (isMobile && hasVariants && !isState) {\n        mappingStore[appearance] ??= [];\n        mappingStore[appearance].push(token);\n        return; // skip adding mapping like .btn-outlined\n      }\n      // Else proceed to generate a separate class for mapping\n      key = `${componentRootKey}-${appearance}-mapping${isState ? `-${state}` : ''}`;\n      type = isState ? 'state-mapping' : 'mapping';\n      group = {\n        type,\n        component: componentRootKey,\n        appearance,\n        state,\n      };\n\n      if (isMobile && !isState) {\n        mappingStore[appearance] ??= [];\n        mappingStore[appearance].push(token);\n      }\n    }\n\n    if (key) {\n      groups[key] ??= { ...group, tokens: [] };\n      groups[key].tokens.push(token);\n    }\n  });\n\n  return groups;\n};\n\n// output: a selector string based on the group type and state\nconst getStateSelector = (dictionary, component, appearance, state, groupType, variant, type, platform, isRootMapping) => {\n  const meta = dictionary.unfilteredTokens?.[component]?.meta;\n  const appearanceMeta = meta?.appearances?.[appearance];\n  const selectors = [];\n\n  if (type === 'state-variant') {\n    selectors.push(\n      appearanceMeta?.variantGroups?.[groupType]?.[variant]?.states?.[state]?.selector?.[platform]\n    );\n  }\n\n  if (type === 'state-mapping' || type === 'state-variant') {\n    selectors.push(\n      appearanceMeta?.mapping?.states?.[state]?.selector?.[platform],\n      meta?.mapping?.states?.[state]?.selector?.[platform]\n    );\n  }\n  const selector =\n    (platform === \"mobile\" && (type === \"state-variant\" || (type == \"state-mapping\" && !isRootMapping))\n      ? `${meta?.mapping?.selector?.[platform]}${selectors.find(Boolean)}`\n      : selectors.find(Boolean)) || `:${state}`;\n\n  // Return the first defined selector or fallback to pseudo-class\n  return selector;\n};\n\nconst getSelectorFromGroup = (group, dictionary, platform) => {\n  const { component, appearance, type, groupType, variant, state, isRootMapping } = group;\n\n  const meta = dictionary.unfilteredTokens?.[component]?.meta;\n  const appearanceMeta = meta?.appearances?.[appearance];\n\n  const defaultBase = `.${component}-${appearance}`;\n  const rootMappingSelector = meta?.mapping?.selector?.[platform] || `.${component}`;\n  const appearanceMappingSelector = appearanceMeta?.mapping?.selector?.[platform] || defaultBase;\n\n  const getCombinedVariantSelector = () => {\n    const selector = appearanceMeta?.variantGroups?.[groupType]?.[variant]?.selector?.[platform];\n    if (platform === 'mobile') {\n      return selector || `${[\n        appearanceMappingSelector || [component, appearance].filter(Boolean).join('-'),\n        variant\n      ].filter(Boolean).join('-')}`;\n    }\n    return selector\n      ? expandSelectors(platform, appearanceMappingSelector, selector)\n      : expandSelectors(platform, appearanceMappingSelector, `.${component}-${variant}`);\n  };\n\n  const getStateSelectorWrapper = () =>\n    getStateSelector(dictionary, component, appearance, state, groupType, variant, type, platform, isRootMapping);\n\n  switch (type) {\n    case 'mapping':\n      return isRootMapping ? rootMappingSelector : appearanceMappingSelector;\n\n    case 'variant':\n      return getCombinedVariantSelector();\n\n    case 'state-mapping':\n      return isRootMapping\n        ? expandSelectors(platform, rootMappingSelector, getStateSelectorWrapper())\n        : expandSelectors(platform, appearanceMappingSelector, getStateSelectorWrapper());\n\n    case 'state-variant':\n      return expandSelectors(platform, getCombinedVariantSelector(), getStateSelectorWrapper());\n\n    default:\n      return '';\n  }\n};\n\nconst expandSelectors = (platform, baseSelectors, stateSelectors = ['']) => {\n  if (platform == \"web\") {\n    const bases = baseSelectors.split(',').filter(Boolean);\n    const states = stateSelectors.split(',').filter(Boolean);\n\n    const combos = [];\n    for (const base of bases) {\n      for (const state of states) {\n        combos.push(`${base}${state}`);\n      }\n    }\n    return combos.join(',');\n  } else {\n    return `${baseSelectors}${stateSelectors}`\n  }\n};\n\n\n// takes a group object and a dictionary, and returns a CSS block\n// Example output:\n// .btn-filled-status-primary {\n//   --wm-btn-filled-status-primary-color: #fff;\n//}\nconst generateCssBlockFromGroup = (group, dictionary, usesReferences, getReferences, platform) => {\n  const { tokens, component, appearance, groupType, variant } = group;\n\n  let selector = getSelectorFromGroup(group, dictionary, platform);\n  if (platform === 'web' && selector) {\n    selector = scopeSelectorForWeb(selector);\n  }\n  if (!selector) return '';\n\n  const cssProps = tokens\n    .map((token) => {\n      const value = getProcessedTokenValue(token, dictionary, usesReferences, getReferences);\n      const baseProp = getBasePropertyName(token.path, component, appearance, groupType, variant);\n      const cssVarName = `--wm-${component}${baseProp ? `-${baseProp}` : ''}`.replace(/-+$/, '');\n      return `  ${cssVarName}: ${value};`;\n    })\n    .join('\\n');\n\n\n  if (platform === 'web') {\n\n    return `${selector} {\\n${cssProps}\\n}`;\n\n  } else {\n    const selectors = selector.split(',').map(s => s.trim()).filter(Boolean);\n\n    //if there are multiple selectors extract custom variant from the first selector and apply it to subsequent selectors\n    if (selectors.length > 1) {\n      const firstSelector = selectors[0];\n      const hasCustomAppearance = /^\\.[\\w-]+\\./.test(firstSelector);\n      if (hasCustomAppearance) {\n        // Extract base selector (e.g., \".btn-success\" from \".btn-success.app-button-disabled\")\n        const baseMatch = firstSelector.match(/^(\\.[\\w-]+)\\./);\n        const baseSelector = baseMatch ? baseMatch[1] : '';\n\n        // Apply base selector to all subsequent selectors\n        selectors.forEach((selector, i) => {\n          if (baseSelector && !selector.startsWith(baseSelector)) {\n            selectors[i] = `${baseSelector}${selector}`;\n          }\n        });\n\n      }\n\n    }\n\n    return `${selectors.join(',\\n')} {\\n${cssProps}\\n}`;\n  }\n};\n\n\n/**\n * Derives a clean CSS variable suffix from the token path.\n * Removes known structural segments like component name, appearance, state, variant, etc.\n *\n * @param tokenPath - The full token path array\n * @param componentRootKey - e.g., \"btn\"\n * @param appearance - e.g., \"filled\"\n * @param groupType - e.g., \"status\" or \"size\"\n * @param variant - e.g., \"primary\", \"lg\"\n * @returns A kebab-case string like \"color-background\" to append to --wm-btn\n */\nconst getBasePropertyName = (tokenPath, componentRootKey, appearance, groupType, variant) => {\n  const stateIndex = tokenPath.indexOf('states');\n  const stateName = stateIndex !== -1 ? tokenPath[stateIndex + 1] : null;\n\n  // All known structural segments to exclude from final name\n  const ignoreSegments = new Set([\n    componentRootKey,\n    'appearances',\n    appearance,\n    'mapping',\n    'states',\n    stateName,\n    'variantGroups',\n    groupType,\n    variant\n  ]);\n\n  // Sanitize helper: removes illegal characters like @ and trims leading/trailing dashes\n  const sanitize = (segment) =>\n    segment.replace(/[^a-zA-Z0-9-_]/g, '-').replace(/^-+|-+$/g, '').trim();\n\n  // Build property name from remaining segments\n  const propertyName = tokenPath\n    .filter(segment => segment && !ignoreSegments.has(segment))\n    .map(sanitize)\n    .join('-');\n\n  return propertyName;\n};\n\n/**\n * Prefixes `.wm-app` to each selector in a comma-separated string for web\n */\nfunction scopeSelectorForWeb(selector) {\n  if (!selector) return '';\n  return selector\n    .split(',')\n    .map(s => s.trim())\n    .map(s => (s.startsWith('.wm-app') ? s : `.wm-app ${s}`))\n    .join(', ');\n}\n\nexport { cssVarCalcMixFormatter, componentVariantsFormatter, getSelectorFromGroup , scopeSelectorForWeb, cleanSelector};\n\n"]}

package/src/utils/utils.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Extracts the base file name (excluding extension) from a token's file path.
+ *
+ * @param {string} filePath - The full path of the token file.
+ * @returns {string} - The base file name without its extension.
+ */
+export function getBaseFileName(filePath: string): string;
+/**
+ * Retrieves all component names from the tokens/components directory.
+ * This function reads the contents of the given directory and filters out only the directories,
+ * assuming each directory represents a component.
+ *
+ * @returns {string[]} - An array of component names (folder names).
+ */
+export function getComponentNames(directory: any): string[];

package/src/utils/utils.js

@@ -0,0 +1,25 @@
+import fs from "fs";
+import path from "path";
+/**
+ * Retrieves all component names from the tokens/components directory.
+ * This function reads the contents of the given directory and filters out only the directories,
+ * assuming each directory represents a component.
+ *
+ * @returns {string[]} - An array of component names (folder names).
+ */
+const getComponentNames = (directory) => {
+    return fs
+        .readdirSync(directory)
+        .filter((file) => fs.statSync(path.join(directory, file)).isDirectory()); // Only include directories
+};
+/**
+ * Extracts the base file name (excluding extension) from a token's file path.
+ *
+ * @param {string} filePath - The full path of the token file.
+ * @returns {string} - The base file name without its extension.
+ */
+const getBaseFileName = (filePath) => {
+    return path.basename(filePath, path.extname(filePath));
+};
+export { getBaseFileName, getComponentNames };
+//# sourceMappingURL=utils.js.map

package/src/utils/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"./","sources":["src/utils/utils.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,CAAC;AACpB,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB;;;;;;GAMG;AACH,MAAM,iBAAiB,GAAG,CAAC,SAAS,EAAE,EAAE;IACtC,OAAO,EAAE;SACN,WAAW,CAAC,SAAS,CAAC;SACtB,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,2BAA2B;AACzG,CAAC,CAAC;AAEF;;;;;GAKG;AACH,MAAM,eAAe,GAAG,CAAC,QAAQ,EAAE,EAAE;IACnC,OAAO,IAAI,CAAC,QAAQ,CAAC,QAAQ,EAAE,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC;AACzD,CAAC,CAAC;AAEF,OAAO,EAAE,eAAe,EAAE,iBAAiB,EAAE,CAAC","sourcesContent":["import fs from \"fs\";\nimport path from \"path\";\n\n/**\n * Retrieves all component names from the tokens/components directory.\n * This function reads the contents of the given directory and filters out only the directories,\n * assuming each directory represents a component.\n *\n * @returns {string[]} - An array of component names (folder names).\n */\nconst getComponentNames = (directory) => {\n  return fs\n    .readdirSync(directory)\n    .filter((file) => fs.statSync(path.join(directory, file)).isDirectory()); // Only include directories\n};\n\n/**\n * Extracts the base file name (excluding extension) from a token's file path.\n *\n * @param {string} filePath - The full path of the token file.\n * @returns {string} - The base file name without its extension.\n */\nconst getBaseFileName = (filePath) => {\n  return path.basename(filePath, path.extname(filePath));\n};\n\nexport { getBaseFileName, getComponentNames };"]}

package/src/wm-namespace.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Central WaveMaker npm namespace configuration.
+ *
+ * All source files import WM_NPM_SCOPE from here instead of hardcoding
+ * '@wavemaker'. Override via the WM_NPM_SCOPE environment variable to
+ * switch namespaces at build or runtime.
+ *
+ * Default: '@wavemaker-ai'
+ * Override: WM_NPM_SCOPE=@wavemaker node scripts/build.js post-build
+ */
+export const WM_NPM_SCOPE: string;

package/src/wm-namespace.js

@@ -0,0 +1,12 @@
+/**
+ * Central WaveMaker npm namespace configuration.
+ *
+ * All source files import WM_NPM_SCOPE from here instead of hardcoding
+ * '@wavemaker'. Override via the WM_NPM_SCOPE environment variable to
+ * switch namespaces at build or runtime.
+ *
+ * Default: '@wavemaker-ai'
+ * Override: WM_NPM_SCOPE=@wavemaker node scripts/build.js post-build
+ */
+export const WM_NPM_SCOPE = process.env.WM_NPM_SCOPE || '@wavemaker-ai';
+//# sourceMappingURL=wm-namespace.js.map

package/src/wm-namespace.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"wm-namespace.js","sourceRoot":"./","sources":["src/wm-namespace.js"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,OAAO,CAAC,GAAG,CAAC,YAAY,IAAI,eAAe,CAAC","sourcesContent":["/**\n * Central WaveMaker npm namespace configuration.\n *\n * All source files import WM_NPM_SCOPE from here instead of hardcoding\n * '@wavemaker'. Override via the WM_NPM_SCOPE environment variable to\n * switch namespaces at build or runtime.\n *\n * Default: '@wavemaker-ai'\n * Override: WM_NPM_SCOPE=@wavemaker node scripts/build.js post-build\n */\nexport const WM_NPM_SCOPE = process.env.WM_NPM_SCOPE || '@wavemaker-ai';\n"]}

package/web.index.d.ts

@@ -0,0 +1,20 @@
+export interface TokenGroup {
+    default: Record<string, any>;
+    light?: Record<string, any>;
+    dark?: Record<string, any>;
+    [key: string]: Record<string, any> | undefined;
+}
+export interface Tokens {
+    color: TokenGroup;
+    font: TokenGroup;
+    space: TokenGroup;
+    radius: TokenGroup;
+    opacity: TokenGroup;
+    elevation: TokenGroup;
+    icon: TokenGroup;
+    border: TokenGroup;
+    borderStyle: TokenGroup;
+    [key: string]: TokenGroup | undefined;
+}
+export declare const tokens: Record<string, TokenGroup>;
+export declare const componentsList: {};