@yahoo/uds 3.133.0-beta.1 → 3.133.0

package/dist/tailwind/dist/tailwind/components/getFocusRingStyles.js

@@ -1,6 +1,5 @@
 /*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
 import { PSEUDO_STYLE_SELECTOR_MAP } from "../../css-tokens/dist/index.js";
-
 //#region src/tailwind/components/getFocusRingStyles.ts
 const ringStyles = {
 	outlineOffset: "var(--uds-outline-offset)",
@@ -14,12 +13,13 @@ const ringStyles = {
 */
 function getFocusRingStyles() {
 	return {
+		/** Apply styles */
 		[`.uds-ring${PSEUDO_STYLE_SELECTOR_MAP.focused}:not(:disabled)`]: ringStyles,
 		[`.focused .uds-ring:not(:disabled)`]: ringStyles,
 		[`.uds-ring.uds-ring-within${PSEUDO_STYLE_SELECTOR_MAP.focusedWithin}:not(:disabled)`]: ringStyles
 	};
 }
-
 //#endregion
 export { getFocusRingStyles };
+
 //# sourceMappingURL=getFocusRingStyles.js.map

package/dist/tailwind/dist/tailwind/components/getFocusRingStyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"getFocusRingStyles.js","names":[],"sources":["../../../src/tailwind/components/getFocusRingStyles.ts"],"sourcesContent":["import { PSEUDO_STYLE_SELECTOR_MAP } from '@yahoo/uds-css-tokens';\n\nimport type { CssStyleObject } from './types';\n\n// Using css vars so consumers have a css only path to customize\nconst ringStyles = {\n  outlineOffset: 'var(--uds-outline-offset)',\n  outlineWidth: 'var(--uds-outline-width)',\n  outlineColor: 'var(--uds-outline-color)',\n  outlineStyle: 'var(--uds-outline-style)',\n};\n\n/**\n * Generates focus ring styles using CSS variables.\n * The CSS variable values (--uds-outline-*) are set per color mode via parseTokens/UdsThemeProvider.\n */\nfunction getFocusRingStyles() {\n  return {\n    /** Apply styles */\n    [`.uds-ring${PSEUDO_STYLE_SELECTOR_MAP.focused}:not(:disabled)`]: ringStyles,\n    [`.focused .uds-ring:not(:disabled)`]: ringStyles,\n    [`.uds-ring.uds-ring-within${PSEUDO_STYLE_SELECTOR_MAP.focusedWithin}:not(:disabled)`]:\n      ringStyles,\n  } as CssStyleObject;\n}\n\nexport { getFocusRingStyles };\n"],"mappings":";;;;AAKA,MAAM,aAAa;CACjB,eAAe;CACf,cAAc;CACd,cAAc;CACd,cAAc;CACf;;;;;AAMD,SAAS,qBAAqB;AAC5B,QAAO;GAEJ,YAAY,0BAA0B,QAAQ,mBAAmB;GACjE,sCAAsC;GACtC,4BAA4B,0BAA0B,cAAc,mBACnE;EACH"}
+{"version":3,"file":"getFocusRingStyles.js","names":[],"sources":["../../../src/tailwind/components/getFocusRingStyles.ts"],"sourcesContent":["import { PSEUDO_STYLE_SELECTOR_MAP } from '@yahoo/uds-css-tokens';\n\nimport type { CssStyleObject } from './types';\n\n// Using css vars so consumers have a css only path to customize\nconst ringStyles = {\n  outlineOffset: 'var(--uds-outline-offset)',\n  outlineWidth: 'var(--uds-outline-width)',\n  outlineColor: 'var(--uds-outline-color)',\n  outlineStyle: 'var(--uds-outline-style)',\n};\n\n/**\n * Generates focus ring styles using CSS variables.\n * The CSS variable values (--uds-outline-*) are set per color mode via parseTokens/UdsThemeProvider.\n */\nfunction getFocusRingStyles() {\n  return {\n    /** Apply styles */\n    [`.uds-ring${PSEUDO_STYLE_SELECTOR_MAP.focused}:not(:disabled)`]: ringStyles,\n    [`.focused .uds-ring:not(:disabled)`]: ringStyles,\n    [`.uds-ring.uds-ring-within${PSEUDO_STYLE_SELECTOR_MAP.focusedWithin}:not(:disabled)`]:\n      ringStyles,\n  } as CssStyleObject;\n}\n\nexport { getFocusRingStyles };\n"],"mappings":";;;AAKA,MAAM,aAAa;CACjB,eAAe;CACf,cAAc;CACd,cAAc;CACd,cAAc;CACf;;;;;AAMD,SAAS,qBAAqB;AAC5B,QAAO;;GAEJ,YAAY,0BAA0B,QAAQ,mBAAmB;GACjE,sCAAsC;GACtC,4BAA4B,0BAA0B,cAAc,mBACnE;EACH"}

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

@@ -1,19 +1,23 @@
 /*! © 2026 Yahoo, Inc. UDS Tailwind and Purger 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');
-
+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 src/tailwind/components/getGroupedTextStyles.ts
 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})`,
+	/**
+	* Include both "slnt" and "ital" axes to support fonts using either axis type:
+	* - slnt (slant): continuous angle, e.g., Inter uses -10 to 0
+	* - ital (italic): binary toggle, e.g., YAS uses 0 or 1
+	* Fonts will ignore axes they don't support.
+	*/
 	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;
+exports.getGroupedTextStyles = getGroupedTextStyles;

package/dist/tailwind/dist/tailwind/components/getGroupedTextStyles.js

@@ -2,19 +2,24 @@
 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";
-
 //#region src/tailwind/components/getGroupedTextStyles.ts
 const getGroupedTextStyles = () => Object.fromEntries(textVariants.map(textVariantsSafe).map((variant) => [`.uds-text-${variant}`, {
 	fontFamily: `var(--${FONT_FAMILY_PREFIX}-${variant})`,
 	fontSize: `var(--${FONT_SIZE_PREFIX}-${variant})`,
 	fontWeight: `var(--${FONT_WEIGHT_PREFIX}-${variant})`,
+	/**
+	* Include both "slnt" and "ital" axes to support fonts using either axis type:
+	* - slnt (slant): continuous angle, e.g., Inter uses -10 to 0
+	* - ital (italic): binary toggle, e.g., YAS uses 0 or 1
+	* Fonts will ignore axes they don't support.
+	*/
 	fontVariationSettings: `"wght" var(--${FONT_WEIGHT_PREFIX}-${variant}), "slnt" var(--${FONT_SLANT_PREFIX}-${variant}), "ital" var(--${FONT_SLANT_PREFIX}-${variant}), "wdth" var(--${FONT_WIDTH_PREFIX}-${variant})`,
 	lineHeight: `var(--${LINE_HEIGHT_PREFIX}-${variant})`,
 	textTransform: `var(--${TEXT_TRANSFORM_PREFIX}-${variant})`,
 	b: { fontVariationSettings: "normal" },
 	strong: { fontVariationSettings: "normal" }
 }]));
-
 //#endregion
 export { getGroupedTextStyles };
+
 //# sourceMappingURL=getGroupedTextStyles.js.map

