@yahoo/uds 3.58.1 → 3.59.0-beta.1

package/dist/tailwind/tailwindPlugin.js

@@ -0,0 +1,296 @@
+/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
+import { __require } from "../_virtual/rolldown_runtime.js";
+import { BORDER_RADIUS_PREFIX, BORDER_WIDTH_PREFIX, DARK_COLOR_MODE_CLASSNAME, FONT_SIZE_PREFIX, INVERT_COLOR_MODE_CLASSNAME, LIGHT_COLOR_MODE_CLASSNAME, LINE_HEIGHT_PREFIX, SYSTEM_COLOR_MODE_CLASSNAME, TEXT_RESPONSIVE_BREAKPOINT_CLASSNAMES, TEXT_RESPONSIVE_CLASSNAME } from "../tokens/consts/cssTokens.js";
+import { assertUnreachable } from "../utils/assertUnreachable.js";
+import { RESPONSIVE_TAILWIND_CONFIG_MAP, getBaseTextVars, getResponsiveTextStyles, textVariantsSafe } from "./components/getResponsiveTextStyles.js";
+import { getShadowPresetValues } from "./utils/getShadowPresetValues.js";
+import { generateStyles } from "../tokens/automation/utils/index.js";
+import { alwaysPalette } from "../tokens/configs/palette.js";
+import { fontWeightMap } from "../tokens/configs/typography.js";
+import { DEFAULT_COLOR_MODE, DEFAULT_SCALE_MODE } from "../tokens/consts/defaultModes.js";
+import { entries as entries$1 } from "../tokens/utils/entries.js";
+import { fromEntries } from "../tokens/utils/fromEntries.js";
+import { mapValues } from "../tokens/utils/mapValues.js";
+import { udsToTailwindMap } from "./defaultTailwindThemeAsUdsConfig.js";
+import { parseTokens } from "../tokens/parseTokens.js";
+import { AvatarConfig, BadgeConfig, CheckboxConfig, ChipConfig, DividerConfig, InputConfig, LinkConfig, MenuConfig, RadioConfig, SwitchConfig } from "../generated/generatedConfigs.js";
+import { addFontFaceDeclarations } from "./base/addFontFaceDeclarations.js";
+import { getShadowStyles } from "./utils/getShadowStyles.js";
+import { addColorModeVars } from "./base/addColorModeVars.js";
+import { addColorModeVarsV2 } from "./base/addColorModeVarsV2.js";
+import { addFontVars } from "./base/addFontVars.js";
+import { addMotionVars } from "./base/addMotionVars.js";
+import { addScaleModeVars } from "./base/addScaleModeVars.js";
+import { getButtonColorForProperty } from "./components/utils.js";
+import { getButtonStyles, getTailwindButtonStyles } from "./components/getButtonStyles.js";
+import { getFocusRingStyles } from "./components/getFocusRingStyles.js";
+import { getGroupedTextStyles } from "./components/getGroupedTextStyles.js";
+import { getHitTargetStyles } from "./components/getHitTargetStyles.js";
+import { getIconButtonStyles, getTailwindIconButtonStyles } from "./components/getIconButtonStyles.js";
+import { getIconStyles } from "./components/getIconStyles.js";
+import { getInputStyles } from "./components/getInputStyles.js";
+import { getFontFamilyTheme } from "./theme/getFontFamilyTheme.js";
+import { shadowOffsetMap, shadowOpacityMap, shadowSpreadRadiusMap, tailwindColorsAsUds, textVariants } from "@yahoo/uds/fixtures";
+import { isString } from "lodash-es";
+import plugin from "tailwindcss/plugin.js";
+
+//#region src/tailwind/tailwindPlugin.ts
+const tailwindPlugin = plugin.withOptions(function({ config, disableFontFaceDeclarations = false, enableSystemColorMode = false, previewOptions = { generatePseudoStateClassModifier: false } }) {
+	if (!config) throw new Error("`tailwindPlugin` requires a config object. If your project has not yet sync'd a config, you can import `defaultTokensConfig` from `@yahoo/uds/defaultTokensConfig` and pass it to `tailwindPlugin`.");
+	return function({ addBase: addBase_, addUtilities: addUtilities_, addComponents: addComponents_, matchUtilities, theme, config: getRootConfig }) {
+		const parentConfigImportant = getRootConfig().important;
+		const useImportNamespace = isString(parentConfigImportant);
+		const rootSelector = useImportNamespace ? parentConfigImportant : ":root";
+		const fns = {
+			addRootVariables(css) {
+				addBase_({ [rootSelector]: css });
+			},
+			addBase: addBase_,
+			addComponents(css) {
+				addComponents_(css, { respectImportant: useImportNamespace });
+			},
+			addUtilities(css) {
+				addUtilities_(css, {
+					respectPrefix: true,
+					respectImportant: useImportNamespace
+				});
+			}
+		};
+		const { addRootVariables, addBase, addComponents, addUtilities } = fns;
+		const tokens = parseTokens(config);
+		const fontIds = Object.values(config.font);
+		if (disableFontFaceDeclarations === false) addFontFaceDeclarations(fontIds, fns);
+		addFontVars(config.font, fns);
+		addScaleModeVars(tokens, fns);
+		if (enableSystemColorMode) addColorModeVarsV2(tokens, fns);
+		else addColorModeVars(tokens, fns);
+		addRootVariables(getBaseTextVars(config));
+		addBase(getGroupedTextStyles());
+		if ((config.globalDefaults.enableResponsiveType ?? false) && config.typography && config.breakpoints) addComponents(getResponsiveTextStyles(config));
+		/** Add shadow utilities to make shadow props available in Tailwind */
+		if (config.shadow) {
+			const dropShadowVariables = getShadowPresetValues({
+				config,
+				shadowType: "drop"
+			});
+			const insetShadowVariables = getShadowPresetValues({
+				config,
+				shadowType: "inset"
+			});
+			addRootVariables({
+				...dropShadowVariables,
+				...insetShadowVariables
+			});
+			const dropShadowStyles = getShadowStyles({
+				config,
+				shadowType: "drop"
+			});
+			const insetShadowStyles = getShadowStyles({
+				config,
+				shadowType: "inset"
+			});
+			addUtilities({
+				...dropShadowStyles,
+				...insetShadowStyles
+			});
+		}
+		if (config.button) addComponents(getTailwindButtonStyles(config.button, theme));
+		if (config.iconButton) addComponents(getTailwindIconButtonStyles(config.iconButton, theme));
+		if (config?.divider) addComponents(generateStyles(DividerConfig, config.divider, theme, previewOptions));
+		if (config?.link) addComponents(generateStyles(LinkConfig, config.link, theme, previewOptions));
+		if (config?.badge) addComponents(generateStyles(BadgeConfig, config.badge, theme, previewOptions));
+		if (config?.radio) addComponents(generateStyles(RadioConfig, config.radio, theme, previewOptions));
+		if (config?.avatar) addComponents(generateStyles(AvatarConfig, config.avatar, theme, previewOptions));
+		if (config?.chip) addComponents(generateStyles(ChipConfig, config.chip, theme, previewOptions));
+		if (config?.switch) addComponents(generateStyles(SwitchConfig, config.switch, theme, previewOptions));
+		if (config?.checkbox) addComponents(generateStyles(CheckboxConfig, config.checkbox, theme, previewOptions));
+		if (config?.menu) addComponents(generateStyles(MenuConfig, config.menu, theme, previewOptions));
+		if (config?.input) addComponents(generateStyles(InputConfig, config.input, theme, previewOptions));
+		if (config.motion) addMotionVars(config.motion, fns);
+		addComponents(getHitTargetStyles());
+		addComponents(getFocusRingStyles({ theme }));
+		addComponents(getInputStyles());
+		addBase(getIconStyles());
+		matchUtilities({ iconSize: (value) => ({
+			width: value,
+			height: value,
+			fontSize: value,
+			lineHeight: value
+		}) }, { values: theme("sizing.icon") });
+		matchUtilities({ avatarSize: (value) => ({
+			width: value,
+			height: value
+		}) }, { values: theme("sizing.avatar") });
+		matchUtilities({ case: (value) => ({ "text-transform": value }) }, { values: theme("typography.textTransform") });
+		const namedFontWeightsFromPlugin = theme("typography.fontWeight") || {};
+		const fontWeightsWithDescriptives = {
+			...fontWeightMap,
+			...namedFontWeightsFromPlugin
+		};
+		Object.entries(fontWeightsWithDescriptives).forEach(([fontWeight, value]) => {
+			const styles = {};
+			if (textVariants.map(textVariantsSafe).includes(fontWeight)) {
+				const textVariant = fontWeight;
+				styles["font-weight"] = value;
+				styles["font-variation-settings"] = `"wght" ${value}, "slnt" ${theme(`typography.fontSlant.${textVariant}`)}, "wdth" ${theme(`typography.fontWidth.${textVariant}`)}`;
+			} else styles["font-weight"] = value;
+			addUtilities({ [`.font-weight-${fontWeight}`]: styles });
+		});
+		matchUtilities({ "font-size": (value) => ({ "font-size": value }) }, { values: theme("typography.fontSize") });
+	};
+}, function({ config, safelist = [] }) {
+	if (!config) throw new Error("No config provided");
+	const enableResponsiveTypeRamp = config.globalDefaults.enableResponsiveType ?? false;
+	const tokens = parseTokens(config);
+	const colorModeToken = tokens.colorMode[DEFAULT_COLOR_MODE].tailwindConfig;
+	const scaleModeToken = tokens.scaleMode[DEFAULT_SCALE_MODE];
+	const spectrumWithTailwind = mapValues(colorModeToken.spectrum, (hueConfig, hue) => {
+		return {
+			...hueConfig,
+			...tailwindColorsAsUds[hue]
+		};
+	});
+	const colors = {
+		...tailwindColorsAsUds,
+		...spectrumWithTailwind,
+		...alwaysPalette
+	};
+	const textColors = colorModeToken.palette.foreground;
+	const backgroundColors$1 = colorModeToken.palette.background;
+	const borderColors = colorModeToken.palette.line;
+	/**
+	* TODO: use tuple format like tailwind does to reduce having to use
+	* separate className utils for font size & line height
+	*/
+	const fontSize = fromEntries(entries$1(udsToTailwindMap.fontSize).map(([udsAlias, twAlias]) => {
+		return [twAlias, [`var(--${FONT_SIZE_PREFIX}-${textVariantsSafe(udsAlias)})`, { lineHeight: `var(--${LINE_HEIGHT_PREFIX}-${textVariantsSafe(udsAlias)})` }]];
+	}));
+	/**
+	* The following tokens do not collide with UDS's border radius
+	* so we are not going to try and map them:
+	*  - '2xl': 16,
+	*  - '3xl': 24,
+	*/
+	const tailwindBorderRadius = fromEntries(entries$1(udsToTailwindMap.borderRadius).map(([udsAlias, twAlias]) => {
+		return [twAlias, `var(--${BORDER_RADIUS_PREFIX}-${udsAlias})`];
+	}));
+	const borderRadius = {
+		...scaleModeToken.borderRadius.tailwindConfig,
+		...tailwindBorderRadius
+	};
+	/**
+	* Reassign Tailwind's border width aliases to UDS's border width aliases
+	* This makes it so UDS configs can power both Tailwind and UDS components
+	*/
+	const tailwindBorderWidth = fromEntries(entries$1(udsToTailwindMap.borderWidth).map(([udsAlias, twAlias]) => {
+		return [twAlias, `var(--${BORDER_WIDTH_PREFIX}-${udsAlias})`];
+	}));
+	const borderWidth = {
+		...scaleModeToken.borderWidth.tailwindConfig,
+		...tailwindBorderWidth
+	};
+	const textClasses = textVariants.map((variant) => `uds-text-${textVariantsSafe(variant)}`);
+	const responsiveTextClasses = [TEXT_RESPONSIVE_CLASSNAME, ...Object.keys(TEXT_RESPONSIVE_BREAKPOINT_CLASSNAMES).map((variant) => TEXT_RESPONSIVE_BREAKPOINT_CLASSNAMES[variant])];
+	return {
+		darkMode: ["class", DARK_COLOR_MODE_CLASSNAME],
+		safelist: [
+			"uds-hit-target",
+			"uds-ring",
+			"uds-switch-handle-icon",
+			"uds-input[list]::-webkit-calendar-picker-indicator",
+			"uds-input::-webkit-datetime-edit",
+			"uds-input::-webkit-calendar-picker-indicator",
+			LIGHT_COLOR_MODE_CLASSNAME,
+			DARK_COLOR_MODE_CLASSNAME,
+			INVERT_COLOR_MODE_CLASSNAME,
+			SYSTEM_COLOR_MODE_CLASSNAME,
+			"uds-light-mode-icon",
+			"uds-dark-mode-icon",
+			...textClasses,
+			...responsiveTextClasses,
+			...safelist
+		],
+		theme: { extend: {
+			spacing: {
+				"4.5": "1.125rem",
+				"5.5": "1.375rem"
+			},
+			...enableResponsiveTypeRamp ? { screens: mapValues(config.breakpoints, (breakpoint) => {
+				switch (breakpoint.type) {
+					case "px": return `${breakpoint.value}px`;
+				}
+				return assertUnreachable(breakpoint.type);
+			}) } : {},
+			aria: {
+				checked: "checked=\"true\"",
+				disabled: "disabled=\"true\"",
+				expanded: "expanded=\"true\"",
+				invalid: "aria-invalid=\"true\""
+			},
+			data: {
+				active: "active=\"true\"",
+				"active-item": "active-item=\"true\"",
+				autofill: "autofill=\"true\"",
+				backdrop: "backdrop=\"true\"",
+				enter: "enter=\"true\"",
+				leave: "leave=\"true\"",
+				"focus-visible": "focus-visible=\"true\""
+			},
+			borderRadius,
+			borderWidth,
+			outlineWidth: {
+				...borderWidth,
+				DEFAULT: "2px"
+			},
+			outlineOffset: {
+				...borderWidth,
+				DEFAULT: "2px"
+			},
+			outlineColor: ({ theme }) => ({
+				...borderColors,
+				DEFAULT: theme("colors.gray.15")
+			}),
+			fontFamily: getFontFamilyTheme(),
+			fontSize,
+			lineHeight: RESPONSIVE_TAILWIND_CONFIG_MAP.lineHeight,
+			colors,
+			backgroundColor: backgroundColors$1,
+			textColor: textColors,
+			borderColor: borderColors,
+			fill: backgroundColors$1,
+			caretColor: textColors,
+			placeholderColor: textColors,
+			textDecorationColor: textColors,
+			divideColor: borderColors,
+			ringColor: borderColors,
+			ringOffsetColor: borderColors,
+			stroke: borderColors,
+			gradientColorStops: ({ theme }) => ({
+				...backgroundColors$1,
+				...theme("colors")
+			}),
+			typography: RESPONSIVE_TAILWIND_CONFIG_MAP,
+			sizing: {
+				icon: scaleModeToken.iconSizes.tailwindConfig,
+				avatar: scaleModeToken.avatarSizes.tailwindConfig
+			},
+			shadowOpacity: shadowOpacityMap,
+			shadowSpread: shadowSpreadRadiusMap,
+			shadowOffset: shadowOffsetMap,
+			shadowBlur: shadowOffsetMap
+		} }
+	};
+});
+/**
+* Use in `tailwindConfig.content` to ensure UDS package(s) styles are
+* included in the app.
+* Note: wrapped in a function so client side usage of the tailwind plugin package
+* (e.g. configurator) doesn't error out on require() being undefined.
+* */
+const getUDSContent = () => {
+	return [__require.resolve("@yahoo/uds").replace("/dist/index.cjs", "/dist/**/*.{js,cjs}")];
+};
+
+//#endregion
+export { getButtonColorForProperty, getButtonStyles, getIconButtonStyles, getInputStyles, getUDSContent, tailwindPlugin, udsToTailwindMap };
+//# sourceMappingURL=tailwindPlugin.js.map

