npm - @yahoo/uds - Versions diffs - 3.133.0-beta.1 → 3.133.0 - Mend

@yahoo/uds 3.133.0-beta.1 → 3.133.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1092) hide show

package/dist/tailwind/dist/utils/generatePurgeCSSData.js CHANGED Viewed

@@ -8,9 +8,6 @@ import { findReferencesAsJsxElements, getReactFunctionDeclaration, getUsedPropsI
 import { SyntaxKind } from "ts-morph";
 import postcss from "postcss";
 import tailwindcss from "tailwindcss";
-//#region src/utils/generatePurgeCSSData.ts
-const NO_FILE = "noFile";
 /**
 * Returns a list of exported Components from UDS
 * both stable and experimental
@@ -64,7 +61,7 @@ const convertVariantsIntoTailwindClass = (variants) => {
 * required and the ones used in references
 */
 const getInitializedAndReferencedProps = (project, componentName, variants, variantsList, exportsToFilePath) => {
-	const sourceFile = project.getSourceFileOrThrow(exportsToFilePath[componentName] ?? NO_FILE);
+	const sourceFile = project.getSourceFileOrThrow(exportsToFilePath[componentName] ?? "noFile");
 	const functionDeclarations = sourceFile.getFunctions();
 	const variableDeclarations = sourceFile.getVariableDeclarations();
 	const node = [...functionDeclarations, ...variableDeclarations].filter((declaration) => declaration.getName() === componentName)[0];
@@ -175,7 +172,7 @@ const addAutoVariantsToComponentClasses = (componentToTwClasses) => {
 	});
 	return componentToTwClasses;
 };
 //#endregion
 export { addAutoVariantsToComponentClasses, convertVariantsIntoTailwindClass, getComponentsDependencies, getComponentsProps, getExportedComponents, getExportsToFilePath, getTwClassesInComponent };
 //# sourceMappingURL=generatePurgeCSSData.js.map

