@yahoo/uds 3.100.0-beta.2 → 3.100.0

package/dist/tailwind/{components → dist/tailwind/components}/getFocusRingStyles.cjs

@@ -1,8 +1,8 @@
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-const require_index = require('../../css-tokens/dist/index.cjs');
+const require_index = require('../../../../css-tokens/dist/index.cjs');
 
-//#region src/tailwind/components/getFocusRingStyles.ts
+//#region ../tailwind/dist/tailwind/components/getFocusRingStyles.js
+/*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
 const ringStyles = {
 	outlineOffset: "var(--uds-outline-offset)",
 	outlineWidth: "var(--uds-outline-width)",

package/dist/tailwind/{components → dist/tailwind/components}/getFocusRingStyles.js

@@ -1,7 +1,8 @@
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
-import { PSEUDO_STYLE_SELECTOR_MAP } from "../../css-tokens/dist/index.js";
+import { PSEUDO_STYLE_SELECTOR_MAP } from "../../../../css-tokens/dist/index.js";
 
-//#region src/tailwind/components/getFocusRingStyles.ts
+//#region ../tailwind/dist/tailwind/components/getFocusRingStyles.js
+/*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
 const ringStyles = {
 	outlineOffset: "var(--uds-outline-offset)",
 	outlineWidth: "var(--uds-outline-width)",

package/dist/tailwind/dist/tailwind/components/getGroupedTextStyles.cjs

@@ -0,0 +1,20 @@
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+const require_index = require('../../../../fixtures/dist/index.cjs');
+const require_index$1 = require('../../../../css-tokens/dist/index.cjs');
+const require_getResponsiveTextStyles = require('./getResponsiveTextStyles.cjs');
+
+//#region ../tailwind/dist/tailwind/components/getGroupedTextStyles.js
+/*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
+const getGroupedTextStyles = () => Object.fromEntries(require_index.textVariants.map(require_getResponsiveTextStyles.textVariantsSafe).map((variant) => [`.uds-text-${variant}`, {
+	fontFamily: `var(--${require_index$1.FONT_FAMILY_PREFIX}-${variant})`,
+	fontSize: `var(--${require_index$1.FONT_SIZE_PREFIX}-${variant})`,
+	fontWeight: `var(--${require_index$1.FONT_WEIGHT_PREFIX}-${variant})`,
+	fontVariationSettings: `"wght" var(--${require_index$1.FONT_WEIGHT_PREFIX}-${variant}), "slnt" var(--${require_index$1.FONT_SLANT_PREFIX}-${variant}), "ital" var(--${require_index$1.FONT_SLANT_PREFIX}-${variant}), "wdth" var(--${require_index$1.FONT_WIDTH_PREFIX}-${variant})`,
+	lineHeight: `var(--${require_index$1.LINE_HEIGHT_PREFIX}-${variant})`,
+	textTransform: `var(--${require_index$1.TEXT_TRANSFORM_PREFIX}-${variant})`,
+	b: { fontVariationSettings: "normal" },
+	strong: { fontVariationSettings: "normal" }
+}]));
+
+//#endregion
+exports.getGroupedTextStyles = getGroupedTextStyles;

package/dist/tailwind/{components → dist/tailwind/components}/getGroupedTextStyles.js

@@ -1,9 +1,10 @@
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
-import { FONT_FAMILY_PREFIX, FONT_SIZE_PREFIX, FONT_SLANT_PREFIX, FONT_WEIGHT_PREFIX, FONT_WIDTH_PREFIX, LINE_HEIGHT_PREFIX, TEXT_TRANSFORM_PREFIX } from "../../css-tokens/dist/index.js";
+import { textVariants } from "../../../../fixtures/dist/index.js";
+import { FONT_FAMILY_PREFIX, FONT_SIZE_PREFIX, FONT_SLANT_PREFIX, FONT_WEIGHT_PREFIX, FONT_WIDTH_PREFIX, LINE_HEIGHT_PREFIX, TEXT_TRANSFORM_PREFIX } from "../../../../css-tokens/dist/index.js";
 import { textVariantsSafe } from "./getResponsiveTextStyles.js";
-import { textVariants } from "@yahoo/uds/fixtures";
 
-//#region src/tailwind/components/getGroupedTextStyles.ts
+//#region ../tailwind/dist/tailwind/components/getGroupedTextStyles.js
+/*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
 const getGroupedTextStyles = () => Object.fromEntries(textVariants.map(textVariantsSafe).map((variant) => [`.uds-text-${variant}`, {
 	fontFamily: `var(--${FONT_FAMILY_PREFIX}-${variant})`,
 	fontSize: `var(--${FONT_SIZE_PREFIX}-${variant})`,

package/dist/tailwind/{components → dist/tailwind/components}/getHitTargetStyles.cjs

@@ -1,7 +1,7 @@
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-//#region src/tailwind/components/getHitTargetStyles.ts
+//#region ../tailwind/dist/tailwind/components/getHitTargetStyles.js
+/*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
 const MINIMUM_TAP_TARGET = "44px";
 function getHitTargetStyles() {
 	return {
@@ -19,5 +19,4 @@ function getHitTargetStyles() {
 }
 
 //#endregion
-exports.MINIMUM_TAP_TARGET = MINIMUM_TAP_TARGET;
 exports.getHitTargetStyles = getHitTargetStyles;

package/dist/tailwind/{components → dist/tailwind/components}/getHitTargetStyles.js

@@ -1,5 +1,6 @@
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
-//#region src/tailwind/components/getHitTargetStyles.ts
+//#region ../tailwind/dist/tailwind/components/getHitTargetStyles.js
+/*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
 const MINIMUM_TAP_TARGET = "44px";
 function getHitTargetStyles() {
 	return {
@@ -17,4 +18,4 @@ function getHitTargetStyles() {
 }
 
 //#endregion
-export { MINIMUM_TAP_TARGET, getHitTargetStyles };
+export { getHitTargetStyles };

package/dist/tailwind/{components → dist/tailwind/components}/getIconStyles.cjs

@@ -1,7 +1,7 @@
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-//#region src/tailwind/components/getIconStyles.ts
+//#region ../tailwind/dist/tailwind/components/getIconStyles.js
+/*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
 /**
 * Generates icon styles for light/dark mode using CSS variables
 */