package/dist/tailwind/tailwindPlugin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tailwindPlugin.js","names":[],"sources":["../../src/tailwind/tailwindPlugin.ts"],"sourcesContent":["import {\n  shadowOffsetMap,\n  shadowOpacityMap,\n  shadowSpreadRadiusMap,\n  tailwindColorsAsUds,\n  textVariants,\n} from '@yahoo/uds/fixtures';\nimport type {\n  BorderRadius,\n  BorderWidth,\n  BreakpointWithBase,\n  FontWeightDescriptive,\n  TextVariant,\n  UniversalTokensConfig,\n} from '@yahoo/uds/tokens';\nimport {\n  alwaysPalette,\n  BORDER_RADIUS_PREFIX,\n  BORDER_WIDTH_PREFIX,\n  DARK_COLOR_MODE_CLASSNAME,\n  DEFAULT_COLOR_MODE,\n  DEFAULT_SCALE_MODE,\n  entries,\n  FONT_SIZE_PREFIX,\n  fromEntries,\n  generateStyles,\n  INVERT_COLOR_MODE_CLASSNAME,\n  LIGHT_COLOR_MODE_CLASSNAME,\n  LINE_HEIGHT_PREFIX,\n  mapValues,\n  SYSTEM_COLOR_MODE_CLASSNAME,\n  TEXT_RESPONSIVE_BREAKPOINT_CLASSNAMES,\n  TEXT_RESPONSIVE_CLASSNAME,\n} from '@yahoo/uds/tokens';\nimport { parseTokens } from '@yahoo/uds/tokens/parseTokens';\nimport { isString } from 'lodash';\nimport type { Config } from 'tailwindcss';\n// Tailwind 3.x poorly supports ESM modules so we must include the .js extension when importing.\nimport plugin from 'tailwindcss/plugin.js';\nimport type { DefaultTheme } from 'tailwindcss/types/generated/default-theme';\n\nimport {\n  AvatarConfig,\n  BadgeConfig,\n  CheckboxConfig,\n  ChipConfig,\n  DividerConfig,\n  InputConfig,\n  LinkConfig,\n  MenuConfig,\n  RadioConfig,\n  SwitchConfig,\n} from '../../generated/generatedConfigs';\nimport { fontWeightMap } from '../tokens/configs/typography';\nimport { assertUnreachable } from '../utils/assertUnreachable';\nimport { addColorModeVars } from './base/addColorModeVars';\nimport { addColorModeVarsV2 } from './base/addColorModeVarsV2';\nimport { addFontFaceDeclarations } from './base/addFontFaceDeclarations';\nimport { addFontVars } from './base/addFontVars';\nimport { addMotionVars } from './base/addMotionVars';\nimport { addScaleModeVars } from './base/addScaleModeVars';\nimport type { TailwindPluginFns } from './base/types';\nimport { getButtonStyles, getTailwindButtonStyles } from './components/getButtonStyles';\nimport { getFocusRingStyles } from './components/getFocusRingStyles';\nimport { getGroupedTextStyles } from './components/getGroupedTextStyles';\nimport { getHitTargetStyles } from './components/getHitTargetStyles';\nimport { getIconButtonStyles, getTailwindIconButtonStyles } from './components/getIconButtonStyles';\nimport { getIconStyles } from './components/getIconStyles';\nimport { getInputStyles } from './components/getInputStyles';\nimport {\n  getBaseTextVars,\n  getResponsiveTextStyles,\n  RESPONSIVE_TAILWIND_CONFIG_MAP,\n  textVariantsSafe,\n} from './components/getResponsiveTextStyles';\nimport { udsToTailwindMap } from './defaultTailwindThemeAsUdsConfig';\nimport { getFontFamilyTheme } from './theme/getFontFamilyTheme';\nimport { getShadowPresetValues } from './utils/getShadowPresetValues';\nimport { getShadowStyles } from './utils/getShadowStyles';\n\ninterface TailwindPluginOptions {\n  config?: UniversalTokensConfig;\n  /**\n   * Safelisting is a last-resort, and should only be used in situations where\n   * it’s impossible to scan certain content for class names. These situations\n   * are rare, and you should almost never need this feature.\n   *\n   * {@link https://v3.tailwindcss.com/docs/content-configuration#safelisting-classes}\n   */\n  safelist?: Config['safelist'];\n  /**\n   * Disable generating font face declarations through Tailwind\n   * @default false\n   */\n  disableFontFaceDeclarations?: boolean;\n\n  /**\n   * Enable responsive type ramp styles.\n   * @default false\n   * @deprecated This is now set in the uds.config\n   */\n  enableResponsiveTypeRamp?: boolean;\n\n  /**\n   * Enable opt-in automatice color mode based on media query.\n   * @default false\n   */\n  enableSystemColorMode?: boolean;\n\n  previewOptions?: {\n    /**\n     * Generates CSS classes for visually forcing components into a pseudo state (hover, focus, etc)\n     * @default false\n     */\n    generatePseudoStateClassModifier: boolean;\n  };\n}\n\nconst tailwindPlugin = plugin.withOptions(\n  function ({\n    config,\n    disableFontFaceDeclarations = false,\n    enableSystemColorMode = false,\n    previewOptions = {\n      generatePseudoStateClassModifier: false,\n    },\n  }: TailwindPluginOptions) {\n    if (!config) {\n      throw new Error(\n        \"`tailwindPlugin` requires a config object. If your project has not yet sync'd a config, you can import `defaultTokensConfig` from `@yahoo/uds/defaultTokensConfig` and pass it to `tailwindPlugin`.\",\n      );\n    }\n\n    return function ({\n      addBase: addBase_,\n      addUtilities: addUtilities_,\n      addComponents: addComponents_,\n      matchUtilities,\n      theme,\n      config: getRootConfig,\n    }) {\n      const parentConfigImportant = getRootConfig().important;\n      const useImportNamespace = isString(parentConfigImportant);\n      const rootSelector = useImportNamespace ? parentConfigImportant : ':root';\n\n      const fns: TailwindPluginFns = {\n        addRootVariables(css) {\n          addBase_({\n            [rootSelector]: css,\n          });\n        },\n\n        addBase: addBase_,\n\n        addComponents(css) {\n          addComponents_(css, {\n            respectImportant: useImportNamespace,\n          });\n        },\n\n        addUtilities(css) {\n          addUtilities_(css, {\n            respectPrefix: true,\n            respectImportant: useImportNamespace,\n          });\n        },\n      };\n\n      const { addRootVariables, addBase, addComponents, addUtilities } = fns;\n\n      const tokens = parseTokens(config);\n      const fontIds = Object.values(config.font);\n\n      // TODO: Skip when `useImportNamespace`?\n      if (disableFontFaceDeclarations === false) {\n        addFontFaceDeclarations(fontIds, fns);\n      }\n\n      addFontVars(config.font, fns);\n      addScaleModeVars(tokens, fns);\n\n      if (enableSystemColorMode) {\n        addColorModeVarsV2(tokens, fns);\n      } else {\n        addColorModeVars(tokens, fns);\n      }\n\n      // Use the base typography to setup text styles (no longer using scaleMode.large)\n      addRootVariables(getBaseTextVars(config));\n\n      // TODO: Skip when `useImportNamespace`?\n      // Utility short-hand for grouped text styles\n      addBase(getGroupedTextStyles());\n\n      // Add responsive text styles\n      const enableResponsiveTypeRamp = config.globalDefaults.enableResponsiveType ?? false;\n      if (enableResponsiveTypeRamp && config.typography && config.breakpoints) {\n        addComponents(getResponsiveTextStyles(config));\n      }\n\n      /** Add shadow utilities to make shadow props available in Tailwind */\n      if (config.shadow) {\n        // Add _all_ shadow variables (drop & inset) variants to the root\n        const dropShadowVariables = getShadowPresetValues({ config, shadowType: 'drop' });\n        const insetShadowVariables = getShadowPresetValues({ config, shadowType: 'inset' });\n        addRootVariables({ ...dropShadowVariables, ...insetShadowVariables });\n\n        // Setup variants for drop & inset shadows\n        const dropShadowStyles = getShadowStyles({ config, shadowType: 'drop' });\n        const insetShadowStyles = getShadowStyles({ config, shadowType: 'inset' });\n        addUtilities({ ...dropShadowStyles, ...insetShadowStyles });\n      }\n\n      if (config.button) {\n        const buttonStyles = getTailwindButtonStyles(config.button, theme);\n        addComponents(buttonStyles);\n      }\n\n      if (config.iconButton) {\n        const iconButtonStyles = getTailwindIconButtonStyles(config.iconButton, theme);\n        addComponents(iconButtonStyles);\n      }\n\n      // TODO: figure out if this can be automated\n      if (config?.divider) {\n        const dividerStyles = generateStyles(DividerConfig, config.divider, theme, previewOptions);\n        addComponents(dividerStyles);\n      }\n\n      if (config?.link) {\n        const linkStyles = generateStyles(LinkConfig, config.link, theme, previewOptions);\n        addComponents(linkStyles);\n      }\n\n      if (config?.badge) {\n        const badgeStyles = generateStyles(BadgeConfig, config.badge, theme, previewOptions);\n        addComponents(badgeStyles);\n      }\n\n      if (config?.radio) {\n        const radioStyles = generateStyles(RadioConfig, config.radio, theme, previewOptions);\n        addComponents(radioStyles);\n      }\n\n      if (config?.avatar) {\n        const avatarStyles = generateStyles(AvatarConfig, config.avatar, theme, previewOptions);\n        addComponents(avatarStyles);\n      }\n\n      if (config?.chip) {\n        const chipStyles = generateStyles(ChipConfig, config.chip, theme, previewOptions);\n        addComponents(chipStyles);\n      }\n\n      if (config?.switch) {\n        const chipStyles = generateStyles(SwitchConfig, config.switch, theme, previewOptions);\n        addComponents(chipStyles);\n      }\n\n      if (config?.checkbox) {\n        const checkboxStyles = generateStyles(\n          CheckboxConfig,\n          config.checkbox,\n          theme,\n          previewOptions,\n        );\n        addComponents(checkboxStyles);\n      }\n\n      // TODO: May need to ensure portal is inside a importNamespace class\n      if (config?.menu) {\n        const menuStyles = generateStyles(MenuConfig, config.menu, theme, previewOptions);\n        addComponents(menuStyles);\n      }\n\n      if (config?.input) {\n        const inputStyles = generateStyles(InputConfig, config.input, theme, previewOptions);\n        addComponents(inputStyles);\n      }\n\n      if (config.motion) {\n        addMotionVars(config.motion, fns);\n      }\n\n      // TODO: Skip when `useImportNamespace`?\n      const hitTargetStyles = getHitTargetStyles();\n      addComponents(hitTargetStyles);\n\n      // TODO: Skip when `useImportNamespace`?\n      const focusRingStyles = getFocusRingStyles({ theme });\n      addComponents(focusRingStyles);\n\n      // TODO: Skip when `useImportNamespace`?\n      const inputStyles = getInputStyles();\n      addComponents(inputStyles);\n\n      const iconStyles = getIconStyles();\n      addBase(iconStyles);\n\n      matchUtilities(\n        {\n          iconSize: (value) => ({\n            width: value,\n            height: value,\n            fontSize: value,\n            lineHeight: value,\n          }),\n        },\n        {\n          values: theme('sizing.icon'),\n        },\n      );\n\n      matchUtilities(\n        {\n          avatarSize: (value) => ({\n            width: value,\n            height: value,\n          }),\n        },\n        {\n          values: theme('sizing.avatar'),\n        },\n      );\n\n      matchUtilities(\n        {\n          case: (value) => ({\n            'text-transform': value,\n          }),\n        },\n        {\n          values: theme('typography.textTransform'),\n        },\n      );\n\n      // Retrieve the font weight map from the tailwind config\n      const namedFontWeightsFromPlugin =\n        (theme('typography.fontWeight') as Record<\n          FontWeightDescriptive | TextVariant | string,\n          string\n        >) || {};\n\n      // Combine any of the named font weights passed into the plugin (label1, myCrazyFontWeight)\n      // with the default font weight map (thin, extralight, light, regular, medium, semibold, bold, extrabold, black)\n      const fontWeightsWithDescriptives = {\n        ...fontWeightMap, // Remove when fontWeightMap is deprecated\n        ...namedFontWeightsFromPlugin,\n      };\n\n      Object.entries(fontWeightsWithDescriptives).forEach(([fontWeight, value]) => {\n        const styles: Record<string, string> = {};\n\n        // If this font weight is one of the text variants, we need to use font-variation-settings\n        if (textVariants.map(textVariantsSafe).includes(fontWeight as TextVariant)) {\n          const textVariant = fontWeight as TextVariant;\n          styles['font-weight'] = value;\n          styles['font-variation-settings'] =\n            `\"wght\" ${value}, \"slnt\" ${theme(`typography.fontSlant.${textVariant}`)}, \"wdth\" ${theme(`typography.fontWidth.${textVariant}`)}`;\n        } else {\n          // Otherwise, we can just use the font-weight property\n          styles['font-weight'] = value;\n        }\n\n        // add .font-weight-bold, .font-weight-label1, .font-weight-myCrazyFontWeight, etc.\n        addUtilities({ [`.font-weight-${fontWeight}`]: styles });\n      });\n\n      matchUtilities(\n        {\n          'font-size': (value) => ({\n            'font-size': value,\n          }),\n        },\n        {\n          values: theme('typography.fontSize'),\n        },\n      );\n    };\n  },\n  function ({ config, safelist = [] }: TailwindPluginOptions) {\n    if (!config) {\n      throw new Error('No config provided');\n    }\n\n    const enableResponsiveTypeRamp = config.globalDefaults.enableResponsiveType ?? false;\n\n    const tokens = parseTokens(config);\n    const colorModeToken = tokens.colorMode[DEFAULT_COLOR_MODE].tailwindConfig;\n    const scaleModeToken = tokens.scaleMode[DEFAULT_SCALE_MODE];\n    const spectrumWithTailwind = mapValues(colorModeToken.spectrum, (hueConfig, hue) => {\n      return {\n        ...hueConfig,\n        ...tailwindColorsAsUds[hue as keyof typeof tailwindColorsAsUds]!,\n      };\n    });\n\n    /* --------------------------------- COLORS --------------------------------- */\n    // Shared across all color groups (i.e. text color, border, background, etc)\n    const colors = {\n      ...tailwindColorsAsUds,\n      ...spectrumWithTailwind,\n      ...alwaysPalette,\n    };\n    const textColors = colorModeToken.palette.foreground;\n    const backgroundColors = colorModeToken.palette.background;\n    const borderColors = colorModeToken.palette.line;\n\n    /* -------------------------------- FONT SIZE ------------------------------- */\n    /**\n     * UDS does not offer enough text variants to cover all of Tailwind's font sizes\n     * so we are going to exclude the following from the UDS config:\n     */\n    type ExcludedTwFontSizes = '7xl' | '8xl' | '9xl';\n    type TwFontSizeAlias = Exclude<keyof DefaultTheme['fontSize'], ExcludedTwFontSizes>;\n    type TwFontSizeConfig = Record<TwFontSizeAlias, [string, { lineHeight: string }]>;\n\n    /**\n     * Reassign Tailwind's font size aliases to UDS's font size aliases\n     * This makes it so UDS configs can power both Tailwind and UDS components\n     */\n    const tailwindFontSize: TwFontSizeConfig = fromEntries(\n      entries(udsToTailwindMap.fontSize).map(([udsAlias, twAlias]) => {\n        return [\n          twAlias,\n          [\n            `var(--${FONT_SIZE_PREFIX}-${textVariantsSafe(udsAlias)})`,\n            { lineHeight: `var(--${LINE_HEIGHT_PREFIX}-${textVariantsSafe(udsAlias)})` },\n          ],\n        ] as const;\n      }),\n    );\n\n    /**\n     * TODO: use tuple format like tailwind does to reduce having to use\n     * separate className utils for font size & line height\n     */\n    const fontSize = tailwindFontSize;\n\n    /* ------------------------------ BORDER RADIUS ----------------------------- */\n    type ExcludedTwBorderRadii = '2xl' | '3xl';\n    type TwBorderRadiusAlias = Exclude<keyof DefaultTheme['borderRadius'], ExcludedTwBorderRadii>;\n    type TwBorderRadiusCollisions = Extract<BorderRadius, TwBorderRadiusAlias>;\n    type TwOnlyBorderRadiusAlias = Exclude<TwBorderRadiusAlias, TwBorderRadiusCollisions>;\n    type TwBorderRadiusOverride = `var(--${typeof BORDER_RADIUS_PREFIX}-${BorderRadius})`;\n    type TwBorderRadiusOverrideConfig = Record<TwOnlyBorderRadiusAlias, TwBorderRadiusOverride>;\n    /**\n     * The following tokens do not collide with UDS's border radius\n     * so we are not going to try and map them:\n     *  - '2xl': 16,\n     *  - '3xl': 24,\n     */\n    const tailwindBorderRadius: TwBorderRadiusOverrideConfig = fromEntries(\n      entries(udsToTailwindMap.borderRadius).map(([udsAlias, twAlias]) => {\n        return [twAlias, `var(--${BORDER_RADIUS_PREFIX}-${udsAlias})`] as const;\n      }),\n    );\n\n    const borderRadius = {\n      ...scaleModeToken.borderRadius.tailwindConfig,\n      ...tailwindBorderRadius,\n    };\n\n    /* ------------------------------ BORDER WIDTH ------------------------------ */\n    type ExcludedTwBorderWidth = '0' | '8';\n    type TwBorderWidthAlias = Exclude<keyof DefaultTheme['borderWidth'], ExcludedTwBorderWidth>;\n    type TwBorderWidthCollisions = Extract<BorderWidth, TwBorderWidthAlias>;\n    type TwOnlyBorderWidthAlias = Exclude<TwBorderWidthAlias, TwBorderWidthCollisions>;\n    type TwBorderWidthOverride = `var(--${typeof BORDER_WIDTH_PREFIX}-${BorderWidth})`;\n    type TwBorderWidthOverrideConfig = Record<TwOnlyBorderWidthAlias, TwBorderWidthOverride>;\n    /**\n     * Reassign Tailwind's border width aliases to UDS's border width aliases\n     * This makes it so UDS configs can power both Tailwind and UDS components\n     */\n    const tailwindBorderWidth: TwBorderWidthOverrideConfig = fromEntries(\n      entries(udsToTailwindMap.borderWidth).map(([udsAlias, twAlias]) => {\n        return [twAlias, `var(--${BORDER_WIDTH_PREFIX}-${udsAlias})`] as const;\n      }),\n    );\n\n    const borderWidth = {\n      ...scaleModeToken.borderWidth.tailwindConfig,\n      ...tailwindBorderWidth,\n    };\n\n    const textClasses = textVariants.map((variant) => `uds-text-${textVariantsSafe(variant)}`);\n    const responsiveTextClasses = [\n      TEXT_RESPONSIVE_CLASSNAME,\n      ...Object.keys(TEXT_RESPONSIVE_BREAKPOINT_CLASSNAMES).map(\n        (variant) => TEXT_RESPONSIVE_BREAKPOINT_CLASSNAMES[variant as BreakpointWithBase],\n      ),\n    ];\n\n    return {\n      darkMode: ['class', DARK_COLOR_MODE_CLASSNAME],\n      // Guarantee that the dark mode class is not purged\n      safelist: [\n        'uds-hit-target',\n        'uds-ring',\n        'uds-switch-handle-icon',\n        'uds-input[list]::-webkit-calendar-picker-indicator',\n        'uds-input::-webkit-datetime-edit',\n        'uds-input::-webkit-calendar-picker-indicator',\n        // Guarantee that the light and dark mode class is not purged\n        LIGHT_COLOR_MODE_CLASSNAME,\n        DARK_COLOR_MODE_CLASSNAME,\n        INVERT_COLOR_MODE_CLASSNAME,\n        SYSTEM_COLOR_MODE_CLASSNAME,\n        // NOTE: THESE ICON CLASSES ARE USED IN THE ICON CODEGEN - DO NOT CHANGE THEM\n        'uds-light-mode-icon',\n        'uds-dark-mode-icon',\n        ...textClasses,\n        ...responsiveTextClasses,\n        ...safelist,\n      ],\n      theme: {\n        /**\n         * Preserve the default values from Tailwind, but also add new values\n         * https://tailwindcss.com/docs/theme#extending-the-default-theme\n         */\n        extend: {\n          spacing: {\n            '4.5': '1.125rem',\n            '5.5': '1.375rem',\n          },\n\n          /**\n           * Use breakpoints from configurator.\n           */\n          ...(enableResponsiveTypeRamp\n            ? {\n                screens: mapValues(config.breakpoints, (breakpoint) => {\n                  switch (breakpoint.type) {\n                    case 'px':\n                      return `${breakpoint.value}px`;\n                  }\n\n                  return assertUnreachable(breakpoint.type);\n                }),\n              }\n            : {}),\n\n          /**\n           * Used in @ariakit/react https://ariakit.org/guide/styling#aria\n           * By default, Tailwind offers all of these. Including in this config\n           * to provide links to ariakit docs for ones that are shared between the two.\n           * This is not exhaustive, and only includes the shared ones at the moment.\n           * https://github.com/tailwindlabs/tailwindcss/blob/main/stubs/config.full.js#L17\n           */\n          aria: {\n            /** https://ariakit.org/guide/styling#aria-checked */\n            checked: 'checked=\"true\"',\n            /** https://ariakit.org/guide/styling#aria-disabled */\n            disabled: 'disabled=\"true\"',\n            /** https://ariakit.org/guide/styling#aria-expanded */\n            expanded: 'expanded=\"true\"',\n            /** https://ariakit.org/guide/styling#aria-invalid */\n            invalid: 'aria-invalid=\"true\"',\n          },\n          /**\n           * Used in @ariakit/react https://ariakit.org/guide/styling#css-selectors\n           * By default, Tailwind does not include any values for this option\n           * https://github.com/tailwindlabs/tailwindcss/blob/main/stubs/config.full.js#L888\n           */\n          data: {\n            active: 'active=\"true\"',\n            'active-item': 'active-item=\"true\"',\n            autofill: 'autofill=\"true\"',\n            backdrop: 'backdrop=\"true\"',\n            enter: 'enter=\"true\"',\n            leave: 'leave=\"true\"',\n            'focus-visible': 'focus-visible=\"true\"',\n          },\n          /**\n           * https://github.com/tailwindlabs/tailwindcss/blob/main/stubs/config.full.js#L87\n           */\n          borderRadius,\n          /**\n           * https://github.com/tailwindlabs/tailwindcss/blob/main/stubs/config.full.js#L101\n           */\n          borderWidth,\n          /**\n           * https://github.com/tailwindlabs/tailwindcss/blob/main/stubs/config.full.js#L751\n           */\n          outlineWidth: {\n            ...borderWidth,\n            // Set the default to 2px regardless of size config\n            DEFAULT: '2px',\n          },\n          /**\n           * https://github.com/tailwindlabs/tailwindcss/blob/main/stubs/config.full.js#L744\n           */\n          outlineOffset: {\n            ...borderWidth,\n            // Set the default to 2px regardless of size config\n            DEFAULT: '2px',\n          },\n          /**\n           * Colors object is included by default, but that does not include UDS semantic border colors\n           * https://github.com/tailwindlabs/tailwindcss/blob/main/stubs/config.full.js#L743\n           */\n          outlineColor: ({ theme }) => ({\n            ...borderColors,\n            DEFAULT: theme('colors.gray.15'),\n          }),\n          /**\n           * https://github.com/tailwindlabs/tailwindcss/blob/main/stubs/config.full.js#L302\n           */\n          fontFamily: getFontFamilyTheme(),\n          /**\n           * https://github.com/tailwindlabs/tailwindcss/blob/main/stubs/config.full.js#L324\n           */\n          fontSize,\n          /**\n           * https://github.com/tailwindlabs/tailwindcss/blob/main/stubs/config.full.js#L605\n           */\n          lineHeight: RESPONSIVE_TAILWIND_CONFIG_MAP.lineHeight,\n          /**\n           * https://github.com/tailwindlabs/tailwindcss/blob/main/stubs/config.full.js#L133\n           */\n          colors,\n          /**\n           * Colors object is included by default, but that does not include UDS semantic background colors\n           * https://github.com/tailwindlabs/tailwindcss/blob/main/stubs/config.full.js#L42\n           */\n          backgroundColor: backgroundColors,\n          /**\n           * Colors object is included by default, but that does not include UDS semantic text colors\n           * https://github.com/tailwindlabs/tailwindcss/blob/main/stubs/config.full.js#L889\n           */\n          textColor: textColors,\n          /**\n           * Colors object is included by default, but that does not include UDS semantic border colors\n           * https://github.com/tailwindlabs/tailwindcss/blob/main/stubs/config.full.js#L82\n           */\n          borderColor: borderColors,\n          /**\n           * Colors object is included by default, but that does not include UDS semantic background colors\n           * https://github.com/tailwindlabs/tailwindcss/blob/main/stubs/config.full.js#L253\n           */\n          fill: backgroundColors,\n          /**\n           * Colors object is included by default, but that does not include UDS semantic text colors\n           * https://github.com/tailwindlabs/tailwindcss/blob/main/stubs/config.full.js#L132\n           */\n          caretColor: textColors,\n          /**\n           * Colors object is included by default, but that does not include UDS semantic text colors\n           * https://github.com/tailwindlabs/tailwindcss/blob/main/stubs/config.full.js#L759\n           */\n          placeholderColor: textColors,\n          /**\n           * Colors object is included by default, but that does not include UDS semantic text colors\n           * https://github.com/tailwindlabs/tailwindcss/blob/main/stubs/config.full.js#L890\n           */\n          textDecorationColor: textColors,\n          /**\n           * Colors object is included by default, but that does not include UDS semantic border colors\n           * https://github.com/tailwindlabs/tailwindcss/blob/main/stubs/config.full.js#L241\n           */\n          divideColor: borderColors,\n          /**\n           * Colors object is included by default, but that does not include UDS semantic border colors\n           * https://github.com/tailwindlabs/tailwindcss/blob/main/stubs/config.full.js#L761\n           */\n          ringColor: borderColors,\n          /**\n           * Colors object is included by default, but that does not include UDS semantic border colors\n           * https://github.com/tailwindlabs/tailwindcss/blob/main/stubs/config.full.js#L765\n           */\n          ringOffsetColor: borderColors,\n          /**\n           * Colors object is included by default, but that does not include UDS semantic border colors\n           * https://github.com/tailwindlabs/tailwindcss/blob/main/stubs/config.full.js#L878\n           */\n          stroke: borderColors,\n          /**\n           * Gradient color stops object is included by default, but that does not include UDS palette background colors\n           * https://github.com/tailwindlabs/tailwindcss/blob/main/stubs/config.full.js#L42\n           */\n          gradientColorStops: ({ theme }) => ({\n            ...backgroundColors,\n            ...theme('colors'),\n          }),\n          /**\n           * Custom typography object added to theme so we can access these values using Tailwind's theme function.\n           *\n           * Tailwind's className conventions would cause collisions (i.e .font-body1 for fontWeight and .font-body1 for fontSize)\n           * if we were to use our naming conventions with Tailwind's theme shape.\n           */\n          typography: RESPONSIVE_TAILWIND_CONFIG_MAP,\n          sizing: {\n            icon: scaleModeToken.iconSizes.tailwindConfig,\n            avatar: scaleModeToken.avatarSizes.tailwindConfig,\n          },\n          shadowOpacity: shadowOpacityMap,\n          shadowSpread: shadowSpreadRadiusMap,\n          shadowOffset: shadowOffsetMap,\n          shadowBlur: shadowOffsetMap,\n        },\n      },\n    };\n  },\n);\n\n/**\n * Use in `tailwindConfig.content` to ensure UDS package(s) styles are\n * included in the app.\n * Note: wrapped in a function so client side usage of the tailwind plugin package\n * (e.g. configurator) doesn't error out on require() being undefined.\n * */\nconst getUDSContent = () => {\n  return [require.resolve('@yahoo/uds').replace('/dist/index.cjs', '/dist/**/*.{js,cjs}')];\n};\n\nexport {\n  getButtonStyles,\n  getIconButtonStyles,\n  getInputStyles,\n  getUDSContent,\n  tailwindPlugin,\n  udsToTailwindMap,\n};\nexport { getButtonColorForProperty } from './components/utils';\n"],"mappings":"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"}