package/dist/tailwind/dist/utils/generatePurgeCSSData.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"generatePurgeCSSData.js","names":[],"sources":["../../src/utils/generatePurgeCSSData.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any /\n\nimport { autoVariants } from '@yahoo/uds-automated-config/autoVariants';\nimport { print, red } from '@yahoo/uds-cli/lib';\nimport { defaultTokensConfig } from '@yahoo/uds-config';\nimport type { AcceptedPlugin } from 'postcss';\nimport postcss from 'postcss';\nimport tailwindcss from 'tailwindcss';\nimport type { Project } from 'ts-morph';\nimport { SyntaxKind } from 'ts-morph';\n\nimport { tailwindPlugin } from '../tailwind/tailwindPlugin';\nimport {\n findReferencesAsJsxElements,\n getReactFunctionDeclaration,\n getUsedPropsInReference,\n} from './tsMorph';\n\ntype ComponentsList = string[];\ntype ComponentToVariants = { [key: string]: PropToUsedOptions[] };\ntype VariantsList = string[];\ntype ComponentDependencies = { [key: string]: string[] };\ntype ComponentToTwClasses = { [key: string]: string };\ntype ExportToFilePath = { [key: string]: string };\ntype AllProps = Array<[string, string[]]>;\ntype PropToUsedOptions = [string, string[]];\n\nconst NO_FILE: string = 'noFile';\n\n/\n Returns a list of exported Components from UDS\n * both stable and experimental\n /\nconst getExportedComponents = (\n UDS: Record<string, any>,\n UDS_EXPERIMENTAL: Record<string, any>,\n): ComponentsList => {\n const udsStableExports = Object.keys(UDS);\n const udsExperimentalExports = Object.keys(UDS_EXPERIMENTAL);\n const allExports = udsStableExports.concat(udsExperimentalExports);\n const keys = allExports.filter((key) => {\n const regexStartsWithCapitalLetter = new RegExp('^[A-Z].[^_]');\n const hasUnderscore = key.includes('_');\n const startsWithCapitalLetter = regexStartsWithCapitalLetter.test(key);\n return !hasUnderscore && startsWithCapitalLetter;\n });\n return keys;\n};\n\n/\n Some UDS components are built using other UDS components,\n * we need to know those dependencies so generate the correct\n /\nconst getComponentsDependencies = (\n project: Project,\n componentsList: ComponentsList,\n exportsToFilePath: ExportToFilePath,\n): ComponentDependencies => {\n const componentsListSet = new Set(componentsList);\n // the components a component from UDS depends on\n const componentUDSDependencies: { [k: string]: string[] } = {};\n componentsList.forEach((component) => {\n componentUDSDependencies[component] = getComponentUdsDependencies(\n project,\n componentsListSet,\n component,\n exportsToFilePath,\n );\n });\n return componentUDSDependencies;\n};\n\n/\n We need to make sure that components from UDS that use other components\n * from UDS also gets included\n /\nconst getComponentUdsDependencies = (\n project: Project,\n componentsList: Set<string>,\n componentName: string,\n exportsToFilePath: ExportToFilePath,\n): string[] => {\n const sourceFile = project.getSourceFileOrThrow(exportsToFilePath[componentName]);\n\n const deps = sourceFile\n .getImportDeclarations()\n .map((declaration) => {\n return declaration.getNamedImports().map((namedImport) => namedImport.getName());\n })\n .flat()\n .filter((namedImport) => componentsList.has(namedImport));\n\n return deps;\n};\n\nconst getComponentsProps = (\n project: Project,\n list: ComponentsList,\n variants: Record<string, Record<string, string>>,\n variantsList: VariantsList,\n exportsToFilePath: ExportToFilePath,\n): ComponentToVariants => {\n const map: ComponentToVariants = {};\n\n list.forEach((componentName) => {\n const list = getInitializedAndReferencedProps(\n project,\n componentName,\n variants,\n variantsList,\n exportsToFilePath,\n );\n map[componentName] = list;\n });\n\n return map;\n};\n\n/\n Converts the variants object used in CVA to\n /\nconst convertVariantsIntoTailwindClass = (\n variants: Record<string, Record<string, string>>,\n): VariantsList => {\n const variantsList = Object.keys(variants) as Array<keyof typeof variants>;\n\n return variantsList;\n};\n\n/\n Get the params with default values,\n * required and the ones used in references\n /\nconst getInitializedAndReferencedProps = (\n project: Project,\n componentName: string,\n variants: Record<string, Record<string, string>>,\n variantsList: VariantsList,\n exportsToFilePath: ExportToFilePath,\n): AllProps => {\n const sourceFile = project.getSourceFileOrThrow(exportsToFilePath[componentName] ?? NO_FILE);\n\n const functionDeclarations = sourceFile.getFunctions();\n const variableDeclarations = sourceFile.getVariableDeclarations();\n const node = [...functionDeclarations, ...variableDeclarations].filter(\n (declaration) => declaration.getName() === componentName,\n )[0];\n\n const functionDeclaration = getReactFunctionDeclaration(node);\n\n if (!functionDeclaration) {\n print(red(`No function declaration found for ${componentName}`));\n }\n\n const parameterDeclaration = functionDeclaration?.getParameters();\n\n if (!parameterDeclaration \|\| parameterDeclaration.length === 0) {\n print(red(`No parameter declaration found for ${componentName}`));\n return [];\n }\n\n // the first parameter in all react components is the props\n if (!parameterDeclaration[0].getChildrenOfKind(SyntaxKind.ObjectBindingPattern)[0]) {\n return [];\n }\n\n const componentIdentifier = node.getFirstDescendantByKindOrThrow(SyntaxKind.Identifier);\n const references = findReferencesAsJsxElements(componentIdentifier);\n\n const propsWithDefaultValues = parameterDeclaration[0]\n .getChildrenOfKind(SyntaxKind.ObjectBindingPattern)[0]\n .getElements()\n .filter((el) => !!el.getInitializer())\n .map((el) => {\n const stringLiteral = el.getDescendantsOfKind(SyntaxKind.StringLiteral)[0];\n const propName = el.getName();\n const values: string[] = [];\n if (stringLiteral) {\n values.push(stringLiteral.getLiteralText());\n }\n\n return [propName, values] as [string, string[]];\n })\n .filter(([propName]) => variantsList.includes(propName));\n\n const propsUsedInReferences = references\n .map((r) => getUsedPropsInReference(r, variants))\n .flat()\n .filter(([propName]) => variantsList.includes(propName));\n\n const mapPropToUsedOptions = new Map<string, Set<string>>();\n\n propsWithDefaultValues.concat(propsUsedInReferences).forEach(([propName, propValues]) => {\n // This means that an expression has been used\n // so we need to add all possible options for that prop\n if (propValues.length === 0) {\n propValues = Object.keys(variants[propName as keyof typeof variants]);\n }\n\n const options: Set<string> = mapPropToUsedOptions.get(propName) ?? new Set();\n propValues.forEach((val) => options.add(val));\n mapPropToUsedOptions.set(propName, options);\n });\n\n const res: Array<[string, string[]]> = Array.from(mapPropToUsedOptions).map(\n ([propName, options]) => [propName, Array.from(options)],\n );\n\n return res;\n};\n\n/\n Gets the Tailwind CSS classes used in a component\n /\nconst getTwClassesInComponent = async (\n componentsList: ComponentsList,\n exportsToFilePath: ExportToFilePath,\n): Promise<ComponentToTwClasses> => {\n const CSS_DATA = `\n @tailwind components;\n @tailwind utilities;\n `;\n\n const res: ComponentToTwClasses = {};\n\n const promises = componentsList.map((component) => {\n const plugin = tailwindcss({\n content: [exportsToFilePath[component]],\n plugins: [tailwindPlugin({ config: defaultTokensConfig })],\n });\n return postcss([plugin as AcceptedPlugin]).process(CSS_DATA, {\n from: 'app.css',\n to: './dist/app.css',\n });\n });\n\n const resolvedPromises = await Promise.all(promises);\n\n resolvedPromises.forEach((result, i) => {\n const currentComponent = componentsList[i];\n const classes = result.root.nodes\n .map((node) => {\n if ((node as any).selector) {\n return (node as any).selector.replace('.', '');\n }\n\n return [];\n })\n .join(' ')\n // replace multiple spaces with one space\n .replace(/\\s+/g, ' ');\n res[currentComponent] = classes;\n });\n\n return res;\n};\n\n/\n Goes through the list of all exports from UDS (stable and experimental)\n * and return a map of each exports and the source file path where its declared\n /\nconst getExportsToFilePath = (project: Project): ExportToFilePath => {\n const stableComponentsMainFile = project.getSourceFileOrThrow('./src/components/index.ts');\n const experimentalComponentsMainFile = project.getSourceFileOrThrow(\n './src/components/experimental/index.ts',\n );\n const exportToFilePath: ExportToFilePath = {};\n for (const [name, declarations] of stableComponentsMainFile.getExportedDeclarations()) {\n exportToFilePath[name] = declarations.map((d) => d.getSourceFile().getFilePath())[0];\n }\n for (const [name, declarations] of experimentalComponentsMainFile.getExportedDeclarations()) {\n exportToFilePath[name] = declarations.map((d) => d.getSourceFile().getFilePath())[0];\n }\n\n return exportToFilePath;\n};\n\n/\n Adds auto-generated variants to the Tailwind CSS classes of components.\n \n This function extracts component names from auto variants keys, groups class names by component,\n * updates component classes using auto-generated variant classes, and propagates base classes to subcomponents.\n \n @param componentToTwClasses - A map of component names to their current Tailwind CSS classes.\n * @returns Updated map with auto variants added to the component classes.\n */\nconst addAutoVariantsToComponentClasses = (\n componentToTwClasses: ComponentToTwClasses,\n): ComponentToTwClasses => {\n // Extract component names from auto variants keys\n // Example: \"checkboxSizeRoot\" -> \"Checkbox\"\n const componentNameRegex = /^([a-z]+)[A-Z]/;\n const componentNameMap: Record<string, string[]> = {};\n\n // Create a case-insensitive lookup map from component names in componentToTwClasses\n const componentNameLookup = new Map<string, string>();\n Object.keys(componentToTwClasses).forEach((actualName) => {\n componentNameLookup.set(actualName.toLowerCase(), actualName);\n });\n\n // Group class names by component\n Object.keys(autoVariants).forEach((key) => {\n const match = key.match(componentNameRegex);\n if (match && match[1]) {\n const extractedName = match[1].charAt(0).toUpperCase() + match[1].slice(1);\n // Use case-insensitive lookup to find the actual component name\n const actualComponentName =\n componentNameLookup.get(extractedName.toLowerCase()) \|\| extractedName;\n\n if (!componentNameMap[actualComponentName]) {\n componentNameMap[actualComponentName] = [];\n }\n\n // Get all class names for this variant\n Object.values(autoVariants[key as keyof typeof autoVariants]).forEach((className) => {\n componentNameMap[actualComponentName].push(className);\n });\n }\n });\n\n // Add or update component classes\n Object.entries(componentNameMap).forEach(([componentName, classes]) => {\n const existingClasses = componentToTwClasses[componentName] \|\| '';\n componentToTwClasses[componentName] = `${existingClasses} ${classes.join(' ')}`.trim();\n });\n\n // add a step to also add the classes to sub components (example, AvatarText, AvatarIcon, ...)\n const components = Object.keys(componentNameMap);\n Object.keys(componentToTwClasses).forEach((key) => {\n components.forEach((comp) => {\n const compName = comp.charAt(0).toUpperCase() + comp.slice(1);\n if (key.startsWith(compName) && key !== compName) {\n const baseClasses = componentToTwClasses[compName] \|\| '';\n if (baseClasses) {\n componentToTwClasses[key] = `${componentToTwClasses[key]} ${baseClasses}`.trim();\n }\n }\n });\n });\n return componentToTwClasses;\n};\n\nexport {\n addAutoVariantsToComponentClasses,\n convertVariantsIntoTailwindClass,\n getComponentsDependencies,\n getComponentsProps,\n getComponentUdsDependencies,\n getExportedComponents,\n getExportsToFilePath,\n getInitializedAndReferencedProps,\n getTwClassesInComponent,\n NO_FILE,\n};\n"],"mappings":"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"}
1	+ {"version":3,"file":"generatePurgeCSSData.js","names":[],"sources":["../../src/utils/generatePurgeCSSData.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any /\n\nimport { autoVariants } from '@yahoo/uds-automated-config/autoVariants';\nimport { print, red } from '@yahoo/uds-cli/lib';\nimport { defaultTokensConfig } from '@yahoo/uds-config';\nimport type { AcceptedPlugin } from 'postcss';\nimport postcss from 'postcss';\nimport tailwindcss from 'tailwindcss';\nimport type { Project } from 'ts-morph';\nimport { SyntaxKind } from 'ts-morph';\n\nimport { tailwindPlugin } from '../tailwind/tailwindPlugin';\nimport {\n findReferencesAsJsxElements,\n getReactFunctionDeclaration,\n getUsedPropsInReference,\n} from './tsMorph';\n\ntype ComponentsList = string[];\ntype ComponentToVariants = { [key: string]: PropToUsedOptions[] };\ntype VariantsList = string[];\ntype ComponentDependencies = { [key: string]: string[] };\ntype ComponentToTwClasses = { [key: string]: string };\ntype ExportToFilePath = { [key: string]: string };\ntype AllProps = Array<[string, string[]]>;\ntype PropToUsedOptions = [string, string[]];\n\nconst NO_FILE: string = 'noFile';\n\n/\n Returns a list of exported Components from UDS\n * both stable and experimental\n /\nconst getExportedComponents = (\n UDS: Record<string, any>,\n UDS_EXPERIMENTAL: Record<string, any>,\n): ComponentsList => {\n const udsStableExports = Object.keys(UDS);\n const udsExperimentalExports = Object.keys(UDS_EXPERIMENTAL);\n const allExports = udsStableExports.concat(udsExperimentalExports);\n const keys = allExports.filter((key) => {\n const regexStartsWithCapitalLetter = new RegExp('^[A-Z].[^_]');\n const hasUnderscore = key.includes('_');\n const startsWithCapitalLetter = regexStartsWithCapitalLetter.test(key);\n return !hasUnderscore && startsWithCapitalLetter;\n });\n return keys;\n};\n\n/\n Some UDS components are built using other UDS components,\n * we need to know those dependencies so generate the correct\n /\nconst getComponentsDependencies = (\n project: Project,\n componentsList: ComponentsList,\n exportsToFilePath: ExportToFilePath,\n): ComponentDependencies => {\n const componentsListSet = new Set(componentsList);\n // the components a component from UDS depends on\n const componentUDSDependencies: { [k: string]: string[] } = {};\n componentsList.forEach((component) => {\n componentUDSDependencies[component] = getComponentUdsDependencies(\n project,\n componentsListSet,\n component,\n exportsToFilePath,\n );\n });\n return componentUDSDependencies;\n};\n\n/\n We need to make sure that components from UDS that use other components\n * from UDS also gets included\n /\nconst getComponentUdsDependencies = (\n project: Project,\n componentsList: Set<string>,\n componentName: string,\n exportsToFilePath: ExportToFilePath,\n): string[] => {\n const sourceFile = project.getSourceFileOrThrow(exportsToFilePath[componentName]);\n\n const deps = sourceFile\n .getImportDeclarations()\n .map((declaration) => {\n return declaration.getNamedImports().map((namedImport) => namedImport.getName());\n })\n .flat()\n .filter((namedImport) => componentsList.has(namedImport));\n\n return deps;\n};\n\nconst getComponentsProps = (\n project: Project,\n list: ComponentsList,\n variants: Record<string, Record<string, string>>,\n variantsList: VariantsList,\n exportsToFilePath: ExportToFilePath,\n): ComponentToVariants => {\n const map: ComponentToVariants = {};\n\n list.forEach((componentName) => {\n const list = getInitializedAndReferencedProps(\n project,\n componentName,\n variants,\n variantsList,\n exportsToFilePath,\n );\n map[componentName] = list;\n });\n\n return map;\n};\n\n/\n Converts the variants object used in CVA to\n /\nconst convertVariantsIntoTailwindClass = (\n variants: Record<string, Record<string, string>>,\n): VariantsList => {\n const variantsList = Object.keys(variants) as Array<keyof typeof variants>;\n\n return variantsList;\n};\n\n/\n Get the params with default values,\n * required and the ones used in references\n /\nconst getInitializedAndReferencedProps = (\n project: Project,\n componentName: string,\n variants: Record<string, Record<string, string>>,\n variantsList: VariantsList,\n exportsToFilePath: ExportToFilePath,\n): AllProps => {\n const sourceFile = project.getSourceFileOrThrow(exportsToFilePath[componentName] ?? NO_FILE);\n\n const functionDeclarations = sourceFile.getFunctions();\n const variableDeclarations = sourceFile.getVariableDeclarations();\n const node = [...functionDeclarations, ...variableDeclarations].filter(\n (declaration) => declaration.getName() === componentName,\n )[0];\n\n const functionDeclaration = getReactFunctionDeclaration(node);\n\n if (!functionDeclaration) {\n print(red(`No function declaration found for ${componentName}`));\n }\n\n const parameterDeclaration = functionDeclaration?.getParameters();\n\n if (!parameterDeclaration \|\| parameterDeclaration.length === 0) {\n print(red(`No parameter declaration found for ${componentName}`));\n return [];\n }\n\n // the first parameter in all react components is the props\n if (!parameterDeclaration[0].getChildrenOfKind(SyntaxKind.ObjectBindingPattern)[0]) {\n return [];\n }\n\n const componentIdentifier = node.getFirstDescendantByKindOrThrow(SyntaxKind.Identifier);\n const references = findReferencesAsJsxElements(componentIdentifier);\n\n const propsWithDefaultValues = parameterDeclaration[0]\n .getChildrenOfKind(SyntaxKind.ObjectBindingPattern)[0]\n .getElements()\n .filter((el) => !!el.getInitializer())\n .map((el) => {\n const stringLiteral = el.getDescendantsOfKind(SyntaxKind.StringLiteral)[0];\n const propName = el.getName();\n const values: string[] = [];\n if (stringLiteral) {\n values.push(stringLiteral.getLiteralText());\n }\n\n return [propName, values] as [string, string[]];\n })\n .filter(([propName]) => variantsList.includes(propName));\n\n const propsUsedInReferences = references\n .map((r) => getUsedPropsInReference(r, variants))\n .flat()\n .filter(([propName]) => variantsList.includes(propName));\n\n const mapPropToUsedOptions = new Map<string, Set<string>>();\n\n propsWithDefaultValues.concat(propsUsedInReferences).forEach(([propName, propValues]) => {\n // This means that an expression has been used\n // so we need to add all possible options for that prop\n if (propValues.length === 0) {\n propValues = Object.keys(variants[propName as keyof typeof variants]);\n }\n\n const options: Set<string> = mapPropToUsedOptions.get(propName) ?? new Set();\n propValues.forEach((val) => options.add(val));\n mapPropToUsedOptions.set(propName, options);\n });\n\n const res: Array<[string, string[]]> = Array.from(mapPropToUsedOptions).map(\n ([propName, options]) => [propName, Array.from(options)],\n );\n\n return res;\n};\n\n/\n Gets the Tailwind CSS classes used in a component\n /\nconst getTwClassesInComponent = async (\n componentsList: ComponentsList,\n exportsToFilePath: ExportToFilePath,\n): Promise<ComponentToTwClasses> => {\n const CSS_DATA = `\n @tailwind components;\n @tailwind utilities;\n `;\n\n const res: ComponentToTwClasses = {};\n\n const promises = componentsList.map((component) => {\n const plugin = tailwindcss({\n content: [exportsToFilePath[component]],\n plugins: [tailwindPlugin({ config: defaultTokensConfig })],\n });\n return postcss([plugin as AcceptedPlugin]).process(CSS_DATA, {\n from: 'app.css',\n to: './dist/app.css',\n });\n });\n\n const resolvedPromises = await Promise.all(promises);\n\n resolvedPromises.forEach((result, i) => {\n const currentComponent = componentsList[i];\n const classes = result.root.nodes\n .map((node) => {\n if ((node as any).selector) {\n return (node as any).selector.replace('.', '');\n }\n\n return [];\n })\n .join(' ')\n // replace multiple spaces with one space\n .replace(/\\s+/g, ' ');\n res[currentComponent] = classes;\n });\n\n return res;\n};\n\n/\n Goes through the list of all exports from UDS (stable and experimental)\n * and return a map of each exports and the source file path where its declared\n /\nconst getExportsToFilePath = (project: Project): ExportToFilePath => {\n const stableComponentsMainFile = project.getSourceFileOrThrow('./src/components/index.ts');\n const experimentalComponentsMainFile = project.getSourceFileOrThrow(\n './src/components/experimental/index.ts',\n );\n const exportToFilePath: ExportToFilePath = {};\n for (const [name, declarations] of stableComponentsMainFile.getExportedDeclarations()) {\n exportToFilePath[name] = declarations.map((d) => d.getSourceFile().getFilePath())[0];\n }\n for (const [name, declarations] of experimentalComponentsMainFile.getExportedDeclarations()) {\n exportToFilePath[name] = declarations.map((d) => d.getSourceFile().getFilePath())[0];\n }\n\n return exportToFilePath;\n};\n\n/\n Adds auto-generated variants to the Tailwind CSS classes of components.\n \n This function extracts component names from auto variants keys, groups class names by component,\n * updates component classes using auto-generated variant classes, and propagates base classes to subcomponents.\n \n @param componentToTwClasses - A map of component names to their current Tailwind CSS classes.\n * @returns Updated map with auto variants added to the component classes.\n */\nconst addAutoVariantsToComponentClasses = (\n componentToTwClasses: ComponentToTwClasses,\n): ComponentToTwClasses => {\n // Extract component names from auto variants keys\n // Example: \"checkboxSizeRoot\" -> \"Checkbox\"\n const componentNameRegex = /^([a-z]+)[A-Z]/;\n const componentNameMap: Record<string, string[]> = {};\n\n // Create a case-insensitive lookup map from component names in componentToTwClasses\n const componentNameLookup = new Map<string, string>();\n Object.keys(componentToTwClasses).forEach((actualName) => {\n componentNameLookup.set(actualName.toLowerCase(), actualName);\n });\n\n // Group class names by component\n Object.keys(autoVariants).forEach((key) => {\n const match = key.match(componentNameRegex);\n if (match && match[1]) {\n const extractedName = match[1].charAt(0).toUpperCase() + match[1].slice(1);\n // Use case-insensitive lookup to find the actual component name\n const actualComponentName =\n componentNameLookup.get(extractedName.toLowerCase()) \|\| extractedName;\n\n if (!componentNameMap[actualComponentName]) {\n componentNameMap[actualComponentName] = [];\n }\n\n // Get all class names for this variant\n Object.values(autoVariants[key as keyof typeof autoVariants]).forEach((className) => {\n componentNameMap[actualComponentName].push(className);\n });\n }\n });\n\n // Add or update component classes\n Object.entries(componentNameMap).forEach(([componentName, classes]) => {\n const existingClasses = componentToTwClasses[componentName] \|\| '';\n componentToTwClasses[componentName] = `${existingClasses} ${classes.join(' ')}`.trim();\n });\n\n // add a step to also add the classes to sub components (example, AvatarText, AvatarIcon, ...)\n const components = Object.keys(componentNameMap);\n Object.keys(componentToTwClasses).forEach((key) => {\n components.forEach((comp) => {\n const compName = comp.charAt(0).toUpperCase() + comp.slice(1);\n if (key.startsWith(compName) && key !== compName) {\n const baseClasses = componentToTwClasses[compName] \|\| '';\n if (baseClasses) {\n componentToTwClasses[key] = `${componentToTwClasses[key]} ${baseClasses}`.trim();\n }\n }\n });\n });\n return componentToTwClasses;\n};\n\nexport {\n addAutoVariantsToComponentClasses,\n convertVariantsIntoTailwindClass,\n getComponentsDependencies,\n getComponentsProps,\n getComponentUdsDependencies,\n getExportedComponents,\n getExportsToFilePath,\n getInitializedAndReferencedProps,\n getTwClassesInComponent,\n NO_FILE,\n};\n"],"mappings":"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"}

package/dist/tailwind/dist/utils/mapValues.cjs CHANGED Viewed