package/dist/tailwind/{components → dist/tailwind/components}/getIconStyles.js

@@ -1,5 +1,6 @@
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
-//#region src/tailwind/components/getIconStyles.ts
+//#region ../tailwind/dist/tailwind/components/getIconStyles.js
+/*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
 /**
 * Generates icon styles for light/dark mode using CSS variables
 */

package/dist/tailwind/{components → dist/tailwind/components}/getInputStyles.cjs

@@ -1,7 +1,7 @@
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-//#region src/tailwind/components/getInputStyles.ts
+//#region ../tailwind/dist/tailwind/components/getInputStyles.js
+/*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
 /**
 * Generates input styles
 */

package/dist/tailwind/dist/tailwind/components/getInputStyles.d.cts

@@ -0,0 +1,11 @@
+
+import { CssStyleObject } from "./types.cjs";
+
+//#region ../tailwind/dist/tailwind/components/getInputStyles.d.ts
+//#region src/tailwind/components/getInputStyles.d.ts
+/**
+ * Generates input styles
+ */
+declare function getInputStyles(): CssStyleObject; //#endregion
+//#endregion
+export { getInputStyles };

package/dist/tailwind/dist/tailwind/components/getInputStyles.d.ts

@@ -0,0 +1,11 @@
+
+import { CssStyleObject } from "./types.js";
+
+//#region ../tailwind/dist/tailwind/components/getInputStyles.d.ts
+//#region src/tailwind/components/getInputStyles.d.ts
+/**
+ * Generates input styles
+ */
+declare function getInputStyles(): CssStyleObject; //#endregion
+//#endregion
+export { getInputStyles };

package/dist/tailwind/{components → dist/tailwind/components}/getInputStyles.js

@@ -1,5 +1,6 @@
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
-//#region src/tailwind/components/getInputStyles.ts
+//#region ../tailwind/dist/tailwind/components/getInputStyles.js
+/*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
 /**
 * Generates input styles
 */

package/dist/tailwind/dist/tailwind/components/getResponsiveTextStyles.cjs