package/dist/tailwind/theme/getFontFamilyTheme.cjs

@@ -0,0 +1,24 @@
+/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_tokens_consts_cssTokens = require('../../tokens/consts/cssTokens.cjs');
+const require_tailwind_components_getResponsiveTextStyles = require('../components/getResponsiveTextStyles.cjs');
+let __yahoo_uds_fixtures = require("@yahoo/uds/fixtures");
+
+//#region src/tailwind/theme/getFontFamilyTheme.ts
+function getFontFamilyTheme() {
+	/** Global font family aliases i.e. font-sans, font-serif, etc */
+	const globalFonts = Object.fromEntries(__yahoo_uds_fixtures.fontAliases.map((fontAlias) => {
+		return [fontAlias, `var(--${require_tokens_consts_cssTokens.FONT_FAMILY_PREFIX}-${fontAlias})`];
+	}));
+	/** Text variant font family assignments i.e. font-display1 */
+	const textVariantFonts = Object.fromEntries(__yahoo_uds_fixtures.textVariants.map(require_tailwind_components_getResponsiveTextStyles.textVariantsSafe).map((textVariant) => {
+		return [textVariant, `var(--${require_tokens_consts_cssTokens.FONT_FAMILY_PREFIX}-${textVariant})`];
+	}));
+	return {
+		...globalFonts,
+		...textVariantFonts
+	};
+}
+
+//#endregion
+exports.getFontFamilyTheme = getFontFamilyTheme;