@@ -1,5 +1,4 @@
 /*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
 //#region src/utils/mapValues.ts
 function mapValues(obj, callbackFn) {
 	return Object.keys(obj).reduce((acc, key, i) => {
@@ -7,6 +6,5 @@ function mapValues(obj, callbackFn) {
 		return acc;
 	}, {});
 }
 //#endregion
-exports.mapValues = mapValues;
+exports.mapValues = mapValues;

package/dist/tailwind/dist/utils/mapValues.js CHANGED Viewed

@@ -6,7 +6,7 @@ function mapValues(obj, callbackFn) {
 		return acc;
 	}, {});
 }
 //#endregion
 export { mapValues };
 //# sourceMappingURL=mapValues.js.map

package/dist/tailwind/dist/utils/opacity.cjs CHANGED Viewed

@@ -1,8 +1,7 @@
 /*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
-const require_runtime = require('../_virtual/_rolldown/runtime.cjs');
+const require_runtime = require("../_virtual/_rolldown/runtime.cjs");
 let lodash_clamp_js = require("lodash/clamp.js");
-lodash_clamp_js = require_runtime.__toESM(lodash_clamp_js);
+lodash_clamp_js = require_runtime.__toESM(lodash_clamp_js, 1);
 //#region src/utils/opacity.ts
 /**
 * Converts a number or string to a valid OpacityStep.
@@ -22,6 +21,5 @@ function parseOpacityStep(opacity) {
 	if (isNaN(parsed)) throw new Error(`Invalid opacity value: cannot parse "${opacity}" as a number`);
 	return (0, lodash_clamp_js.default)(parsed, 0, 100).toString();
 }
 //#endregion
-exports.parseOpacityStep = parseOpacityStep;
+exports.parseOpacityStep = parseOpacityStep;

package/dist/tailwind/dist/utils/opacity.js CHANGED Viewed

@@ -1,6 +1,5 @@
 /*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
 import { clamp } from "lodash-es";
 //#region src/utils/opacity.ts
 /**
 * Converts a number or string to a valid OpacityStep.
@@ -20,7 +19,7 @@ function parseOpacityStep(opacity) {
 	if (isNaN(parsed)) throw new Error(`Invalid opacity value: cannot parse "${opacity}" as a number`);
 	return clamp(parsed, 0, 100).toString();
 }
 //#endregion
 export { parseOpacityStep };
 //# sourceMappingURL=opacity.js.map

package/dist/tailwind/dist/utils/opacity.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"opacity.js","names":[],"sources":["../../src/utils/opacity.ts"],"sourcesContent":["import type { OpacityStep } from '@yahoo/uds-types';\nimport { clamp } from 'lodash';\n\n/*\n Converts a number or string to a valid OpacityStep.\n \n Converts a number or string to a valid OpacityStep by:\n * - Parsing the value as an integer\n * - Clamping between 0 and 100\n * - Returning as a string in the format expected by OpacityStep\n \n @param opacity - The opacity value (number or string)\n * @returns A valid OpacityStep string clamped between 0-100\n * @throws {Error} If opacity is undefined, null, or cannot be parsed as a number\n */\nexport function parseOpacityStep(opacity: number \| string \| undefined): OpacityStep {\n if (opacity === undefined \|\| opacity === null) {\n throw new Error(`Invalid opacity value: ${opacity}`);\n }\n\n const parsed = typeof opacity === 'number' ? opacity : parseInt(opacity, 10);\n\n if (isNaN(parsed)) {\n throw new Error(`Invalid opacity value: cannot parse \"${opacity}\" as a number`);\n }\n\n return clamp(parsed, 0, 100).toString() as OpacityStep;\n}\n"],"mappings":"~~;;;;;;;;;;;;;;;;~~AAeA,SAAgB,iBAAiB,SAAmD;AAClF,KAAI,YAAY,~~UAAa~~,YAAY,KACvC,OAAM,IAAI,MAAM,0BAA0B,UAAU;CAGtD,MAAM,SAAS,OAAO,YAAY,WAAW,UAAU,SAAS,SAAS,GAAG;AAE5E,KAAI,MAAM,OAAO,CACf,OAAM,IAAI,MAAM,wCAAwC,QAAQ,eAAe;AAGjF,QAAO,MAAM,QAAQ,GAAG,IAAI,CAAC,UAAU"}
1	+ {"version":3,"file":"opacity.js","names":[],"sources":["../../src/utils/opacity.ts"],"sourcesContent":["import type { OpacityStep } from '@yahoo/uds-types';\nimport { clamp } from 'lodash';\n\n/*\n Converts a number or string to a valid OpacityStep.\n \n Converts a number or string to a valid OpacityStep by:\n * - Parsing the value as an integer\n * - Clamping between 0 and 100\n * - Returning as a string in the format expected by OpacityStep\n \n @param opacity - The opacity value (number or string)\n * @returns A valid OpacityStep string clamped between 0-100\n * @throws {Error} If opacity is undefined, null, or cannot be parsed as a number\n */\nexport function parseOpacityStep(opacity: number \| string \| undefined): OpacityStep {\n if (opacity === undefined \|\| opacity === null) {\n throw new Error(`Invalid opacity value: ${opacity}`);\n }\n\n const parsed = typeof opacity === 'number' ? opacity : parseInt(opacity, 10);\n\n if (isNaN(parsed)) {\n throw new Error(`Invalid opacity value: cannot parse \"${opacity}\" as a number`);\n }\n\n return clamp(parsed, 0, 100).toString() as OpacityStep;\n}\n"],"mappings":";;;;;;;;;;;;;;;AAeA,SAAgB,iBAAiB,SAAmD;AAClF,KAAI,YAAY,KAAA,KAAa,YAAY,KACvC,OAAM,IAAI,MAAM,0BAA0B,UAAU;CAGtD,MAAM,SAAS,OAAO,YAAY,WAAW,UAAU,SAAS,SAAS,GAAG;AAE5E,KAAI,MAAM,OAAO,CACf,OAAM,IAAI,MAAM,wCAAwC,QAAQ,eAAe;AAGjF,QAAO,MAAM,QAAQ,GAAG,IAAI,CAAC,UAAU"}

package/dist/tailwind/dist/utils/optimizeCSS.cjs CHANGED Viewed