@@ -0,0 +1,72 @@
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+const require_runtime = require('../../../../_virtual/_rolldown/runtime.cjs');
+const require_index = require('../../../../fixtures/dist/index.cjs');
+const require_index$1 = require('../../../../css-tokens/dist/index.cjs');
+const require_entries = require('../../utils/entries.cjs');
+const require_assertUnreachable = require('../../utils/assertUnreachable.cjs');
+let lodash_es = require("lodash-es");
+
+//#region ../tailwind/dist/tailwind/components/getResponsiveTextStyles.js
+/*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
+const textVariantsSafe = (variant) => variant.replace("/", "-");
+const BASE_SIZE = 16;
+const toRem = (size) => `${size / BASE_SIZE}rem`;
+const mapClassNames = (name) => "." + require_index$1.TEXT_RESPONSIVE_BREAKPOINT_CLASSNAMES[name];
+const getValue = (config, variant, key, breakpoint) => {
+	const data = config.typography[variant]?.[key];
+	if (!data) throw new Error(`Missing typography data for variant "${variant}" and key "${key}"`);
+	const value = breakpoint === "base" ? data.base : data.breakpoints?.[breakpoint];
+	if (!value) throw new Error(`Missing value for variant "${variant}", key "${key}", and breakpoint "${breakpoint}"`);
+	if ((0, lodash_es.isString)(value)) return value;
+	switch (value.type) {
+		case "px": return toRem(value.value);
+		case "unitless": return String(value.value);
+	}
+	return require_assertUnreachable.assertUnreachable(value);
+};
+const convertFontAlias = (config, value) => {
+	if (value in config.font) return `var(--${require_index$1.FONT_FAMILY_PREFIX}-${value})`;
+	return value;
+};
+const cssVariablesForBreakpoint = (config, breakpoint) => Object.fromEntries(require_index.textVariants.flatMap((variant) => {
+	const safeVariant = textVariantsSafe(variant);
+	return [
+		[`--${require_index$1.FONT_FAMILY_PREFIX}-${safeVariant}`, convertFontAlias(config, getValue(config, variant, "fontFamily", breakpoint))],
+		[`--${require_index$1.FONT_SIZE_PREFIX}-${safeVariant}`, getValue(config, variant, "fontSize", breakpoint)],
+		[`--${require_index$1.FONT_WEIGHT_PREFIX}-${safeVariant}`, getValue(config, variant, "fontWeight", breakpoint)],
+		[`--${require_index$1.FONT_SLANT_PREFIX}-${safeVariant}`, getValue(config, variant, "fontSlant", breakpoint)],
+		[`--${require_index$1.FONT_WIDTH_PREFIX}-${safeVariant}`, getValue(config, variant, "fontWidth", breakpoint)],
+		[`--${require_index$1.LINE_HEIGHT_PREFIX}-${safeVariant}`, getValue(config, variant, "lineHeight", breakpoint)],
+		[`--${require_index$1.TEXT_TRANSFORM_PREFIX}-${safeVariant}`, getValue(config, variant, "textTransform", breakpoint)],
+		[`--${require_index$1.LETTER_SPACING_PREFIX}-${safeVariant}`, getValue(config, variant, "letterSpacing", breakpoint)]
+	];
+}));
+const tailwindConfigPerVariant = (prefix) => Object.fromEntries(require_index.textVariants.map(textVariantsSafe).map((variant) => [variant, `var(--${prefix}-${variant})`]));
+const RESPONSIVE_TAILWIND_CONFIG_MAP = {
+	fontFamily: tailwindConfigPerVariant(require_index$1.FONT_FAMILY_PREFIX),
+	fontWeight: tailwindConfigPerVariant(require_index$1.FONT_WEIGHT_PREFIX),
+	fontSlant: tailwindConfigPerVariant(require_index$1.FONT_SLANT_PREFIX),
+	fontWidth: tailwindConfigPerVariant(require_index$1.FONT_WIDTH_PREFIX),
+	fontSize: tailwindConfigPerVariant(require_index$1.FONT_SIZE_PREFIX),
+	lineHeight: tailwindConfigPerVariant(require_index$1.LINE_HEIGHT_PREFIX),
+	textTransform: tailwindConfigPerVariant(require_index$1.TEXT_TRANSFORM_PREFIX),
+	letterSpacing: tailwindConfigPerVariant(require_index$1.LETTER_SPACING_PREFIX)
+};
+const getBaseTextVars = (config) => {
+	return cssVariablesForBreakpoint(config, "base");
+};
+const getResponsiveTextStyles = (config) => {
+	const breakpoints = require_entries.entries(config.breakpoints).sort(([, { value: minWidthA }], [, { value: minWidthB }]) => minWidthA - minWidthB);
+	return {
+		[`.${require_index$1.TEXT_RESPONSIVE_CLASSNAME}`]: Object.fromEntries(breakpoints.map(([name, { value: minWidth }]) => [`@media (min-width: ${minWidth}px)`, cssVariablesForBreakpoint(config, name)])),
+		[mapClassNames("base")]: cssVariablesForBreakpoint(config, "base"),
+		[mapClassNames("defaultBreakpoint")]: cssVariablesForBreakpoint(config, config.globalDefaults.breakpoint),
+		...Object.fromEntries(breakpoints.map(([name]) => [mapClassNames(name), cssVariablesForBreakpoint(config, name)]))
+	};
+};
+
+//#endregion
+exports.RESPONSIVE_TAILWIND_CONFIG_MAP = RESPONSIVE_TAILWIND_CONFIG_MAP;
+exports.getBaseTextVars = getBaseTextVars;
+exports.getResponsiveTextStyles = getResponsiveTextStyles;
+exports.textVariantsSafe = textVariantsSafe;

package/dist/tailwind/dist/tailwind/components/getResponsiveTextStyles.d.cts

@@ -0,0 +1,9 @@
+
+import { UniversalTokensConfig } from "../../../../config/dist/index.cjs";
+import { CssStyleObject } from "./types.cjs";
+
+//#region ../tailwind/dist/tailwind/components/getResponsiveTextStyles.d.ts
+declare const getBaseTextVars: (config: UniversalTokensConfig) => CssStyleObject;
+declare const getResponsiveTextStyles: (config: UniversalTokensConfig) => CssStyleObject; //#endregion
+//#endregion
+export { getBaseTextVars, getResponsiveTextStyles };

package/dist/tailwind/dist/tailwind/components/getResponsiveTextStyles.d.ts

@@ -0,0 +1,9 @@
+
+import { UniversalTokensConfig } from "../../../../config/dist/index.js";
+import { CssStyleObject } from "./types.js";
+
+//#region ../tailwind/dist/tailwind/components/getResponsiveTextStyles.d.ts
+declare const getBaseTextVars: (config: UniversalTokensConfig) => CssStyleObject;
+declare const getResponsiveTextStyles: (config: UniversalTokensConfig) => CssStyleObject; //#endregion
+//#endregion
+export { getBaseTextVars, getResponsiveTextStyles };

package/dist/tailwind/{components → dist/tailwind/components}/getResponsiveTextStyles.js

@@ -1,11 +1,12 @@
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
-import { FONT_FAMILY_PREFIX, FONT_SIZE_PREFIX, FONT_SLANT_PREFIX, FONT_WEIGHT_PREFIX, FONT_WIDTH_PREFIX, LETTER_SPACING_PREFIX, LINE_HEIGHT_PREFIX, TEXT_RESPONSIVE_BREAKPOINT_CLASSNAMES, TEXT_RESPONSIVE_CLASSNAME, TEXT_TRANSFORM_PREFIX } from "../../css-tokens/dist/index.js";
+import { textVariants } from "../../../../fixtures/dist/index.js";
+import { FONT_FAMILY_PREFIX, FONT_SIZE_PREFIX, FONT_SLANT_PREFIX, FONT_WEIGHT_PREFIX, FONT_WIDTH_PREFIX, LETTER_SPACING_PREFIX, LINE_HEIGHT_PREFIX, TEXT_RESPONSIVE_BREAKPOINT_CLASSNAMES, TEXT_RESPONSIVE_CLASSNAME, TEXT_TRANSFORM_PREFIX } from "../../../../css-tokens/dist/index.js";
 import { entries as entries$1 } from "../../utils/entries.js";
 import { assertUnreachable } from "../../utils/assertUnreachable.js";
-import { textVariants } from "@yahoo/uds/fixtures";
 import { isString } from "lodash-es";
 
-//#region src/tailwind/components/getResponsiveTextStyles.ts
+//#region ../tailwind/dist/tailwind/components/getResponsiveTextStyles.js
+/*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
 const textVariantsSafe = (variant) => variant.replace("/", "-");
 const BASE_SIZE = 16;
 const toRem = (size) => `${size / BASE_SIZE}rem`;
@@ -64,4 +65,4 @@ const getResponsiveTextStyles = (config) => {
 };
 
 //#endregion
-export { RESPONSIVE_TAILWIND_CONFIG_MAP, cssVariablesForBreakpoint, getBaseTextVars, getResponsiveTextStyles, textVariantsSafe };
+export { RESPONSIVE_TAILWIND_CONFIG_MAP, getBaseTextVars, getResponsiveTextStyles, textVariantsSafe };

package/dist/tailwind/{components → dist/tailwind/components}/types.d.cts

@@ -1,10 +1,9 @@
 
 import { CSSRuleObject } from "tailwindcss/types/config";
 
+//#region ../tailwind/dist/tailwind/components/types.d.ts
 //#region src/tailwind/components/types.d.ts
-/** TODO: create typed theme function to ensure valid paths are being used */
-type ThemeFn = (path: string) => string;
 type SimpleStyleObject = Record<string, string> | CSSRuleObject;