package/dist/tailwind/dist/tailwind/components/getGroupedTextStyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"getGroupedTextStyles.js","names":[],"sources":["../../../src/tailwind/components/getGroupedTextStyles.ts"],"sourcesContent":["import {\n  FONT_FAMILY_PREFIX,\n  FONT_SIZE_PREFIX,\n  FONT_SLANT_PREFIX,\n  FONT_WEIGHT_PREFIX,\n  FONT_WIDTH_PREFIX,\n  LINE_HEIGHT_PREFIX,\n  TEXT_TRANSFORM_PREFIX,\n} from '@yahoo/uds-css-tokens';\nimport { textVariants } from '@yahoo/uds-fixtures';\n\nimport { textVariantsSafe } from './getResponsiveTextStyles';\n\nconst getGroupedTextStyles = () =>\n  Object.fromEntries(\n    textVariants.map(textVariantsSafe).map((variant) => [\n      `.uds-text-${variant}`,\n      {\n        fontFamily: `var(--${FONT_FAMILY_PREFIX}-${variant})`,\n        fontSize: `var(--${FONT_SIZE_PREFIX}-${variant})`,\n        fontWeight: `var(--${FONT_WEIGHT_PREFIX}-${variant})`,\n        /**\n         * Include both \"slnt\" and \"ital\" axes to support fonts using either axis type:\n         * - slnt (slant): continuous angle, e.g., Inter uses -10 to 0\n         * - ital (italic): binary toggle, e.g., YAS uses 0 or 1\n         * Fonts will ignore axes they don't support.\n         */\n        fontVariationSettings: `\"wght\" var(--${FONT_WEIGHT_PREFIX}-${variant}), \"slnt\" var(--${FONT_SLANT_PREFIX}-${variant}), \"ital\" var(--${FONT_SLANT_PREFIX}-${variant}), \"wdth\" var(--${FONT_WIDTH_PREFIX}-${variant})`,\n        lineHeight: `var(--${LINE_HEIGHT_PREFIX}-${variant})`,\n        textTransform: `var(--${TEXT_TRANSFORM_PREFIX}-${variant})`,\n\n        // Reset font-variation-settings for b/strong tags to ensure they appear bolder.\n        b: { fontVariationSettings: 'normal' },\n        strong: { fontVariationSettings: 'normal' },\n      },\n    ]),\n  );\n\nexport { getGroupedTextStyles };\n"],"mappings":";;;;;;AAaA,MAAM,6BACJ,OAAO,YACL,aAAa,IAAI,iBAAiB,CAAC,KAAK,YAAY,CAClD,aAAa,WACb;CACE,YAAY,SAAS,mBAAmB,GAAG,QAAQ;CACnD,UAAU,SAAS,iBAAiB,GAAG,QAAQ;CAC/C,YAAY,SAAS,mBAAmB,GAAG,QAAQ;CAOnD,uBAAuB,gBAAgB,mBAAmB,GAAG,QAAQ,kBAAkB,kBAAkB,GAAG,QAAQ,kBAAkB,kBAAkB,GAAG,QAAQ,kBAAkB,kBAAkB,GAAG,QAAQ;CAClN,YAAY,SAAS,mBAAmB,GAAG,QAAQ;CACnD,eAAe,SAAS,sBAAsB,GAAG,QAAQ;CAGzD,GAAG,EAAE,uBAAuB,UAAU;CACtC,QAAQ,EAAE,uBAAuB,UAAU;CAC5C,CACF,CAAC,CACH"}
+{"version":3,"file":"getGroupedTextStyles.js","names":[],"sources":["../../../src/tailwind/components/getGroupedTextStyles.ts"],"sourcesContent":["import {\n  FONT_FAMILY_PREFIX,\n  FONT_SIZE_PREFIX,\n  FONT_SLANT_PREFIX,\n  FONT_WEIGHT_PREFIX,\n  FONT_WIDTH_PREFIX,\n  LINE_HEIGHT_PREFIX,\n  TEXT_TRANSFORM_PREFIX,\n} from '@yahoo/uds-css-tokens';\nimport { textVariants } from '@yahoo/uds-fixtures';\n\nimport { textVariantsSafe } from './getResponsiveTextStyles';\n\nconst getGroupedTextStyles = () =>\n  Object.fromEntries(\n    textVariants.map(textVariantsSafe).map((variant) => [\n      `.uds-text-${variant}`,\n      {\n        fontFamily: `var(--${FONT_FAMILY_PREFIX}-${variant})`,\n        fontSize: `var(--${FONT_SIZE_PREFIX}-${variant})`,\n        fontWeight: `var(--${FONT_WEIGHT_PREFIX}-${variant})`,\n        /**\n         * Include both \"slnt\" and \"ital\" axes to support fonts using either axis type:\n         * - slnt (slant): continuous angle, e.g., Inter uses -10 to 0\n         * - ital (italic): binary toggle, e.g., YAS uses 0 or 1\n         * Fonts will ignore axes they don't support.\n         */\n        fontVariationSettings: `\"wght\" var(--${FONT_WEIGHT_PREFIX}-${variant}), \"slnt\" var(--${FONT_SLANT_PREFIX}-${variant}), \"ital\" var(--${FONT_SLANT_PREFIX}-${variant}), \"wdth\" var(--${FONT_WIDTH_PREFIX}-${variant})`,\n        lineHeight: `var(--${LINE_HEIGHT_PREFIX}-${variant})`,\n        textTransform: `var(--${TEXT_TRANSFORM_PREFIX}-${variant})`,\n\n        // Reset font-variation-settings for b/strong tags to ensure they appear bolder.\n        b: { fontVariationSettings: 'normal' },\n        strong: { fontVariationSettings: 'normal' },\n      },\n    ]),\n  );\n\nexport { getGroupedTextStyles };\n"],"mappings":";;;;;AAaA,MAAM,6BACJ,OAAO,YACL,aAAa,IAAI,iBAAiB,CAAC,KAAK,YAAY,CAClD,aAAa,WACb;CACE,YAAY,SAAS,mBAAmB,GAAG,QAAQ;CACnD,UAAU,SAAS,iBAAiB,GAAG,QAAQ;CAC/C,YAAY,SAAS,mBAAmB,GAAG,QAAQ;;;;;;;CAOnD,uBAAuB,gBAAgB,mBAAmB,GAAG,QAAQ,kBAAkB,kBAAkB,GAAG,QAAQ,kBAAkB,kBAAkB,GAAG,QAAQ,kBAAkB,kBAAkB,GAAG,QAAQ;CAClN,YAAY,SAAS,mBAAmB,GAAG,QAAQ;CACnD,eAAe,SAAS,sBAAsB,GAAG,QAAQ;CAGzD,GAAG,EAAE,uBAAuB,UAAU;CACtC,QAAQ,EAAE,uBAAuB,UAAU;CAC5C,CACF,CAAC,CACH"}

package/dist/tailwind/dist/tailwind/components/getHitTargetStyles.cjs

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

package/dist/tailwind/dist/tailwind/components/getHitTargetStyles.js

@@ -15,7 +15,7 @@ function getHitTargetStyles() {
 		} }
 	};
 }
-
 //#endregion
 export { getHitTargetStyles };
+
 //# sourceMappingURL=getHitTargetStyles.js.map

package/dist/tailwind/dist/tailwind/components/getIconStyles.cjs

