@yahoo/uds 3.162.1 → 3.163.0

package/dist/css/dist/postcss/pruneVars.d.ts

@@ -0,0 +1,33 @@
+
+import { UDSCSSPruneVarsOptions } from "../css/theme.js";
+import { AcceptedPlugin } from "postcss";
+
+//#region ../css/dist/postcss/pruneVars.d.mts
+//#region src/postcss/pruneVars.d.ts
+interface UDSPruneVarsPlugin {
+  postcssPlugin: 'uds-prune-vars';
+  plugins: AcceptedPlugin[];
+}
+/**
+ * Ready-to-use PostCSS plugin that removes unused UDS token CSS variables
+ * (and any other unused CSS variables) from generated CSS.
+ *
+ * Runtime-configurable UDS variables and icon color variables are always
+ * preserved. Additional variables can be preserved via the `safelist` option
+ * using string prefixes or regular expressions.
+ *
+ * Must run after all CSS has been generated (e.g. after Tailwind).
+ *
+ * @example
+ * ```js
+ * // postcss.config.js
+ * const { udsPruneVars } = require('@yahoo/uds/postcss');
+ *
+ * module.exports = {
+ *   plugins: [udsPruneVars({ safelist: ['--app-theme-'] })],
+ * };
+ * ```
+ */
+declare const udsPruneVars: (options?: UDSCSSPruneVarsOptions) => UDSPruneVarsPlugin; //#endregion
+//#endregion
+export { type UDSPruneVarsPlugin, udsPruneVars };

package/dist/css/dist/postcss/pruneVars.js

@@ -0,0 +1,50 @@
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+import { iconPruneVarsSafelist } from "../packages/icons/src/safelist.js";
+import { getConfigurableCssVariables } from "../css/utils.js";
+import { preserveVars, preserveVarsCleanup } from "../../../tailwind-internal/dist/utils/postcssPreserveVars.js";
+import pruneVar from "postcss-prune-var";
+//#region ../css/dist/postcss/pruneVars.mjs
+/*! © 2026 Yahoo, Inc. UDS CSS v0.0.0-development */
+/**
+* Build the preserve → prune → cleanup PostCSS plugin sequence used to remove
+* unused CSS variables. Used internally by the `uds css` command; consumers
+* should use {@link udsPruneVars} instead.
+*/
+const getPruneVarPlugins = (safeVarPrefixes) => {
+	if (safeVarPrefixes.length === 0) return [pruneVar()];
+	return [
+		preserveVars({ preserve: safeVarPrefixes }),
+		pruneVar(),
+		preserveVarsCleanup()
+	];
+};
+/**
+* Ready-to-use PostCSS plugin that removes unused UDS token CSS variables
+* (and any other unused CSS variables) from generated CSS.
+*
+* Runtime-configurable UDS variables and icon color variables are always
+* preserved. Additional variables can be preserved via the `safelist` option
+* using string prefixes or regular expressions.
+*
+* Must run after all CSS has been generated (e.g. after Tailwind).
+*
+* @example
+* ```js
+* // postcss.config.js
+* const { udsPruneVars } = require('@yahoo/uds/postcss');
+*
+* module.exports = {
+*   plugins: [udsPruneVars({ safelist: ['--app-theme-'] })],
+* };
+* ```
+*/
+const udsPruneVars = (options = {}) => ({
+	postcssPlugin: "uds-prune-vars",
+	plugins: getPruneVarPlugins([
+		...getConfigurableCssVariables(),
+		...iconPruneVarsSafelist,
+		...options.safelist ?? []
+	])
+});
+//#endregion
+export { getPruneVarPlugins, udsPruneVars };

package/dist/css/dist/postcss.d.cts

@@ -0,0 +1,3 @@
+
+import { UDSCSSPruneVarsOptions, UDSCSSVarSafelistPattern } from "./css/theme.cjs";
+import { UDSPruneVarsPlugin, udsPruneVars } from "./postcss/pruneVars.cjs";

package/dist/css/dist/postcss.d.ts

@@ -0,0 +1,3 @@
+
+import { UDSCSSPruneVarsOptions, UDSCSSVarSafelistPattern } from "./css/theme.js";
+import { UDSPruneVarsPlugin, udsPruneVars } from "./postcss/pruneVars.js";

package/dist/css/dist/purger/optimized/ast/expressions.cjs

@@ -1,9 +1,9 @@
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
 const require_runtime = require("../../../../../_virtual/_rolldown/runtime.cjs");
-let node_path = require("node:path");
-node_path = require_runtime.__toESM(node_path, 1);
 let node_fs = require("node:fs");
 node_fs = require_runtime.__toESM(node_fs, 1);
+let node_path = require("node:path");
+node_path = require_runtime.__toESM(node_path, 1);
 let ts_morph = require("ts-morph");
 //#region ../css/dist/purger/optimized/ast/expressions.mjs
 /*! © 2026 Yahoo, Inc. UDS CSS v0.0.0-development */