-type CssStyleObject = Record<`.${string}`, SimpleStyleObject | Record<string, SimpleStyleObject>>;
+type CssStyleObject = Record<`.${string}`, SimpleStyleObject | Record<string, SimpleStyleObject>>; //#endregion
 //#endregion
-export { CssStyleObject, SimpleStyleObject, ThemeFn };
+export { CssStyleObject };

package/dist/tailwind/{components → dist/tailwind/components}/types.d.ts

@@ -1,10 +1,9 @@
 
 import { CSSRuleObject } from "tailwindcss/types/config";
 
+//#region ../tailwind/dist/tailwind/components/types.d.ts
 //#region src/tailwind/components/types.d.ts
-/** TODO: create typed theme function to ensure valid paths are being used */
-type ThemeFn = (path: string) => string;
 type SimpleStyleObject = Record<string, string> | CSSRuleObject;
-type CssStyleObject = Record<`.${string}`, SimpleStyleObject | Record<string, SimpleStyleObject>>;
+type CssStyleObject = Record<`.${string}`, SimpleStyleObject | Record<string, SimpleStyleObject>>; //#endregion
 //#endregion
-export { CssStyleObject, SimpleStyleObject, ThemeFn };
+export { CssStyleObject };

package/dist/tailwind/{defaultTailwindThemeAsUdsConfig.cjs → dist/tailwind/defaultTailwindThemeAsUdsConfig.cjs}