@@ -1,5 +1,4 @@
 /*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
-
 //#region src/tailwind/components/getIconStyles.ts
 /**
 * Generates icon styles for light/dark mode using CSS variables
@@ -10,6 +9,5 @@ function getIconStyles() {
 		".uds-dark-mode-icon": { display: "var(--uds-dark-mode-icon, none)" }
 	};
 }
-
 //#endregion
-exports.getIconStyles = getIconStyles;
+exports.getIconStyles = getIconStyles;

package/dist/tailwind/dist/tailwind/components/getIconStyles.js

@@ -9,7 +9,7 @@ function getIconStyles() {
 		".uds-dark-mode-icon": { display: "var(--uds-dark-mode-icon, none)" }
 	};
 }
-
 //#endregion
 export { getIconStyles };
+
 //# sourceMappingURL=getIconStyles.js.map

package/dist/tailwind/dist/tailwind/components/getInputStyles.cjs

@@ -1,5 +1,4 @@
 /*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
-
 //#region src/tailwind/components/getInputStyles.ts
 /**
 * Generates input styles
@@ -11,6 +10,5 @@ function getInputStyles() {
 		[".uds-input::-webkit-calendar-picker-indicator"]: { display: "none" }
 	};
 }
-
 //#endregion
-exports.getInputStyles = getInputStyles;
+exports.getInputStyles = getInputStyles;

package/dist/tailwind/dist/tailwind/components/getInputStyles.js

@@ -10,7 +10,7 @@ function getInputStyles() {
 		[".uds-input::-webkit-calendar-picker-indicator"]: { display: "none" }
 	};
 }
-
 //#endregion
 export { getInputStyles };
+
 //# sourceMappingURL=getInputStyles.js.map

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

@@ -1,12 +1,11 @@
 /*! © 2026 Yahoo, Inc. UDS Tailwind and Purger 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_assertUnreachable = require('../../utils/assertUnreachable.cjs');
-const require_entries = require('../../utils/entries.cjs');
+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_assertUnreachable = require("../../utils/assertUnreachable.cjs");
+const require_entries = require("../../utils/entries.cjs");
 let lodash_isString_js = require("lodash/isString.js");
-lodash_isString_js = require_runtime.__toESM(lodash_isString_js);
-
+lodash_isString_js = require_runtime.__toESM(lodash_isString_js, 1);
 //#region src/tailwind/components/getResponsiveTextStyles.ts
 const textVariantsSafe = (variant) => variant.replace("/", "-");
 const BASE_SIZE = 16;
@@ -64,9 +63,8 @@ const getResponsiveTextStyles = (config) => {
 		...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;
+exports.textVariantsSafe = textVariantsSafe;

package/dist/tailwind/dist/tailwind/components/getResponsiveTextStyles.js

@@ -4,7 +4,6 @@ import { FONT_FAMILY_PREFIX, FONT_SIZE_PREFIX, FONT_SLANT_PREFIX, FONT_WEIGHT_PR
 import { assertUnreachable } from "../../utils/assertUnreachable.js";
 import { entries } from "../../utils/entries.js";
 import { isString } from "lodash-es";
-
 //#region src/tailwind/components/getResponsiveTextStyles.ts
 const textVariantsSafe = (variant) => variant.replace("/", "-");
 const BASE_SIZE = 16;
@@ -62,7 +61,7 @@ const getResponsiveTextStyles = (config) => {
 		...Object.fromEntries(breakpoints.map(([name]) => [mapClassNames(name), cssVariablesForBreakpoint(config, name)]))
 	};
 };
-
 //#endregion
 export { RESPONSIVE_TAILWIND_CONFIG_MAP, getBaseTextVars, getResponsiveTextStyles, textVariantsSafe };
+
 //# sourceMappingURL=getResponsiveTextStyles.js.map

package/dist/tailwind/dist/tailwind/components/getResponsiveTextStyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"getResponsiveTextStyles.js","names":[],"sources":["../../../src/tailwind/components/getResponsiveTextStyles.ts"],"sourcesContent":["import type { UniversalTokensConfig } from '@yahoo/uds-config';\nimport {\n  FONT_FAMILY_PREFIX,\n  FONT_SIZE_PREFIX,\n  FONT_SLANT_PREFIX,\n  FONT_WEIGHT_PREFIX,\n  FONT_WIDTH_PREFIX,\n  LETTER_SPACING_PREFIX,\n  LINE_HEIGHT_PREFIX,\n  TEXT_RESPONSIVE_BREAKPOINT_CLASSNAMES,\n  TEXT_RESPONSIVE_CLASSNAME,\n  TEXT_TRANSFORM_PREFIX,\n} from '@yahoo/uds-css-tokens';\nimport { textVariants } from '@yahoo/uds-fixtures';\nimport type { BreakpointWithBase, TypographyStyle } from '@yahoo/uds-types';\nimport { isString } from 'lodash';\n\nimport { assertUnreachable } from '../../utils/assertUnreachable';\nimport { entries } from '../../utils/entries';\nimport type { CssStyleObject } from './types';\n\nconst textVariantsSafe = (variant: string) => variant.replace('/', '-');\nconst BASE_SIZE = 16; // Base size in pixels for rem calculations\n\nconst toRem = (size: number) => `${size / BASE_SIZE}rem`;\n\nconst mapClassNames = (name: keyof typeof TEXT_RESPONSIVE_BREAKPOINT_CLASSNAMES) =>\n  '.' + TEXT_RESPONSIVE_BREAKPOINT_CLASSNAMES[name];\n\nconst getValue = (\n  config: UniversalTokensConfig,\n  variant: keyof UniversalTokensConfig['typography'],\n  key: keyof TypographyStyle,\n  breakpoint: BreakpointWithBase,\n): string => {\n  const data = config.typography[variant]?.[key];\n\n  if (!data) {\n    throw new Error(`Missing typography data for variant \"${variant}\" and key \"${key}\"`);\n  }\n\n  const value = breakpoint === 'base' ? data.base : data.breakpoints?.[breakpoint];\n\n  if (!value) {\n    throw new Error(\n      `Missing value for variant \"${variant}\", key \"${key}\", and breakpoint \"${breakpoint}\"`,\n    );\n  }\n\n  if (isString(value)) {\n    return value;\n  }\n\n  switch (value.type) {\n    case 'px':\n      return toRem(value.value);\n    case 'unitless':\n      return String(value.value);\n  }\n\n  return assertUnreachable(value);\n};\n\nconst convertFontAlias = (config: UniversalTokensConfig, value: string) => {\n  if (value in config.font) {\n    return `var(--${FONT_FAMILY_PREFIX}-${value})`;\n  }\n\n  return value;\n};\n\nconst cssVariablesForBreakpoint = (config: UniversalTokensConfig, breakpoint: BreakpointWithBase) =>\n  Object.fromEntries(\n    textVariants.flatMap((variant) => {\n      const safeVariant = textVariantsSafe(variant);\n\n      return [\n        [\n          `--${FONT_FAMILY_PREFIX}-${safeVariant}`,\n          convertFontAlias(config, getValue(config, variant, 'fontFamily', breakpoint)),\n        ],\n        [`--${FONT_SIZE_PREFIX}-${safeVariant}`, getValue(config, variant, 'fontSize', breakpoint)],\n        [\n          `--${FONT_WEIGHT_PREFIX}-${safeVariant}`,\n          getValue(config, variant, 'fontWeight', breakpoint),\n        ],\n        [\n          `--${FONT_SLANT_PREFIX}-${safeVariant}`,\n          getValue(config, variant, 'fontSlant', breakpoint),\n        ],\n        [\n          `--${FONT_WIDTH_PREFIX}-${safeVariant}`,\n          getValue(config, variant, 'fontWidth', breakpoint),\n        ],\n        [\n          `--${LINE_HEIGHT_PREFIX}-${safeVariant}`,\n          getValue(config, variant, 'lineHeight', breakpoint),\n        ],\n        [\n          `--${TEXT_TRANSFORM_PREFIX}-${safeVariant}`,\n          getValue(config, variant, 'textTransform', breakpoint),\n        ],\n        [\n          `--${LETTER_SPACING_PREFIX}-${safeVariant}`,\n          getValue(config, variant, 'letterSpacing', breakpoint),\n        ],\n      ];\n    }),\n  ) as unknown as CssStyleObject;\n\nconst tailwindConfigPerVariant = (prefix: string) =>\n  Object.fromEntries(\n    textVariants.map(textVariantsSafe).map((variant) => [variant, `var(--${prefix}-${variant})`]),\n  );\n\nconst RESPONSIVE_TAILWIND_CONFIG_MAP = {\n  fontFamily: tailwindConfigPerVariant(FONT_FAMILY_PREFIX),\n  fontWeight: tailwindConfigPerVariant(FONT_WEIGHT_PREFIX),\n  fontSlant: tailwindConfigPerVariant(FONT_SLANT_PREFIX),\n  fontWidth: tailwindConfigPerVariant(FONT_WIDTH_PREFIX),\n  fontSize: tailwindConfigPerVariant(FONT_SIZE_PREFIX),\n  lineHeight: tailwindConfigPerVariant(LINE_HEIGHT_PREFIX),\n  textTransform: tailwindConfigPerVariant(TEXT_TRANSFORM_PREFIX),\n  letterSpacing: tailwindConfigPerVariant(LETTER_SPACING_PREFIX),\n};\n\nconst getBaseTextVars = (config: UniversalTokensConfig) => {\n  return cssVariablesForBreakpoint(config, 'base');\n};\n\nconst getResponsiveTextStyles = (config: UniversalTokensConfig) => {\n  // Mobile first approach: find the smallest breakpoint\n  const breakpoints = entries(config.breakpoints).sort(\n    ([, { value: minWidthA }], [, { value: minWidthB }]) => minWidthA - minWidthB,\n  );\n\n  return {\n    // Order necessary for CSS specificity.\n    // 1. Class to opt-in an element and its children to responsive text styles.\n    [`.${TEXT_RESPONSIVE_CLASSNAME}`]: Object.fromEntries(\n      breakpoints.map(([name, { value: minWidth }]) => [\n        // If its the smallest breakpoint, we set the base styles\n        `@media (min-width: ${minWidth}px)`,\n        cssVariablesForBreakpoint(config, name),\n      ]),\n    ),\n\n    // 2. Classes for locking to a specific breakpoint.\n    [mapClassNames('base')]: cssVariablesForBreakpoint(config, 'base'),\n\n    [mapClassNames('defaultBreakpoint')]: cssVariablesForBreakpoint(\n      config,\n      config.globalDefaults.breakpoint,\n    ),\n\n    ...Object.fromEntries(\n      breakpoints.map(([name]) => [mapClassNames(name), cssVariablesForBreakpoint(config, name)]),\n    ),\n  } as CssStyleObject;\n};\n\nexport {\n  cssVariablesForBreakpoint,\n  getBaseTextVars,\n  getResponsiveTextStyles,\n  RESPONSIVE_TAILWIND_CONFIG_MAP,\n  textVariantsSafe,\n};\n"],"mappings":";;;;;;;;AAqBA,MAAM,oBAAoB,YAAoB,QAAQ,QAAQ,KAAK,IAAI;AACvE,MAAM,YAAY;AAElB,MAAM,SAAS,SAAiB,GAAG,OAAO,UAAU;AAEpD,MAAM,iBAAiB,SACrB,MAAM,sCAAsC;AAE9C,MAAM,YACJ,QACA,SACA,KACA,eACW;CACX,MAAM,OAAO,OAAO,WAAW,WAAW;AAE1C,KAAI,CAAC,KACH,OAAM,IAAI,MAAM,wCAAwC,QAAQ,aAAa,IAAI,GAAG;CAGtF,MAAM,QAAQ,eAAe,SAAS,KAAK,OAAO,KAAK,cAAc;AAErE,KAAI,CAAC,MACH,OAAM,IAAI,MACR,8BAA8B,QAAQ,UAAU,IAAI,qBAAqB,WAAW,GACrF;AAGH,KAAI,SAAS,MAAM,CACjB,QAAO;AAGT,SAAQ,MAAM,MAAd;EACE,KAAK,KACH,QAAO,MAAM,MAAM,MAAM;EAC3B,KAAK,WACH,QAAO,OAAO,MAAM,MAAM;;AAG9B,QAAO,kBAAkB,MAAM;;AAGjC,MAAM,oBAAoB,QAA+B,UAAkB;AACzE,KAAI,SAAS,OAAO,KAClB,QAAO,SAAS,mBAAmB,GAAG,MAAM;AAG9C,QAAO;;AAGT,MAAM,6BAA6B,QAA+B,eAChE,OAAO,YACL,aAAa,SAAS,YAAY;CAChC,MAAM,cAAc,iBAAiB,QAAQ;AAE7C,QAAO;EACL,CACE,KAAK,mBAAmB,GAAG,eAC3B,iBAAiB,QAAQ,SAAS,QAAQ,SAAS,cAAc,WAAW,CAAC,CAC9E;EACD,CAAC,KAAK,iBAAiB,GAAG,eAAe,SAAS,QAAQ,SAAS,YAAY,WAAW,CAAC;EAC3F,CACE,KAAK,mBAAmB,GAAG,eAC3B,SAAS,QAAQ,SAAS,cAAc,WAAW,CACpD;EACD,CACE,KAAK,kBAAkB,GAAG,eAC1B,SAAS,QAAQ,SAAS,aAAa,WAAW,CACnD;EACD,CACE,KAAK,kBAAkB,GAAG,eAC1B,SAAS,QAAQ,SAAS,aAAa,WAAW,CACnD;EACD,CACE,KAAK,mBAAmB,GAAG,eAC3B,SAAS,QAAQ,SAAS,cAAc,WAAW,CACpD;EACD,CACE,KAAK,sBAAsB,GAAG,eAC9B,SAAS,QAAQ,SAAS,iBAAiB,WAAW,CACvD;EACD,CACE,KAAK,sBAAsB,GAAG,eAC9B,SAAS,QAAQ,SAAS,iBAAiB,WAAW,CACvD;EACF;EACD,CACH;AAEH,MAAM,4BAA4B,WAChC,OAAO,YACL,aAAa,IAAI,iBAAiB,CAAC,KAAK,YAAY,CAAC,SAAS,SAAS,OAAO,GAAG,QAAQ,GAAG,CAAC,CAC9F;AAEH,MAAM,iCAAiC;CACrC,YAAY,yBAAyB,mBAAmB;CACxD,YAAY,yBAAyB,mBAAmB;CACxD,WAAW,yBAAyB,kBAAkB;CACtD,WAAW,yBAAyB,kBAAkB;CACtD,UAAU,yBAAyB,iBAAiB;CACpD,YAAY,yBAAyB,mBAAmB;CACxD,eAAe,yBAAyB,sBAAsB;CAC9D,eAAe,yBAAyB,sBAAsB;CAC/D;AAED,MAAM,mBAAmB,WAAkC;AACzD,QAAO,0BAA0B,QAAQ,OAAO;;AAGlD,MAAM,2BAA2B,WAAkC;CAEjE,MAAM,cAAc,QAAQ,OAAO,YAAY,CAAC,MAC7C,GAAG,EAAE,OAAO,cAAc,GAAG,EAAE,OAAO,iBAAiB,YAAY,UACrE;AAED,QAAO;GAGJ,IAAI,8BAA8B,OAAO,YACxC,YAAY,KAAK,CAAC,MAAM,EAAE,OAAO,gBAAgB,CAE/C,sBAAsB,SAAS,MAC/B,0BAA0B,QAAQ,KAAK,CACxC,CAAC,CACH;GAGA,cAAc,OAAO,GAAG,0BAA0B,QAAQ,OAAO;GAEjE,cAAc,oBAAoB,GAAG,0BACpC,QACA,OAAO,eAAe,WACvB;EAED,GAAG,OAAO,YACR,YAAY,KAAK,CAAC,UAAU,CAAC,cAAc,KAAK,EAAE,0BAA0B,QAAQ,KAAK,CAAC,CAAC,CAC5F;EACF"}
+{"version":3,"file":"getResponsiveTextStyles.js","names":[],"sources":["../../../src/tailwind/components/getResponsiveTextStyles.ts"],"sourcesContent":["import type { UniversalTokensConfig } from '@yahoo/uds-config';\nimport {\n  FONT_FAMILY_PREFIX,\n  FONT_SIZE_PREFIX,\n  FONT_SLANT_PREFIX,\n  FONT_WEIGHT_PREFIX,\n  FONT_WIDTH_PREFIX,\n  LETTER_SPACING_PREFIX,\n  LINE_HEIGHT_PREFIX,\n  TEXT_RESPONSIVE_BREAKPOINT_CLASSNAMES,\n  TEXT_RESPONSIVE_CLASSNAME,\n  TEXT_TRANSFORM_PREFIX,\n} from '@yahoo/uds-css-tokens';\nimport { textVariants } from '@yahoo/uds-fixtures';\nimport type { BreakpointWithBase, TypographyStyle } from '@yahoo/uds-types';\nimport { isString } from 'lodash';\n\nimport { assertUnreachable } from '../../utils/assertUnreachable';\nimport { entries } from '../../utils/entries';\nimport type { CssStyleObject } from './types';\n\nconst textVariantsSafe = (variant: string) => variant.replace('/', '-');\nconst BASE_SIZE = 16; // Base size in pixels for rem calculations\n\nconst toRem = (size: number) => `${size / BASE_SIZE}rem`;\n\nconst mapClassNames = (name: keyof typeof TEXT_RESPONSIVE_BREAKPOINT_CLASSNAMES) =>\n  '.' + TEXT_RESPONSIVE_BREAKPOINT_CLASSNAMES[name];\n\nconst getValue = (\n  config: UniversalTokensConfig,\n  variant: keyof UniversalTokensConfig['typography'],\n  key: keyof TypographyStyle,\n  breakpoint: BreakpointWithBase,\n): string => {\n  const data = config.typography[variant]?.[key];\n\n  if (!data) {\n    throw new Error(`Missing typography data for variant \"${variant}\" and key \"${key}\"`);\n  }\n\n  const value = breakpoint === 'base' ? data.base : data.breakpoints?.[breakpoint];\n\n  if (!value) {\n    throw new Error(\n      `Missing value for variant \"${variant}\", key \"${key}\", and breakpoint \"${breakpoint}\"`,\n    );\n  }\n\n  if (isString(value)) {\n    return value;\n  }\n\n  switch (value.type) {\n    case 'px':\n      return toRem(value.value);\n    case 'unitless':\n      return String(value.value);\n  }\n\n  return assertUnreachable(value);\n};\n\nconst convertFontAlias = (config: UniversalTokensConfig, value: string) => {\n  if (value in config.font) {\n    return `var(--${FONT_FAMILY_PREFIX}-${value})`;\n  }\n\n  return value;\n};\n\nconst cssVariablesForBreakpoint = (config: UniversalTokensConfig, breakpoint: BreakpointWithBase) =>\n  Object.fromEntries(\n    textVariants.flatMap((variant) => {\n      const safeVariant = textVariantsSafe(variant);\n\n      return [\n        [\n          `--${FONT_FAMILY_PREFIX}-${safeVariant}`,\n          convertFontAlias(config, getValue(config, variant, 'fontFamily', breakpoint)),\n        ],\n        [`--${FONT_SIZE_PREFIX}-${safeVariant}`, getValue(config, variant, 'fontSize', breakpoint)],\n        [\n          `--${FONT_WEIGHT_PREFIX}-${safeVariant}`,\n          getValue(config, variant, 'fontWeight', breakpoint),\n        ],\n        [\n          `--${FONT_SLANT_PREFIX}-${safeVariant}`,\n          getValue(config, variant, 'fontSlant', breakpoint),\n        ],\n        [\n          `--${FONT_WIDTH_PREFIX}-${safeVariant}`,\n          getValue(config, variant, 'fontWidth', breakpoint),\n        ],\n        [\n          `--${LINE_HEIGHT_PREFIX}-${safeVariant}`,\n          getValue(config, variant, 'lineHeight', breakpoint),\n        ],\n        [\n          `--${TEXT_TRANSFORM_PREFIX}-${safeVariant}`,\n          getValue(config, variant, 'textTransform', breakpoint),\n        ],\n        [\n          `--${LETTER_SPACING_PREFIX}-${safeVariant}`,\n          getValue(config, variant, 'letterSpacing', breakpoint),\n        ],\n      ];\n    }),\n  ) as unknown as CssStyleObject;\n\nconst tailwindConfigPerVariant = (prefix: string) =>\n  Object.fromEntries(\n    textVariants.map(textVariantsSafe).map((variant) => [variant, `var(--${prefix}-${variant})`]),\n  );\n\nconst RESPONSIVE_TAILWIND_CONFIG_MAP = {\n  fontFamily: tailwindConfigPerVariant(FONT_FAMILY_PREFIX),\n  fontWeight: tailwindConfigPerVariant(FONT_WEIGHT_PREFIX),\n  fontSlant: tailwindConfigPerVariant(FONT_SLANT_PREFIX),\n  fontWidth: tailwindConfigPerVariant(FONT_WIDTH_PREFIX),\n  fontSize: tailwindConfigPerVariant(FONT_SIZE_PREFIX),\n  lineHeight: tailwindConfigPerVariant(LINE_HEIGHT_PREFIX),\n  textTransform: tailwindConfigPerVariant(TEXT_TRANSFORM_PREFIX),\n  letterSpacing: tailwindConfigPerVariant(LETTER_SPACING_PREFIX),\n};\n\nconst getBaseTextVars = (config: UniversalTokensConfig) => {\n  return cssVariablesForBreakpoint(config, 'base');\n};\n\nconst getResponsiveTextStyles = (config: UniversalTokensConfig) => {\n  // Mobile first approach: find the smallest breakpoint\n  const breakpoints = entries(config.breakpoints).sort(\n    ([, { value: minWidthA }], [, { value: minWidthB }]) => minWidthA - minWidthB,\n  );\n\n  return {\n    // Order necessary for CSS specificity.\n    // 1. Class to opt-in an element and its children to responsive text styles.\n    [`.${TEXT_RESPONSIVE_CLASSNAME}`]: Object.fromEntries(\n      breakpoints.map(([name, { value: minWidth }]) => [\n        // If its the smallest breakpoint, we set the base styles\n        `@media (min-width: ${minWidth}px)`,\n        cssVariablesForBreakpoint(config, name),\n      ]),\n    ),\n\n    // 2. Classes for locking to a specific breakpoint.\n    [mapClassNames('base')]: cssVariablesForBreakpoint(config, 'base'),\n\n    [mapClassNames('defaultBreakpoint')]: cssVariablesForBreakpoint(\n      config,\n      config.globalDefaults.breakpoint,\n    ),\n\n    ...Object.fromEntries(\n      breakpoints.map(([name]) => [mapClassNames(name), cssVariablesForBreakpoint(config, name)]),\n    ),\n  } as CssStyleObject;\n};\n\nexport {\n  cssVariablesForBreakpoint,\n  getBaseTextVars,\n  getResponsiveTextStyles,\n  RESPONSIVE_TAILWIND_CONFIG_MAP,\n  textVariantsSafe,\n};\n"],"mappings":";;;;;;;AAqBA,MAAM,oBAAoB,YAAoB,QAAQ,QAAQ,KAAK,IAAI;AACvE,MAAM,YAAY;AAElB,MAAM,SAAS,SAAiB,GAAG,OAAO,UAAU;AAEpD,MAAM,iBAAiB,SACrB,MAAM,sCAAsC;AAE9C,MAAM,YACJ,QACA,SACA,KACA,eACW;CACX,MAAM,OAAO,OAAO,WAAW,WAAW;AAE1C,KAAI,CAAC,KACH,OAAM,IAAI,MAAM,wCAAwC,QAAQ,aAAa,IAAI,GAAG;CAGtF,MAAM,QAAQ,eAAe,SAAS,KAAK,OAAO,KAAK,cAAc;AAErE,KAAI,CAAC,MACH,OAAM,IAAI,MACR,8BAA8B,QAAQ,UAAU,IAAI,qBAAqB,WAAW,GACrF;AAGH,KAAI,SAAS,MAAM,CACjB,QAAO;AAGT,SAAQ,MAAM,MAAd;EACE,KAAK,KACH,QAAO,MAAM,MAAM,MAAM;EAC3B,KAAK,WACH,QAAO,OAAO,MAAM,MAAM;;AAG9B,QAAO,kBAAkB,MAAM;;AAGjC,MAAM,oBAAoB,QAA+B,UAAkB;AACzE,KAAI,SAAS,OAAO,KAClB,QAAO,SAAS,mBAAmB,GAAG,MAAM;AAG9C,QAAO;;AAGT,MAAM,6BAA6B,QAA+B,eAChE,OAAO,YACL,aAAa,SAAS,YAAY;CAChC,MAAM,cAAc,iBAAiB,QAAQ;AAE7C,QAAO;EACL,CACE,KAAK,mBAAmB,GAAG,eAC3B,iBAAiB,QAAQ,SAAS,QAAQ,SAAS,cAAc,WAAW,CAAC,CAC9E;EACD,CAAC,KAAK,iBAAiB,GAAG,eAAe,SAAS,QAAQ,SAAS,YAAY,WAAW,CAAC;EAC3F,CACE,KAAK,mBAAmB,GAAG,eAC3B,SAAS,QAAQ,SAAS,cAAc,WAAW,CACpD;EACD,CACE,KAAK,kBAAkB,GAAG,eAC1B,SAAS,QAAQ,SAAS,aAAa,WAAW,CACnD;EACD,CACE,KAAK,kBAAkB,GAAG,eAC1B,SAAS,QAAQ,SAAS,aAAa,WAAW,CACnD;EACD,CACE,KAAK,mBAAmB,GAAG,eAC3B,SAAS,QAAQ,SAAS,cAAc,WAAW,CACpD;EACD,CACE,KAAK,sBAAsB,GAAG,eAC9B,SAAS,QAAQ,SAAS,iBAAiB,WAAW,CACvD;EACD,CACE,KAAK,sBAAsB,GAAG,eAC9B,SAAS,QAAQ,SAAS,iBAAiB,WAAW,CACvD;EACF;EACD,CACH;AAEH,MAAM,4BAA4B,WAChC,OAAO,YACL,aAAa,IAAI,iBAAiB,CAAC,KAAK,YAAY,CAAC,SAAS,SAAS,OAAO,GAAG,QAAQ,GAAG,CAAC,CAC9F;AAEH,MAAM,iCAAiC;CACrC,YAAY,yBAAyB,mBAAmB;CACxD,YAAY,yBAAyB,mBAAmB;CACxD,WAAW,yBAAyB,kBAAkB;CACtD,WAAW,yBAAyB,kBAAkB;CACtD,UAAU,yBAAyB,iBAAiB;CACpD,YAAY,yBAAyB,mBAAmB;CACxD,eAAe,yBAAyB,sBAAsB;CAC9D,eAAe,yBAAyB,sBAAsB;CAC/D;AAED,MAAM,mBAAmB,WAAkC;AACzD,QAAO,0BAA0B,QAAQ,OAAO;;AAGlD,MAAM,2BAA2B,WAAkC;CAEjE,MAAM,cAAc,QAAQ,OAAO,YAAY,CAAC,MAC7C,GAAG,EAAE,OAAO,cAAc,GAAG,EAAE,OAAO,iBAAiB,YAAY,UACrE;AAED,QAAO;GAGJ,IAAI,8BAA8B,OAAO,YACxC,YAAY,KAAK,CAAC,MAAM,EAAE,OAAO,gBAAgB,CAE/C,sBAAsB,SAAS,MAC/B,0BAA0B,QAAQ,KAAK,CACxC,CAAC,CACH;GAGA,cAAc,OAAO,GAAG,0BAA0B,QAAQ,OAAO;GAEjE,cAAc,oBAAoB,GAAG,0BACpC,QACA,OAAO,eAAe,WACvB;EAED,GAAG,OAAO,YACR,YAAY,KAAK,CAAC,UAAU,CAAC,cAAc,KAAK,EAAE,0BAA0B,QAAQ,KAAK,CAAC,CAAC,CAC5F;EACF"}

package/dist/tailwind/dist/tailwind/defaultTailwindThemeAsUdsConfig.cjs

@@ -1,5 +1,4 @@
 /*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
-
 //#region src/tailwind/defaultTailwindThemeAsUdsConfig.ts
 const fontSizeMap = {
 	display1: "6xl",
@@ -49,6 +48,5 @@ const udsToTailwindMap = {
 	fontSize: fontSizeMap,
 	lineHeight: fontSizeMap
 };
-
 //#endregion
-exports.udsToTailwindMap = udsToTailwindMap;
+exports.udsToTailwindMap = udsToTailwindMap;

package/dist/tailwind/dist/tailwind/defaultTailwindThemeAsUdsConfig.d.cts

@@ -1,6 +1,6 @@
 
 import { TextVariantUi } from "../types/dist/index.cjs";
-import defaultTailwindTheme from "tailwindcss/defaultTheme";
+import defaultTailwindTheme from "tailwindcss/defaultTheme.js";
 
 //#region src/tailwind/defaultTailwindThemeAsUdsConfig.d.ts
 type TwFontSizeToExclude = '7xl' | '8xl' | '9xl';

package/dist/tailwind/dist/tailwind/defaultTailwindThemeAsUdsConfig.d.ts

@@ -1,6 +1,6 @@
 
 import { TextVariantUi } from "../types/dist/index.js";
-import defaultTailwindTheme from "tailwindcss/defaultTheme";
+import defaultTailwindTheme from "tailwindcss/defaultTheme.js";
 
 //#region src/tailwind/defaultTailwindThemeAsUdsConfig.d.ts
 type TwFontSizeToExclude = '7xl' | '8xl' | '9xl';

package/dist/tailwind/dist/tailwind/defaultTailwindThemeAsUdsConfig.js

@@ -48,7 +48,7 @@ const udsToTailwindMap = {
 	fontSize: fontSizeMap,
 	lineHeight: fontSizeMap
 };
-
 //#endregion
 export { udsToTailwindMap };
+
 //# sourceMappingURL=defaultTailwindThemeAsUdsConfig.js.map

package/dist/tailwind/dist/tailwind/plugins/a11y.cjs

@@ -1,10 +1,9 @@
 /*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
-const require_runtime = require('../../_virtual/_rolldown/runtime.cjs');
-const require_getFocusRingStyles = require('../components/getFocusRingStyles.cjs');
-const require_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);
-
+tailwindcss_plugin_js = require_runtime.__toESM(tailwindcss_plugin_js, 1);
 //#region src/tailwind/plugins/a11y.ts
 const a11yPlugin = tailwindcss_plugin_js.default.withOptions(() => ({ addComponents }) => {
 	addComponents(require_getHitTargetStyles.getHitTargetStyles());
@@ -12,12 +11,28 @@ const a11yPlugin = tailwindcss_plugin_js.default.withOptions(() => ({ addCompone
 }, () => ({
 	safelist: ["uds-hit-target", "uds-ring"],
 	theme: { extend: {
+		/**
+		* Used in @ariakit/react https://ariakit.org/guide/styling#aria
+		* By default, Tailwind offers all of these. Including in this config
+		* to provide links to ariakit docs for ones that are shared between the two.
+		* This is not exhaustive, and only includes the shared ones at the moment.
+		* https://github.com/tailwindlabs/tailwindcss/blob/main/stubs/config.full.js#L17
+		*/
 		aria: {
+			/** https://ariakit.org/guide/styling#aria-checked */
 			checked: "checked=\"true\"",
+			/** https://ariakit.org/guide/styling#aria-disabled */
 			disabled: "disabled=\"true\"",
+			/** https://ariakit.org/guide/styling#aria-expanded */
 			expanded: "expanded=\"true\"",
+			/** https://ariakit.org/guide/styling#aria-invalid */
 			invalid: "aria-invalid=\"true\""
 		},