package/dist/css/dist/purger/optimized/ast/expressions.js

@@ -1,6 +1,6 @@
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
-import path from "node:path";
 import fs from "node:fs";
+import path from "node:path";
 import { Node, Project, SyntaxKind, ts } from "ts-morph";
 //#region ../css/dist/purger/optimized/ast/expressions.mjs
 /*! © 2026 Yahoo, Inc. UDS CSS v0.0.0-development */

package/dist/css/dist/purger/optimized/purge.cjs

@@ -1,13 +1,13 @@
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
 const require_runtime = require("../../../../_virtual/_rolldown/runtime.cjs");
-const require_purgeFromCode = require("./purgeFromCode.cjs");
 const require_entryPoints = require("../../../../tailwind-internal/dist/utils/entryPoints.cjs");
+const require_purgeFromCode = require("./purgeFromCode.cjs");
 const require_files = require("./utils/files.cjs");
 const require_safelist = require("./utils/safelist.cjs");
-let node_path = require("node:path");
-node_path = require_runtime.__toESM(node_path, 1);
 let node_fs = require("node:fs");
 node_fs = require_runtime.__toESM(node_fs, 1);
+let node_path = require("node:path");
+node_path = require_runtime.__toESM(node_path, 1);
 //#region ../css/dist/purger/optimized/purge.mjs
 /*! © 2026 Yahoo, Inc. UDS CSS v0.0.0-development */
 const warnedLocations = /* @__PURE__ */ new Set();

package/dist/css/dist/purger/optimized/purge.js

@@ -1,10 +1,10 @@
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
-import { purgeFromCodeOptimized, resolveWrapperSpreadSafelist } from "./purgeFromCode.js";
 import { DEFAULT_ENTRY } from "../../../../tailwind-internal/dist/utils/entryPoints.js";
+import { purgeFromCodeOptimized, resolveWrapperSpreadSafelist } from "./purgeFromCode.js";
 import { TEST_FILE_IGNORE_GLOBS, scanForFiles } from "./utils/files.js";
 import { deduplicateSafelist, getInternalSafelistClasses, getThemeAndScaleClasses, saveSafelistToFile } from "./utils/safelist.js";
-import path from "node:path";
 import fs from "node:fs";
+import path from "node:path";
 //#region ../css/dist/purger/optimized/purge.mjs
 /*! © 2026 Yahoo, Inc. UDS CSS v0.0.0-development */
 const warnedLocations = /* @__PURE__ */ new Set();

package/dist/css/dist/purger/optimized/utils/safelist.cjs

@@ -1,9 +1,9 @@
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
 const require_runtime = require("../../../../../_virtual/_rolldown/runtime.cjs");
 const require_index = require("../../../packages/css-tokens/dist/index.cjs");
+let node_fs = require("node:fs");
 let node_path = require("node:path");
 node_path = require_runtime.__toESM(node_path, 1);
-let node_fs = require("node:fs");
 //#region ../css/dist/purger/optimized/utils/safelist.mjs
 /*! © 2026 Yahoo, Inc. UDS CSS v0.0.0-development */
 const colorModeToClass = {

package/dist/css/dist/purger/optimized/utils/safelist.js

@@ -1,7 +1,7 @@
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
 import { DARK_COLOR_MODE_CLASSNAME, LIGHT_COLOR_MODE_CLASSNAME } from "../../../packages/css-tokens/dist/index.js";
-import path from "node:path";
 import { mkdirSync, writeFileSync } from "node:fs";
+import path from "node:path";
 //#region ../css/dist/purger/optimized/utils/safelist.mjs
 /*! © 2026 Yahoo, Inc. UDS CSS v0.0.0-development */
 const colorModeToClass = {

package/dist/hooks/useRtl.cjs

@@ -28,18 +28,14 @@ const createDirectionObserver = (callback) => {
 * @default reads from document direction
 */
 const useRtl = (options) => {
-	const [isRtl, setIsRtl] = (0, react.useState)(getDocumentDirection);
+	const [detectedRtl, setDetectedRtl] = (0, react.useState)(getDocumentDirection);
 	(0, react.useEffect)(() => {
-		if (options?.explicit) {
-			setIsRtl(options.explicit);
-			return;
-		}
 		const observer = createDirectionObserver(() => {
-			setIsRtl(getDocumentDirection());
+			setDetectedRtl(getDocumentDirection());
 		});
 		return () => observer.disconnect();
-	}, [options?.explicit]);
-	return isRtl;
+	}, []);
+	return options?.explicit ?? detectedRtl;
 };
 //#endregion
 exports.createDirectionObserver = createDirectionObserver;

package/dist/hooks/useRtl.js

@@ -26,18 +26,14 @@ const createDirectionObserver = (callback) => {
 * @default reads from document direction
 */
 const useRtl = (options) => {
-	const [isRtl, setIsRtl] = useState(getDocumentDirection);
+	const [detectedRtl, setDetectedRtl] = useState(getDocumentDirection);
 	useEffect(() => {
-		if (options?.explicit) {
-			setIsRtl(options.explicit);
-			return;
-		}
 		const observer = createDirectionObserver(() => {
-			setIsRtl(getDocumentDirection());
+			setDetectedRtl(getDocumentDirection());
 		});
 		return () => observer.disconnect();
-	}, [options?.explicit]);
-	return isRtl;
+	}, []);
+	return options?.explicit ?? detectedRtl;
 };
 //#endregion
 export { createDirectionObserver, getDocumentDirection, useRtl };