package/dist/tailwind/theme/getFontFamilyTheme.d.cts

@@ -0,0 +1,7 @@
+import { ThemeConfig } from "tailwindcss/types/config";
+
+//#region src/tailwind/theme/getFontFamilyTheme.d.ts
+declare function getFontFamilyTheme(): ThemeConfig['fontFamily'];
+//#endregion
+export { getFontFamilyTheme };
+//# sourceMappingURL=getFontFamilyTheme.d.cts.map

package/dist/tailwind/theme/getFontFamilyTheme.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getFontFamilyTheme.d.cts","names":[],"sources":["../../../src/tailwind/theme/getFontFamilyTheme.ts"],"sourcesContent":[],"mappings":";;;iBAMgB,kBAAA,CAAA,GAAsB"}

package/dist/tailwind/theme/getFontFamilyTheme.d.ts

@@ -0,0 +1,7 @@
+import { ThemeConfig } from "tailwindcss/types/config";
+
+//#region src/tailwind/theme/getFontFamilyTheme.d.ts
+declare function getFontFamilyTheme(): ThemeConfig['fontFamily'];
+//#endregion
+export { getFontFamilyTheme };
+//# sourceMappingURL=getFontFamilyTheme.d.ts.map

package/dist/tailwind/theme/getFontFamilyTheme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getFontFamilyTheme.d.ts","names":[],"sources":["../../../src/tailwind/theme/getFontFamilyTheme.ts"],"sourcesContent":[],"mappings":";;;iBAMgB,kBAAA,CAAA,GAAsB"}