@@ -1,7 +1,7 @@
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-//#region src/tailwind/defaultTailwindThemeAsUdsConfig.ts
+//#region ../tailwind/dist/tailwind/defaultTailwindThemeAsUdsConfig.js
+/*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
 const fontSizeMap = {
 	display1: "6xl",
 	display2: "5xl",

package/dist/tailwind/{defaultTailwindThemeAsUdsConfig.d.cts → dist/tailwind/defaultTailwindThemeAsUdsConfig.d.cts}

@@ -1,13 +1,14 @@
 
-import { TextVariantUi } from "../types/dist/index.cjs";
+import { TextVariantUi } from "../../../types/dist/index.cjs";
 import defaultTailwindTheme from "tailwindcss/defaultTheme";
 
+//#region ../tailwind/dist/tailwind/defaultTailwindThemeAsUdsConfig.d.ts
 //#region src/tailwind/defaultTailwindThemeAsUdsConfig.d.ts
 type TwFontSizeToExclude = '7xl' | '8xl' | '9xl';
 type TwdFontSize = Exclude<keyof typeof defaultTailwindTheme.fontSize, TwFontSizeToExclude>;
 declare const udsToTailwindMap: {
   fontSize: Record<"display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "label3" | "label4" | "caption1" | "caption2" | TextVariantUi | "display1/emphasized" | "display2/emphasized" | "display3/emphasized" | "title1/emphasized" | "title2/emphasized" | "title3/emphasized" | "title4/emphasized" | "headline1/emphasized" | "body1/emphasized" | "label1/emphasized" | "label2/emphasized" | "label3/emphasized" | "label4/emphasized" | "caption1/emphasized" | "caption2/emphasized" | "ui1/emphasized" | "ui2/emphasized" | "ui3/emphasized" | "ui4/emphasized" | "ui5/emphasized" | "ui6/emphasized", TwdFontSize>;
   lineHeight: Record<"display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "label3" | "label4" | "caption1" | "caption2" | TextVariantUi | "display1/emphasized" | "display2/emphasized" | "display3/emphasized" | "title1/emphasized" | "title2/emphasized" | "title3/emphasized" | "title4/emphasized" | "headline1/emphasized" | "body1/emphasized" | "label1/emphasized" | "label2/emphasized" | "label3/emphasized" | "label4/emphasized" | "caption1/emphasized" | "caption2/emphasized" | "ui1/emphasized" | "ui2/emphasized" | "ui3/emphasized" | "ui4/emphasized" | "ui5/emphasized" | "ui6/emphasized", TwdFontSize>;
-};
+}; //#endregion
 //#endregion
 export { udsToTailwindMap };

package/dist/tailwind/{defaultTailwindThemeAsUdsConfig.d.ts → dist/tailwind/defaultTailwindThemeAsUdsConfig.d.ts}

@@ -1,13 +1,14 @@
 
-import { TextVariantUi } from "../types/dist/index.js";
+import { TextVariantUi } from "../../../types/dist/index.js";
 import defaultTailwindTheme from "tailwindcss/defaultTheme";
 
+//#region ../tailwind/dist/tailwind/defaultTailwindThemeAsUdsConfig.d.ts
 //#region src/tailwind/defaultTailwindThemeAsUdsConfig.d.ts
 type TwFontSizeToExclude = '7xl' | '8xl' | '9xl';
 type TwdFontSize = Exclude<keyof typeof defaultTailwindTheme.fontSize, TwFontSizeToExclude>;
 declare const udsToTailwindMap: {
   fontSize: Record<"display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "label3" | "label4" | "caption1" | "caption2" | TextVariantUi | "display1/emphasized" | "display2/emphasized" | "display3/emphasized" | "title1/emphasized" | "title2/emphasized" | "title3/emphasized" | "title4/emphasized" | "headline1/emphasized" | "body1/emphasized" | "label1/emphasized" | "label2/emphasized" | "label3/emphasized" | "label4/emphasized" | "caption1/emphasized" | "caption2/emphasized" | "ui1/emphasized" | "ui2/emphasized" | "ui3/emphasized" | "ui4/emphasized" | "ui5/emphasized" | "ui6/emphasized", TwdFontSize>;
   lineHeight: Record<"display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "label3" | "label4" | "caption1" | "caption2" | TextVariantUi | "display1/emphasized" | "display2/emphasized" | "display3/emphasized" | "title1/emphasized" | "title2/emphasized" | "title3/emphasized" | "title4/emphasized" | "headline1/emphasized" | "body1/emphasized" | "label1/emphasized" | "label2/emphasized" | "label3/emphasized" | "label4/emphasized" | "caption1/emphasized" | "caption2/emphasized" | "ui1/emphasized" | "ui2/emphasized" | "ui3/emphasized" | "ui4/emphasized" | "ui5/emphasized" | "ui6/emphasized", TwdFontSize>;
-};
+}; //#endregion
 //#endregion
 export { udsToTailwindMap };

package/dist/tailwind/{defaultTailwindThemeAsUdsConfig.js → dist/tailwind/defaultTailwindThemeAsUdsConfig.js}

@@ -1,5 +1,6 @@
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
-//#region src/tailwind/defaultTailwindThemeAsUdsConfig.ts
+//#region ../tailwind/dist/tailwind/defaultTailwindThemeAsUdsConfig.js
+/*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
 const fontSizeMap = {
 	display1: "6xl",
 	display2: "5xl",

package/dist/tailwind/{plugins → dist/tailwind/plugins}/a11y.cjs

@@ -1,15 +1,15 @@
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-const require_runtime = require('../../_virtual/_rolldown/runtime.cjs');
-const require_tailwind_components_getFocusRingStyles = require('../components/getFocusRingStyles.cjs');
-const require_tailwind_components_getHitTargetStyles = require('../components/getHitTargetStyles.cjs');
+const require_runtime = require('../../../../_virtual/_rolldown/runtime.cjs');
+const require_getFocusRingStyles = require('../components/getFocusRingStyles.cjs');
+const require_getHitTargetStyles = require('../components/getHitTargetStyles.cjs');
 let tailwindcss_plugin_js = require("tailwindcss/plugin.js");
 tailwindcss_plugin_js = require_runtime.__toESM(tailwindcss_plugin_js);
 
-//#region src/tailwind/plugins/a11y.ts
+//#region ../tailwind/dist/tailwind/plugins/a11y.js
+/*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
 const a11yPlugin = tailwindcss_plugin_js.default.withOptions(() => ({ addComponents, theme }) => {
-	addComponents(require_tailwind_components_getHitTargetStyles.getHitTargetStyles());
-	addComponents(require_tailwind_components_getFocusRingStyles.getFocusRingStyles({ theme }));
+	addComponents(require_getHitTargetStyles.getHitTargetStyles());
+	addComponents(require_getFocusRingStyles.getFocusRingStyles({ theme }));
 }, () => ({
 	safelist: ["uds-hit-target", "uds-ring"],
 	theme: { extend: {

package/dist/tailwind/{plugins → dist/tailwind/plugins}/a11y.js

@@ -3,7 +3,8 @@ import { getFocusRingStyles } from "../components/getFocusRingStyles.js";
 import { getHitTargetStyles } from "../components/getHitTargetStyles.js";
 import plugin from "tailwindcss/plugin.js";
 
-//#region src/tailwind/plugins/a11y.ts
+//#region ../tailwind/dist/tailwind/plugins/a11y.js
+/*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
 const a11yPlugin = plugin.withOptions(() => ({ addComponents, theme }) => {
 	addComponents(getHitTargetStyles());
 	addComponents(getFocusRingStyles({ theme }));

package/dist/tailwind/{plugins → dist/tailwind/plugins}/borderRadius.cjs

@@ -1,14 +1,14 @@
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-const require_runtime = require('../../_virtual/_rolldown/runtime.cjs');
-const require_index = require('../../css-tokens/dist/index.cjs');
-const require_index$1 = require('../../modes/dist/index.cjs');
-const require_tokens_utils_fromEntries = require('../../tokens/utils/fromEntries.cjs');
-const require_tailwind_utils_composeTailwindPlugins = require('../utils/composeTailwindPlugins.cjs');
+const require_runtime = require('../../../../_virtual/_rolldown/runtime.cjs');
+const require_index = require('../../../../css-tokens/dist/index.cjs');
+const require_index$1 = require('../../../../modes/dist/index.cjs');
+const require_composeTailwindPlugins = require('../utils/composeTailwindPlugins.cjs');
+const require_fromEntries = require('../../utils/fromEntries.cjs');
 let tailwindcss_plugin_js = require("tailwindcss/plugin.js");
 tailwindcss_plugin_js = require_runtime.__toESM(tailwindcss_plugin_js);
 
-//#region src/tailwind/plugins/borderRadius.ts
+//#region ../tailwind/dist/tailwind/plugins/borderRadius.js
+/*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
 const UDS_BORDER_RADIUS_THEME_KEY = "udsBorderRadius";
 const udsBorderRadiusToCSSVariable = (token) => `var(--${require_index.BORDER_RADIUS_PREFIX}-${token})`;
 const getBorderRadiusTheme = (config, mergeTokensIntoTailwindTheme) => {
@@ -26,7 +26,7 @@ const getBorderRadiusTheme = (config, mergeTokensIntoTailwindTheme) => {
 	* Note: The values of the CSS variables are defined elsewhere. This code only ensures the Tailwind-generated
 	* classes are mapped to the correct CSS variable.
 	*/