package/dist/postcss.cjs

@@ -0,0 +1,4 @@
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_pruneVars = require("./css/dist/postcss/pruneVars.cjs");
+exports.udsPruneVars = require_pruneVars.udsPruneVars;

package/dist/postcss.d.cts

@@ -0,0 +1,4 @@
+
+import { UDSCSSPruneVarsOptions, UDSCSSVarSafelistPattern } from "./css/dist/css/theme.cjs";
+import { UDSPruneVarsPlugin, udsPruneVars } from "./css/dist/postcss/pruneVars.cjs";
+export { type UDSCSSPruneVarsOptions, type UDSCSSVarSafelistPattern, type UDSPruneVarsPlugin, udsPruneVars };

package/dist/postcss.d.ts

@@ -0,0 +1,4 @@
+
+import { UDSCSSPruneVarsOptions, UDSCSSVarSafelistPattern } from "./css/dist/css/theme.js";
+import { UDSPruneVarsPlugin, udsPruneVars } from "./css/dist/postcss/pruneVars.js";
+export { type UDSCSSPruneVarsOptions, type UDSCSSVarSafelistPattern, type UDSPruneVarsPlugin, udsPruneVars };

package/dist/postcss.js

@@ -0,0 +1,3 @@
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+import { udsPruneVars } from "./css/dist/postcss/pruneVars.js";
+export { udsPruneVars };

package/dist/styles/styler.d.cts