package/dist/tailwind/theme/getFontFamilyTheme.js

@@ -0,0 +1,24 @@
+/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
+import { FONT_FAMILY_PREFIX } from "../../tokens/consts/cssTokens.js";
+import { textVariantsSafe } from "../components/getResponsiveTextStyles.js";
+import { fontAliases, textVariants } from "@yahoo/uds/fixtures";
+
+//#region src/tailwind/theme/getFontFamilyTheme.ts
+function getFontFamilyTheme() {
+	/** Global font family aliases i.e. font-sans, font-serif, etc */
+	const globalFonts = Object.fromEntries(fontAliases.map((fontAlias) => {
+		return [fontAlias, `var(--${FONT_FAMILY_PREFIX}-${fontAlias})`];
+	}));
+	/** Text variant font family assignments i.e. font-display1 */
+	const textVariantFonts = Object.fromEntries(textVariants.map(textVariantsSafe).map((textVariant) => {
+		return [textVariant, `var(--${FONT_FAMILY_PREFIX}-${textVariant})`];
+	}));
+	return {
+		...globalFonts,
+		...textVariantFonts
+	};
+}
+
+//#endregion
+export { getFontFamilyTheme };
+//# sourceMappingURL=getFontFamilyTheme.js.map

package/dist/tailwind/theme/getFontFamilyTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getFontFamilyTheme.js","names":[],"sources":["../../../src/tailwind/theme/getFontFamilyTheme.ts"],"sourcesContent":["import { fontAliases, textVariants } from '@yahoo/uds/fixtures';\nimport { FONT_FAMILY_PREFIX } from '@yahoo/uds/tokens';\nimport type { ThemeConfig } from 'tailwindcss/types/config';\n\nimport { textVariantsSafe } from '../components/getResponsiveTextStyles';\n\nexport function getFontFamilyTheme(): ThemeConfig['fontFamily'] {\n  /** Global font family aliases i.e. font-sans, font-serif, etc */\n  const globalFonts = Object.fromEntries(\n    fontAliases.map((fontAlias) => {\n      const cssVar = `var(--${FONT_FAMILY_PREFIX}-${fontAlias})` as const;\n      return [fontAlias, cssVar] as const;\n    }),\n  );\n\n  /** Text variant font family assignments i.e. font-display1 */\n  const textVariantFonts = Object.fromEntries(\n    textVariants.map(textVariantsSafe).map((textVariant) => {\n      const cssVar = `var(--${FONT_FAMILY_PREFIX}-${textVariant})` as const;\n      return [textVariant, cssVar] as const;\n    }),\n  );\n\n  return {\n    ...globalFonts,\n    ...textVariantFonts,\n  };\n}\n"],"mappings":";;;;;;AAMA,SAAgB,qBAAgD;;CAE9D,MAAM,cAAc,OAAO,YACzB,YAAY,KAAK,cAAc;AAE7B,SAAO,CAAC,WADO,SAAS,mBAAmB,GAAG,UAAU,GAC9B;GAC1B,CACH;;CAGD,MAAM,mBAAmB,OAAO,YAC9B,aAAa,IAAI,iBAAiB,CAAC,KAAK,gBAAgB;AAEtD,SAAO,CAAC,aADO,SAAS,mBAAmB,GAAG,YAAY,GAC9B;GAC5B,CACH;AAED,QAAO;EACL,GAAG;EACH,GAAG;EACJ"}