@@ -1,9 +1,8 @@
 /*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
-const require_runtime = require('../_virtual/_rolldown/runtime.cjs');
+const require_runtime = require("../_virtual/_rolldown/runtime.cjs");
 let node_zlib = require("node:zlib");
 let postcss = require("postcss");
-postcss = require_runtime.__toESM(postcss);
+postcss = require_runtime.__toESM(postcss, 1);
 //#region src/utils/optimizeCSS.ts
 /**
 * Check if a selector is a "meaningful" selector (class, ID, attribute, or pseudo-class)
@@ -399,6 +398,5 @@ async function optimizeCSS(css, options) {
 		}
 	};
 }
 //#endregion
-exports.optimizeCSS = optimizeCSS;
+exports.optimizeCSS = optimizeCSS;

package/dist/tailwind/dist/utils/optimizeCSS.js CHANGED Viewed

@@ -1,7 +1,6 @@
 /*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
 import { gzipSync } from "node:zlib";
 import postcss from "postcss";
 //#region src/utils/optimizeCSS.ts
 /**
 * Check if a selector is a "meaningful" selector (class, ID, attribute, or pseudo-class)
@@ -397,7 +396,7 @@ async function optimizeCSS(css, options) {
 		}
 	};
 }
 //#endregion
 export { optimizeCSS };
 //# sourceMappingURL=optimizeCSS.js.map

package/dist/tailwind/dist/utils/optimizeCSS.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"optimizeCSS.js","names":[],"sources":["../../src/utils/optimizeCSS.ts"],"sourcesContent":["import { gzipSync } from 'node:zlib';\n\nimport type { AtRule, Declaration, Plugin, Root, Rule } from 'postcss';\nimport postcss from 'postcss';\n\n/*\n Check if a selector is a \"meaningful\" selector (class, ID, attribute, or pseudo-class)\n * as opposed to just element/type selectors (like `code, kbd, pre` in preflight).\n * Meaningful selectors indicate the font is actually used by components, not just base reset.\n /\nfunction isMeaningfulSelector(selector: string): boolean {\n // Split compound selectors\n const parts = selector.split(',').map((s) => s.trim());\n\n for (const part of parts) {\n // Check if any part of the selector has class, ID, attribute, or custom pseudo-class\n // This indicates actual usage by components, not just preflight/reset\n if (\n part.includes('.') \|\| // class selector\n part.includes('#') \|\| // ID selector\n part.includes('[') \|\| // attribute selector\n part.includes(':not(') \|\| // complex pseudo-class\n part.includes(':where(') \|\|\n part.includes(':is(') \|\|\n part.includes(':has(')\n ) {\n return true;\n }\n }\n\n return false;\n}\n\n/\n PostCSS plugin to remove @font-face declarations for font families that are not used\n * anywhere in the CSS (excluding preflight/reset styles that only use element selectors).\n /\nfunction removeUnusedFontFaces(): Plugin {\n return {\n postcssPlugin: 'remove-unused-font-faces',\n Once(root: Root) {\n // Track font variables and whether they're used in meaningful selectors\n // Key: variable name (without --uds-font- prefix), Value: { used: boolean, meaningful: boolean }\n const fontVarUsage = new Map<string, { used: boolean; meaningful: boolean }>();\n\n // First pass: collect all font-family references from the CSS (excluding @font-face)\n const usedFontFamilies = new Set<string>();\n\n root.walkDecls('font-family', (decl) => {\n // Skip font-family declarations inside @font-face\n if (decl.parent?.type === 'atrule' && (decl.parent as AtRule).name === 'font-face') {\n return;\n }\n\n // Get the selector for this rule\n const rule = decl.parent as Rule;\n const selector = rule?.selector \|\| '';\n const meaningful = isMeaningfulSelector(selector);\n\n // Parse font-family value to extract font names\n // Handles: \"Font Name\", 'Font Name', Font-Name, var(--uds-font-xxx)\n const value = decl.value;\n\n // Check for CSS variables that reference fonts\n const varMatches = value.matchAll(/var\$--uds-font-([^),]+)\$/g);\n for (const match of varMatches) {\n const varName = match[1];\n const existing = fontVarUsage.get(varName) \|\| { used: false, meaningful: false };\n fontVarUsage.set(varName, {\n used: true,\n meaningful: existing.meaningful \|\| meaningful,\n });\n }\n\n // Extract font family names (quoted or unquoted) - only if in meaningful selector\n if (meaningful) {\n const fontNames = value\n .split(',')\n .map((font) => font.trim())\n .map((font) => {\n // Remove quotes\n if (\n (font.startsWith('\"') && font.endsWith('\"')) \|\|\n (font.startsWith(\"'\") && font.endsWith(\"'\"))\n ) {\n return font.slice(1, -1);\n }\n // Skip var() references and generic families\n if (\n font.startsWith('var(') \|\|\n [\n 'serif',\n 'sans-serif',\n 'monospace',\n 'cursive',\n 'fantasy',\n 'system-ui',\n 'ui-monospace',\n 'ui-serif',\n 'ui-sans-serif',\n 'ui-rounded',\n ].includes(font.toLowerCase())\n ) {\n return null;\n }\n return font;\n })\n .filter(Boolean) as string[];\n\n fontNames.forEach((name) => usedFontFamilies.add(name));\n }\n });\n\n // Collect all font variable definitions for resolving nested references\n const fontVarDefinitions = new Map<string, string>();\n root.walkDecls((decl) => {\n if (\n decl.prop.startsWith('--uds-font-') &&\n !decl.prop.includes('size') &&\n !decl.prop.includes('weight') &&\n !decl.prop.includes('slant') &&\n !decl.prop.includes('width')\n ) {\n const varName = decl.prop.replace('--uds-font-', '');\n fontVarDefinitions.set(varName, decl.value);\n }\n });\n\n // Helper to resolve a variable value to actual font names (handles nested var() references)\n const resolveToFontNames = (value: string, visited = new Set<string>()): string[] => {\n const fontNames: string[] = [];\n\n // Check for nested var() references\n const varMatch = value.match(/var\$--uds-font-([^),]+)\$/);\n if (varMatch) {\n const nestedVarName = varMatch[1];\n // Prevent infinite loops\n if (!visited.has(nestedVarName)) {\n visited.add(nestedVarName);\n const nestedValue = fontVarDefinitions.get(nestedVarName);\n if (nestedValue) {\n // Mark the nested variable as used if parent is used\n const nestedUsage = fontVarUsage.get(nestedVarName);\n if (nestedUsage) {\n // Propagate meaningful status up the chain\n const parentUsage = fontVarUsage.get(\n value.replace(/var\$--uds-font-([^),]+)\$./, '$1'),\n );\n if (parentUsage?.meaningful) {\n nestedUsage.meaningful = true;\n }\n }\n fontNames.push(...resolveToFontNames(nestedValue, visited));\n }\n }\n }\n\n // Extract actual font names from the value\n value\n .split(',')\n .map((font) => font.trim())\n .forEach((font) => {\n // Skip var() references (handled above)\n if (font.startsWith('var(')) {\n return;\n }\n\n // Remove quotes\n if (\n (font.startsWith('\"') && font.endsWith('\"')) \|\|\n (font.startsWith(\"'\") && font.endsWith(\"'\"))\n ) {\n font = font.slice(1, -1);\n }\n\n // Skip generic families\n if (\n [\n 'serif',\n 'sans-serif',\n 'monospace',\n 'cursive',\n 'fantasy',\n 'system-ui',\n 'ui-monospace',\n 'ui-serif',\n 'ui-sans-serif',\n 'ui-rounded',\n ].includes(font.toLowerCase())\n ) {\n return;\n }\n\n if (font) {\n fontNames.push(font);\n }\n });\n\n return fontNames;\n };\n\n // Process font variable definitions and resolve nested references\n for (const [varName, value] of fontVarDefinitions) {\n const usage = fontVarUsage.get(varName);\n\n // Only include fonts from this variable if it's used in a meaningful selector\n if (usage?.used && usage?.meaningful) {\n const fontNames = resolveToFontNames(value);\n fontNames.forEach((name) => usedFontFamilies.add(name));\n }\n }\n\n // Second pass: remove unused @font-face rules and track which fonts are kept\n const keptFonts = new Set<string>();\n root.walkAtRules('font-face', (atRule) => {\n let fontFamily: string \| null = null;\n\n atRule.walkDecls('font-family', (decl) => {\n fontFamily = decl.value.replace(/[\"']/g, '').trim();\n });\n\n if (fontFamily && !usedFontFamilies.has(fontFamily)) {\n atRule.remove();\n } else if (fontFamily) {\n keptFonts.add(fontFamily);\n }\n });\n\n // Third pass: update CSS variable definitions to remove fonts that were not kept\n // This ensures variables like --uds-font-mono don't reference fonts we didn't load\n root.walkDecls((decl) => {\n if (\n decl.prop.startsWith('--uds-font-') &&\n !decl.prop.includes('size') &&\n !decl.prop.includes('weight') &&\n !decl.prop.includes('slant') &&\n !decl.prop.includes('width')\n ) {\n // Parse the font stack and filter out fonts that weren't kept\n const fonts = decl.value.split(',').map((f) => f.trim());\n const filteredFonts = fonts.filter((font) => {\n // Keep var() references\n if (font.startsWith('var(')) {\n return true;\n }\n\n // Extract font name (remove quotes)\n let fontName = font;\n if (\n (font.startsWith('\"') && font.endsWith('\"')) \|\|\n (font.startsWith(\"'\") && font.endsWith(\"'\"))\n ) {\n fontName = font.slice(1, -1);\n }\n\n // Keep generic font families\n if (\n [\n 'serif',\n 'sans-serif',\n 'monospace',\n 'cursive',\n 'fantasy',\n 'system-ui',\n 'ui-monospace',\n 'ui-serif',\n 'ui-sans-serif',\n 'ui-rounded',\n ].includes(fontName.toLowerCase())\n ) {\n return true;\n }\n\n // Keep fonts that have @font-face declarations\n return keptFonts.has(fontName);\n });\n\n // Update the declaration if fonts were removed\n if (filteredFonts.length < fonts.length && filteredFonts.length > 0) {\n decl.value = filteredFonts.join(', ');\n }\n }\n });\n },\n };\n}\n\nremoveUnusedFontFaces.postcss = true;\n\n/*\n PostCSS plugin to remove redundant .uds-color-mode-light rules.\n * Light mode is the default (set on :root), so the explicit class is unnecessary.\n /\nfunction removeRedundantLightModePlugin(): Plugin {\n return {\n postcssPlugin: 'remove-redundant-light-mode',\n Once(root: Root) {\n root.walkRules((rule) => {\n // Match .uds-color-mode-light selector (exact match or as part of selector list)\n const selectors = rule.selector.split(',').map((s) => s.trim());\n const filteredSelectors = selectors.filter((s) => {\n // Remove selectors that are exactly .uds-color-mode-light\n // or .uds-color-mode-light with just :root/:where/:is wrappers\n const normalized = s.replace(/\\s+/g, ' ').trim();\n return (\n normalized !== '.uds-color-mode-light' &&\n normalized !== ':root .uds-color-mode-light' &&\n normalized !== ':where(.uds-color-mode-light)' &&\n normalized !== ':is(.uds-color-mode-light)'\n );\n });\n\n if (filteredSelectors.length === 0) {\n // All selectors were light mode - remove the entire rule\n rule.remove();\n } else if (filteredSelectors.length < selectors.length) {\n // Some selectors were light mode - update the selector\n rule.selector = filteredSelectors.join(', ');\n }\n });\n },\n };\n}\n\nremoveRedundantLightModePlugin.postcss = true;\n\n/\n PostCSS plugin to remove empty CSS rules (rules with no declarations).\n * Also aggregates duplicate selectors.\n /\nfunction removeEmptyRulesPlugin(): Plugin {\n return {\n postcssPlugin: 'remove-empty-rules',\n Once(root: Root) {\n // Remove empty rules\n root.walkRules((rule) => {\n // Check if rule has any declarations (not just comments or empty)\n const hasDeclarations = rule.nodes?.some(\n (node) => node.type === 'decl' \|\| (node.type === 'rule' && node.nodes?.length > 0),\n );\n\n if (!hasDeclarations) {\n rule.remove();\n }\n });\n\n // Remove empty at-rules (like empty @media blocks)\n root.walkAtRules((atRule) => {\n if (atRule.name !== 'font-face' && atRule.name !== 'keyframes') {\n const hasContent = atRule.nodes?.some((node) => {\n if (node.type === 'rule') {\n return node.nodes?.some((n) => n.type === 'decl');\n }\n if (node.type === 'decl') {\n return true;\n }\n return false;\n });\n\n if (!hasContent && atRule.nodes?.length === 0) {\n atRule.remove();\n }\n }\n });\n },\n };\n}\n\nremoveEmptyRulesPlugin.postcss = true;\n\n/\n PostCSS plugin to aggregate rules with identical selectors.\n /\nfunction aggregateDuplicateSelectorsPlugin(): Plugin {\n return {\n postcssPlugin: 'aggregate-duplicate-selectors',\n Once(root: Root) {\n // Map of selector -> first rule with that selector\n const selectorMap = new Map<string, Rule>();\n\n // Collect rules to process (only top-level rules, not nested)\n const rulesToProcess: Rule[] = [];\n root.walkRules((rule) => {\n // Only process top-level rules (direct children of root or at-rules)\n if (rule.parent?.type === 'root' \|\| rule.parent?.type === 'atrule') {\n rulesToProcess.push(rule);\n }\n });\n\n for (const rule of rulesToProcess) {\n const selector = rule.selector;\n const parent = rule.parent;\n\n // Create a unique key including the parent context\n const parentKey =\n parent?.type === 'atrule'\n ? `@${(parent as AtRule).name}:${(parent as AtRule).params}`\n : 'root';\n const key = `${parentKey}\|${selector}`;\n\n if (selectorMap.has(key)) {\n const existingRule = selectorMap.get(key)!;\n\n // Move all declarations from current rule to existing rule\n rule.walkDecls((decl) => {\n // Check if the declaration already exists\n const existingDecl = existingRule.nodes?.find(\n (node): node is Declaration => node.type === 'decl' && node.prop === decl.prop,\n );\n\n if (existingDecl) {\n // Replace with new value\n existingDecl.value = decl.value;\n } else {\n // Append the declaration\n existingRule.append(decl.clone());\n }\n });\n\n // Remove the duplicate rule\n rule.remove();\n } else {\n selectorMap.set(key, rule);\n }\n }\n },\n };\n}\n\naggregateDuplicateSelectorsPlugin.postcss = true;\n\n/\n Validates CSS syntax and returns any errors found.\n /\nfunction validateCSS(css: string): { valid: boolean; errors: string[] } {\n const errors: string[] = [];\n\n try {\n // Parse the CSS to check for syntax errors\n const result = postcss.parse(css);\n\n // Check for common issues\n result.walkRules((rule) => {\n // Check for empty selectors\n if (!rule.selector.trim()) {\n errors.push(`Empty selector found at line ${rule.source?.start?.line}`);\n }\n\n // Check for malformed selectors\n try {\n // Basic selector validation - this catches obvious syntax errors\n if (rule.selector.includes('{{') \|\| rule.selector.includes('}}')) {\n errors.push(`Malformed selector \"${rule.selector}\" at line ${rule.source?.start?.line}`);\n }\n } catch {\n errors.push(`Invalid selector \"${rule.selector}\" at line ${rule.source?.start?.line}`);\n }\n });\n\n // Check for unclosed blocks (postcss.parse will throw for these)\n result.walkDecls((decl) => {\n // Check for missing values\n if (!decl.value.trim()) {\n errors.push(`Empty value for property \"${decl.prop}\" at line ${decl.source?.start?.line}`);\n }\n });\n\n return { valid: errors.length === 0, errors };\n } catch (error) {\n if (error instanceof Error) {\n errors.push(`CSS Parse Error: ${error.message}`);\n } else {\n errors.push('Unknown CSS parse error');\n }\n return { valid: false, errors };\n }\n}\n\n/\n Reference data extracted from CSS for deduplication\n /\ninterface CSSReferenceData {\n /* Font-face fingerprints (font-family + src + weight + style) /\n fontFaces: Set<string>;\n /* Keyframes fingerprints (name + content) /\n keyframes: Set<string>;\n /* Regular rule fingerprints (selector + declarations) /\n rules: Set<string>;\n}\n\n/\n Create a fingerprint for a @font-face rule\n /\nfunction getFontFaceFingerprint(atRule: AtRule): string {\n let fontFamily = '';\n let src = '';\n let fontWeight = 'normal';\n let fontStyle = 'normal';\n\n atRule.walkDecls((decl) => {\n if (decl.prop === 'font-family') {\n fontFamily = decl.value.replace(/[\"']/g, '').trim();\n } else if (decl.prop === 'src') {\n src = decl.value;\n } else if (decl.prop === 'font-weight') {\n fontWeight = decl.value;\n } else if (decl.prop === 'font-style') {\n fontStyle = decl.value;\n }\n });\n\n return JSON.stringify({ fontFamily, src, fontWeight, fontStyle });\n}\n\n/\n Create a fingerprint for a @keyframes rule\n /\nfunction getKeyframesFingerprint(atRule: AtRule): string {\n // Use name + normalized content as fingerprint\n const name = atRule.params;\n const content = atRule.toString().replace(/\\s+/g, ' ').trim();\n return JSON.stringify({ name, content });\n}\n\n/\n Normalize a selector by removing scope prefix and whitespace\n /\nfunction normalizeSelector(selector: string, scopeClass?: string): string {\n let normalized = selector.trim();\n if (scopeClass) {\n // Remove scope prefix patterns like \".scope \" or \".scope.\"\n const escapedScope = scopeClass.replace(/[.+?^${}()\|[\\]\\\\]/g, '\\\\$&');\n normalized = normalized\n .replace(new RegExp(`${escapedScope}\\\\s+`, 'g'), '')\n .replace(new RegExp(`${escapedScope}\\\\.`, 'g'), '.')\n .replace(new RegExp(`${escapedScope}`, 'g'), '');\n }\n return normalized.replace(/\\s+/g, ' ').trim();\n}\n\n/*\n Create a fingerprint for a CSS rule (selector + declarations)\n /\nfunction getRuleFingerprint(rule: Rule, scopeClass?: string): string {\n const selector = normalizeSelector(rule.selector, scopeClass);\n const declarations: string[] = [];\n\n rule.walkDecls((decl) => {\n declarations.push(`${decl.prop}:${decl.value}`);\n });\n\n // Sort declarations for consistent comparison\n declarations.sort();\n return JSON.stringify({ selector, declarations });\n}\n\n/\n Extract reference data from CSS for deduplication\n /\nfunction extractCSSReferenceData(css: string, scopeClass?: string): CSSReferenceData {\n const data: CSSReferenceData = {\n fontFaces: new Set(),\n keyframes: new Set(),\n rules: new Set(),\n };\n\n try {\n const root = postcss.parse(css);\n\n root.walkAtRules((atRule) => {\n if (atRule.name === 'font-face') {\n data.fontFaces.add(getFontFaceFingerprint(atRule));\n } else if (atRule.name === 'keyframes' \|\| atRule.name === '-webkit-keyframes') {\n data.keyframes.add(getKeyframesFingerprint(atRule));\n }\n });\n\n root.walkRules((rule) => {\n // Skip rules inside @font-face or @keyframes\n if (rule.parent?.type === 'atrule') {\n const parentName = (rule.parent as AtRule).name;\n if (\n parentName === 'font-face' \|\|\n parentName === 'keyframes' \|\|\n parentName === '-webkit-keyframes'\n ) {\n return;\n }\n }\n data.rules.add(getRuleFingerprint(rule, scopeClass));\n });\n } catch {\n // If parsing fails, return empty data\n }\n\n return data;\n}\n\n/\n PostCSS plugin to remove CSS that exists in reference CSS\n * Handles @font-face, @keyframes, and regular rule deduplication\n /\nfunction removeDuplicateCss(referenceData: CSSReferenceData, scopeClass?: string): Plugin {\n return {\n postcssPlugin: 'remove-duplicate-css',\n Once(root: Root) {\n const toRemove: (AtRule \| Rule)[] = [];\n\n root.walkAtRules((atRule) => {\n if (atRule.name === 'font-face') {\n const fingerprint = getFontFaceFingerprint(atRule);\n if (referenceData.fontFaces.has(fingerprint)) {\n toRemove.push(atRule);\n }\n } else if (atRule.name === 'keyframes' \|\| atRule.name === '-webkit-keyframes') {\n const fingerprint = getKeyframesFingerprint(atRule);\n if (referenceData.keyframes.has(fingerprint)) {\n toRemove.push(atRule);\n }\n }\n });\n\n root.walkRules((rule) => {\n // Skip rules inside @font-face or @keyframes\n if (rule.parent?.type === 'atrule') {\n const parentName = (rule.parent as AtRule).name;\n if (\n parentName === 'font-face' \|\|\n parentName === 'keyframes' \|\|\n parentName === '-webkit-keyframes'\n ) {\n return;\n }\n }\n\n const fingerprint = getRuleFingerprint(rule, scopeClass);\n if (referenceData.rules.has(fingerprint)) {\n toRemove.push(rule);\n }\n });\n\n // Remove duplicates\n for (const node of toRemove) {\n node.remove();\n }\n },\n };\n}\n\n/\n Options for CSS optimization\n /\ninterface OptimizeCSSOptions {\n /* Remove unused @font-face declarations (default: true) /\n removeUnusedFonts?: boolean;\n /* Remove empty CSS rules (default: true) /\n removeEmptyRules?: boolean;\n /* Aggregate duplicate selectors (default: true) /\n aggregateDuplicateSelectors?: boolean;\n /* Reference CSS to deduplicate against (for scoped CSS) /\n referenceCss?: string;\n /* Scope class used in this CSS (for normalizing selectors during deduplication) /\n scopeClass?: string;\n}\n\n/\n Optimizes CSS by:\n * 1. Removing unused @font-face declarations\n * 2. Removing empty rules\n * 3. Aggregating duplicate selectors\n \n Returns the optimized CSS and validation results.\n /\nasync function optimizeCSS(\n css: string,\n options?: OptimizeCSSOptions,\n): Promise<{\n css: string;\n validation: { valid: boolean; errors: string[] };\n stats: {\n originalSize: number;\n originalSizeGzip: number;\n optimizedSize: number;\n fontFacesRemoved: number;\n emptyRulesRemoved: number;\n };\n}> {\n const originalSize = Buffer.byteLength(css, 'utf8');\n const originalSizeGzip = gzipSync(css).length;\n\n // Count font-faces before\n const fontFacesBefore = (css.match(/@font-face/g) \|\| []).length;\n\n // Count rules before (rough estimate)\n const rulesBefore = (css.match(/\\{[^}]\\}/g) \|\| []).length;\n\n // Build list of plugins based on options (all enabled by default)\n const plugins: postcss.AcceptedPlugin[] = [];\n\n if (options?.removeUnusedFonts !== false) {\n plugins.push(removeUnusedFontFaces());\n }\n\n // Remove redundant .uds-color-mode-light rules (light is default on :root)\n plugins.push(removeRedundantLightModePlugin());\n\n // If reference CSS is provided, deduplicate all matching CSS (font-faces, keyframes, rules)\n if (options?.referenceCss) {\n const referenceData = extractCSSReferenceData(options.referenceCss);\n if (\n referenceData.fontFaces.size > 0 \|\|\n referenceData.keyframes.size > 0 \|\|\n referenceData.rules.size > 0\n ) {\n plugins.push(removeDuplicateCss(referenceData, options.scopeClass));\n }\n }\n\n if (options?.removeEmptyRules !== false) {\n plugins.push(removeEmptyRulesPlugin());\n }\n\n if (options?.aggregateDuplicateSelectors !== false) {\n plugins.push(aggregateDuplicateSelectorsPlugin());\n }\n\n // Apply optimizations\n const result =\n plugins.length > 0 ? await postcss(plugins).process(css, { from: undefined }) : { css };\n\n const optimizedCSS = result.css;\n const optimizedSize = Buffer.byteLength(optimizedCSS, 'utf8');\n\n // Count font-faces after\n const fontFacesAfter = (optimizedCSS.match(/@font-face/g) \|\| []).length;\n\n // Count rules after\n const rulesAfter = (optimizedCSS.match(/\\{[^}]*\\}/g) \|\| []).length;\n\n // Validate the result\n const validation = validateCSS(optimizedCSS);\n\n return {\n css: optimizedCSS,\n validation,\n stats: {\n originalSize,\n originalSizeGzip,\n optimizedSize,\n fontFacesRemoved: fontFacesBefore - fontFacesAfter,\n emptyRulesRemoved: Math.max(0, rulesBefore - rulesAfter),\n },\n };\n}\n\nexport {\n aggregateDuplicateSelectorsPlugin as aggregateDuplicateSelectors,\n optimizeCSS,\n type OptimizeCSSOptions,\n removeEmptyRulesPlugin as removeEmptyRules,\n removeUnusedFontFaces,\n validateCSS,\n};\n"],"mappings":"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"}
1	+ {"version":3,"file":"optimizeCSS.js","names":[],"sources":["../../src/utils/optimizeCSS.ts"],"sourcesContent":["import { gzipSync } from 'node:zlib';\n\nimport type { AtRule, Declaration, Plugin, Root, Rule } from 'postcss';\nimport postcss from 'postcss';\n\n/*\n Check if a selector is a \"meaningful\" selector (class, ID, attribute, or pseudo-class)\n * as opposed to just element/type selectors (like `code, kbd, pre` in preflight).\n * Meaningful selectors indicate the font is actually used by components, not just base reset.\n /\nfunction isMeaningfulSelector(selector: string): boolean {\n // Split compound selectors\n const parts = selector.split(',').map((s) => s.trim());\n\n for (const part of parts) {\n // Check if any part of the selector has class, ID, attribute, or custom pseudo-class\n // This indicates actual usage by components, not just preflight/reset\n if (\n part.includes('.') \|\| // class selector\n part.includes('#') \|\| // ID selector\n part.includes('[') \|\| // attribute selector\n part.includes(':not(') \|\| // complex pseudo-class\n part.includes(':where(') \|\|\n part.includes(':is(') \|\|\n part.includes(':has(')\n ) {\n return true;\n }\n }\n\n return false;\n}\n\n/\n PostCSS plugin to remove @font-face declarations for font families that are not used\n * anywhere in the CSS (excluding preflight/reset styles that only use element selectors).\n /\nfunction removeUnusedFontFaces(): Plugin {\n return {\n postcssPlugin: 'remove-unused-font-faces',\n Once(root: Root) {\n // Track font variables and whether they're used in meaningful selectors\n // Key: variable name (without --uds-font- prefix), Value: { used: boolean, meaningful: boolean }\n const fontVarUsage = new Map<string, { used: boolean; meaningful: boolean }>();\n\n // First pass: collect all font-family references from the CSS (excluding @font-face)\n const usedFontFamilies = new Set<string>();\n\n root.walkDecls('font-family', (decl) => {\n // Skip font-family declarations inside @font-face\n if (decl.parent?.type === 'atrule' && (decl.parent as AtRule).name === 'font-face') {\n return;\n }\n\n // Get the selector for this rule\n const rule = decl.parent as Rule;\n const selector = rule?.selector \|\| '';\n const meaningful = isMeaningfulSelector(selector);\n\n // Parse font-family value to extract font names\n // Handles: \"Font Name\", 'Font Name', Font-Name, var(--uds-font-xxx)\n const value = decl.value;\n\n // Check for CSS variables that reference fonts\n const varMatches = value.matchAll(/var\$--uds-font-([^),]+)\$/g);\n for (const match of varMatches) {\n const varName = match[1];\n const existing = fontVarUsage.get(varName) \|\| { used: false, meaningful: false };\n fontVarUsage.set(varName, {\n used: true,\n meaningful: existing.meaningful \|\| meaningful,\n });\n }\n\n // Extract font family names (quoted or unquoted) - only if in meaningful selector\n if (meaningful) {\n const fontNames = value\n .split(',')\n .map((font) => font.trim())\n .map((font) => {\n // Remove quotes\n if (\n (font.startsWith('\"') && font.endsWith('\"')) \|\|\n (font.startsWith(\"'\") && font.endsWith(\"'\"))\n ) {\n return font.slice(1, -1);\n }\n // Skip var() references and generic families\n if (\n font.startsWith('var(') \|\|\n [\n 'serif',\n 'sans-serif',\n 'monospace',\n 'cursive',\n 'fantasy',\n 'system-ui',\n 'ui-monospace',\n 'ui-serif',\n 'ui-sans-serif',\n 'ui-rounded',\n ].includes(font.toLowerCase())\n ) {\n return null;\n }\n return font;\n })\n .filter(Boolean) as string[];\n\n fontNames.forEach((name) => usedFontFamilies.add(name));\n }\n });\n\n // Collect all font variable definitions for resolving nested references\n const fontVarDefinitions = new Map<string, string>();\n root.walkDecls((decl) => {\n if (\n decl.prop.startsWith('--uds-font-') &&\n !decl.prop.includes('size') &&\n !decl.prop.includes('weight') &&\n !decl.prop.includes('slant') &&\n !decl.prop.includes('width')\n ) {\n const varName = decl.prop.replace('--uds-font-', '');\n fontVarDefinitions.set(varName, decl.value);\n }\n });\n\n // Helper to resolve a variable value to actual font names (handles nested var() references)\n const resolveToFontNames = (value: string, visited = new Set<string>()): string[] => {\n const fontNames: string[] = [];\n\n // Check for nested var() references\n const varMatch = value.match(/var\$--uds-font-([^),]+)\$/);\n if (varMatch) {\n const nestedVarName = varMatch[1];\n // Prevent infinite loops\n if (!visited.has(nestedVarName)) {\n visited.add(nestedVarName);\n const nestedValue = fontVarDefinitions.get(nestedVarName);\n if (nestedValue) {\n // Mark the nested variable as used if parent is used\n const nestedUsage = fontVarUsage.get(nestedVarName);\n if (nestedUsage) {\n // Propagate meaningful status up the chain\n const parentUsage = fontVarUsage.get(\n value.replace(/var\$--uds-font-([^),]+)\$./, '$1'),\n );\n if (parentUsage?.meaningful) {\n nestedUsage.meaningful = true;\n }\n }\n fontNames.push(...resolveToFontNames(nestedValue, visited));\n }\n }\n }\n\n // Extract actual font names from the value\n value\n .split(',')\n .map((font) => font.trim())\n .forEach((font) => {\n // Skip var() references (handled above)\n if (font.startsWith('var(')) {\n return;\n }\n\n // Remove quotes\n if (\n (font.startsWith('\"') && font.endsWith('\"')) \|\|\n (font.startsWith(\"'\") && font.endsWith(\"'\"))\n ) {\n font = font.slice(1, -1);\n }\n\n // Skip generic families\n if (\n [\n 'serif',\n 'sans-serif',\n 'monospace',\n 'cursive',\n 'fantasy',\n 'system-ui',\n 'ui-monospace',\n 'ui-serif',\n 'ui-sans-serif',\n 'ui-rounded',\n ].includes(font.toLowerCase())\n ) {\n return;\n }\n\n if (font) {\n fontNames.push(font);\n }\n });\n\n return fontNames;\n };\n\n // Process font variable definitions and resolve nested references\n for (const [varName, value] of fontVarDefinitions) {\n const usage = fontVarUsage.get(varName);\n\n // Only include fonts from this variable if it's used in a meaningful selector\n if (usage?.used && usage?.meaningful) {\n const fontNames = resolveToFontNames(value);\n fontNames.forEach((name) => usedFontFamilies.add(name));\n }\n }\n\n // Second pass: remove unused @font-face rules and track which fonts are kept\n const keptFonts = new Set<string>();\n root.walkAtRules('font-face', (atRule) => {\n let fontFamily: string \| null = null;\n\n atRule.walkDecls('font-family', (decl) => {\n fontFamily = decl.value.replace(/[\"']/g, '').trim();\n });\n\n if (fontFamily && !usedFontFamilies.has(fontFamily)) {\n atRule.remove();\n } else if (fontFamily) {\n keptFonts.add(fontFamily);\n }\n });\n\n // Third pass: update CSS variable definitions to remove fonts that were not kept\n // This ensures variables like --uds-font-mono don't reference fonts we didn't load\n root.walkDecls((decl) => {\n if (\n decl.prop.startsWith('--uds-font-') &&\n !decl.prop.includes('size') &&\n !decl.prop.includes('weight') &&\n !decl.prop.includes('slant') &&\n !decl.prop.includes('width')\n ) {\n // Parse the font stack and filter out fonts that weren't kept\n const fonts = decl.value.split(',').map((f) => f.trim());\n const filteredFonts = fonts.filter((font) => {\n // Keep var() references\n if (font.startsWith('var(')) {\n return true;\n }\n\n // Extract font name (remove quotes)\n let fontName = font;\n if (\n (font.startsWith('\"') && font.endsWith('\"')) \|\|\n (font.startsWith(\"'\") && font.endsWith(\"'\"))\n ) {\n fontName = font.slice(1, -1);\n }\n\n // Keep generic font families\n if (\n [\n 'serif',\n 'sans-serif',\n 'monospace',\n 'cursive',\n 'fantasy',\n 'system-ui',\n 'ui-monospace',\n 'ui-serif',\n 'ui-sans-serif',\n 'ui-rounded',\n ].includes(fontName.toLowerCase())\n ) {\n return true;\n }\n\n // Keep fonts that have @font-face declarations\n return keptFonts.has(fontName);\n });\n\n // Update the declaration if fonts were removed\n if (filteredFonts.length < fonts.length && filteredFonts.length > 0) {\n decl.value = filteredFonts.join(', ');\n }\n }\n });\n },\n };\n}\n\nremoveUnusedFontFaces.postcss = true;\n\n/*\n PostCSS plugin to remove redundant .uds-color-mode-light rules.\n * Light mode is the default (set on :root), so the explicit class is unnecessary.\n /\nfunction removeRedundantLightModePlugin(): Plugin {\n return {\n postcssPlugin: 'remove-redundant-light-mode',\n Once(root: Root) {\n root.walkRules((rule) => {\n // Match .uds-color-mode-light selector (exact match or as part of selector list)\n const selectors = rule.selector.split(',').map((s) => s.trim());\n const filteredSelectors = selectors.filter((s) => {\n // Remove selectors that are exactly .uds-color-mode-light\n // or .uds-color-mode-light with just :root/:where/:is wrappers\n const normalized = s.replace(/\\s+/g, ' ').trim();\n return (\n normalized !== '.uds-color-mode-light' &&\n normalized !== ':root .uds-color-mode-light' &&\n normalized !== ':where(.uds-color-mode-light)' &&\n normalized !== ':is(.uds-color-mode-light)'\n );\n });\n\n if (filteredSelectors.length === 0) {\n // All selectors were light mode - remove the entire rule\n rule.remove();\n } else if (filteredSelectors.length < selectors.length) {\n // Some selectors were light mode - update the selector\n rule.selector = filteredSelectors.join(', ');\n }\n });\n },\n };\n}\n\nremoveRedundantLightModePlugin.postcss = true;\n\n/\n PostCSS plugin to remove empty CSS rules (rules with no declarations).\n * Also aggregates duplicate selectors.\n /\nfunction removeEmptyRulesPlugin(): Plugin {\n return {\n postcssPlugin: 'remove-empty-rules',\n Once(root: Root) {\n // Remove empty rules\n root.walkRules((rule) => {\n // Check if rule has any declarations (not just comments or empty)\n const hasDeclarations = rule.nodes?.some(\n (node) => node.type === 'decl' \|\| (node.type === 'rule' && node.nodes?.length > 0),\n );\n\n if (!hasDeclarations) {\n rule.remove();\n }\n });\n\n // Remove empty at-rules (like empty @media blocks)\n root.walkAtRules((atRule) => {\n if (atRule.name !== 'font-face' && atRule.name !== 'keyframes') {\n const hasContent = atRule.nodes?.some((node) => {\n if (node.type === 'rule') {\n return node.nodes?.some((n) => n.type === 'decl');\n }\n if (node.type === 'decl') {\n return true;\n }\n return false;\n });\n\n if (!hasContent && atRule.nodes?.length === 0) {\n atRule.remove();\n }\n }\n });\n },\n };\n}\n\nremoveEmptyRulesPlugin.postcss = true;\n\n/\n PostCSS plugin to aggregate rules with identical selectors.\n /\nfunction aggregateDuplicateSelectorsPlugin(): Plugin {\n return {\n postcssPlugin: 'aggregate-duplicate-selectors',\n Once(root: Root) {\n // Map of selector -> first rule with that selector\n const selectorMap = new Map<string, Rule>();\n\n // Collect rules to process (only top-level rules, not nested)\n const rulesToProcess: Rule[] = [];\n root.walkRules((rule) => {\n // Only process top-level rules (direct children of root or at-rules)\n if (rule.parent?.type === 'root' \|\| rule.parent?.type === 'atrule') {\n rulesToProcess.push(rule);\n }\n });\n\n for (const rule of rulesToProcess) {\n const selector = rule.selector;\n const parent = rule.parent;\n\n // Create a unique key including the parent context\n const parentKey =\n parent?.type === 'atrule'\n ? `@${(parent as AtRule).name}:${(parent as AtRule).params}`\n : 'root';\n const key = `${parentKey}\|${selector}`;\n\n if (selectorMap.has(key)) {\n const existingRule = selectorMap.get(key)!;\n\n // Move all declarations from current rule to existing rule\n rule.walkDecls((decl) => {\n // Check if the declaration already exists\n const existingDecl = existingRule.nodes?.find(\n (node): node is Declaration => node.type === 'decl' && node.prop === decl.prop,\n );\n\n if (existingDecl) {\n // Replace with new value\n existingDecl.value = decl.value;\n } else {\n // Append the declaration\n existingRule.append(decl.clone());\n }\n });\n\n // Remove the duplicate rule\n rule.remove();\n } else {\n selectorMap.set(key, rule);\n }\n }\n },\n };\n}\n\naggregateDuplicateSelectorsPlugin.postcss = true;\n\n/\n Validates CSS syntax and returns any errors found.\n /\nfunction validateCSS(css: string): { valid: boolean; errors: string[] } {\n const errors: string[] = [];\n\n try {\n // Parse the CSS to check for syntax errors\n const result = postcss.parse(css);\n\n // Check for common issues\n result.walkRules((rule) => {\n // Check for empty selectors\n if (!rule.selector.trim()) {\n errors.push(`Empty selector found at line ${rule.source?.start?.line}`);\n }\n\n // Check for malformed selectors\n try {\n // Basic selector validation - this catches obvious syntax errors\n if (rule.selector.includes('{{') \|\| rule.selector.includes('}}')) {\n errors.push(`Malformed selector \"${rule.selector}\" at line ${rule.source?.start?.line}`);\n }\n } catch {\n errors.push(`Invalid selector \"${rule.selector}\" at line ${rule.source?.start?.line}`);\n }\n });\n\n // Check for unclosed blocks (postcss.parse will throw for these)\n result.walkDecls((decl) => {\n // Check for missing values\n if (!decl.value.trim()) {\n errors.push(`Empty value for property \"${decl.prop}\" at line ${decl.source?.start?.line}`);\n }\n });\n\n return { valid: errors.length === 0, errors };\n } catch (error) {\n if (error instanceof Error) {\n errors.push(`CSS Parse Error: ${error.message}`);\n } else {\n errors.push('Unknown CSS parse error');\n }\n return { valid: false, errors };\n }\n}\n\n/\n Reference data extracted from CSS for deduplication\n /\ninterface CSSReferenceData {\n /* Font-face fingerprints (font-family + src + weight + style) /\n fontFaces: Set<string>;\n /* Keyframes fingerprints (name + content) /\n keyframes: Set<string>;\n /* Regular rule fingerprints (selector + declarations) /\n rules: Set<string>;\n}\n\n/\n Create a fingerprint for a @font-face rule\n /\nfunction getFontFaceFingerprint(atRule: AtRule): string {\n let fontFamily = '';\n let src = '';\n let fontWeight = 'normal';\n let fontStyle = 'normal';\n\n atRule.walkDecls((decl) => {\n if (decl.prop === 'font-family') {\n fontFamily = decl.value.replace(/[\"']/g, '').trim();\n } else if (decl.prop === 'src') {\n src = decl.value;\n } else if (decl.prop === 'font-weight') {\n fontWeight = decl.value;\n } else if (decl.prop === 'font-style') {\n fontStyle = decl.value;\n }\n });\n\n return JSON.stringify({ fontFamily, src, fontWeight, fontStyle });\n}\n\n/\n Create a fingerprint for a @keyframes rule\n /\nfunction getKeyframesFingerprint(atRule: AtRule): string {\n // Use name + normalized content as fingerprint\n const name = atRule.params;\n const content = atRule.toString().replace(/\\s+/g, ' ').trim();\n return JSON.stringify({ name, content });\n}\n\n/\n Normalize a selector by removing scope prefix and whitespace\n /\nfunction normalizeSelector(selector: string, scopeClass?: string): string {\n let normalized = selector.trim();\n if (scopeClass) {\n // Remove scope prefix patterns like \".scope \" or \".scope.\"\n const escapedScope = scopeClass.replace(/[.+?^${}()\|[\\]\\\\]/g, '\\\\$&');\n normalized = normalized\n .replace(new RegExp(`${escapedScope}\\\\s+`, 'g'), '')\n .replace(new RegExp(`${escapedScope}\\\\.`, 'g'), '.')\n .replace(new RegExp(`${escapedScope}`, 'g'), '');\n }\n return normalized.replace(/\\s+/g, ' ').trim();\n}\n\n/*\n Create a fingerprint for a CSS rule (selector + declarations)\n /\nfunction getRuleFingerprint(rule: Rule, scopeClass?: string): string {\n const selector = normalizeSelector(rule.selector, scopeClass);\n const declarations: string[] = [];\n\n rule.walkDecls((decl) => {\n declarations.push(`${decl.prop}:${decl.value}`);\n });\n\n // Sort declarations for consistent comparison\n declarations.sort();\n return JSON.stringify({ selector, declarations });\n}\n\n/\n Extract reference data from CSS for deduplication\n /\nfunction extractCSSReferenceData(css: string, scopeClass?: string): CSSReferenceData {\n const data: CSSReferenceData = {\n fontFaces: new Set(),\n keyframes: new Set(),\n rules: new Set(),\n };\n\n try {\n const root = postcss.parse(css);\n\n root.walkAtRules((atRule) => {\n if (atRule.name === 'font-face') {\n data.fontFaces.add(getFontFaceFingerprint(atRule));\n } else if (atRule.name === 'keyframes' \|\| atRule.name === '-webkit-keyframes') {\n data.keyframes.add(getKeyframesFingerprint(atRule));\n }\n });\n\n root.walkRules((rule) => {\n // Skip rules inside @font-face or @keyframes\n if (rule.parent?.type === 'atrule') {\n const parentName = (rule.parent as AtRule).name;\n if (\n parentName === 'font-face' \|\|\n parentName === 'keyframes' \|\|\n parentName === '-webkit-keyframes'\n ) {\n return;\n }\n }\n data.rules.add(getRuleFingerprint(rule, scopeClass));\n });\n } catch {\n // If parsing fails, return empty data\n }\n\n return data;\n}\n\n/\n PostCSS plugin to remove CSS that exists in reference CSS\n * Handles @font-face, @keyframes, and regular rule deduplication\n /\nfunction removeDuplicateCss(referenceData: CSSReferenceData, scopeClass?: string): Plugin {\n return {\n postcssPlugin: 'remove-duplicate-css',\n Once(root: Root) {\n const toRemove: (AtRule \| Rule)[] = [];\n\n root.walkAtRules((atRule) => {\n if (atRule.name === 'font-face') {\n const fingerprint = getFontFaceFingerprint(atRule);\n if (referenceData.fontFaces.has(fingerprint)) {\n toRemove.push(atRule);\n }\n } else if (atRule.name === 'keyframes' \|\| atRule.name === '-webkit-keyframes') {\n const fingerprint = getKeyframesFingerprint(atRule);\n if (referenceData.keyframes.has(fingerprint)) {\n toRemove.push(atRule);\n }\n }\n });\n\n root.walkRules((rule) => {\n // Skip rules inside @font-face or @keyframes\n if (rule.parent?.type === 'atrule') {\n const parentName = (rule.parent as AtRule).name;\n if (\n parentName === 'font-face' \|\|\n parentName === 'keyframes' \|\|\n parentName === '-webkit-keyframes'\n ) {\n return;\n }\n }\n\n const fingerprint = getRuleFingerprint(rule, scopeClass);\n if (referenceData.rules.has(fingerprint)) {\n toRemove.push(rule);\n }\n });\n\n // Remove duplicates\n for (const node of toRemove) {\n node.remove();\n }\n },\n };\n}\n\n/\n Options for CSS optimization\n /\ninterface OptimizeCSSOptions {\n /* Remove unused @font-face declarations (default: true) /\n removeUnusedFonts?: boolean;\n /* Remove empty CSS rules (default: true) /\n removeEmptyRules?: boolean;\n /* Aggregate duplicate selectors (default: true) /\n aggregateDuplicateSelectors?: boolean;\n /* Reference CSS to deduplicate against (for scoped CSS) /\n referenceCss?: string;\n /* Scope class used in this CSS (for normalizing selectors during deduplication) /\n scopeClass?: string;\n}\n\n/\n Optimizes CSS by:\n * 1. Removing unused @font-face declarations\n * 2. Removing empty rules\n * 3. Aggregating duplicate selectors\n \n Returns the optimized CSS and validation results.\n /\nasync function optimizeCSS(\n css: string,\n options?: OptimizeCSSOptions,\n): Promise<{\n css: string;\n validation: { valid: boolean; errors: string[] };\n stats: {\n originalSize: number;\n originalSizeGzip: number;\n optimizedSize: number;\n fontFacesRemoved: number;\n emptyRulesRemoved: number;\n };\n}> {\n const originalSize = Buffer.byteLength(css, 'utf8');\n const originalSizeGzip = gzipSync(css).length;\n\n // Count font-faces before\n const fontFacesBefore = (css.match(/@font-face/g) \|\| []).length;\n\n // Count rules before (rough estimate)\n const rulesBefore = (css.match(/\\{[^}]\\}/g) \|\| []).length;\n\n // Build list of plugins based on options (all enabled by default)\n const plugins: postcss.AcceptedPlugin[] = [];\n\n if (options?.removeUnusedFonts !== false) {\n plugins.push(removeUnusedFontFaces());\n }\n\n // Remove redundant .uds-color-mode-light rules (light is default on :root)\n plugins.push(removeRedundantLightModePlugin());\n\n // If reference CSS is provided, deduplicate all matching CSS (font-faces, keyframes, rules)\n if (options?.referenceCss) {\n const referenceData = extractCSSReferenceData(options.referenceCss);\n if (\n referenceData.fontFaces.size > 0 \|\|\n referenceData.keyframes.size > 0 \|\|\n referenceData.rules.size > 0\n ) {\n plugins.push(removeDuplicateCss(referenceData, options.scopeClass));\n }\n }\n\n if (options?.removeEmptyRules !== false) {\n plugins.push(removeEmptyRulesPlugin());\n }\n\n if (options?.aggregateDuplicateSelectors !== false) {\n plugins.push(aggregateDuplicateSelectorsPlugin());\n }\n\n // Apply optimizations\n const result =\n plugins.length > 0 ? await postcss(plugins).process(css, { from: undefined }) : { css };\n\n const optimizedCSS = result.css;\n const optimizedSize = Buffer.byteLength(optimizedCSS, 'utf8');\n\n // Count font-faces after\n const fontFacesAfter = (optimizedCSS.match(/@font-face/g) \|\| []).length;\n\n // Count rules after\n const rulesAfter = (optimizedCSS.match(/\\{[^}]*\\}/g) \|\| []).length;\n\n // Validate the result\n const validation = validateCSS(optimizedCSS);\n\n return {\n css: optimizedCSS,\n validation,\n stats: {\n originalSize,\n originalSizeGzip,\n optimizedSize,\n fontFacesRemoved: fontFacesBefore - fontFacesAfter,\n emptyRulesRemoved: Math.max(0, rulesBefore - rulesAfter),\n },\n };\n}\n\nexport {\n aggregateDuplicateSelectorsPlugin as aggregateDuplicateSelectors,\n optimizeCSS,\n type OptimizeCSSOptions,\n removeEmptyRulesPlugin as removeEmptyRules,\n removeUnusedFontFaces,\n validateCSS,\n};\n"],"mappings":"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"}

package/dist/tailwind/dist/utils/parseTokens.cjs CHANGED Viewed

@@ -1,10 +1,9 @@
 /*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
-const require_index = require('../palette/dist/index.cjs');
-const require_index$1 = require('../css-tokens/dist/index.cjs');
-const require_entries = require('./entries.cjs');
-const require_mapValues = require('./mapValues.cjs');
-const require_opacity = require('./opacity.cjs');
+const require_index = require("../palette/dist/index.cjs");
+const require_index$1 = require("../css-tokens/dist/index.cjs");
+const require_entries = require("./entries.cjs");
+const require_mapValues = require("./mapValues.cjs");
+const require_opacity = require("./opacity.cjs");
 //#region src/utils/parseTokens.ts
 /** Converts a SpectrumValueEntry to a space-separated RGB string for CSS variables. */
 function spectrumValueToRgbString(value) {
@@ -40,7 +39,7 @@ function transformColors(colors, elevationPresets, focusRingConfig) {
 	require_entries.entries(palette).forEach(([paletteType, paletteConfig]) => {
 		for (const [paletteKey, { hue, step, opacity }] of Object.entries(paletteConfig)) {
 			if (!(paletteType in tailwindConfig.palette)) tailwindConfig.palette[paletteType] = {};
-			const name = `--${require_index$1.UDS_PREFIX}-${paletteType}-color-${paletteKey}`;
+			const name = `--uds-${paletteType}-color-${paletteKey}`;
 			rootVars[name] = `var(--${require_index$1.SPECTRUM_COLOR_PREFIX}-${hue}-${step})`;
 			const opacityValue = opacity !== void 0 ? require_opacity.parseOpacityStep(opacity) : void 0;
 			tailwindConfig.palette[paletteType][paletteKey] = shouldIncludeOpacity(opacityValue) ? `rgb(var(${name}) / ${opacityValue}%)` : `rgb(var(${name}))`;
@@ -147,6 +146,5 @@ function parseTokens(config) {
 		})
 	};
 }
 //#endregion
-exports.parseTokens = parseTokens;
+exports.parseTokens = parseTokens;

package/dist/tailwind/dist/utils/parseTokens.js CHANGED Viewed

@@ -1,10 +1,9 @@
 /*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
 import { alwaysPalette } from "../palette/dist/index.js";
-import { AVATAR_SIZE_PREFIX, BACKGROUND_BLUR_FALLBACK_COLOR_PREFIX, BACKGROUND_BLUR_RADIUS_PREFIX, BACKGROUND_COLOR_PREFIX, BORDER_RADIUS_PREFIX, BORDER_WIDTH_PREFIX, DROP_SHADOW_PREFIX, ICON_SIZE_PREFIX, LINE_COLOR_PREFIX, OUTLINE_PREFIX, SPECTRUM_COLOR_PREFIX, UDS_PREFIX, getShadowLayerValue } from "../css-tokens/dist/index.js";
+import { AVATAR_SIZE_PREFIX, BACKGROUND_BLUR_FALLBACK_COLOR_PREFIX, BACKGROUND_BLUR_RADIUS_PREFIX, BACKGROUND_COLOR_PREFIX, BORDER_RADIUS_PREFIX, BORDER_WIDTH_PREFIX, DROP_SHADOW_PREFIX, ICON_SIZE_PREFIX, LINE_COLOR_PREFIX, OUTLINE_PREFIX, SPECTRUM_COLOR_PREFIX, getShadowLayerValue } from "../css-tokens/dist/index.js";
 import { entries } from "./entries.js";
 import { mapValues } from "./mapValues.js";
 import { parseOpacityStep } from "./opacity.js";
 //#region src/utils/parseTokens.ts
 /** Converts a SpectrumValueEntry to a space-separated RGB string for CSS variables. */
 function spectrumValueToRgbString(value) {
@@ -40,7 +39,7 @@ function transformColors(colors, elevationPresets, focusRingConfig) {
 	entries(palette).forEach(([paletteType, paletteConfig]) => {
 		for (const [paletteKey, { hue, step, opacity }] of Object.entries(paletteConfig)) {
 			if (!(paletteType in tailwindConfig.palette)) tailwindConfig.palette[paletteType] = {};
-			const name = `--${UDS_PREFIX}-${paletteType}-color-${paletteKey}`;
+			const name = `--uds-${paletteType}-color-${paletteKey}`;
 			rootVars[name] = `var(--${SPECTRUM_COLOR_PREFIX}-${hue}-${step})`;
 			const opacityValue = opacity !== void 0 ? parseOpacityStep(opacity) : void 0;
 			tailwindConfig.palette[paletteType][paletteKey] = shouldIncludeOpacity(opacityValue) ? `rgb(var(${name}) / ${opacityValue}%)` : `rgb(var(${name}))`;
@@ -147,7 +146,7 @@ function parseTokens(config) {
 		})
 	};
 }
 //#endregion
 export { parseTokens };
 //# sourceMappingURL=parseTokens.js.map

package/dist/tailwind/dist/utils/parseTokens.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"parseTokens.js","names":[],"sources":["../../src/utils/parseTokens.ts"],"sourcesContent":["import type { UniversalTokensConfig } from '@yahoo/uds-config';\nimport {\n AVATAR_SIZE_PREFIX,\n BACKGROUND_BLUR_FALLBACK_COLOR_PREFIX,\n BACKGROUND_BLUR_RADIUS_PREFIX,\n BACKGROUND_COLOR_PREFIX,\n BORDER_RADIUS_PREFIX,\n BORDER_WIDTH_PREFIX,\n DROP_SHADOW_PREFIX,\n getShadowLayerValue,\n ICON_SIZE_PREFIX,\n LINE_COLOR_PREFIX,\n OUTLINE_PREFIX,\n SPECTRUM_COLOR_PREFIX,\n UDS_PREFIX,\n} from '@yahoo/uds-css-tokens';\nimport { alwaysPalette } from '@yahoo/uds-palette';\nimport type {\n ColorMode,\n ColorsConfig,\n ElevationLevel,\n ElevationPreset,\n FocusRingColor,\n FocusRingConfig,\n Hue,\n HueStep,\n OpacityStep,\n PaletteConfig,\n PaletteType,\n ScaleMode,\n} from '@yahoo/uds-types';\n\nimport { entries } from './entries';\nimport { mapValues } from './mapValues';\nimport { parseOpacityStep } from './opacity';\n\n/** Converts a SpectrumValueEntry to a space-separated RGB string for CSS variables. */\nfunction spectrumValueToRgbString(value: { rgb: { r: number; g: number; b: number } }): string {\n const { r, g, b } = value.rgb;\n return `${r} ${g} ${b}`;\n}\n\nfunction shouldIncludeOpacity(opacity: OpacityStep \| undefined): boolean {\n if (!opacity) {\n return false;\n }\n\n const parsedOpacity = parseInt(opacity, 10);\n return !isNaN(parsedOpacity) && parsedOpacity !== 100;\n}\n\ntype ColorModeElevationPresets = Partial<Record<ElevationLevel, ElevationPreset>>;\n\nfunction resolveFocusRingColor(color: FocusRingColor): string {\n switch (color.type) {\n case 'spectrum':\n return `rgb(var(--${SPECTRUM_COLOR_PREFIX}-${color.value.hue}-${color.value.step}))`;\n case 'line':\n return `rgb(var(--${LINE_COLOR_PREFIX}-${color.value}))`;\n case 'always':\n return alwaysPalette[color.value as keyof typeof alwaysPalette];\n default:\n return `rgb(var(--${SPECTRUM_COLOR_PREFIX}-gray-15))`;\n }\n}\n\nfunction transformColors(\n colors: ColorsConfig,\n elevationPresets: ColorModeElevationPresets,\n focusRingConfig?: FocusRingConfig,\n) {\n const { palette, spectrum } = colors;\n const rootVars: Record<string, string> = {};\n const tailwindConfig = {\n spectrum: {} as Record<Hue, Record<HueStep, string>>,\n palette: {} as {\n [key in PaletteType]: Record<keyof PaletteConfig[key], string>;\n },\n };\n\n for (const [hue, hueSteps] of entries(spectrum)) {\n for (const [hueStep, value] of entries(hueSteps)) {\n const name = `${hue}-${hueStep}`;\n const varKey = `--${SPECTRUM_COLOR_PREFIX}-${name}`;\n if (!tailwindConfig.spectrum[hue]) {\n tailwindConfig.spectrum[hue] = {} as Record<HueStep, string>;\n }\n tailwindConfig.spectrum[hue][hueStep] = `rgb(var(${varKey}))`;\n rootVars[varKey] = spectrumValueToRgbString(value);\n }\n }\n\n entries(palette).forEach(([paletteType, paletteConfig]) => {\n for (const [paletteKey, { hue, step, opacity }] of Object.entries(paletteConfig)) {\n if (!(paletteType in tailwindConfig.palette)) {\n // @ts-expect-error we fill this object later\n tailwindConfig.palette[paletteType] = {};\n }\n const name = `--${UDS_PREFIX}-${paletteType}-color-${paletteKey}`;\n rootVars[name] = `var(--${SPECTRUM_COLOR_PREFIX}-${hue}-${step})`;\n const opacityValue = opacity !== undefined ? parseOpacityStep(opacity) : undefined;\n // @ts-expect-error this is fine\n tailwindConfig.palette[paletteType][paletteKey] = shouldIncludeOpacity(opacityValue)\n ? `rgb(var(${name}) / ${opacityValue}%)`\n : `rgb(var(${name}))`;\n }\n });\n\n // Elevation levels\n entries(elevationPresets).forEach(([level, elevationPreset]) => {\n if (elevationPreset) {\n entries(elevationPreset).forEach(([key]) => {\n // background color\n if (key === 'finalBackgroundValue') {\n const { r, g, b, a } = elevationPreset[key];\n const alpha = parseInt(a) / 100;\n const name = `--${BACKGROUND_COLOR_PREFIX}-elevation-${level}`;\n rootVars[name] = `rgba(${r}, ${g}, ${b}, ${alpha})`;\n }\n\n // border color\n if (key === 'borderColor') {\n const name = `--${LINE_COLOR_PREFIX}-elevation-${level}`;\n\n switch (elevationPreset[key].type) {\n case 'always':\n rootVars[name] = alwaysPalette[elevationPreset[key].value];\n break;\n case 'spectrum':\n rootVars[name] =\n `rgb(var(--${SPECTRUM_COLOR_PREFIX}-${elevationPreset[key].value.hue}-${elevationPreset[key].value.step}))`;\n break;\n case 'line':\n rootVars[name] = `rgb(var(--${LINE_COLOR_PREFIX}-${elevationPreset[key].value}))`;\n break;\n }\n }\n\n // border width\n if (key === 'borderWidth') {\n const name = `--${BORDER_WIDTH_PREFIX}-elevation-${level}`;\n rootVars[name] = `var(--${BORDER_WIDTH_PREFIX}-${elevationPreset[key]})`;\n }\n\n // drop shadow\n if (key === 'dropShadow') {\n const name = `--${DROP_SHADOW_PREFIX}-elevation-${level}`;\n const configValue = elevationPreset[key];\n\n rootVars[name] = Array.isArray(configValue)\n ? configValue\n .map((preset, index) =>\n getShadowLayerValue({\n preset,\n prefix: index > 0 ? `${index + 1}` : undefined,\n shadowType: 'drop',\n }),\n )\n .join(', ')\n : `var(--${DROP_SHADOW_PREFIX}-${elevationPreset[key]})`;\n }\n\n // background blur radius\n if (key === 'backgroundBlurRadius') {\n const name = `--${BACKGROUND_BLUR_RADIUS_PREFIX}-elevation-${level}`;\n rootVars[name] = `blur(${elevationPreset[key]}px)`;\n }\n\n // background blur fallback value\n if (key === 'fallbackBlurredBackgroundValue') {\n const { r, g, b } = elevationPreset[key];\n const name = `--${BACKGROUND_BLUR_FALLBACK_COLOR_PREFIX}-elevation-${level}`;\n rootVars[name] = `rgb(${r}, ${g}, ${b})`;\n }\n });\n }\n });\n\n rootVars[`--${OUTLINE_PREFIX}-offset`] = focusRingConfig ? `${focusRingConfig.offset}px` : '2px';\n rootVars[`--${OUTLINE_PREFIX}-width`] = focusRingConfig ? `${focusRingConfig.width}px` : '2px';\n rootVars[`--${OUTLINE_PREFIX}-style`] = 'solid';\n rootVars[`--${OUTLINE_PREFIX}-color`] = focusRingConfig\n ? resolveFocusRingColor(focusRingConfig.color)\n : `rgb(var(--${SPECTRUM_COLOR_PREFIX}-gray-15))`;\n\n return {\n _vars: rootVars,\n _raw: colors,\n tailwindConfig,\n };\n}\n\nfunction transformNumericToPx<T extends Record<string, number>>(prefix: string, config: T) {\n if (!config) {\n return {\n _vars: {} as Record<string, string>,\n _raw: {} as Record<string, number>,\n tailwindConfig: {} as Record<string, string>,\n };\n }\n const rootVars: Record<string, string> = {};\n const tailwindConfig = {} as Record<string, string>;\n for (const [variant, value] of entries(config)) {\n const rootVarKey = `--${prefix}-${variant}`;\n const rootVarValue = `${value}px`;\n rootVars[rootVarKey] = rootVarValue;\n tailwindConfig[variant] = `var(${rootVarKey})`;\n }\n return {\n _vars: rootVars,\n _raw: config,\n tailwindConfig,\n };\n}\n\ntype WebTokens = Omit<UniversalTokensConfig, 'colorMode' \| 'scaleMode' \| 'fontFamily'> & {\n colorMode: Record<ColorMode, ReturnType<typeof transformColors>>;\n scaleMode: Record<\n ScaleMode,\n {\n borderRadius: ReturnType<typeof transformNumericToPx>;\n borderWidth: ReturnType<typeof transformNumericToPx>;\n avatarSizes: ReturnType<typeof transformNumericToPx>;\n iconSizes: ReturnType<typeof transformNumericToPx>;\n }\n >;\n};\n\nfunction getElevationPresetsForColorMode(\n colorMode: ColorMode,\n config: UniversalTokensConfig,\n): ColorModeElevationPresets {\n if (!config.elevation) {\n return {};\n }\n\n const result: ColorModeElevationPresets = {};\n\n entries(config.elevation).forEach(([level, levelPreset]) => {\n result[level] = levelPreset[colorMode];\n });\n\n return result;\n}\n\nexport function parseTokens(config: UniversalTokensConfig): WebTokens {\n const { colorMode, scaleMode } = config;\n\n return {\n ...config,\n colorMode: {\n light: transformColors(\n colorMode.light,\n getElevationPresetsForColorMode('light', config),\n config.focusRing?.light,\n ),\n dark: transformColors(\n colorMode.dark,\n getElevationPresetsForColorMode('dark', config),\n config.focusRing?.dark,\n ),\n },\n scaleMode: mapValues(scaleMode, ({ borderRadius, borderWidth, avatarSizes, iconSizes }) => {\n return {\n borderRadius: transformNumericToPx(BORDER_RADIUS_PREFIX, borderRadius),\n borderWidth: transformNumericToPx(BORDER_WIDTH_PREFIX, borderWidth),\n avatarSizes: transformNumericToPx(AVATAR_SIZE_PREFIX, avatarSizes),\n iconSizes: transformNumericToPx(ICON_SIZE_PREFIX, iconSizes),\n };\n }),\n };\n}\n\nexport { type WebTokens };\n"],"mappings":"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"}
1	+ {"version":3,"file":"parseTokens.js","names":[],"sources":["../../src/utils/parseTokens.ts"],"sourcesContent":["import type { UniversalTokensConfig } from '@yahoo/uds-config';\nimport {\n AVATAR_SIZE_PREFIX,\n BACKGROUND_BLUR_FALLBACK_COLOR_PREFIX,\n BACKGROUND_BLUR_RADIUS_PREFIX,\n BACKGROUND_COLOR_PREFIX,\n BORDER_RADIUS_PREFIX,\n BORDER_WIDTH_PREFIX,\n DROP_SHADOW_PREFIX,\n getShadowLayerValue,\n ICON_SIZE_PREFIX,\n LINE_COLOR_PREFIX,\n OUTLINE_PREFIX,\n SPECTRUM_COLOR_PREFIX,\n UDS_PREFIX,\n} from '@yahoo/uds-css-tokens';\nimport { alwaysPalette } from '@yahoo/uds-palette';\nimport type {\n ColorMode,\n ColorsConfig,\n ElevationLevel,\n ElevationPreset,\n FocusRingColor,\n FocusRingConfig,\n Hue,\n HueStep,\n OpacityStep,\n PaletteConfig,\n PaletteType,\n ScaleMode,\n} from '@yahoo/uds-types';\n\nimport { entries } from './entries';\nimport { mapValues } from './mapValues';\nimport { parseOpacityStep } from './opacity';\n\n/** Converts a SpectrumValueEntry to a space-separated RGB string for CSS variables. */\nfunction spectrumValueToRgbString(value: { rgb: { r: number; g: number; b: number } }): string {\n const { r, g, b } = value.rgb;\n return `${r} ${g} ${b}`;\n}\n\nfunction shouldIncludeOpacity(opacity: OpacityStep \| undefined): boolean {\n if (!opacity) {\n return false;\n }\n\n const parsedOpacity = parseInt(opacity, 10);\n return !isNaN(parsedOpacity) && parsedOpacity !== 100;\n}\n\ntype ColorModeElevationPresets = Partial<Record<ElevationLevel, ElevationPreset>>;\n\nfunction resolveFocusRingColor(color: FocusRingColor): string {\n switch (color.type) {\n case 'spectrum':\n return `rgb(var(--${SPECTRUM_COLOR_PREFIX}-${color.value.hue}-${color.value.step}))`;\n case 'line':\n return `rgb(var(--${LINE_COLOR_PREFIX}-${color.value}))`;\n case 'always':\n return alwaysPalette[color.value as keyof typeof alwaysPalette];\n default:\n return `rgb(var(--${SPECTRUM_COLOR_PREFIX}-gray-15))`;\n }\n}\n\nfunction transformColors(\n colors: ColorsConfig,\n elevationPresets: ColorModeElevationPresets,\n focusRingConfig?: FocusRingConfig,\n) {\n const { palette, spectrum } = colors;\n const rootVars: Record<string, string> = {};\n const tailwindConfig = {\n spectrum: {} as Record<Hue, Record<HueStep, string>>,\n palette: {} as {\n [key in PaletteType]: Record<keyof PaletteConfig[key], string>;\n },\n };\n\n for (const [hue, hueSteps] of entries(spectrum)) {\n for (const [hueStep, value] of entries(hueSteps)) {\n const name = `${hue}-${hueStep}`;\n const varKey = `--${SPECTRUM_COLOR_PREFIX}-${name}`;\n if (!tailwindConfig.spectrum[hue]) {\n tailwindConfig.spectrum[hue] = {} as Record<HueStep, string>;\n }\n tailwindConfig.spectrum[hue][hueStep] = `rgb(var(${varKey}))`;\n rootVars[varKey] = spectrumValueToRgbString(value);\n }\n }\n\n entries(palette).forEach(([paletteType, paletteConfig]) => {\n for (const [paletteKey, { hue, step, opacity }] of Object.entries(paletteConfig)) {\n if (!(paletteType in tailwindConfig.palette)) {\n // @ts-expect-error we fill this object later\n tailwindConfig.palette[paletteType] = {};\n }\n const name = `--${UDS_PREFIX}-${paletteType}-color-${paletteKey}`;\n rootVars[name] = `var(--${SPECTRUM_COLOR_PREFIX}-${hue}-${step})`;\n const opacityValue = opacity !== undefined ? parseOpacityStep(opacity) : undefined;\n // @ts-expect-error this is fine\n tailwindConfig.palette[paletteType][paletteKey] = shouldIncludeOpacity(opacityValue)\n ? `rgb(var(${name}) / ${opacityValue}%)`\n : `rgb(var(${name}))`;\n }\n });\n\n // Elevation levels\n entries(elevationPresets).forEach(([level, elevationPreset]) => {\n if (elevationPreset) {\n entries(elevationPreset).forEach(([key]) => {\n // background color\n if (key === 'finalBackgroundValue') {\n const { r, g, b, a } = elevationPreset[key];\n const alpha = parseInt(a) / 100;\n const name = `--${BACKGROUND_COLOR_PREFIX}-elevation-${level}`;\n rootVars[name] = `rgba(${r}, ${g}, ${b}, ${alpha})`;\n }\n\n // border color\n if (key === 'borderColor') {\n const name = `--${LINE_COLOR_PREFIX}-elevation-${level}`;\n\n switch (elevationPreset[key].type) {\n case 'always':\n rootVars[name] = alwaysPalette[elevationPreset[key].value];\n break;\n case 'spectrum':\n rootVars[name] =\n `rgb(var(--${SPECTRUM_COLOR_PREFIX}-${elevationPreset[key].value.hue}-${elevationPreset[key].value.step}))`;\n break;\n case 'line':\n rootVars[name] = `rgb(var(--${LINE_COLOR_PREFIX}-${elevationPreset[key].value}))`;\n break;\n }\n }\n\n // border width\n if (key === 'borderWidth') {\n const name = `--${BORDER_WIDTH_PREFIX}-elevation-${level}`;\n rootVars[name] = `var(--${BORDER_WIDTH_PREFIX}-${elevationPreset[key]})`;\n }\n\n // drop shadow\n if (key === 'dropShadow') {\n const name = `--${DROP_SHADOW_PREFIX}-elevation-${level}`;\n const configValue = elevationPreset[key];\n\n rootVars[name] = Array.isArray(configValue)\n ? configValue\n .map((preset, index) =>\n getShadowLayerValue({\n preset,\n prefix: index > 0 ? `${index + 1}` : undefined,\n shadowType: 'drop',\n }),\n )\n .join(', ')\n : `var(--${DROP_SHADOW_PREFIX}-${elevationPreset[key]})`;\n }\n\n // background blur radius\n if (key === 'backgroundBlurRadius') {\n const name = `--${BACKGROUND_BLUR_RADIUS_PREFIX}-elevation-${level}`;\n rootVars[name] = `blur(${elevationPreset[key]}px)`;\n }\n\n // background blur fallback value\n if (key === 'fallbackBlurredBackgroundValue') {\n const { r, g, b } = elevationPreset[key];\n const name = `--${BACKGROUND_BLUR_FALLBACK_COLOR_PREFIX}-elevation-${level}`;\n rootVars[name] = `rgb(${r}, ${g}, ${b})`;\n }\n });\n }\n });\n\n rootVars[`--${OUTLINE_PREFIX}-offset`] = focusRingConfig ? `${focusRingConfig.offset}px` : '2px';\n rootVars[`--${OUTLINE_PREFIX}-width`] = focusRingConfig ? `${focusRingConfig.width}px` : '2px';\n rootVars[`--${OUTLINE_PREFIX}-style`] = 'solid';\n rootVars[`--${OUTLINE_PREFIX}-color`] = focusRingConfig\n ? resolveFocusRingColor(focusRingConfig.color)\n : `rgb(var(--${SPECTRUM_COLOR_PREFIX}-gray-15))`;\n\n return {\n _vars: rootVars,\n _raw: colors,\n tailwindConfig,\n };\n}\n\nfunction transformNumericToPx<T extends Record<string, number>>(prefix: string, config: T) {\n if (!config) {\n return {\n _vars: {} as Record<string, string>,\n _raw: {} as Record<string, number>,\n tailwindConfig: {} as Record<string, string>,\n };\n }\n const rootVars: Record<string, string> = {};\n const tailwindConfig = {} as Record<string, string>;\n for (const [variant, value] of entries(config)) {\n const rootVarKey = `--${prefix}-${variant}`;\n const rootVarValue = `${value}px`;\n rootVars[rootVarKey] = rootVarValue;\n tailwindConfig[variant] = `var(${rootVarKey})`;\n }\n return {\n _vars: rootVars,\n _raw: config,\n tailwindConfig,\n };\n}\n\ntype WebTokens = Omit<UniversalTokensConfig, 'colorMode' \| 'scaleMode' \| 'fontFamily'> & {\n colorMode: Record<ColorMode, ReturnType<typeof transformColors>>;\n scaleMode: Record<\n ScaleMode,\n {\n borderRadius: ReturnType<typeof transformNumericToPx>;\n borderWidth: ReturnType<typeof transformNumericToPx>;\n avatarSizes: ReturnType<typeof transformNumericToPx>;\n iconSizes: ReturnType<typeof transformNumericToPx>;\n }\n >;\n};\n\nfunction getElevationPresetsForColorMode(\n colorMode: ColorMode,\n config: UniversalTokensConfig,\n): ColorModeElevationPresets {\n if (!config.elevation) {\n return {};\n }\n\n const result: ColorModeElevationPresets = {};\n\n entries(config.elevation).forEach(([level, levelPreset]) => {\n result[level] = levelPreset[colorMode];\n });\n\n return result;\n}\n\nexport function parseTokens(config: UniversalTokensConfig): WebTokens {\n const { colorMode, scaleMode } = config;\n\n return {\n ...config,\n colorMode: {\n light: transformColors(\n colorMode.light,\n getElevationPresetsForColorMode('light', config),\n config.focusRing?.light,\n ),\n dark: transformColors(\n colorMode.dark,\n getElevationPresetsForColorMode('dark', config),\n config.focusRing?.dark,\n ),\n },\n scaleMode: mapValues(scaleMode, ({ borderRadius, borderWidth, avatarSizes, iconSizes }) => {\n return {\n borderRadius: transformNumericToPx(BORDER_RADIUS_PREFIX, borderRadius),\n borderWidth: transformNumericToPx(BORDER_WIDTH_PREFIX, borderWidth),\n avatarSizes: transformNumericToPx(AVATAR_SIZE_PREFIX, avatarSizes),\n iconSizes: transformNumericToPx(ICON_SIZE_PREFIX, iconSizes),\n };\n }),\n };\n}\n\nexport { type WebTokens };\n"],"mappings":"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"}

package/dist/tailwind/dist/utils/postcssPreserveVars.cjs CHANGED Viewed

@@ -1,5 +1,4 @@
 /*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
 //#region src/utils/postcssPreserveVars.ts
 const PRESERVE_SELECTOR = "._uds-preserve-vars";
 /**
@@ -60,7 +59,6 @@ function preserveVarsCleanup() {
 	};
 }
 preserveVarsCleanup.postcss = true;
 //#endregion
 exports.preserveVars = preserveVars;
-exports.preserveVarsCleanup = preserveVarsCleanup;
+exports.preserveVarsCleanup = preserveVarsCleanup;

package/dist/tailwind/dist/utils/postcssPreserveVars.js CHANGED Viewed

@@ -59,7 +59,7 @@ function preserveVarsCleanup() {
 	};
 }
 preserveVarsCleanup.postcss = true;
 //#endregion
 export { preserveVars, preserveVarsCleanup };
 //# sourceMappingURL=postcssPreserveVars.js.map

package/dist/tailwind/dist/utils/tsMorph.cjs CHANGED Viewed

@@ -1,11 +1,10 @@
 /*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
-const require_runtime = require('../_virtual/_rolldown/runtime.cjs');
+const require_runtime = require("../_virtual/_rolldown/runtime.cjs");
 let ts_morph = require("ts-morph");
 let lodash_camelCase_js = require("lodash/camelCase.js");
-lodash_camelCase_js = require_runtime.__toESM(lodash_camelCase_js);
+lodash_camelCase_js = require_runtime.__toESM(lodash_camelCase_js, 1);
 let lodash_isEmpty_js = require("lodash/isEmpty.js");
-lodash_isEmpty_js = require_runtime.__toESM(lodash_isEmpty_js);
+lodash_isEmpty_js = require_runtime.__toESM(lodash_isEmpty_js, 1);
 //#region src/utils/tsMorph.ts
 /** Determines if an expression is using React.forwardRef. */
 function isForwardRefExpression(node) {
@@ -119,8 +118,7 @@ const getUsedPropsInReference = (reference, variants) => {
 	});
 	return res;
 };
 //#endregion
 exports.findReferencesAsJsxElements = findReferencesAsJsxElements;
 exports.getReactFunctionDeclaration = getReactFunctionDeclaration;
-exports.getUsedPropsInReference = getUsedPropsInReference;
+exports.getUsedPropsInReference = getUsedPropsInReference;

package/dist/tailwind/dist/utils/tsMorph.js CHANGED Viewed

@@ -1,7 +1,6 @@
 /*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
 import { camelCase, isEmpty } from "lodash-es";
 import { Node, SyntaxKind } from "ts-morph";
 //#region src/utils/tsMorph.ts
 /** Determines if an expression is using React.forwardRef. */
 function isForwardRefExpression(node) {
@@ -115,7 +114,7 @@ const getUsedPropsInReference = (reference, variants) => {
 	});
 	return res;
 };
 //#endregion
 export { findReferencesAsJsxElements, getReactFunctionDeclaration, getUsedPropsInReference };
 //# sourceMappingURL=tsMorph.js.map