@@ -12,8 +12,8 @@ declare const cva: CVA<string>;
 declare const getStylesInternal: (props?: ({
   avatarIconVariantRoot?: "primary" | "secondary" | "default" | undefined;
   avatarImageVariantRoot?: "primary" | "secondary" | "default" | undefined;
-  avatarSizeIcon?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "default" | "2xs" | "3xl" | undefined;
-  avatarSizeRoot?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "default" | "2xs" | "3xl" | undefined;
+  avatarSizeIcon?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "2xs" | "3xl" | "default" | undefined;
+  avatarSizeRoot?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "2xs" | "3xl" | "default" | undefined;
   avatarTextVariantRoot?: "primary" | "secondary" | "default" | undefined;
   badgeSizeIcon?: "xs" | "sm" | "md" | "lg" | "default" | undefined;
   badgeSizeRoot?: "xs" | "sm" | "md" | "lg" | "default" | undefined;
@@ -33,8 +33,8 @@ declare const getStylesInternal: (props?: ({
   bottomsheetVariantRoot?: "default" | undefined;
   buttonSizeIcon?: "xs" | "sm" | "md" | "lg" | "default" | undefined;
   buttonSizeRoot?: "xs" | "sm" | "md" | "lg" | "default" | undefined;
-  buttonVariantIcon?: "primary" | "secondary" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "tertiary" | "default" | "contrast-high" | "contrast-medium" | "contrast-low" | "brand-tertiary" | "alert-tertiary" | "positive-tertiary" | "warning-tertiary" | "info-tertiary" | undefined;
-  buttonVariantRoot?: "primary" | "secondary" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "tertiary" | "default" | "contrast-high" | "contrast-medium" | "contrast-low" | "brand-tertiary" | "alert-tertiary" | "positive-tertiary" | "warning-tertiary" | "info-tertiary" | undefined;
+  buttonVariantIcon?: "primary" | "secondary" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "tertiary" | "contrast-high" | "contrast-medium" | "contrast-low" | "brand-tertiary" | "alert-tertiary" | "positive-tertiary" | "warning-tertiary" | "info-tertiary" | "default" | undefined;
+  buttonVariantRoot?: "primary" | "secondary" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "tertiary" | "contrast-high" | "contrast-medium" | "contrast-low" | "brand-tertiary" | "alert-tertiary" | "positive-tertiary" | "warning-tertiary" | "info-tertiary" | "default" | undefined;
   checkboxSizeCheckbox?: "sm" | "md" | "default" | undefined;
   checkboxSizeRoot?: "sm" | "md" | "default" | undefined;
   checkboxVariantCheckbox?: "primary" | "secondary" | "alert" | "alert-secondary" | "default" | undefined;
@@ -218,7 +218,7 @@ declare const getStylesInternal: (props?: ({
   placeholderColor?: "primary" | "secondary" | "accent" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "white" | "black" | "transparent" | "current" | "always/white" | "always/black" | "always/transparent" | "always/current" | "always/brand" | "always/accent" | "tertiary" | "muted" | "on-color" | undefined;
   fontFamily?: "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "label3" | "label4" | "caption1" | "caption2" | "legal1" | "ui1" | "ui2" | "ui3" | "ui4" | "ui5" | "ui6" | "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" | "legal1/emphasized" | "ui1/emphasized" | "ui2/emphasized" | "ui3/emphasized" | "ui4/emphasized" | "ui5/emphasized" | "ui6/emphasized" | "sans" | "sans-alt" | "serif" | "serif-alt" | "mono" | undefined;
   fontSize?: "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "label3" | "label4" | "caption1" | "caption2" | "legal1" | "ui1" | "ui2" | "ui3" | "ui4" | "ui5" | "ui6" | "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" | "legal1/emphasized" | "ui1/emphasized" | "ui2/emphasized" | "ui3/emphasized" | "ui4/emphasized" | "ui5/emphasized" | "ui6/emphasized" | undefined;
-  fontWeight?: "black" | "thin" | "medium" | "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "label3" | "label4" | "caption1" | "caption2" | "legal1" | "ui1" | "ui2" | "ui3" | "ui4" | "ui5" | "ui6" | "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" | "legal1/emphasized" | "ui1/emphasized" | "ui2/emphasized" | "ui3/emphasized" | "ui4/emphasized" | "ui5/emphasized" | "ui6/emphasized" | "bold" | "extralight" | "light" | "regular" | "semibold" | "extrabold" | undefined;
+  fontWeight?: "black" | "thin" | "medium" | "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "label3" | "label4" | "caption1" | "caption2" | "legal1" | "ui1" | "ui2" | "ui3" | "ui4" | "ui5" | "ui6" | "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" | "legal1/emphasized" | "ui1/emphasized" | "ui2/emphasized" | "ui3/emphasized" | "ui4/emphasized" | "ui5/emphasized" | "ui6/emphasized" | "light" | "extralight" | "regular" | "semibold" | "bold" | "extrabold" | undefined;
   lineHeight?: "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "label3" | "label4" | "caption1" | "caption2" | "legal1" | "ui1" | "ui2" | "ui3" | "ui4" | "ui5" | "ui6" | "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" | "legal1/emphasized" | "ui1/emphasized" | "ui2/emphasized" | "ui3/emphasized" | "ui4/emphasized" | "ui5/emphasized" | "ui6/emphasized" | undefined;
   letterSpacing?: "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "label3" | "label4" | "caption1" | "caption2" | "legal1" | "ui1" | "ui2" | "ui3" | "ui4" | "ui5" | "ui6" | "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" | "legal1/emphasized" | "ui1/emphasized" | "ui2/emphasized" | "ui3/emphasized" | "ui4/emphasized" | "ui5/emphasized" | "ui6/emphasized" | undefined;
   textAlign?: "center" | "justify" | "start" | "end" | undefined;

package/dist/styles/styler.d.ts

@@ -12,8 +12,8 @@ declare const cva: CVA<string>;
 declare const getStylesInternal: (props?: ({
   avatarIconVariantRoot?: "primary" | "secondary" | "default" | undefined;
   avatarImageVariantRoot?: "primary" | "secondary" | "default" | undefined;
-  avatarSizeIcon?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "default" | "2xs" | "3xl" | undefined;
-  avatarSizeRoot?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "default" | "2xs" | "3xl" | undefined;
+  avatarSizeIcon?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "2xs" | "3xl" | "default" | undefined;
+  avatarSizeRoot?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "2xs" | "3xl" | "default" | undefined;
   avatarTextVariantRoot?: "primary" | "secondary" | "default" | undefined;
   badgeSizeIcon?: "xs" | "sm" | "md" | "lg" | "default" | undefined;
   badgeSizeRoot?: "xs" | "sm" | "md" | "lg" | "default" | undefined;
@@ -33,8 +33,8 @@ declare const getStylesInternal: (props?: ({
   bottomsheetVariantRoot?: "default" | undefined;
   buttonSizeIcon?: "xs" | "sm" | "md" | "lg" | "default" | undefined;
   buttonSizeRoot?: "xs" | "sm" | "md" | "lg" | "default" | undefined;
-  buttonVariantIcon?: "primary" | "secondary" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "tertiary" | "default" | "contrast-high" | "contrast-medium" | "contrast-low" | "brand-tertiary" | "alert-tertiary" | "positive-tertiary" | "warning-tertiary" | "info-tertiary" | undefined;
-  buttonVariantRoot?: "primary" | "secondary" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "tertiary" | "default" | "contrast-high" | "contrast-medium" | "contrast-low" | "brand-tertiary" | "alert-tertiary" | "positive-tertiary" | "warning-tertiary" | "info-tertiary" | undefined;
+  buttonVariantIcon?: "primary" | "secondary" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "tertiary" | "contrast-high" | "contrast-medium" | "contrast-low" | "brand-tertiary" | "alert-tertiary" | "positive-tertiary" | "warning-tertiary" | "info-tertiary" | "default" | undefined;
+  buttonVariantRoot?: "primary" | "secondary" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "tertiary" | "contrast-high" | "contrast-medium" | "contrast-low" | "brand-tertiary" | "alert-tertiary" | "positive-tertiary" | "warning-tertiary" | "info-tertiary" | "default" | undefined;
   checkboxSizeCheckbox?: "sm" | "md" | "default" | undefined;
   checkboxSizeRoot?: "sm" | "md" | "default" | undefined;
   checkboxVariantCheckbox?: "primary" | "secondary" | "alert" | "alert-secondary" | "default" | undefined;
@@ -218,7 +218,7 @@ declare const getStylesInternal: (props?: ({
   placeholderColor?: "primary" | "secondary" | "accent" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "white" | "black" | "transparent" | "current" | "always/white" | "always/black" | "always/transparent" | "always/current" | "always/brand" | "always/accent" | "tertiary" | "muted" | "on-color" | undefined;
   fontFamily?: "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "label3" | "label4" | "caption1" | "caption2" | "legal1" | "ui1" | "ui2" | "ui3" | "ui4" | "ui5" | "ui6" | "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" | "legal1/emphasized" | "ui1/emphasized" | "ui2/emphasized" | "ui3/emphasized" | "ui4/emphasized" | "ui5/emphasized" | "ui6/emphasized" | "sans" | "sans-alt" | "serif" | "serif-alt" | "mono" | undefined;
   fontSize?: "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "label3" | "label4" | "caption1" | "caption2" | "legal1" | "ui1" | "ui2" | "ui3" | "ui4" | "ui5" | "ui6" | "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" | "legal1/emphasized" | "ui1/emphasized" | "ui2/emphasized" | "ui3/emphasized" | "ui4/emphasized" | "ui5/emphasized" | "ui6/emphasized" | undefined;
-  fontWeight?: "black" | "thin" | "medium" | "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "label3" | "label4" | "caption1" | "caption2" | "legal1" | "ui1" | "ui2" | "ui3" | "ui4" | "ui5" | "ui6" | "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" | "legal1/emphasized" | "ui1/emphasized" | "ui2/emphasized" | "ui3/emphasized" | "ui4/emphasized" | "ui5/emphasized" | "ui6/emphasized" | "bold" | "extralight" | "light" | "regular" | "semibold" | "extrabold" | undefined;
+  fontWeight?: "black" | "thin" | "medium" | "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "label3" | "label4" | "caption1" | "caption2" | "legal1" | "ui1" | "ui2" | "ui3" | "ui4" | "ui5" | "ui6" | "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" | "legal1/emphasized" | "ui1/emphasized" | "ui2/emphasized" | "ui3/emphasized" | "ui4/emphasized" | "ui5/emphasized" | "ui6/emphasized" | "light" | "extralight" | "regular" | "semibold" | "bold" | "extrabold" | undefined;
   lineHeight?: "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "label3" | "label4" | "caption1" | "caption2" | "legal1" | "ui1" | "ui2" | "ui3" | "ui4" | "ui5" | "ui6" | "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" | "legal1/emphasized" | "ui1/emphasized" | "ui2/emphasized" | "ui3/emphasized" | "ui4/emphasized" | "ui5/emphasized" | "ui6/emphasized" | undefined;
   letterSpacing?: "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "label3" | "label4" | "caption1" | "caption2" | "legal1" | "ui1" | "ui2" | "ui3" | "ui4" | "ui5" | "ui6" | "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" | "legal1/emphasized" | "ui1/emphasized" | "ui2/emphasized" | "ui3/emphasized" | "ui4/emphasized" | "ui5/emphasized" | "ui6/emphasized" | undefined;
   textAlign?: "center" | "justify" | "start" | "end" | undefined;

package/dist/tailwind-internal/dist/utils/entryPoints.cjs

@@ -1,9 +1,9 @@
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
 const require_runtime = require("../../../_virtual/_rolldown/runtime.cjs");
-let node_path = require("node:path");
-node_path = require_runtime.__toESM(node_path, 1);
 let node_fs = require("node:fs");
 node_fs = require_runtime.__toESM(node_fs, 1);
+let node_path = require("node:path");
+node_path = require_runtime.__toESM(node_path, 1);
 //#region ../tailwind-internal/dist/utils/entryPoints.js
 /*! © 2026 Yahoo, Inc. UDS Tailwind Internal v0.0.0-development */
 const ALLOWED_ENTRY_FILE_EXTENSIONS = [".tsx"];

package/dist/tailwind-internal/dist/utils/entryPoints.js

@@ -1,6 +1,6 @@
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
-import path from "node:path";
 import fs from "node:fs";
+import path from "node:path";
 //#region ../tailwind-internal/dist/utils/entryPoints.js
 /*! © 2026 Yahoo, Inc. UDS Tailwind Internal v0.0.0-development */
 const ALLOWED_ENTRY_FILE_EXTENSIONS = [".tsx"];

package/dist/tailwind-internal/dist/utils/getShadowStyles.d.cts

@@ -10,8 +10,8 @@ declare function getShadowStyles({
 }: {
   config: UniversalTokensConfig;
   shadowType: ShadowType;
-}): Record<".uds-drop-shadow-none" | ".uds-drop-shadow-xs" | ".uds-drop-shadow-sm" | ".uds-drop-shadow-md" | ".uds-drop-shadow-lg" | ".uds-drop-shadow-xl" | ".uds-drop-shadow-2xl" | ".uds-drop-shadow-elevation-0" | ".uds-drop-shadow-elevation-1" | ".uds-drop-shadow-elevation-2" | ".uds-drop-shadow-elevation-3" | ".uds-drop-shadow-elevation-4" | ".uds-drop-shadow-elevation-5" | ".uds-inset-shadow-none" | ".uds-inset-shadow-xs" | ".uds-inset-shadow-sm" | ".uds-inset-shadow-md" | ".uds-inset-shadow-lg" | ".uds-inset-shadow-xl" | ".uds-inset-shadow-2xl" | ".uds-inset-shadow-elevation-0" | ".uds-inset-shadow-elevation-1" | ".uds-inset-shadow-elevation-2" | ".uds-inset-shadow-elevation-3" | ".uds-inset-shadow-elevation-4" | ".uds-inset-shadow-elevation-5", {
-  readonly [x: string]: "var(--uds-drop-shadow-none)" | "var(--uds-drop-shadow-xs)" | "var(--uds-drop-shadow-sm)" | "var(--uds-drop-shadow-md)" | "var(--uds-drop-shadow-lg)" | "var(--uds-drop-shadow-xl)" | "var(--uds-drop-shadow-2xl)" | "var(--uds-drop-shadow-elevation-0)" | "var(--uds-drop-shadow-elevation-1)" | "var(--uds-drop-shadow-elevation-2)" | "var(--uds-drop-shadow-elevation-3)" | "var(--uds-drop-shadow-elevation-4)" | "var(--uds-drop-shadow-elevation-5)" | "var(--uds-inset-shadow-none)" | "var(--uds-inset-shadow-xs)" | "var(--uds-inset-shadow-sm)" | "var(--uds-inset-shadow-md)" | "var(--uds-inset-shadow-lg)" | "var(--uds-inset-shadow-xl)" | "var(--uds-inset-shadow-2xl)" | "var(--uds-inset-shadow-elevation-0)" | "var(--uds-inset-shadow-elevation-1)" | "var(--uds-inset-shadow-elevation-2)" | "var(--uds-inset-shadow-elevation-3)" | "var(--uds-inset-shadow-elevation-4)" | "var(--uds-inset-shadow-elevation-5)" | "var(--uds-drop-shadow, 0 0 transparent), var(--uds-inset-shadow, 0 0 transparent), var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow, 0 0 transparent)";
+}): Record<".uds-inset-shadow-sm" | ".uds-inset-shadow-md" | ".uds-inset-shadow-lg" | ".uds-inset-shadow-xl" | ".uds-inset-shadow-2xl" | ".uds-inset-shadow-none" | ".uds-inset-shadow-xs" | ".uds-inset-shadow-elevation-0" | ".uds-inset-shadow-elevation-1" | ".uds-inset-shadow-elevation-2" | ".uds-inset-shadow-elevation-3" | ".uds-inset-shadow-elevation-4" | ".uds-inset-shadow-elevation-5" | ".uds-drop-shadow-sm" | ".uds-drop-shadow-md" | ".uds-drop-shadow-lg" | ".uds-drop-shadow-xl" | ".uds-drop-shadow-2xl" | ".uds-drop-shadow-none" | ".uds-drop-shadow-xs" | ".uds-drop-shadow-elevation-0" | ".uds-drop-shadow-elevation-1" | ".uds-drop-shadow-elevation-2" | ".uds-drop-shadow-elevation-3" | ".uds-drop-shadow-elevation-4" | ".uds-drop-shadow-elevation-5", {
+  readonly [x: string]: "var(--uds-inset-shadow-sm)" | "var(--uds-inset-shadow-md)" | "var(--uds-inset-shadow-lg)" | "var(--uds-inset-shadow-xl)" | "var(--uds-inset-shadow-2xl)" | "var(--uds-inset-shadow-none)" | "var(--uds-inset-shadow-xs)" | "var(--uds-inset-shadow-elevation-0)" | "var(--uds-inset-shadow-elevation-1)" | "var(--uds-inset-shadow-elevation-2)" | "var(--uds-inset-shadow-elevation-3)" | "var(--uds-inset-shadow-elevation-4)" | "var(--uds-inset-shadow-elevation-5)" | "var(--uds-drop-shadow-sm)" | "var(--uds-drop-shadow-md)" | "var(--uds-drop-shadow-lg)" | "var(--uds-drop-shadow-xl)" | "var(--uds-drop-shadow-2xl)" | "var(--uds-drop-shadow-none)" | "var(--uds-drop-shadow-xs)" | "var(--uds-drop-shadow-elevation-0)" | "var(--uds-drop-shadow-elevation-1)" | "var(--uds-drop-shadow-elevation-2)" | "var(--uds-drop-shadow-elevation-3)" | "var(--uds-drop-shadow-elevation-4)" | "var(--uds-drop-shadow-elevation-5)" | "var(--uds-drop-shadow, 0 0 transparent), var(--uds-inset-shadow, 0 0 transparent), var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow, 0 0 transparent)";
   readonly boxShadow: "var(--uds-drop-shadow, 0 0 transparent), var(--uds-inset-shadow, 0 0 transparent), var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow, 0 0 transparent)";
 }>; //#endregion
 //#endregion

package/dist/tailwind-internal/dist/utils/getShadowStyles.d.ts

@@ -10,8 +10,8 @@ declare function getShadowStyles({
 }: {
   config: UniversalTokensConfig;
   shadowType: ShadowType;
-}): Record<".uds-drop-shadow-none" | ".uds-drop-shadow-xs" | ".uds-drop-shadow-sm" | ".uds-drop-shadow-md" | ".uds-drop-shadow-lg" | ".uds-drop-shadow-xl" | ".uds-drop-shadow-2xl" | ".uds-drop-shadow-elevation-0" | ".uds-drop-shadow-elevation-1" | ".uds-drop-shadow-elevation-2" | ".uds-drop-shadow-elevation-3" | ".uds-drop-shadow-elevation-4" | ".uds-drop-shadow-elevation-5" | ".uds-inset-shadow-none" | ".uds-inset-shadow-xs" | ".uds-inset-shadow-sm" | ".uds-inset-shadow-md" | ".uds-inset-shadow-lg" | ".uds-inset-shadow-xl" | ".uds-inset-shadow-2xl" | ".uds-inset-shadow-elevation-0" | ".uds-inset-shadow-elevation-1" | ".uds-inset-shadow-elevation-2" | ".uds-inset-shadow-elevation-3" | ".uds-inset-shadow-elevation-4" | ".uds-inset-shadow-elevation-5", {
-  readonly [x: string]: "var(--uds-drop-shadow-none)" | "var(--uds-drop-shadow-xs)" | "var(--uds-drop-shadow-sm)" | "var(--uds-drop-shadow-md)" | "var(--uds-drop-shadow-lg)" | "var(--uds-drop-shadow-xl)" | "var(--uds-drop-shadow-2xl)" | "var(--uds-drop-shadow-elevation-0)" | "var(--uds-drop-shadow-elevation-1)" | "var(--uds-drop-shadow-elevation-2)" | "var(--uds-drop-shadow-elevation-3)" | "var(--uds-drop-shadow-elevation-4)" | "var(--uds-drop-shadow-elevation-5)" | "var(--uds-inset-shadow-none)" | "var(--uds-inset-shadow-xs)" | "var(--uds-inset-shadow-sm)" | "var(--uds-inset-shadow-md)" | "var(--uds-inset-shadow-lg)" | "var(--uds-inset-shadow-xl)" | "var(--uds-inset-shadow-2xl)" | "var(--uds-inset-shadow-elevation-0)" | "var(--uds-inset-shadow-elevation-1)" | "var(--uds-inset-shadow-elevation-2)" | "var(--uds-inset-shadow-elevation-3)" | "var(--uds-inset-shadow-elevation-4)" | "var(--uds-inset-shadow-elevation-5)" | "var(--uds-drop-shadow, 0 0 transparent), var(--uds-inset-shadow, 0 0 transparent), var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow, 0 0 transparent)";
+}): Record<".uds-inset-shadow-sm" | ".uds-inset-shadow-md" | ".uds-inset-shadow-lg" | ".uds-inset-shadow-xl" | ".uds-inset-shadow-2xl" | ".uds-inset-shadow-none" | ".uds-inset-shadow-xs" | ".uds-inset-shadow-elevation-0" | ".uds-inset-shadow-elevation-1" | ".uds-inset-shadow-elevation-2" | ".uds-inset-shadow-elevation-3" | ".uds-inset-shadow-elevation-4" | ".uds-inset-shadow-elevation-5" | ".uds-drop-shadow-sm" | ".uds-drop-shadow-md" | ".uds-drop-shadow-lg" | ".uds-drop-shadow-xl" | ".uds-drop-shadow-2xl" | ".uds-drop-shadow-none" | ".uds-drop-shadow-xs" | ".uds-drop-shadow-elevation-0" | ".uds-drop-shadow-elevation-1" | ".uds-drop-shadow-elevation-2" | ".uds-drop-shadow-elevation-3" | ".uds-drop-shadow-elevation-4" | ".uds-drop-shadow-elevation-5", {
+  readonly [x: string]: "var(--uds-inset-shadow-sm)" | "var(--uds-inset-shadow-md)" | "var(--uds-inset-shadow-lg)" | "var(--uds-inset-shadow-xl)" | "var(--uds-inset-shadow-2xl)" | "var(--uds-inset-shadow-none)" | "var(--uds-inset-shadow-xs)" | "var(--uds-inset-shadow-elevation-0)" | "var(--uds-inset-shadow-elevation-1)" | "var(--uds-inset-shadow-elevation-2)" | "var(--uds-inset-shadow-elevation-3)" | "var(--uds-inset-shadow-elevation-4)" | "var(--uds-inset-shadow-elevation-5)" | "var(--uds-drop-shadow-sm)" | "var(--uds-drop-shadow-md)" | "var(--uds-drop-shadow-lg)" | "var(--uds-drop-shadow-xl)" | "var(--uds-drop-shadow-2xl)" | "var(--uds-drop-shadow-none)" | "var(--uds-drop-shadow-xs)" | "var(--uds-drop-shadow-elevation-0)" | "var(--uds-drop-shadow-elevation-1)" | "var(--uds-drop-shadow-elevation-2)" | "var(--uds-drop-shadow-elevation-3)" | "var(--uds-drop-shadow-elevation-4)" | "var(--uds-drop-shadow-elevation-5)" | "var(--uds-drop-shadow, 0 0 transparent), var(--uds-inset-shadow, 0 0 transparent), var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow, 0 0 transparent)";
   readonly boxShadow: "var(--uds-drop-shadow, 0 0 transparent), var(--uds-inset-shadow, 0 0 transparent), var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow, 0 0 transparent)";
 }>; //#endregion
 //#endregion

package/dist/tailwind-internal/dist/vendor/node_modules/postcss/LICENSE

@@ -1,6 +1,6 @@
 The MIT License (MIT)
 
-Copyright 2013 Andrey Sitnik <andrey@sitnik.ru>
+Copyright 2013 Andrey Sitnik <andrey@sitnik.es>
 
 Permission is hereby granted, free of charge, to any person obtaining a copy of
 this software and associated documentation files (the "Software"), to deal in

package/dist/tailwind-internal/dist/vendor/node_modules/postcss/README.md

@@ -14,16 +14,12 @@ and JetBrains. The [Autoprefixer] and [Stylelint] PostCSS plugins are some o
 ---
 
 <img src="https://cdn.evilmartians.com/badges/logo-no-label.svg" alt="" width="22" height="16" />  Built by
- <b><a href="https://evilmartians.com/devtools?utm_source=postcss&utm_campaign=devtools-button&utm_medium=github">Evil Martians</a></b>, go-to agency for <b>developer tools</b>.
+<b><a href="https://evilmartians.com/devtools?utm_source=postcss&utm_campaign=devtools-button&utm_medium=github">Evil Martians</a></b>, go-to agency for <b>developer tools</b>.
 
 ---
 
-[Abstract Syntax Tree]: https://en.wikipedia.org/wiki/Abstract_syntax_tree
-[Evil Martians]:        https://evilmartians.com/?utm_source=postcss
-[Autoprefixer]:         https://github.com/postcss/autoprefixer
-[Stylelint]:            https://stylelint.io/
-[plugins]:              https://github.com/postcss/postcss#plugins
-
-
-## Docs
-Read full docs **[here](https://postcss.org/)**.
+[Abstract Syntax Tree]: https://en.wikipedia.org/wiki/Abstract_syntax_tree
+[Evil Martians]: https://evilmartians.com/?utm_source=postcss
+[Autoprefixer]: https://github.com/postcss/autoprefixer
+[Stylelint]: https://stylelint.io/
+[plugins]: https://github.com/postcss/postcss#plugins

package/dist/tailwind-internal/dist/vendor/node_modules/postcss/lib/at-rule.d.ts

@@ -49,7 +49,6 @@ declare namespace AtRule {
     raws?: AtRuleRaws
   }
 
-  // eslint-disable-next-line @typescript-eslint/no-use-before-define
   export { AtRule_ as default }
 }
 

package/dist/tailwind-internal/dist/vendor/node_modules/postcss/lib/comment.d.ts

@@ -26,7 +26,6 @@ declare namespace Comment {
     text: string
   }
 
-  // eslint-disable-next-line @typescript-eslint/no-use-before-define
   export { Comment_ as default }
 }
 

package/dist/tailwind-internal/dist/vendor/node_modules/postcss/lib/container.d.ts

@@ -8,11 +8,7 @@ import Rule from './rule.js'
 declare namespace Container {
   export type ContainerWithChildren<Child extends Node = ChildNode> = {
     nodes: Child[]
-  } & (
-    | AtRule
-    | Root
-    | Rule
-  )
+  } & (AtRule | Root | Rule)
 
   export interface ValueOptions {
     /**
@@ -43,7 +39,6 @@ declare namespace Container {
     | string
     | undefined
 
-  // eslint-disable-next-line @typescript-eslint/no-use-before-define
   export { Container_ as default }
 }