package/dist/tailwind/tsMorph.cjs

@@ -1 +1,11 @@
-"use strict";var e=require("../chunk-NXVOHNXW.cjs"),t=require("../chunk-QLXJH36U.cjs"),r=require("ts-morph"),n=t.__commonJS({"../../node_modules/lodash/_baseSlice.js"(e,t){t.exports=function(e,t,r){var n=-1,o=e.length;t<0&&(t=-t>o?0:o+t),(r=r>o?o:r)<0&&(r+=o),o=t>r?0:r-t>>>0,t>>>=0;for(var i=Array(o);++n<o;)i[n]=e[n+t];return i}}}),o=t.__commonJS({"../../node_modules/lodash/_castSlice.js"(e,t){var r=n();t.exports=function(e,t,n){var o=e.length;return n=void 0===n?o:n,!t&&n>=o?e:r(e,t,n)}}}),i=t.__commonJS({"../../node_modules/lodash/_hasUnicode.js"(e,t){var r=RegExp("[\\u200d\\ud800-\\udfff\\u0300-\\u036f\\ufe20-\\ufe2f\\u20d0-\\u20ff\\ufe0e\\ufe0f]");t.exports=function(e){return r.test(e)}}}),s=t.__commonJS({"../../node_modules/lodash/_asciiToArray.js"(e,t){t.exports=function(e){return e.split("")}}}),u=t.__commonJS({"../../node_modules/lodash/_unicodeToArray.js"(e,t){var r="\\ud800-\\udfff",n="["+r+"]",o="[\\u0300-\\u036f\\ufe20-\\ufe2f\\u20d0-\\u20ff]",i="\\ud83c[\\udffb-\\udfff]",s="[^"+r+"]",u="(?:\\ud83c[\\udde6-\\uddff]){2}",a="[\\ud800-\\udbff][\\udc00-\\udfff]",d="(?:"+o+"|"+i+")"+"?",f="[\\ufe0e\\ufe0f]?",c=f+d+("(?:\\u200d(?:"+[s,u,a].join("|")+")"+f+d+")*"),l="(?:"+[s+o+"?",o,u,a,n].join("|")+")",p=RegExp(i+"(?="+i+")|"+l+c,"g");t.exports=function(e){return e.match(p)||[]}}}),a=t.__commonJS({"../../node_modules/lodash/_stringToArray.js"(e,t){var r=s(),n=i(),o=u();t.exports=function(e){return n(e)?o(e):r(e)}}}),d=t.__commonJS({"../../node_modules/lodash/_createCaseFirst.js"(t,r){var n=o(),s=i(),u=a(),d=e.require_toString();r.exports=function(e){return function(t){t=d(t);var r=s(t)?u(t):void 0,o=r?r[0]:t.charAt(0),i=r?n(r,1).join(""):t.slice(1);return o[e]()+i}}}}),f=t.__commonJS({"../../node_modules/lodash/upperFirst.js"(e,t){var r=d()("toUpperCase");t.exports=r}}),c=t.__commonJS({"../../node_modules/lodash/capitalize.js"(t,r){var n=e.require_toString(),o=f();r.exports=function(e){return o(n(e).toLowerCase())}}}),l=t.__commonJS({"../../node_modules/lodash/camelCase.js"(t,r){var n=c(),o=e.require_createCompounder()(function(e,t,r){return t=t.toLowerCase(),e+(r?n(t):t)});r.exports=o}}),p=t.__commonJS({"../../node_modules/lodash/isEmpty.js"(t,r){var n=e.require_baseKeys(),o=e.require_getTag(),i=e.require_isArguments(),s=e.require_isArray(),u=e.require_isArrayLike(),a=e.require_isBuffer(),d=e.require_isPrototype(),f=e.require_isTypedArray(),c=Object.prototype.hasOwnProperty;r.exports=function(e){if(null==e)return!0;if(u(e)&&(s(e)||"string"==typeof e||"function"==typeof e.splice||a(e)||f(e)||i(e)))return!e.length;var t=o(e);if("[object Map]"==t||"[object Set]"==t)return!e.size;if(d(e))return!n(e).length;for(var r in e)if(c.call(e,r))return!1;return!0}}}),g=t.__toESM(l(),1),x=t.__toESM(p(),1);/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */function m(e){if(r.Node.isCallExpression(e)){const t=e.getExpression();if(r.Node.isIdentifier(t)&&"forwardRef"===t.getText())return!0;if(r.Node.isPropertyAccessExpression(t)&&"React.forwardRef"===t.getText())return!0}return!1}function _(e){let t;if(r.Node.isVariableDeclaration(e)||r.Node.isFunctionDeclaration(e)||r.Node.isClassDeclaration(e))t=e.getName();else if(r.Node.isFunctionExpression(e)||r.Node.isArrowFunction(e)){const n=e.getFirstAncestorByKind(r.SyntaxKind.VariableDeclaration);t=n?.getName()}return!!t&&/[A-Z]/.test(t.charAt(0))}function h(e){if(_(e)){if(r.Node.isFunctionDeclaration(e))return e;if(r.Node.isVariableDeclaration(e)){const t=e.getInitializer();if(t)if(m(t)){const[e]=t.getArguments();if(r.Node.isFunctionDeclaration(e)||r.Node.isFunctionExpression(e)||r.Node.isArrowFunction(e))return e}else if(r.Node.isFunctionDeclaration(t)||r.Node.isFunctionExpression(t)||r.Node.isArrowFunction(t))return t}}return null}function y(e){return e.getDescendants().filter(e=>r.Node.isJsxElement(e)||r.Node.isJsxSelfClosingElement(e))}var S=e=>{const t=e.getParentWhile(e=>!h(e)).getParent();if(!t)return;const n=h(t);if(n){const e=n.getParameters();for(let t=0;t<e.length;t++){const n=e[t],o=n.getChildrenOfKind(r.SyntaxKind.ObjectBindingPattern)[0],i=n.getChildrenOfKind(r.SyntaxKind.Identifier)[0];if(o){const e=o.getFirstDescendantByKind(r.SyntaxKind.DotDotDotToken);if(void 0!==e){const t=e?.getParent()?.getFirstChildByKindOrThrow(r.SyntaxKind.Identifier).getText();return t}}else if(i)return i.getText()}}};exports.findReferencesAsJsxElements=function(e){const t=[];for(const n of e.findReferencesAsNodes()){const e=n.getFirstAncestor(e=>r.Node.isJsxOpeningElement(e)||r.Node.isJsxSelfClosingElement(e));e&&t.push(e)}return t},exports.getJsxElement=function(e,t){return y(e).find(e=>e.getFirstDescendantByKindOrThrow(r.SyntaxKind.Identifier).getText()===t)},exports.getJsxElements=y,exports.getParentSpreadOrParamIdentifier=S,exports.getReactFunctionDeclaration=h,exports.getUsedPropsInReference=t=>{const n=t.getAttributes(),o=[];return n.forEach(n=>{if(r.Node.isJsxAttribute(n)){const t=n.getNameNode().getText(),i=n.getDescendantsOfKind(r.SyntaxKind.StringLiteral),s=[];0!==i.length&&i.forEach(e=>s.push(e.getLiteralText()));const u=n.getFirstChildByKindOrThrow(r.SyntaxKind.Identifier).getDefinitions().map(e=>e.getDeclarationNode()?.getChildrenOfKind(r.SyntaxKind.TypeReference).pop()?.getText()).pop();u||(0,x.default)(t)?e.variants[(0,g.default)(u)]&&!(0,x.default)(u)?o.push([(0,g.default)(u),s]):(0,x.default)(t)||o.push([t,s]):o.push([t,s])}if(r.Node.isJsxSpreadAttribute(n)){const e=S(t),i=n.getExpression().getChildren(),s=0===i.length?n.getExpression():i.pop();if(!s||s?.getText()===e)return[];s.getType().getProperties().forEach(e=>{const t=e.getDeclarations().map(e=>{const t=e.getChildrenOfKind(r.SyntaxKind.TypeReference)[0]?.getText()??"";return(0,g.default)(t)})[0];(0,x.default)(e.getName())||o.push([e.getName(),[]]),(0,x.default)(t)||o.push([t,[]])})}return[]}),o},exports.isForwardRefExpression=m,exports.isJsxComponent=_;
+/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
+const require_tsMorph = require('../scripts/utils/tsMorph.cjs');
+
+exports.findReferencesAsJsxElements = require_tsMorph.findReferencesAsJsxElements;
+exports.getJsxElement = require_tsMorph.getJsxElement;
+exports.getJsxElements = require_tsMorph.getJsxElements;
+exports.getParentSpreadOrParamIdentifier = require_tsMorph.getParentSpreadOrParamIdentifier;
+exports.getReactFunctionDeclaration = require_tsMorph.getReactFunctionDeclaration;
+exports.getUsedPropsInReference = require_tsMorph.getUsedPropsInReference;
+exports.isForwardRefExpression = require_tsMorph.isForwardRefExpression;
+exports.isJsxComponent = require_tsMorph.isJsxComponent;