-	const udsBorderRadii = require_tokens_utils_fromEntries.fromEntries(Object.keys(config).map((udsAlias) => [udsAlias, udsBorderRadiusToCSSVariable(udsAlias)]));
+	const udsBorderRadii = require_fromEntries.fromEntries(Object.keys(config).map((udsAlias) => [udsAlias, udsBorderRadiusToCSSVariable(udsAlias)]));
 	if (!mergeTokensIntoTailwindTheme) return { [UDS_BORDER_RADIUS_THEME_KEY]: udsBorderRadii };
 	return {
 		[UDS_BORDER_RADIUS_THEME_KEY]: udsBorderRadii,
@@ -46,12 +46,10 @@ const borderRadiusPlugin = tailwindcss_plugin_js.default.withOptions(() => ({ ma
 		"uds-border-bottom-end-radius": (value) => ({ "border-end-end-radius": value })
 	}, { values: theme(UDS_BORDER_RADIUS_THEME_KEY) });
 }, ({ config, disableOverrideTailwindTheme }) => {
-	const shouldNotMergeBorderRadiusTokensIntoTailwindTheme = require_tailwind_utils_composeTailwindPlugins.shouldNotMergeTokensIntoTailwindTheme(disableOverrideTailwindTheme, "borderRadius");
+	const shouldNotMergeBorderRadiusTokensIntoTailwindTheme = require_composeTailwindPlugins.shouldNotMergeTokensIntoTailwindTheme(disableOverrideTailwindTheme, "borderRadius");
 	return { theme: { extend: { ...getBorderRadiusTheme(config.scaleMode[require_index$1.DEFAULT_SCALE_MODE].borderRadius, !shouldNotMergeBorderRadiusTokensIntoTailwindTheme) } } };
 });
 
 //#endregion
 exports.UDS_BORDER_RADIUS_THEME_KEY = UDS_BORDER_RADIUS_THEME_KEY;
-exports.borderRadiusPlugin = borderRadiusPlugin;
-exports.getBorderRadiusTheme = getBorderRadiusTheme;
-exports.udsBorderRadiusToCSSVariable = udsBorderRadiusToCSSVariable;
+exports.borderRadiusPlugin = borderRadiusPlugin;

package/dist/tailwind/{plugins → dist/tailwind/plugins}/borderRadius.js

@@ -1,11 +1,12 @@
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
-import { BORDER_RADIUS_PREFIX } from "../../css-tokens/dist/index.js";
-import { DEFAULT_SCALE_MODE } from "../../modes/dist/index.js";
-import { fromEntries } from "../../tokens/utils/fromEntries.js";
+import { BORDER_RADIUS_PREFIX } from "../../../../css-tokens/dist/index.js";
+import { DEFAULT_SCALE_MODE } from "../../../../modes/dist/index.js";
 import { shouldNotMergeTokensIntoTailwindTheme } from "../utils/composeTailwindPlugins.js";