+		/**
+		* Used in @ariakit/react https://ariakit.org/guide/styling#css-selectors
+		* By default, Tailwind does not include any values for this option
+		* https://github.com/tailwindlabs/tailwindcss/blob/main/stubs/config.full.js#L888
+		*/
 		data: {
 			active: "active=\"true\"",
 			"active-item": "active-item=\"true\"",
@@ -29,6 +44,5 @@ const a11yPlugin = tailwindcss_plugin_js.default.withOptions(() => ({ addCompone
 		}
 	} }
 }));
-
 //#endregion
-exports.a11yPlugin = a11yPlugin;
+exports.a11yPlugin = a11yPlugin;

package/dist/tailwind/dist/tailwind/plugins/a11y.js

@@ -2,7 +2,6 @@
 import { getFocusRingStyles } from "../components/getFocusRingStyles.js";
 import { getHitTargetStyles } from "../components/getHitTargetStyles.js";
 import plugin from "tailwindcss/plugin.js";
-
 //#region src/tailwind/plugins/a11y.ts
 const a11yPlugin = plugin.withOptions(() => ({ addComponents }) => {
 	addComponents(getHitTargetStyles());
@@ -10,12 +9,28 @@ const a11yPlugin = plugin.withOptions(() => ({ addComponents }) => {
 }, () => ({
 	safelist: ["uds-hit-target", "uds-ring"],
 	theme: { extend: {
+		/**
+		* Used in @ariakit/react https://ariakit.org/guide/styling#aria
+		* By default, Tailwind offers all of these. Including in this config
+		* to provide links to ariakit docs for ones that are shared between the two.
+		* This is not exhaustive, and only includes the shared ones at the moment.
+		* https://github.com/tailwindlabs/tailwindcss/blob/main/stubs/config.full.js#L17
+		*/
 		aria: {
+			/** https://ariakit.org/guide/styling#aria-checked */
 			checked: "checked=\"true\"",
+			/** https://ariakit.org/guide/styling#aria-disabled */
 			disabled: "disabled=\"true\"",
+			/** https://ariakit.org/guide/styling#aria-expanded */
 			expanded: "expanded=\"true\"",
+			/** https://ariakit.org/guide/styling#aria-invalid */
 			invalid: "aria-invalid=\"true\""
 		},
+		/**
+		* Used in @ariakit/react https://ariakit.org/guide/styling#css-selectors
+		* By default, Tailwind does not include any values for this option
+		* https://github.com/tailwindlabs/tailwindcss/blob/main/stubs/config.full.js#L888
+		*/
 		data: {
 			active: "active=\"true\"",
 			"active-item": "active-item=\"true\"",
@@ -27,7 +42,7 @@ const a11yPlugin = plugin.withOptions(() => ({ addComponents }) => {
 		}
 	} }
 }));
-
 //#endregion
 export { a11yPlugin };
+
 //# sourceMappingURL=a11y.js.map

package/dist/tailwind/dist/tailwind/plugins/a11y.js.map

@@ -1 +1 @@
-{"version":3,"file":"a11y.js","names":[],"sources":["../../../src/tailwind/plugins/a11y.ts"],"sourcesContent":["import plugin from 'tailwindcss/plugin.js';\n\nimport { getFocusRingStyles } from '../components/getFocusRingStyles';\nimport { getHitTargetStyles } from '../components/getHitTargetStyles';\nimport type { TailwindPluginOptions } from '../utils/composeTailwindPlugins';\n\nconst a11yPlugin = plugin.withOptions<TailwindPluginOptions>(\n  () =>\n    ({ addComponents }) => {\n      // TODO: Skip when `useImportNamespace`?\n      const hitTargetStyles = getHitTargetStyles();\n      addComponents(hitTargetStyles);\n\n      // TODO: Skip when `useImportNamespace`?\n      const focusRingStyles = getFocusRingStyles();\n      addComponents(focusRingStyles);\n    },\n\n  () => ({\n    // Guarantee that the dark mode class is not purged\n    safelist: ['uds-hit-target', 'uds-ring'],\n    theme: {\n      extend: {\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    },\n  }),\n);\n\nexport { a11yPlugin };\n"],"mappings":";;;;;;AAMA,MAAM,aAAa,OAAO,mBAErB,EAAE,oBAAoB;AAGrB,eADwB,oBAAoB,CACd;AAI9B,eADwB,oBAAoB,CACd;UAG3B;CAEL,UAAU,CAAC,kBAAkB,WAAW;CACxC,OAAO,EACL,QAAQ;EAQN,MAAM;GAEJ,SAAS;GAET,UAAU;GAEV,UAAU;GAEV,SAAS;GACV;EAMD,MAAM;GACJ,QAAQ;GACR,eAAe;GACf,UAAU;GACV,UAAU;GACV,OAAO;GACP,OAAO;GACP,iBAAiB;GAClB;EACF,EACF;CACF,EACF"}
+{"version":3,"file":"a11y.js","names":[],"sources":["../../../src/tailwind/plugins/a11y.ts"],"sourcesContent":["import plugin from 'tailwindcss/plugin.js';\n\nimport { getFocusRingStyles } from '../components/getFocusRingStyles';\nimport { getHitTargetStyles } from '../components/getHitTargetStyles';\nimport type { TailwindPluginOptions } from '../utils/composeTailwindPlugins';\n\nconst a11yPlugin = plugin.withOptions<TailwindPluginOptions>(\n  () =>\n    ({ addComponents }) => {\n      // TODO: Skip when `useImportNamespace`?\n      const hitTargetStyles = getHitTargetStyles();\n      addComponents(hitTargetStyles);\n\n      // TODO: Skip when `useImportNamespace`?\n      const focusRingStyles = getFocusRingStyles();\n      addComponents(focusRingStyles);\n    },\n\n  () => ({\n    // Guarantee that the dark mode class is not purged\n    safelist: ['uds-hit-target', 'uds-ring'],\n    theme: {\n      extend: {\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    },\n  }),\n);\n\nexport { a11yPlugin };\n"],"mappings":";;;;;AAMA,MAAM,aAAa,OAAO,mBAErB,EAAE,oBAAoB;AAGrB,eADwB,oBACK,CAAC;AAI9B,eADwB,oBACK,CAAC;UAG3B;CAEL,UAAU,CAAC,kBAAkB,WAAW;CACxC,OAAO,EACL,QAAQ;;;;;;;;EAQN,MAAM;;GAEJ,SAAS;;GAET,UAAU;;GAEV,UAAU;;GAEV,SAAS;GACV;;;;;;EAMD,MAAM;GACJ,QAAQ;GACR,eAAe;GACf,UAAU;GACV,UAAU;GACV,OAAO;GACP,OAAO;GACP,iBAAiB;GAClB;EACF,EACF;CACF,EACF"}

package/dist/tailwind/dist/tailwind/plugins/blurBgFallback.cjs

@@ -1,9 +1,8 @@
 /*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
-const require_runtime = require('../../_virtual/_rolldown/runtime.cjs');
-const require_index = require('../../css-tokens/dist/index.cjs');
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+const require_index = require("../../css-tokens/dist/index.cjs");
 let tailwindcss_plugin_js = require("tailwindcss/plugin.js");
-tailwindcss_plugin_js = require_runtime.__toESM(tailwindcss_plugin_js);
-
+tailwindcss_plugin_js = require_runtime.__toESM(tailwindcss_plugin_js, 1);
 //#region src/tailwind/plugins/blurBgFallback.ts
 const blurBgFallbackPlugin = tailwindcss_plugin_js.default.withOptions(() => ({ addUtilities }) => {
 	addUtilities({
@@ -24,6 +23,5 @@ const blurBgFallbackPlugin = tailwindcss_plugin_js.default.withOptions(() => ({
 		}
 	});
 }, () => ({ safelist: ["uds-bgBlurFillFallback", "uds-bgBlurFallback"] }));
-
 //#endregion
-exports.blurBgFallbackPlugin = blurBgFallbackPlugin;
+exports.blurBgFallbackPlugin = blurBgFallbackPlugin;

package/dist/tailwind/dist/tailwind/plugins/blurBgFallback.js

@@ -1,7 +1,6 @@
 /*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
 import { BACKGROUND_BLUR_COLOR_PREFIX, BACKGROUND_BLUR_FALLBACK_COLOR_PREFIX } from "../../css-tokens/dist/index.js";
 import plugin from "tailwindcss/plugin.js";
-
 //#region src/tailwind/plugins/blurBgFallback.ts
 const blurBgFallbackPlugin = plugin.withOptions(() => ({ addUtilities }) => {
 	addUtilities({
@@ -22,7 +21,7 @@ const blurBgFallbackPlugin = plugin.withOptions(() => ({ addUtilities }) => {
 		}
 	});
 }, () => ({ safelist: ["uds-bgBlurFillFallback", "uds-bgBlurFallback"] }));
-
 //#endregion
 export { blurBgFallbackPlugin };
+
 //# sourceMappingURL=blurBgFallback.js.map

package/dist/tailwind/dist/tailwind/plugins/blurBgFallback.js.map

@@ -1 +1 @@
-{"version":3,"file":"blurBgFallback.js","names":[],"sources":["../../../src/tailwind/plugins/blurBgFallback.ts"],"sourcesContent":["import {\n  BACKGROUND_BLUR_COLOR_PREFIX,\n  BACKGROUND_BLUR_FALLBACK_COLOR_PREFIX,\n} from '@yahoo/uds-css-tokens';\nimport plugin from 'tailwindcss/plugin.js';\n\nimport type { TailwindPluginOptions } from '../utils/composeTailwindPlugins';\n\n// .uds-bgBlurFillFallback — for the element that has the fill property\n// .uds-bgBlurFallback — for the element that has the backdrop-filter property\n\nconst blurBgFallbackPlugin = plugin.withOptions<TailwindPluginOptions>(\n  () =>\n    ({ addUtilities }) => {\n      addUtilities({\n        '.uds-bgBlurFillFallback': {\n          fill: `var(--${BACKGROUND_BLUR_FALLBACK_COLOR_PREFIX})`,\n        },\n\n        '@supports (backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))': {\n          '.uds-bgBlurFillFallback': {\n            fill: `var(--${BACKGROUND_BLUR_COLOR_PREFIX})`,\n          },\n          '.uds-bgBlurFallback': {\n            WebkitBackdropFilter: 'var(--uds-backdrop-blur)',\n            backdropFilter: 'var(--uds-backdrop-blur)',\n          },\n        },\n\n        '@media (prefers-reduced-transparency)': {\n          '.uds-bgBlurFillFallback': {\n            fill: `var(--${BACKGROUND_BLUR_FALLBACK_COLOR_PREFIX})`,\n          },\n          '.uds-bgBlurFallback': {\n            WebkitBackdropFilter: 'none',\n            backdropFilter: 'none',\n          },\n        },\n      });\n    },\n\n  () => ({\n    safelist: ['uds-bgBlurFillFallback', 'uds-bgBlurFallback'],\n  }),\n);\n\nexport { blurBgFallbackPlugin };\n"],"mappings":";;;;;AAWA,MAAM,uBAAuB,OAAO,mBAE/B,EAAE,mBAAmB;AACpB,cAAa;EACX,2BAA2B,EACzB,MAAM,SAAS,sCAAsC,IACtD;EAED,kFAAkF;GAChF,2BAA2B,EACzB,MAAM,SAAS,6BAA6B,IAC7C;GACD,uBAAuB;IACrB,sBAAsB;IACtB,gBAAgB;IACjB;GACF;EAED,yCAAyC;GACvC,2BAA2B,EACzB,MAAM,SAAS,sCAAsC,IACtD;GACD,uBAAuB;IACrB,sBAAsB;IACtB,gBAAgB;IACjB;GACF;EACF,CAAC;UAGC,EACL,UAAU,CAAC,0BAA0B,qBAAqB,EAC3D,EACF"}
+{"version":3,"file":"blurBgFallback.js","names":[],"sources":["../../../src/tailwind/plugins/blurBgFallback.ts"],"sourcesContent":["import {\n  BACKGROUND_BLUR_COLOR_PREFIX,\n  BACKGROUND_BLUR_FALLBACK_COLOR_PREFIX,\n} from '@yahoo/uds-css-tokens';\nimport plugin from 'tailwindcss/plugin.js';\n\nimport type { TailwindPluginOptions } from '../utils/composeTailwindPlugins';\n\n// .uds-bgBlurFillFallback — for the element that has the fill property\n// .uds-bgBlurFallback — for the element that has the backdrop-filter property\n\nconst blurBgFallbackPlugin = plugin.withOptions<TailwindPluginOptions>(\n  () =>\n    ({ addUtilities }) => {\n      addUtilities({\n        '.uds-bgBlurFillFallback': {\n          fill: `var(--${BACKGROUND_BLUR_FALLBACK_COLOR_PREFIX})`,\n        },\n\n        '@supports (backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))': {\n          '.uds-bgBlurFillFallback': {\n            fill: `var(--${BACKGROUND_BLUR_COLOR_PREFIX})`,\n          },\n          '.uds-bgBlurFallback': {\n            WebkitBackdropFilter: 'var(--uds-backdrop-blur)',\n            backdropFilter: 'var(--uds-backdrop-blur)',\n          },\n        },\n\n        '@media (prefers-reduced-transparency)': {\n          '.uds-bgBlurFillFallback': {\n            fill: `var(--${BACKGROUND_BLUR_FALLBACK_COLOR_PREFIX})`,\n          },\n          '.uds-bgBlurFallback': {\n            WebkitBackdropFilter: 'none',\n            backdropFilter: 'none',\n          },\n        },\n      });\n    },\n\n  () => ({\n    safelist: ['uds-bgBlurFillFallback', 'uds-bgBlurFallback'],\n  }),\n);\n\nexport { blurBgFallbackPlugin };\n"],"mappings":";;;;AAWA,MAAM,uBAAuB,OAAO,mBAE/B,EAAE,mBAAmB;AACpB,cAAa;EACX,2BAA2B,EACzB,MAAM,SAAS,sCAAsC,IACtD;EAED,kFAAkF;GAChF,2BAA2B,EACzB,MAAM,SAAS,6BAA6B,IAC7C;GACD,uBAAuB;IACrB,sBAAsB;IACtB,gBAAgB;IACjB;GACF;EAED,yCAAyC;GACvC,2BAA2B,EACzB,MAAM,SAAS,sCAAsC,IACtD;GACD,uBAAuB;IACrB,sBAAsB;IACtB,gBAAgB;IACjB;GACF;EACF,CAAC;UAGC,EACL,UAAU,CAAC,0BAA0B,qBAAqB,EAC3D,EACF"}

package/dist/tailwind/dist/tailwind/plugins/borderRadius.cjs

@@ -1,12 +1,11 @@
 /*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
-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_fromEntries = require('../../utils/fromEntries.cjs');
-const require_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_fromEntries = require("../../utils/fromEntries.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);
-
+tailwindcss_plugin_js = require_runtime.__toESM(tailwindcss_plugin_js, 1);
 //#region src/tailwind/plugins/borderRadius.ts
 const UDS_BORDER_RADIUS_THEME_KEY = "udsBorderRadius";
 const udsBorderRadiusToCSSVariable = (token) => `var(--${require_index.BORDER_RADIUS_PREFIX}-${token})`;
@@ -48,7 +47,6 @@ const borderRadiusPlugin = tailwindcss_plugin_js.default.withOptions(() => ({ ma
 	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.borderRadiusPlugin = borderRadiusPlugin;

package/dist/tailwind/dist/tailwind/plugins/borderRadius.js

@@ -4,7 +4,6 @@ import { DEFAULT_SCALE_MODE } from "../../modes/dist/index.js";
 import { fromEntries } from "../../utils/fromEntries.js";
 import { shouldNotMergeTokensIntoTailwindTheme } from "../utils/composeTailwindPlugins.js";
 import plugin from "tailwindcss/plugin.js";
-
 //#region src/tailwind/plugins/borderRadius.ts
 const UDS_BORDER_RADIUS_THEME_KEY = "udsBorderRadius";
 const udsBorderRadiusToCSSVariable = (token) => `var(--${BORDER_RADIUS_PREFIX}-${token})`;
@@ -46,7 +45,7 @@ const borderRadiusPlugin = plugin.withOptions(() => ({ matchUtilities, theme })
 	const shouldNotMergeBorderRadiusTokensIntoTailwindTheme = shouldNotMergeTokensIntoTailwindTheme(disableOverrideTailwindTheme, "borderRadius");
 	return { theme: { extend: { ...getBorderRadiusTheme(config.scaleMode[DEFAULT_SCALE_MODE].borderRadius, !shouldNotMergeBorderRadiusTokensIntoTailwindTheme) } } };
 });
-
 //#endregion
 export { UDS_BORDER_RADIUS_THEME_KEY, borderRadiusPlugin };
+
 //# sourceMappingURL=borderRadius.js.map

package/dist/tailwind/dist/tailwind/plugins/borderRadius.js.map

@@ -1 +1 @@
-{"version":3,"file":"borderRadius.js","names":[],"sources":["../../../src/tailwind/plugins/borderRadius.ts"],"sourcesContent":["import { BORDER_RADIUS_PREFIX } from '@yahoo/uds-css-tokens';\nimport { DEFAULT_SCALE_MODE } from '@yahoo/uds-modes';\nimport type { BorderRadiusConfig } from '@yahoo/uds-types';\nimport plugin from 'tailwindcss/plugin.js';\n\nimport { fromEntries } from '../../utils/fromEntries';\nimport type { TailwindPluginOptions } from '../utils/composeTailwindPlugins';\nimport { shouldNotMergeTokensIntoTailwindTheme } from '../utils/composeTailwindPlugins';\n\nconst UDS_BORDER_RADIUS_THEME_KEY = 'udsBorderRadius';\n\nconst udsBorderRadiusToCSSVariable = (token: string) => `var(--${BORDER_RADIUS_PREFIX}-${token})`;\n\nconst getBorderRadiusTheme = (\n  config: BorderRadiusConfig,\n  mergeTokensIntoTailwindTheme: boolean,\n) => {\n  /**\n   * Given the UDS border radius tokens in config (none, xs, sm, md, lg, xl, full), create a tailwind\n   * border radius theme value that points to the corresponding UDS CSS variables.\n   *\n   * For example:\n   *\n   *   {\n   *     sm: 'var(--uds-border-radius-sm)',\n   *     md: 'var(--uds-border-radius-md)',\n   *   }\n   *\n   * Note: The values of the CSS variables are defined elsewhere. This code only ensures the Tailwind-generated\n   * classes are mapped to the correct CSS variable.\n   */\n  const udsBorderRadii = fromEntries(\n    Object.keys(config).map((udsAlias) => [udsAlias, udsBorderRadiusToCSSVariable(udsAlias)]),\n  );\n\n  if (!mergeTokensIntoTailwindTheme) {\n    // Store these values namespaced in the tailwind theme to avoid overwriting default Tailwind border radius values.\n    // This will be used in the automation CSS generation to map stored values to UDS CSS variables.\n    return {\n      [UDS_BORDER_RADIUS_THEME_KEY]: udsBorderRadii,\n    };\n  }\n\n  return {\n    // Store these values namespaced in the tailwind theme to avoid overwriting default Tailwind border radius values.\n    // This will be used in the automation CSS generation to map stored values to UDS CSS variables.\n    [UDS_BORDER_RADIUS_THEME_KEY]: udsBorderRadii,\n\n    // Also overwrite the default Tailwind border radius theme values with UDS values for consistency.\n    borderRadius: {\n      ...udsBorderRadii,\n\n      // Set the Tailwind 'DEFAULT' tailwind border radius to map to UDS 'sm' border radius\n      DEFAULT: udsBorderRadiusToCSSVariable('sm'),\n\n      // Set the Tailwind 'sm' tailwind border radius to map to UDS 'xs' border radius\n      // See: https://ouryahoo.slack.com/archives/C04TLTQN6EM/p1724352657515249\n      sm: udsBorderRadiusToCSSVariable('xs'),\n    },\n  };\n};\n\nconst borderRadiusPlugin = plugin.withOptions<TailwindPluginOptions>(\n  () =>\n    ({ matchUtilities, theme }) => {\n      matchUtilities(\n        {\n          'uds-border-radius': (value) => ({\n            'border-radius': value,\n          }),\n\n          'uds-border-top-start-radius': (value) => ({\n            'border-start-start-radius': value,\n          }),\n\n          'uds-border-top-end-radius': (value) => ({\n            'border-start-end-radius': value,\n          }),\n\n          'uds-border-bottom-start-radius': (value) => ({\n            'border-end-start-radius': value,\n          }),\n\n          'uds-border-bottom-end-radius': (value) => ({\n            'border-end-end-radius': value,\n          }),\n        },\n        { values: theme(UDS_BORDER_RADIUS_THEME_KEY) },\n      );\n    },\n\n  ({ config, disableOverrideTailwindTheme }) => {\n    const shouldNotMergeBorderRadiusTokensIntoTailwindTheme = shouldNotMergeTokensIntoTailwindTheme(\n      disableOverrideTailwindTheme,\n      'borderRadius',\n    );\n\n    return {\n      theme: {\n        extend: {\n          ...getBorderRadiusTheme(\n            // The border radius values are currently stored in the config from the default scale mode.\n            config.scaleMode[DEFAULT_SCALE_MODE].borderRadius,\n            !shouldNotMergeBorderRadiusTokensIntoTailwindTheme,\n          ),\n        },\n      },\n    };\n  },\n);\n\nexport {\n  borderRadiusPlugin,\n  getBorderRadiusTheme,\n  UDS_BORDER_RADIUS_THEME_KEY,\n  udsBorderRadiusToCSSVariable,\n};\n"],"mappings":";;;;;;;;AASA,MAAM,8BAA8B;AAEpC,MAAM,gCAAgC,UAAkB,SAAS,qBAAqB,GAAG,MAAM;AAE/F,MAAM,wBACJ,QACA,iCACG;;;;;;;;;;;;;;;CAeH,MAAM,iBAAiB,YACrB,OAAO,KAAK,OAAO,CAAC,KAAK,aAAa,CAAC,UAAU,6BAA6B,SAAS,CAAC,CAAC,CAC1F;AAED,KAAI,CAAC,6BAGH,QAAO,GACJ,8BAA8B,gBAChC;AAGH,QAAO;GAGJ,8BAA8B;EAG/B,cAAc;GACZ,GAAG;GAGH,SAAS,6BAA6B,KAAK;GAI3C,IAAI,6BAA6B,KAAK;GACvC;EACF;;AAGH,MAAM,qBAAqB,OAAO,mBAE7B,EAAE,gBAAgB,YAAY;AAC7B,gBACE;EACE,sBAAsB,WAAW,EAC/B,iBAAiB,OAClB;EAED,gCAAgC,WAAW,EACzC,6BAA6B,OAC9B;EAED,8BAA8B,WAAW,EACvC,2BAA2B,OAC5B;EAED,mCAAmC,WAAW,EAC5C,2BAA2B,OAC5B;EAED,iCAAiC,WAAW,EAC1C,yBAAyB,OAC1B;EACF,EACD,EAAE,QAAQ,MAAM,4BAA4B,EAAE,CAC/C;IAGJ,EAAE,QAAQ,mCAAmC;CAC5C,MAAM,oDAAoD,sCACxD,8BACA,eACD;AAED,QAAO,EACL,OAAO,EACL,QAAQ,EACN,GAAG,qBAED,OAAO,UAAU,oBAAoB,cACrC,CAAC,kDACF,EACF,EACF,EACF;EAEJ"}
+{"version":3,"file":"borderRadius.js","names":[],"sources":["../../../src/tailwind/plugins/borderRadius.ts"],"sourcesContent":["import { BORDER_RADIUS_PREFIX } from '@yahoo/uds-css-tokens';\nimport { DEFAULT_SCALE_MODE } from '@yahoo/uds-modes';\nimport type { BorderRadiusConfig } from '@yahoo/uds-types';\nimport plugin from 'tailwindcss/plugin.js';\n\nimport { fromEntries } from '../../utils/fromEntries';\nimport type { TailwindPluginOptions } from '../utils/composeTailwindPlugins';\nimport { shouldNotMergeTokensIntoTailwindTheme } from '../utils/composeTailwindPlugins';\n\nconst UDS_BORDER_RADIUS_THEME_KEY = 'udsBorderRadius';\n\nconst udsBorderRadiusToCSSVariable = (token: string) => `var(--${BORDER_RADIUS_PREFIX}-${token})`;\n\nconst getBorderRadiusTheme = (\n  config: BorderRadiusConfig,\n  mergeTokensIntoTailwindTheme: boolean,\n) => {\n  /**\n   * Given the UDS border radius tokens in config (none, xs, sm, md, lg, xl, full), create a tailwind\n   * border radius theme value that points to the corresponding UDS CSS variables.\n   *\n   * For example:\n   *\n   *   {\n   *     sm: 'var(--uds-border-radius-sm)',\n   *     md: 'var(--uds-border-radius-md)',\n   *   }\n   *\n   * Note: The values of the CSS variables are defined elsewhere. This code only ensures the Tailwind-generated\n   * classes are mapped to the correct CSS variable.\n   */\n  const udsBorderRadii = fromEntries(\n    Object.keys(config).map((udsAlias) => [udsAlias, udsBorderRadiusToCSSVariable(udsAlias)]),\n  );\n\n  if (!mergeTokensIntoTailwindTheme) {\n    // Store these values namespaced in the tailwind theme to avoid overwriting default Tailwind border radius values.\n    // This will be used in the automation CSS generation to map stored values to UDS CSS variables.\n    return {\n      [UDS_BORDER_RADIUS_THEME_KEY]: udsBorderRadii,\n    };\n  }\n\n  return {\n    // Store these values namespaced in the tailwind theme to avoid overwriting default Tailwind border radius values.\n    // This will be used in the automation CSS generation to map stored values to UDS CSS variables.\n    [UDS_BORDER_RADIUS_THEME_KEY]: udsBorderRadii,\n\n    // Also overwrite the default Tailwind border radius theme values with UDS values for consistency.\n    borderRadius: {\n      ...udsBorderRadii,\n\n      // Set the Tailwind 'DEFAULT' tailwind border radius to map to UDS 'sm' border radius\n      DEFAULT: udsBorderRadiusToCSSVariable('sm'),\n\n      // Set the Tailwind 'sm' tailwind border radius to map to UDS 'xs' border radius\n      // See: https://ouryahoo.slack.com/archives/C04TLTQN6EM/p1724352657515249\n      sm: udsBorderRadiusToCSSVariable('xs'),\n    },\n  };\n};\n\nconst borderRadiusPlugin = plugin.withOptions<TailwindPluginOptions>(\n  () =>\n    ({ matchUtilities, theme }) => {\n      matchUtilities(\n        {\n          'uds-border-radius': (value) => ({\n            'border-radius': value,\n          }),\n\n          'uds-border-top-start-radius': (value) => ({\n            'border-start-start-radius': value,\n          }),\n\n          'uds-border-top-end-radius': (value) => ({\n            'border-start-end-radius': value,\n          }),\n\n          'uds-border-bottom-start-radius': (value) => ({\n            'border-end-start-radius': value,\n          }),\n\n          'uds-border-bottom-end-radius': (value) => ({\n            'border-end-end-radius': value,\n          }),\n        },\n        { values: theme(UDS_BORDER_RADIUS_THEME_KEY) },\n      );\n    },\n\n  ({ config, disableOverrideTailwindTheme }) => {\n    const shouldNotMergeBorderRadiusTokensIntoTailwindTheme = shouldNotMergeTokensIntoTailwindTheme(\n      disableOverrideTailwindTheme,\n      'borderRadius',\n    );\n\n    return {\n      theme: {\n        extend: {\n          ...getBorderRadiusTheme(\n            // The border radius values are currently stored in the config from the default scale mode.\n            config.scaleMode[DEFAULT_SCALE_MODE].borderRadius,\n            !shouldNotMergeBorderRadiusTokensIntoTailwindTheme,\n          ),\n        },\n      },\n    };\n  },\n);\n\nexport {\n  borderRadiusPlugin,\n  getBorderRadiusTheme,\n  UDS_BORDER_RADIUS_THEME_KEY,\n  udsBorderRadiusToCSSVariable,\n};\n"],"mappings":";;;;;;;AASA,MAAM,8BAA8B;AAEpC,MAAM,gCAAgC,UAAkB,SAAS,qBAAqB,GAAG,MAAM;AAE/F,MAAM,wBACJ,QACA,iCACG;;;;;;;;;;;;;;;CAeH,MAAM,iBAAiB,YACrB,OAAO,KAAK,OAAO,CAAC,KAAK,aAAa,CAAC,UAAU,6BAA6B,SAAS,CAAC,CAAC,CAC1F;AAED,KAAI,CAAC,6BAGH,QAAO,GACJ,8BAA8B,gBAChC;AAGH,QAAO;GAGJ,8BAA8B;EAG/B,cAAc;GACZ,GAAG;GAGH,SAAS,6BAA6B,KAAK;GAI3C,IAAI,6BAA6B,KAAK;GACvC;EACF;;AAGH,MAAM,qBAAqB,OAAO,mBAE7B,EAAE,gBAAgB,YAAY;AAC7B,gBACE;EACE,sBAAsB,WAAW,EAC/B,iBAAiB,OAClB;EAED,gCAAgC,WAAW,EACzC,6BAA6B,OAC9B;EAED,8BAA8B,WAAW,EACvC,2BAA2B,OAC5B;EAED,mCAAmC,WAAW,EAC5C,2BAA2B,OAC5B;EAED,iCAAiC,WAAW,EAC1C,yBAAyB,OAC1B;EACF,EACD,EAAE,QAAQ,MAAM,4BAA4B,EAAE,CAC/C;IAGJ,EAAE,QAAQ,mCAAmC;CAC5C,MAAM,oDAAoD,sCACxD,8BACA,eACD;AAED,QAAO,EACL,OAAO,EACL,QAAQ,EACN,GAAG,qBAED,OAAO,UAAU,oBAAoB,cACrC,CAAC,kDACF,EACF,EACF,EACF;EAEJ"}

package/dist/tailwind/dist/tailwind/plugins/borderWidth.cjs

@@ -1,12 +1,11 @@
 /*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
-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_fromEntries = require('../../utils/fromEntries.cjs');
-const require_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_fromEntries = require("../../utils/fromEntries.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);
-
+tailwindcss_plugin_js = require_runtime.__toESM(tailwindcss_plugin_js, 1);
 //#region src/tailwind/plugins/borderWidth.ts
 const UDS_BORDER_WIDTH_THEME_KEY = "udsBorderWidth";
 const udsBorderWidthToCSSVariable = (token) => `var(--${require_index.BORDER_WIDTH_PREFIX}-${token})`;
@@ -68,7 +67,6 @@ const borderWidthPlugin = tailwindcss_plugin_js.default.withOptions(() => ({ mat
 	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.borderWidthPlugin = borderWidthPlugin;

package/dist/tailwind/dist/tailwind/plugins/borderWidth.js

@@ -4,7 +4,6 @@ import { DEFAULT_SCALE_MODE } from "../../modes/dist/index.js";
 import { fromEntries } from "../../utils/fromEntries.js";
 import { shouldNotMergeTokensIntoTailwindTheme } from "../utils/composeTailwindPlugins.js";
 import plugin from "tailwindcss/plugin.js";
-
 //#region src/tailwind/plugins/borderWidth.ts
 const UDS_BORDER_WIDTH_THEME_KEY = "udsBorderWidth";
 const udsBorderWidthToCSSVariable = (token) => `var(--${BORDER_WIDTH_PREFIX}-${token})`;
@@ -66,7 +65,7 @@ const borderWidthPlugin = plugin.withOptions(() => ({ matchUtilities, theme }) =
 	const shouldNotMergeBorderWidthTokensIntoTailwindTheme = shouldNotMergeTokensIntoTailwindTheme(disableOverrideTailwindTheme, "borderWidth");
 	return { theme: { extend: { ...getBorderWidthTheme(config.scaleMode[DEFAULT_SCALE_MODE].borderWidth, !shouldNotMergeBorderWidthTokensIntoTailwindTheme) } } };
 });
-
 //#endregion
 export { UDS_BORDER_WIDTH_THEME_KEY, borderWidthPlugin };
+
 //# sourceMappingURL=borderWidth.js.map