package/dist/tailwind/tsMorph.d.cts

@@ -1,31 +1,2 @@
-import { Node, CallExpression, VariableDeclaration, FunctionDeclaration, FunctionExpression, ArrowFunction, ClassDeclaration, JsxElement, JsxSelfClosingElement, Identifier, JsxOpeningElement } from 'ts-morph';
-
-/** Determines if an expression is using React.forwardRef. */
-declare function isForwardRefExpression(node: Node): node is CallExpression;
-/** Determines if a node is a JSX component. */
-declare function isJsxComponent(node: Node): node is VariableDeclaration | FunctionDeclaration | FunctionExpression | ArrowFunction | ClassDeclaration;
-/** Returns a functional component declaration, unwrapping forwardRef if needed. */
-declare function getReactFunctionDeclaration(declaration: Node): ArrowFunction | FunctionDeclaration | FunctionExpression | null;
-/** Get the first descendant JsxElement based on the identifier. */
-declare function getJsxElement(node: Node, name: string): JsxElement | JsxSelfClosingElement | undefined;
-/** Get all descendant JsxElement nodes. */
-declare function getJsxElements(node: Node): (JsxElement | JsxSelfClosingElement)[];
-/**
- * Traces component references.
- *
- * This is similar to `findReferencesAsNodes` but returns JsxSelfClosingElement and JsxElement nodes.
- * Note, this currently does not account for cases where the component is used as a prop or is renamed.
- */
-declare function findReferencesAsJsxElements(identifer: Identifier): (JsxOpeningElement | JsxSelfClosingElement)[];
-/**
- * Given a Jsx Reference, this function finds the parent of that reference,
- * looks at the props, and returns the name used either for spread operator rest or
- * the prop name if there's no spread operator
- */
-declare const getParentSpreadOrParamIdentifier: (reference: JsxOpeningElement | JsxSelfClosingElement) => string | undefined;
-/**
- * Get used props on a reference.
- */
-declare const getUsedPropsInReference: (reference: JsxOpeningElement | JsxSelfClosingElement) => Array<[string, string[]]>;
-
-export { findReferencesAsJsxElements, getJsxElement, getJsxElements, getParentSpreadOrParamIdentifier, getReactFunctionDeclaration, getUsedPropsInReference, isForwardRefExpression, isJsxComponent };
+import { findReferencesAsJsxElements, getJsxElement, getJsxElements, getParentSpreadOrParamIdentifier, getReactFunctionDeclaration, getUsedPropsInReference, isForwardRefExpression, isJsxComponent } from "../scripts/utils/tsMorph.cjs";
+export { findReferencesAsJsxElements, getJsxElement, getJsxElements, getParentSpreadOrParamIdentifier, getReactFunctionDeclaration, getUsedPropsInReference, isForwardRefExpression, isJsxComponent };

package/dist/tailwind/tsMorph.d.ts

@@ -1,31 +1,2 @@
-import { Node, CallExpression, VariableDeclaration, FunctionDeclaration, FunctionExpression, ArrowFunction, ClassDeclaration, JsxElement, JsxSelfClosingElement, Identifier, JsxOpeningElement } from 'ts-morph';
-
-/** Determines if an expression is using React.forwardRef. */
-declare function isForwardRefExpression(node: Node): node is CallExpression;
-/** Determines if a node is a JSX component. */
-declare function isJsxComponent(node: Node): node is VariableDeclaration | FunctionDeclaration | FunctionExpression | ArrowFunction | ClassDeclaration;
-/** Returns a functional component declaration, unwrapping forwardRef if needed. */
-declare function getReactFunctionDeclaration(declaration: Node): ArrowFunction | FunctionDeclaration | FunctionExpression | null;
-/** Get the first descendant JsxElement based on the identifier. */
-declare function getJsxElement(node: Node, name: string): JsxElement | JsxSelfClosingElement | undefined;
-/** Get all descendant JsxElement nodes. */
-declare function getJsxElements(node: Node): (JsxElement | JsxSelfClosingElement)[];
-/**
- * Traces component references.
- *
- * This is similar to `findReferencesAsNodes` but returns JsxSelfClosingElement and JsxElement nodes.
- * Note, this currently does not account for cases where the component is used as a prop or is renamed.
- */
-declare function findReferencesAsJsxElements(identifer: Identifier): (JsxOpeningElement | JsxSelfClosingElement)[];
-/**
- * Given a Jsx Reference, this function finds the parent of that reference,
- * looks at the props, and returns the name used either for spread operator rest or
- * the prop name if there's no spread operator
- */
-declare const getParentSpreadOrParamIdentifier: (reference: JsxOpeningElement | JsxSelfClosingElement) => string | undefined;
-/**
- * Get used props on a reference.
- */
-declare const getUsedPropsInReference: (reference: JsxOpeningElement | JsxSelfClosingElement) => Array<[string, string[]]>;
-
-export { findReferencesAsJsxElements, getJsxElement, getJsxElements, getParentSpreadOrParamIdentifier, getReactFunctionDeclaration, getUsedPropsInReference, isForwardRefExpression, isJsxComponent };
+import { findReferencesAsJsxElements, getJsxElement, getJsxElements, getParentSpreadOrParamIdentifier, getReactFunctionDeclaration, getUsedPropsInReference, isForwardRefExpression, isJsxComponent } from "../scripts/utils/tsMorph.js";
+export { findReferencesAsJsxElements, getJsxElement, getJsxElements, getParentSpreadOrParamIdentifier, getReactFunctionDeclaration, getUsedPropsInReference, isForwardRefExpression, isJsxComponent };

package/dist/tailwind/tsMorph.js