+import { fromEntries } from "../../utils/fromEntries.js";
 import plugin from "tailwindcss/plugin.js";
 
-//#region src/tailwind/plugins/borderRadius.ts
+//#region ../tailwind/dist/tailwind/plugins/borderRadius.js
+/*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
 const UDS_BORDER_RADIUS_THEME_KEY = "udsBorderRadius";
 const udsBorderRadiusToCSSVariable = (token) => `var(--${BORDER_RADIUS_PREFIX}-${token})`;
 const getBorderRadiusTheme = (config, mergeTokensIntoTailwindTheme) => {
@@ -48,4 +49,4 @@ const borderRadiusPlugin = plugin.withOptions(() => ({ matchUtilities, theme })
 });
 
 //#endregion
-export { UDS_BORDER_RADIUS_THEME_KEY, borderRadiusPlugin, getBorderRadiusTheme, udsBorderRadiusToCSSVariable };
+export { UDS_BORDER_RADIUS_THEME_KEY, borderRadiusPlugin };

package/dist/tailwind/{plugins → dist/tailwind/plugins}/borderWidth.cjs

@@ -1,14 +1,14 @@
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-const require_runtime = require('../../_virtual/_rolldown/runtime.cjs');
-const require_index = require('../../css-tokens/dist/index.cjs');
-const require_index$1 = require('../../modes/dist/index.cjs');
-const require_tokens_utils_fromEntries = require('../../tokens/utils/fromEntries.cjs');
-const require_tailwind_utils_composeTailwindPlugins = require('../utils/composeTailwindPlugins.cjs');
+const require_runtime = require('../../../../_virtual/_rolldown/runtime.cjs');
+const require_index = require('../../../../css-tokens/dist/index.cjs');
+const require_index$1 = require('../../../../modes/dist/index.cjs');
+const require_composeTailwindPlugins = require('../utils/composeTailwindPlugins.cjs');
+const require_fromEntries = require('../../utils/fromEntries.cjs');
 let tailwindcss_plugin_js = require("tailwindcss/plugin.js");
 tailwindcss_plugin_js = require_runtime.__toESM(tailwindcss_plugin_js);
 
-//#region src/tailwind/plugins/borderWidth.ts
+//#region ../tailwind/dist/tailwind/plugins/borderWidth.js
+/*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
 const UDS_BORDER_WIDTH_THEME_KEY = "udsBorderWidth";
 const udsBorderWidthToCSSVariable = (token) => `var(--${require_index.BORDER_WIDTH_PREFIX}-${token})`;
 const getBorderWidthTheme = (config, mergeTokensIntoTailwindTheme) => {
@@ -26,7 +26,7 @@ const getBorderWidthTheme = (config, mergeTokensIntoTailwindTheme) => {
 	* Note: The values of the CSS variables are defined elsewhere. This code only ensures the Tailwind-generated
 	* classes are mapped to the correct CSS variable.
 	*/
-	const udsBorderWidths = require_tokens_utils_fromEntries.fromEntries(Object.keys(config).map((udsAlias) => [udsAlias, udsBorderWidthToCSSVariable(udsAlias)]));
+	const udsBorderWidths = require_fromEntries.fromEntries(Object.keys(config).map((udsAlias) => [udsAlias, udsBorderWidthToCSSVariable(udsAlias)]));
 	if (!mergeTokensIntoTailwindTheme) return { [UDS_BORDER_WIDTH_THEME_KEY]: udsBorderWidths };
 	const widths = {
 		...udsBorderWidths,
@@ -66,11 +66,10 @@ const borderWidthPlugin = tailwindcss_plugin_js.default.withOptions(() => ({ mat
 		"uds-border-width-end": (value) => ({ "border-inline-end-width": value })
 	}, { values: theme(UDS_BORDER_WIDTH_THEME_KEY) });
 }, ({ config, disableOverrideTailwindTheme }) => {
-	const shouldNotMergeBorderWidthTokensIntoTailwindTheme = require_tailwind_utils_composeTailwindPlugins.shouldNotMergeTokensIntoTailwindTheme(disableOverrideTailwindTheme, "borderWidth");
+	const shouldNotMergeBorderWidthTokensIntoTailwindTheme = require_composeTailwindPlugins.shouldNotMergeTokensIntoTailwindTheme(disableOverrideTailwindTheme, "borderWidth");
 	return { theme: { extend: { ...getBorderWidthTheme(config.scaleMode[require_index$1.DEFAULT_SCALE_MODE].borderWidth, !shouldNotMergeBorderWidthTokensIntoTailwindTheme) } } };
 });
 
 //#endregion
 exports.UDS_BORDER_WIDTH_THEME_KEY = UDS_BORDER_WIDTH_THEME_KEY;
-exports.borderWidthPlugin = borderWidthPlugin;
-exports.udsBorderWidthToCSSVariable = udsBorderWidthToCSSVariable;
+exports.borderWidthPlugin = borderWidthPlugin;

package/dist/tailwind/{plugins → dist/tailwind/plugins}/borderWidth.js