@@ -1,2 +1,4 @@
-import{require_toString as e,require_createCompounder as t,require_baseKeys as n,require_getTag as r,require_isArguments as i,require_isArray as o,require_isArrayLike as s,require_isBuffer as u,require_isPrototype as f,require_isTypedArray as a,variants as d}from"../chunk-E6Q2IF33.js";import{__commonJS as c,__toESM as l}from"../chunk-GF4A6TFM.js";import{Node as p,SyntaxKind as g}from"ts-morph";/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
-var h=c({"../../node_modules/lodash/_baseSlice.js"(e,t){t.exports=function(e,t,n){var r=-1,i=e.length;t<0&&(t=-t>i?0:i+t),(n=n>i?i:n)<0&&(n+=i),i=t>n?0:n-t>>>0,t>>>=0;for(var o=Array(i);++r<i;)o[r]=e[r+t];return o}}}),x=c({"../../node_modules/lodash/_castSlice.js"(e,t){var n=h();t.exports=function(e,t,r){var i=e.length;return r=void 0===r?i:r,!t&&r>=i?e:n(e,t,r)}}}),m=c({"../../node_modules/lodash/_hasUnicode.js"(e,t){var n=RegExp("[\\u200d\\ud800-\\udfff\\u0300-\\u036f\\ufe20-\\ufe2f\\u20d0-\\u20ff\\ufe0e\\ufe0f]");t.exports=function(e){return n.test(e)}}}),F=c({"../../node_modules/lodash/_asciiToArray.js"(e,t){t.exports=function(e){return e.split("")}}}),T=c({"../../node_modules/lodash/_unicodeToArray.js"(e,t){var n="\\ud800-\\udfff",r="["+n+"]",i="[\\u0300-\\u036f\\ufe20-\\ufe2f\\u20d0-\\u20ff]",o="\\ud83c[\\udffb-\\udfff]",s="[^"+n+"]",u="(?:\\ud83c[\\udde6-\\uddff]){2}",f="[\\ud800-\\udbff][\\udc00-\\udfff]",a="(?:"+i+"|"+o+")"+"?",d="[\\ufe0e\\ufe0f]?",c=d+a+("(?:\\u200d(?:"+[s,u,f].join("|")+")"+d+a+")*"),l="(?:"+[s+i+"?",i,u,f,r].join("|")+")",p=RegExp(o+"(?="+o+")|"+l+c,"g");t.exports=function(e){return e.match(p)||[]}}}),j=c({"../../node_modules/lodash/_stringToArray.js"(e,t){var n=F(),r=m(),i=T();t.exports=function(e){return r(e)?i(e):n(e)}}}),v=c({"../../node_modules/lodash/_createCaseFirst.js"(t,n){var r=x(),i=m(),o=j(),s=e();n.exports=function(e){return function(t){t=s(t);var n=i(t)?o(t):void 0,u=n?n[0]:t.charAt(0),f=n?r(n,1).join(""):t.slice(1);return u[e]()+f}}}}),A=c({"../../node_modules/lodash/upperFirst.js"(e,t){var n=v()("toUpperCase");t.exports=n}}),E=c({"../../node_modules/lodash/capitalize.js"(t,n){var r=e(),i=A();n.exports=function(e){return i(r(e).toLowerCase())}}}),y=c({"../../node_modules/lodash/camelCase.js"(e,n){var r=E(),i=t()(function(e,t,n){return t=t.toLowerCase(),e+(n?r(t):t)});n.exports=i}}),D=c({"../../node_modules/lodash/isEmpty.js"(e,t){var d=n(),c=r(),l=i(),p=o(),g=s(),h=u(),x=f(),m=a(),F=Object.prototype.hasOwnProperty;t.exports=function(e){if(null==e)return!0;if(g(e)&&(p(e)||"string"==typeof e||"function"==typeof e.splice||h(e)||m(e)||l(e)))return!e.length;var t=c(e);if("[object Map]"==t||"[object Set]"==t)return!e.size;if(x(e))return!d(e).length;for(var n in e)if(F.call(e,n))return!1;return!0}}}),_=l(y(),1),C=l(D(),1);function b(e){if(p.isCallExpression(e)){const t=e.getExpression();if(p.isIdentifier(t)&&"forwardRef"===t.getText())return!0;if(p.isPropertyAccessExpression(t)&&"React.forwardRef"===t.getText())return!0}return!1}function O(e){let t;if(p.isVariableDeclaration(e)||p.isFunctionDeclaration(e)||p.isClassDeclaration(e))t=e.getName();else if(p.isFunctionExpression(e)||p.isArrowFunction(e)){const n=e.getFirstAncestorByKind(g.VariableDeclaration);t=n?.getName()}return!!t&&/[A-Z]/.test(t.charAt(0))}function w(e){if(O(e)){if(p.isFunctionDeclaration(e))return e;if(p.isVariableDeclaration(e)){const t=e.getInitializer();if(t)if(b(t)){const[e]=t.getArguments();if(p.isFunctionDeclaration(e)||p.isFunctionExpression(e)||p.isArrowFunction(e))return e}else if(p.isFunctionDeclaration(t)||p.isFunctionExpression(t)||p.isArrowFunction(t))return t}}return null}function K(e,t){return N(e).find(e=>e.getFirstDescendantByKindOrThrow(g.Identifier).getText()===t)}function N(e){return e.getDescendants().filter(e=>p.isJsxElement(e)||p.isJsxSelfClosingElement(e))}function P(e){const t=[];for(const n of e.findReferencesAsNodes()){const e=n.getFirstAncestor(e=>p.isJsxOpeningElement(e)||p.isJsxSelfClosingElement(e));e&&t.push(e)}return t}var R=e=>{const t=e.getParentWhile(e=>!w(e)).getParent();if(!t)return;const n=w(t);if(n){const e=n.getParameters();for(let t=0;t<e.length;t++){const n=e[t],r=n.getChildrenOfKind(g.ObjectBindingPattern)[0],i=n.getChildrenOfKind(g.Identifier)[0];if(r){const e=r.getFirstDescendantByKind(g.DotDotDotToken);if(void 0!==e){const t=e?.getParent()?.getFirstChildByKindOrThrow(g.Identifier).getText();return t}}else if(i)return i.getText()}}},I=e=>{const t=e.getAttributes(),n=[];return t.forEach(t=>{if(p.isJsxAttribute(t)){const e=t.getNameNode().getText(),r=t.getDescendantsOfKind(g.StringLiteral),i=[];0!==r.length&&r.forEach(e=>i.push(e.getLiteralText()));const o=t.getFirstChildByKindOrThrow(g.Identifier).getDefinitions().map(e=>e.getDeclarationNode()?.getChildrenOfKind(g.TypeReference).pop()?.getText()).pop();o||(0,C.default)(e)?d[(0,_.default)(o)]&&!(0,C.default)(o)?n.push([(0,_.default)(o),i]):(0,C.default)(e)||n.push([e,i]):n.push([e,i])}if(p.isJsxSpreadAttribute(t)){const r=R(e),i=t.getExpression().getChildren(),o=0===i.length?t.getExpression():i.pop();if(!o||o?.getText()===r)return[];o.getType().getProperties().forEach(e=>{const t=e.getDeclarations().map(e=>{const t=e.getChildrenOfKind(g.TypeReference)[0]?.getText()??"";return(0,_.default)(t)})[0];(0,C.default)(e.getName())||n.push([e.getName(),[]]),(0,C.default)(t)||n.push([t,[]])})}return[]}),n};export{P as findReferencesAsJsxElements,K as getJsxElement,N as getJsxElements,R as getParentSpreadOrParamIdentifier,w as getReactFunctionDeclaration,I as getUsedPropsInReference,b as isForwardRefExpression,O as isJsxComponent};
+/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
+import { findReferencesAsJsxElements, getJsxElement, getJsxElements, getParentSpreadOrParamIdentifier, getReactFunctionDeclaration, getUsedPropsInReference, isForwardRefExpression, isJsxComponent } from "../scripts/utils/tsMorph.js";
+
+export { findReferencesAsJsxElements, getJsxElement, getJsxElements, getParentSpreadOrParamIdentifier, getReactFunctionDeclaration, getUsedPropsInReference, isForwardRefExpression, isJsxComponent };

package/dist/tailwind/utils/addFontsPlugin.cjs

@@ -0,0 +1,15 @@
+/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_tailwind_base_addFontFaceDeclarations = require('../base/addFontFaceDeclarations.cjs');
+let tailwindcss_plugin_js = require("tailwindcss/plugin.js");
+tailwindcss_plugin_js = require_rolldown_runtime.__toESM(tailwindcss_plugin_js);
+
+//#region src/tailwind/utils/addFontsPlugin.ts
+const addFontsPlugin = tailwindcss_plugin_js.default.withOptions(function addFontsPlugin$1({ fontIds }) {
+	return function({ addBase }) {
+		require_tailwind_base_addFontFaceDeclarations.addFontFaceDeclarations(fontIds, { addBase });
+	};
+});
+
+//#endregion
+exports.addFontsPlugin = addFontsPlugin;

package/dist/tailwind/utils/addFontsPlugin.d.cts

@@ -0,0 +1,18 @@
+import { FontID } from "../../tokens/types.cjs";
+import "../../tokens/index.cjs";
+import * as tailwindcss_types_config3 from "tailwindcss/types/config";
+
+//#region src/tailwind/utils/addFontsPlugin.d.ts
+interface AddFontsPluginOptions {
+  fontIds: FontID[];
+}
+declare const addFontsPlugin: {
+  (options: AddFontsPluginOptions): {
+    handler: tailwindcss_types_config3.PluginCreator;
+    config?: Partial<tailwindcss_types_config3.Config>;
+  };
+  __isOptionsFunction: true;
+};
+//#endregion
+export { AddFontsPluginOptions, addFontsPlugin };
+//# sourceMappingURL=addFontsPlugin.d.cts.map

package/dist/tailwind/utils/addFontsPlugin.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"addFontsPlugin.d.cts","names":[],"sources":["../../../src/tailwind/utils/addFontsPlugin.ts"],"sourcesContent":[],"mappings":";;;;;UAOiB,qBAAA;WACN;;cAEE;EAHI,CAAA,OAAA,CAAA,sBAAqB,CAAA,CAAA,CAAA;IAGzB,OAAA,CAAA,wCAMX;aAZ2C,kCAAA,MAAA;;2BAAA;CAAA"}