@@ -1,11 +1,12 @@
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
-import { BORDER_WIDTH_PREFIX } from "../../css-tokens/dist/index.js";
-import { DEFAULT_SCALE_MODE } from "../../modes/dist/index.js";
-import { fromEntries } from "../../tokens/utils/fromEntries.js";
+import { BORDER_WIDTH_PREFIX } from "../../../../css-tokens/dist/index.js";
+import { DEFAULT_SCALE_MODE } from "../../../../modes/dist/index.js";
 import { shouldNotMergeTokensIntoTailwindTheme } from "../utils/composeTailwindPlugins.js";
+import { fromEntries } from "../../utils/fromEntries.js";
 import plugin from "tailwindcss/plugin.js";
 
-//#region src/tailwind/plugins/borderWidth.ts
+//#region ../tailwind/dist/tailwind/plugins/borderWidth.js
+/*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
 const UDS_BORDER_WIDTH_THEME_KEY = "udsBorderWidth";
 const udsBorderWidthToCSSVariable = (token) => `var(--${BORDER_WIDTH_PREFIX}-${token})`;
 const getBorderWidthTheme = (config, mergeTokensIntoTailwindTheme) => {
@@ -68,4 +69,4 @@ const borderWidthPlugin = plugin.withOptions(() => ({ matchUtilities, theme }) =
 });
 
 //#endregion
-export { UDS_BORDER_WIDTH_THEME_KEY, borderWidthPlugin, udsBorderWidthToCSSVariable };
+export { UDS_BORDER_WIDTH_THEME_KEY, borderWidthPlugin };

package/dist/tailwind/dist/tailwind/plugins/breakpoints.cjs

@@ -0,0 +1,35 @@
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+const require_runtime = require('../../../../_virtual/_rolldown/runtime.cjs');
+const require_entries = require('../../utils/entries.cjs');
+const require_mapValues = require('../../utils/mapValues.cjs');
+const require_assertUnreachable = require('../../utils/assertUnreachable.cjs');
+const require_composeTailwindPlugins = require('../utils/composeTailwindPlugins.cjs');
+let tailwindcss_plugin_js = require("tailwindcss/plugin.js");
+tailwindcss_plugin_js = require_runtime.__toESM(tailwindcss_plugin_js);
+
+//#region ../tailwind/dist/tailwind/plugins/breakpoints.js
+/*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
+const UDS_BREAKPOINTS_THEME_KEY = "udsBreakpoints";
+const getScreensTheme = (config, mergeTokensIntoTailwindTheme) => {
+	const breakpoints = require_mapValues.mapValues(config, (breakpoint) => {
+		switch (breakpoint.type) {
+			case "px": return `${breakpoint.value}px`;
+		}
+		return require_assertUnreachable.assertUnreachable(breakpoint.type);
+	});
+	if (!mergeTokensIntoTailwindTheme) return { [UDS_BREAKPOINTS_THEME_KEY]: breakpoints };
+	return {
+		[UDS_BREAKPOINTS_THEME_KEY]: breakpoints,
+		screens: breakpoints
+	};
+};
+const breakpointsPlugin = tailwindcss_plugin_js.default.withOptions(({ config }) => ({ addVariant }) => {
+	const breakpoints = require_entries.entries(config.breakpoints).sort(([, { value: minWidthA }], [, { value: minWidthB }]) => minWidthA - minWidthB);
+	for (const [name, { value: minWidth }] of breakpoints) addVariant(`uds-${name}`, `@media (min-width: ${minWidth}px)`);
+}, ({ config, disableOverrideTailwindTheme }) => {
+	const shouldNotMergeScreensTokensIntoTailwindTheme = require_composeTailwindPlugins.shouldNotMergeTokensIntoTailwindTheme(disableOverrideTailwindTheme, "screens");
+	return { theme: { extend: { ...getScreensTheme(config.breakpoints, !shouldNotMergeScreensTokensIntoTailwindTheme) } } };
+});
+
+//#endregion
+exports.breakpointsPlugin = breakpointsPlugin;

package/dist/tailwind/{plugins → dist/tailwind/plugins}/breakpoints.js

@@ -1,11 +1,12 @@
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
 import { entries } from "../../utils/entries.js";
-import { shouldNotMergeTokensIntoTailwindTheme } from "../utils/composeTailwindPlugins.js";
-import { assertUnreachable } from "../../utils/assertUnreachable.js";
 import { mapValues } from "../../utils/mapValues.js";
+import { assertUnreachable } from "../../utils/assertUnreachable.js";
+import { shouldNotMergeTokensIntoTailwindTheme } from "../utils/composeTailwindPlugins.js";
 import plugin from "tailwindcss/plugin.js";
 
-//#region src/tailwind/plugins/breakpoints.ts
+//#region ../tailwind/dist/tailwind/plugins/breakpoints.js
+/*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
 const UDS_BREAKPOINTS_THEME_KEY = "udsBreakpoints";
 const getScreensTheme = (config, mergeTokensIntoTailwindTheme) => {
 	const breakpoints = mapValues(config, (breakpoint) => {
@@ -29,4 +30,4 @@ const breakpointsPlugin = plugin.withOptions(({ config }) => ({ addVariant }) =>
 });
 
 //#endregion
-export { UDS_BREAKPOINTS_THEME_KEY, breakpointsPlugin, getScreensTheme };
+export { breakpointsPlugin };