@yahoo/uds 3.174.1 → 3.175.0

package/dist/components/client/Menu/Menu.ItemCheckbox.d.cts

@@ -131,6 +131,6 @@ interface MenuItemCheckboxProps extends Omit<PressableProps, 'asChild'>, HtmlBut
  *
  * @related [Menu](https://uds.build/docs/components/menu), [Menu.Item](https://uds.build/docs/components/menu-item)
  **/
-declare const MenuItemCheckbox: _$react.ForwardRefExoticComponent<Omit<MenuItemCheckboxProps, "hideEndIcon" | "rootProps" | "active"> & _$react.RefAttributes<HTMLDivElement>>;
+declare const MenuItemCheckbox: _$react.ForwardRefExoticComponent<Omit<MenuItemCheckboxProps, "active" | "hideEndIcon" | "rootProps"> & _$react.RefAttributes<HTMLDivElement>>;
 //#endregion
 export { MenuItemCheckbox, type MenuItemCheckboxProps };

package/dist/components/client/Menu/Menu.ItemCheckbox.d.ts

@@ -132,6 +132,6 @@ interface MenuItemCheckboxProps extends Omit<PressableProps, 'asChild'>, HtmlBut
  *
  * @related [Menu](https://uds.build/docs/components/menu), [Menu.Item](https://uds.build/docs/components/menu-item)
  **/
-declare const MenuItemCheckbox: _$react.ForwardRefExoticComponent<Omit<MenuItemCheckboxProps, "hideEndIcon" | "rootProps" | "active"> & _$react.RefAttributes<HTMLDivElement>>;
+declare const MenuItemCheckbox: _$react.ForwardRefExoticComponent<Omit<MenuItemCheckboxProps, "active" | "hideEndIcon" | "rootProps"> & _$react.RefAttributes<HTMLDivElement>>;
 //#endregion
 export { MenuItemCheckbox, type MenuItemCheckboxProps };

package/dist/css/dist/commands/css.cjs

@@ -27,6 +27,7 @@ const showHelp = () => {
 	require_print.print(`  ${require_colors.cyan("--verbose, -v")}     List every scanned file used for purging`);
 	require_print.print(`  ${require_colors.cyan("--workers <n>")}     Number of parallel workers (default: auto = CPU count - 1)`);
 	require_print.print(`  ${require_colors.cyan("--emit <mode>")}     Emission mode: exhaustive (default) | selective`);
+	require_print.print(`  ${require_colors.cyan("--utilities <mode>")} Utility ownership: emit (default) | app-sheet (omit app utilities; requires an onlyTheme app sheet with the same config)`);
 	require_print.print(`  ${require_colors.cyan("--include-dev-files")} Also scan test/spec/story files (excluded by default)`);
 	require_print.print(`  ${require_colors.cyan("--include-stories")}   Also scan story files, keeping test/spec excluded`);
 	require_print.print(`  ${require_colors.cyan("--force")}           Overwrite existing uds.theme.ts (for init)`);

package/dist/css/dist/commands/css.helpers.cjs

@@ -26,6 +26,11 @@ const parseEmitOption = (value) => {
 	if (value === "exhaustive" || value === "selective") return value;
 	throw new Error(`Invalid --emit "${String(value)}". Expected 'exhaustive' or 'selective'.`);
 };
+const parseUtilitiesOption = (value) => {
+	if (value === void 0 || value === null) return;
+	if (value === "emit" || value === "app-sheet") return value;
+	throw new Error(`Invalid --utilities "${String(value)}". Expected 'emit' or 'app-sheet'.`);
+};
 const getCssRunOptions = (workspaceDir, options) => {
 	return {
 		workspaceDir,
@@ -35,6 +40,7 @@ const getCssRunOptions = (workspaceDir, options) => {
 		entryOption: entryOption(options.entry),
 		configOption: stringOption(options.config),
 		emit: parseEmitOption(options.emit),
+		utilities: parseUtilitiesOption(options.utilities),
 		includeDevFiles: isTruthyFlag(options["include-dev-files"]) || isTruthyFlag(options.includeDevFiles) ? true : void 0,
 		includeStories: isTruthyFlag(options["include-stories"]) || isTruthyFlag(options.includeStories) ? true : void 0,
 		watch: isTruthyFlag(options.watch) || isTruthyFlag(options.w),

package/dist/css/dist/commands/css.helpers.js

@@ -26,6 +26,11 @@ const parseEmitOption = (value) => {
 	if (value === "exhaustive" || value === "selective") return value;
 	throw new Error(`Invalid --emit "${String(value)}". Expected 'exhaustive' or 'selective'.`);
 };
+const parseUtilitiesOption = (value) => {
+	if (value === void 0 || value === null) return;
+	if (value === "emit" || value === "app-sheet") return value;
+	throw new Error(`Invalid --utilities "${String(value)}". Expected 'emit' or 'app-sheet'.`);
+};
 const getCssRunOptions = (workspaceDir, options) => {
 	return {
 		workspaceDir,
@@ -35,6 +40,7 @@ const getCssRunOptions = (workspaceDir, options) => {
 		entryOption: entryOption(options.entry),
 		configOption: stringOption(options.config),
 		emit: parseEmitOption(options.emit),
+		utilities: parseUtilitiesOption(options.utilities),
 		includeDevFiles: isTruthyFlag(options["include-dev-files"]) || isTruthyFlag(options.includeDevFiles) ? true : void 0,
 		includeStories: isTruthyFlag(options["include-stories"]) || isTruthyFlag(options.includeStories) ? true : void 0,
 		watch: isTruthyFlag(options.watch) || isTruthyFlag(options.w),

package/dist/css/dist/commands/css.js

@@ -27,6 +27,7 @@ const showHelp = () => {
 	print(`  ${cyan("--verbose, -v")}     List every scanned file used for purging`);
 	print(`  ${cyan("--workers <n>")}     Number of parallel workers (default: auto = CPU count - 1)`);
 	print(`  ${cyan("--emit <mode>")}     Emission mode: exhaustive (default) | selective`);
+	print(`  ${cyan("--utilities <mode>")} Utility ownership: emit (default) | app-sheet (omit app utilities; requires an onlyTheme app sheet with the same config)`);
 	print(`  ${cyan("--include-dev-files")} Also scan test/spec/story files (excluded by default)`);
 	print(`  ${cyan("--include-stories")}   Also scan story files, keeping test/spec excluded`);
 	print(`  ${cyan("--force")}           Overwrite existing uds.theme.ts (for init)`);

package/dist/css/dist/css/generate.cjs

@@ -49,7 +49,8 @@ const generateCSS = async (safelist, config, options) => {
 			config,
 			enablePreflight: cssFlags.enablePreflight,
 			enableFontFaceDeclarations: cssFlags.enableFontFaceDeclarations,
-			emit: options?.cssOptions?.emit
+			emit: options?.cssOptions?.emit,
+			utilities: options?.cssOptions?.utilities
 		}),
 		shouldPruneVars: cssFlags.shouldPruneVars,
 		safeVarPrefixes: options?.safeVarPrefixes ?? [],
@@ -109,6 +110,7 @@ const generateSimpleModeCSS = async (options) => {
 		scope: options.scope,
 		contentDir: entryDirs,
 		variantClassMaps: [options.variants, options.autoVariants],
+		cssOptions: { utilities: options.utilities },
 		safeVarPrefixes: [...require_utils.getMotionVarPrefixes(options.componentData, [...allComponents]), ...require_utils.getConfigurableCssVariables()]
 	});
 	const outputPath = node_path.default.isAbsolute(options.outFile) ? options.outFile : node_path.default.join(options.workspaceDir, options.outFile);

package/dist/css/dist/css/generate.d.cts

@@ -1,6 +1,6 @@
 
 import { EmitMode } from "../packages/automated-config/dist/utils/index.cjs";
-import { TailwindSafelistConfig } from "./generate.helpers.cjs";
+import { TailwindSafelistConfig, UtilitiesMode } from "./generate.helpers.cjs";
 import { UDSCSSOptimizationOptions } from "./theme.cjs";
 
 //#region ../css/dist/css/generate.d.mts
@@ -27,6 +27,26 @@ interface UDSCSSOptions {
    * (`scoped` / `excludeBoundaries`) + the isolation fence for coexistence safety.
    */
   emit?: EmitMode;
+  /**
+   * Who owns utility (non-component) CSS in this bundle.
+   *
+   * - `'emit'` (default): compile utilities from the entry content scan into
+   *   this file using THIS theme's uds.config tokens — prefixed with `scope`
+   *   when set, so this theme's values win inside the scope even if the app
+   *   sheet's theme differs. Required when this file is the app's only
+   *   stylesheet, or when the root Tailwind config diverges from uds.config.
+   *
+   * - `'app-sheet'`: omit them — the app's root Tailwind sheet owns all
+   *   utilities, including inside `scope`. Only valid in the two-sheet
+   *   architecture where the root config uses
+   *   `tailwindPlugin({ onlyTheme: true })` with the SAME uds.config, so
+   *   utility values are identical and only specificity changes. Explicit
+   *   `css.safelist` entries are still emitted.
+   *
+   * Ignored (forced to `'emit'`, with a warning) for `scoped:` package
+   * bundles — their sources aren't part of any app sheet's content scan.
+   */
+  utilities?: UtilitiesMode;
   /**
    * Additional selectors whose subtrees this theme's bundles must not match.
    * Every emitted bundle (main and each `scoped:` entry) gets a

package/dist/css/dist/css/generate.d.ts

@@ -1,6 +1,6 @@
 
 import { EmitMode } from "../packages/automated-config/dist/utils/index.js";
-import { TailwindSafelistConfig } from "./generate.helpers.js";
+import { TailwindSafelistConfig, UtilitiesMode } from "./generate.helpers.js";
 import { UDSCSSOptimizationOptions } from "./theme.js";
 
 //#region ../css/dist/css/generate.d.mts
@@ -27,6 +27,26 @@ interface UDSCSSOptions {
    * (`scoped` / `excludeBoundaries`) + the isolation fence for coexistence safety.
    */
   emit?: EmitMode;
+  /**
+   * Who owns utility (non-component) CSS in this bundle.
+   *
+   * - `'emit'` (default): compile utilities from the entry content scan into
+   *   this file using THIS theme's uds.config tokens — prefixed with `scope`
+   *   when set, so this theme's values win inside the scope even if the app
+   *   sheet's theme differs. Required when this file is the app's only
+   *   stylesheet, or when the root Tailwind config diverges from uds.config.
+   *
+   * - `'app-sheet'`: omit them — the app's root Tailwind sheet owns all
+   *   utilities, including inside `scope`. Only valid in the two-sheet
+   *   architecture where the root config uses
+   *   `tailwindPlugin({ onlyTheme: true })` with the SAME uds.config, so
+   *   utility values are identical and only specificity changes. Explicit
+   *   `css.safelist` entries are still emitted.
+   *
+   * Ignored (forced to `'emit'`, with a warning) for `scoped:` package
+   * bundles — their sources aren't part of any app sheet's content scan.
+   */
+  utilities?: UtilitiesMode;
   /**
    * Additional selectors whose subtrees this theme's bundles must not match.
    * Every emitted bundle (main and each `scoped:` entry) gets a

package/dist/css/dist/css/generate.helpers.cjs

@@ -47,6 +47,10 @@ const getRawContentEntries = (rawContents) => rawContents.map((rawContent) => ({
 	raw: rawContent,
 	extension: "html"
 }));
+const getTailwindContentSources = (options) => {
+	const sources = [...options.utilities === "app-sheet" ? [] : getContentGlobs(options.contentDir), ...getRawContentEntries(options.rawContents)];
+	return sources.length > 0 ? sources : getRawContentEntries([""]);
+};
 const getTailwindEntrypointCandidates = () => [new URL("../../../tailwind-internal/dist/vendor/tailwindcss/lib/index.js", require("url").pathToFileURL(__filename).href), new URL("../vendor/tailwindcss/lib/index.js", require("url").pathToFileURL(__filename).href)];
 const loadTailwindcss = async () => {
 	for (const candidate of getTailwindEntrypointCandidates()) {
@@ -70,11 +74,11 @@ const getInternalIconModeCss = (scopeClass) => {
 };
 const createTailwindPlugin = async (options) => {
 	return (await loadTailwindcss())({
-		content: [
-			...getContentGlobs(options.contentDir),
-			...getRawContentEntries(getInternalSafelistRawContent(options.safelist)),
-			...getRawContentEntries(options.rawContents ?? [])
-		],
+		content: getTailwindContentSources({
+			contentDir: options.contentDir,
+			utilities: options.utilities,
+			rawContents: [...getInternalSafelistRawContent(options.safelist), ...options.rawContents ?? []]
+		}),
 		safelist: options.safelist,
 		corePlugins: { preflight: options.enablePreflight },
 		plugins: [require_tailwindPlugin.tailwindPlugin({

package/dist/css/dist/css/generate.helpers.d.cts

@@ -5,5 +5,11 @@ type TailwindSafelistConfig = string | {
   pattern: RegExp;
   variants?: string[];
 };
+/**
+ * Who owns utility (non-component) CSS in a generated bundle. `'emit'`
+ * compiles utilities from the entry content scan into the bundle;
+ * `'app-sheet'` omits them because the app's own Tailwind sheet supplies them.
+ */
+type UtilitiesMode = 'emit' | 'app-sheet';
 //#endregion
-export { TailwindSafelistConfig };
+export { TailwindSafelistConfig, UtilitiesMode };

package/dist/css/dist/css/generate.helpers.d.ts

@@ -7,5 +7,11 @@ type TailwindSafelistConfig = string | {
   pattern: RegExp;
   variants?: string[];
 };
+/**
+ * Who owns utility (non-component) CSS in a generated bundle. `'emit'`
+ * compiles utilities from the entry content scan into the bundle;
+ * `'app-sheet'` omits them because the app's own Tailwind sheet supplies them.
+ */
+type UtilitiesMode = 'emit' | 'app-sheet';
 //#endregion
-export { TailwindSafelistConfig };
+export { TailwindSafelistConfig, UtilitiesMode };

package/dist/css/dist/css/generate.helpers.js

@@ -41,6 +41,10 @@ const getRawContentEntries = (rawContents) => rawContents.map((rawContent) => ({
 	raw: rawContent,
 	extension: "html"
 }));
+const getTailwindContentSources = (options) => {
+	const sources = [...options.utilities === "app-sheet" ? [] : getContentGlobs(options.contentDir), ...getRawContentEntries(options.rawContents)];
+	return sources.length > 0 ? sources : getRawContentEntries([""]);
+};
 const getTailwindEntrypointCandidates = () => [new URL("../../../tailwind-internal/dist/vendor/tailwindcss/lib/index.js", import.meta.url), new URL("../vendor/tailwindcss/lib/index.js", import.meta.url)];
 const loadTailwindcss = async () => {
 	for (const candidate of getTailwindEntrypointCandidates()) {
@@ -64,11 +68,11 @@ const getInternalIconModeCss = (scopeClass) => {
 };
 const createTailwindPlugin = async (options) => {
 	return (await loadTailwindcss())({
-		content: [
-			...getContentGlobs(options.contentDir),
-			...getRawContentEntries(getInternalSafelistRawContent(options.safelist)),
-			...getRawContentEntries(options.rawContents ?? [])
-		],
+		content: getTailwindContentSources({
+			contentDir: options.contentDir,
+			utilities: options.utilities,
+			rawContents: [...getInternalSafelistRawContent(options.safelist), ...options.rawContents ?? []]
+		}),
 		safelist: options.safelist,
 		corePlugins: { preflight: options.enablePreflight },
 		plugins: [tailwindPlugin({

package/dist/css/dist/css/generate.js

@@ -45,7 +45,8 @@ const generateCSS = async (safelist, config, options) => {
 			config,
 			enablePreflight: cssFlags.enablePreflight,
 			enableFontFaceDeclarations: cssFlags.enableFontFaceDeclarations,
-			emit: options?.cssOptions?.emit
+			emit: options?.cssOptions?.emit,
+			utilities: options?.cssOptions?.utilities
 		}),
 		shouldPruneVars: cssFlags.shouldPruneVars,
 		safeVarPrefixes: options?.safeVarPrefixes ?? [],
@@ -105,6 +106,7 @@ const generateSimpleModeCSS = async (options) => {
 		scope: options.scope,
 		contentDir: entryDirs,
 		variantClassMaps: [options.variants, options.autoVariants],
+		cssOptions: { utilities: options.utilities },
 		safeVarPrefixes: [...getMotionVarPrefixes(options.componentData, [...allComponents]), ...getConfigurableCssVariables()]
 	});
 	const outputPath = path.isAbsolute(options.outFile) ? options.outFile : path.join(options.workspaceDir, options.outFile);

package/dist/css/dist/css/runner.cjs

@@ -151,6 +151,7 @@ const runSimpleMode = async (options, context) => {
 			autoVariants: context.autoVariants,
 			componentData: context.componentData,
 			scope: options.scope,
+			utilities: options.utilities,
 			configPath,
 			isWatch: options.watch,
 			silent: options.silent,
@@ -348,6 +349,8 @@ const runThemeMode = async (options, context) => {
 				]);
 				const allMotionComponents = [...inheritedComponents];
 				const emit = options.emit ?? themeConfig.css?.emit ?? "exhaustive";
+				const utilities = options.utilities ?? themeConfig.css?.utilities ?? "emit";
+				if (utilities === "app-sheet" && scopedPackageTargets.length > 0) genLog.warn(`css.utilities 'app-sheet' ignored for scoped bundles (${scopedPackageTargets.map((target) => target.packageName).join(", ")}): package sources aren't in any app sheet's content scan; utilities still emitted (scoped).`);
 				const allBoundarySelectors = [...emit === "selective" ? scopedPackageTargets.map((target) => target.scopeClass) : [], ...themeConfig.css?.excludeBoundaries ?? []];
 				require_perf.captureMemory("before-gen");
 				const mainCssResult = await require_perf.measureAsync("gen", () => require_generate.generateCSS([...themeConfig.css?.safelist ?? [], ...mainSafelist], appConfig, {
@@ -355,7 +358,8 @@ const runThemeMode = async (options, context) => {
 					contentDir: entryDirs,
 					cssOptions: {
 						...themeConfig.css,
-						emit
+						emit,
+						utilities
 					},
 					otherBoundaryScopes: allBoundarySelectors,
 					variantClassMaps: [context.variants, context.autoVariants],
@@ -391,7 +395,8 @@ const runThemeMode = async (options, context) => {
 						contentDir: scopedPackageTarget.entryDirs,
 						cssOptions: {
 							...themeConfig.css,
-							emit
+							emit,
+							utilities: "emit"
 						},
 						otherBoundaryScopes: allBoundarySelectors.filter((selector) => selector !== scopedPackageTarget.scopeClass),
 						variantClassMaps: [context.variants, context.autoVariants],

package/dist/css/dist/css/runner.js

@@ -149,6 +149,7 @@ const runSimpleMode = async (options, context) => {
 			autoVariants: context.autoVariants,
 			componentData: context.componentData,
 			scope: options.scope,
+			utilities: options.utilities,
 			configPath,
 			isWatch: options.watch,
 			silent: options.silent,
@@ -346,6 +347,8 @@ const runThemeMode = async (options, context) => {
 				]);
 				const allMotionComponents = [...inheritedComponents];
 				const emit = options.emit ?? themeConfig.css?.emit ?? "exhaustive";
+				const utilities = options.utilities ?? themeConfig.css?.utilities ?? "emit";
+				if (utilities === "app-sheet" && scopedPackageTargets.length > 0) genLog.warn(`css.utilities 'app-sheet' ignored for scoped bundles (${scopedPackageTargets.map((target) => target.packageName).join(", ")}): package sources aren't in any app sheet's content scan; utilities still emitted (scoped).`);
 				const allBoundarySelectors = [...emit === "selective" ? scopedPackageTargets.map((target) => target.scopeClass) : [], ...themeConfig.css?.excludeBoundaries ?? []];
 				captureMemory("before-gen");
 				const mainCssResult = await measureAsync("gen", () => generateCSS([...themeConfig.css?.safelist ?? [], ...mainSafelist], appConfig, {
@@ -353,7 +356,8 @@ const runThemeMode = async (options, context) => {
 					contentDir: entryDirs,
 					cssOptions: {
 						...themeConfig.css,
-						emit
+						emit,
+						utilities
 					},
 					otherBoundaryScopes: allBoundarySelectors,
 					variantClassMaps: [context.variants, context.autoVariants],
@@ -389,7 +393,8 @@ const runThemeMode = async (options, context) => {
 						contentDir: scopedPackageTarget.entryDirs,
 						cssOptions: {
 							...themeConfig.css,
-							emit
+							emit,
+							utilities: "emit"
 						},
 						otherBoundaryScopes: allBoundarySelectors.filter((selector) => selector !== scopedPackageTarget.scopeClass),
 						variantClassMaps: [context.variants, context.autoVariants],

package/dist/uds/generated/componentData.cjs

@@ -367,70 +367,6 @@ var componentData_default = {
 		"runtimeConfigInternalComponentProps": {},
 		"motionVarPrefixes": []
 	},
-	DividerLabel: {
-		"name": "DividerLabel",
-		"defaultProps": {
-			"variant": "primary",
-			"textVariant": "inherit",
-			"color": "inherit",
-			"as": "span"
-		},
-		"getStylesLiterals": {},
-		"cxLiterals": ["inherit"],
-		"internalComponents": ["Text"],
-		"internalComponentProps": {},
-		"propToVariantKeys": {
-			"variant": ["dividerVariantLabel"],
-			"textVariant": ["variant"]
-		},
-		"runtimeConfigDefaultProps": {},
-		"runtimeConfigGetStyles": {},
-		"runtimeConfigInternalComponentProps": {},
-		"motionVarPrefixes": []
-	},
-	DividerLine: {
-		"name": "DividerLine",
-		"defaultProps": { "variant": "primary" },
-		"getStylesLiterals": {},
-		"cxLiterals": ["inherit"],
-		"internalComponents": ["Box"],
-		"internalComponentProps": { "Box": { "flex": ["1"] } },
-		"propToVariantKeys": { "variant": ["dividerVariantLine"] },
-		"runtimeConfigDefaultProps": {},
-		"runtimeConfigGetStyles": {},
-		"runtimeConfigInternalComponentProps": {},
-		"motionVarPrefixes": []
-	},
-	Divider: {
-		"name": "Divider",
-		"defaultProps": {
-			"variant": "primary",
-			"contentPosition": "center"
-		},
-		"getStylesLiterals": {},
-		"cxLiterals": ["inherit"],
-		"internalComponents": [
-			"DividerLine",
-			"DividerLabel",
-			"InternalComponent",
-			"Box"
-		],
-		"internalComponentProps": {
-			"InternalComponent": {
-				"alignItems": ["center"],
-				"flex": ["1"]
-			},
-			"Box": {
-				"display": ["flex"],
-				"flex": ["none"]
-			}
-		},
-		"propToVariantKeys": { "variant": ["dividerVariantRoot"] },
-		"runtimeConfigDefaultProps": {},
-		"runtimeConfigGetStyles": {},
-		"runtimeConfigInternalComponentProps": {},
-		"motionVarPrefixes": []
-	},
 	"Table.mocks": {
 		"name": "Table.mocks",
 		"defaultProps": {},
@@ -499,6 +435,70 @@ var componentData_default = {
 		"runtimeConfigInternalComponentProps": {},
 		"motionVarPrefixes": []
 	},
+	DividerLabel: {
+		"name": "DividerLabel",
+		"defaultProps": {
+			"variant": "primary",
+			"textVariant": "inherit",
+			"color": "inherit",
+			"as": "span"
+		},
+		"getStylesLiterals": {},
+		"cxLiterals": ["inherit"],
+		"internalComponents": ["Text"],
+		"internalComponentProps": {},
+		"propToVariantKeys": {
+			"variant": ["dividerVariantLabel"],
+			"textVariant": ["variant"]
+		},
+		"runtimeConfigDefaultProps": {},
+		"runtimeConfigGetStyles": {},
+		"runtimeConfigInternalComponentProps": {},
+		"motionVarPrefixes": []
+	},
+	DividerLine: {
+		"name": "DividerLine",
+		"defaultProps": { "variant": "primary" },
+		"getStylesLiterals": {},
+		"cxLiterals": ["inherit"],
+		"internalComponents": ["Box"],
+		"internalComponentProps": { "Box": { "flex": ["1"] } },
+		"propToVariantKeys": { "variant": ["dividerVariantLine"] },
+		"runtimeConfigDefaultProps": {},
+		"runtimeConfigGetStyles": {},
+		"runtimeConfigInternalComponentProps": {},
+		"motionVarPrefixes": []
+	},
+	Divider: {
+		"name": "Divider",
+		"defaultProps": {
+			"variant": "primary",
+			"contentPosition": "center"
+		},
+		"getStylesLiterals": {},
+		"cxLiterals": ["inherit"],
+		"internalComponents": [
+			"DividerLine",
+			"DividerLabel",
+			"InternalComponent",
+			"Box"
+		],
+		"internalComponentProps": {
+			"InternalComponent": {
+				"alignItems": ["center"],
+				"flex": ["1"]
+			},
+			"Box": {
+				"display": ["flex"],
+				"flex": ["none"]
+			}
+		},
+		"propToVariantKeys": { "variant": ["dividerVariantRoot"] },
+		"runtimeConfigDefaultProps": {},
+		"runtimeConfigGetStyles": {},
+		"runtimeConfigInternalComponentProps": {},
+		"motionVarPrefixes": []
+	},
 	Badge: {
 		"name": "Badge",
 		"defaultProps": {

package/dist/uds/generated/componentData.js

@@ -367,70 +367,6 @@ var componentData_default = {
 		"runtimeConfigInternalComponentProps": {},
 		"motionVarPrefixes": []
 	},
-	DividerLabel: {
-		"name": "DividerLabel",
-		"defaultProps": {
-			"variant": "primary",
-			"textVariant": "inherit",
-			"color": "inherit",
-			"as": "span"
-		},
-		"getStylesLiterals": {},
-		"cxLiterals": ["inherit"],
-		"internalComponents": ["Text"],
-		"internalComponentProps": {},
-		"propToVariantKeys": {
-			"variant": ["dividerVariantLabel"],
-			"textVariant": ["variant"]
-		},
-		"runtimeConfigDefaultProps": {},
-		"runtimeConfigGetStyles": {},
-		"runtimeConfigInternalComponentProps": {},
-		"motionVarPrefixes": []
-	},
-	DividerLine: {
-		"name": "DividerLine",
-		"defaultProps": { "variant": "primary" },
-		"getStylesLiterals": {},
-		"cxLiterals": ["inherit"],
-		"internalComponents": ["Box"],
-		"internalComponentProps": { "Box": { "flex": ["1"] } },
-		"propToVariantKeys": { "variant": ["dividerVariantLine"] },
-		"runtimeConfigDefaultProps": {},
-		"runtimeConfigGetStyles": {},
-		"runtimeConfigInternalComponentProps": {},
-		"motionVarPrefixes": []
-	},
-	Divider: {
-		"name": "Divider",
-		"defaultProps": {
-			"variant": "primary",
-			"contentPosition": "center"
-		},
-		"getStylesLiterals": {},
-		"cxLiterals": ["inherit"],
-		"internalComponents": [
-			"DividerLine",
-			"DividerLabel",
-			"InternalComponent",
-			"Box"
-		],
-		"internalComponentProps": {
-			"InternalComponent": {
-				"alignItems": ["center"],
-				"flex": ["1"]
-			},
-			"Box": {
-				"display": ["flex"],
-				"flex": ["none"]
-			}
-		},
-		"propToVariantKeys": { "variant": ["dividerVariantRoot"] },
-		"runtimeConfigDefaultProps": {},
-		"runtimeConfigGetStyles": {},
-		"runtimeConfigInternalComponentProps": {},
-		"motionVarPrefixes": []
-	},
 	"Table.mocks": {
 		"name": "Table.mocks",
 		"defaultProps": {},
@@ -499,6 +435,70 @@ var componentData_default = {
 		"runtimeConfigInternalComponentProps": {},
 		"motionVarPrefixes": []
 	},
+	DividerLabel: {
+		"name": "DividerLabel",
+		"defaultProps": {
+			"variant": "primary",
+			"textVariant": "inherit",
+			"color": "inherit",
+			"as": "span"
+		},
+		"getStylesLiterals": {},
+		"cxLiterals": ["inherit"],
+		"internalComponents": ["Text"],
+		"internalComponentProps": {},
+		"propToVariantKeys": {
+			"variant": ["dividerVariantLabel"],
+			"textVariant": ["variant"]
+		},
+		"runtimeConfigDefaultProps": {},
+		"runtimeConfigGetStyles": {},
+		"runtimeConfigInternalComponentProps": {},
+		"motionVarPrefixes": []
+	},
+	DividerLine: {
+		"name": "DividerLine",
+		"defaultProps": { "variant": "primary" },
+		"getStylesLiterals": {},
+		"cxLiterals": ["inherit"],
+		"internalComponents": ["Box"],
+		"internalComponentProps": { "Box": { "flex": ["1"] } },
+		"propToVariantKeys": { "variant": ["dividerVariantLine"] },
+		"runtimeConfigDefaultProps": {},
+		"runtimeConfigGetStyles": {},
+		"runtimeConfigInternalComponentProps": {},
+		"motionVarPrefixes": []
+	},
+	Divider: {
+		"name": "Divider",
+		"defaultProps": {
+			"variant": "primary",
+			"contentPosition": "center"
+		},
+		"getStylesLiterals": {},
+		"cxLiterals": ["inherit"],
+		"internalComponents": [
+			"DividerLine",
+			"DividerLabel",
+			"InternalComponent",
+			"Box"
+		],
+		"internalComponentProps": {
+			"InternalComponent": {
+				"alignItems": ["center"],
+				"flex": ["1"]
+			},
+			"Box": {
+				"display": ["flex"],
+				"flex": ["none"]
+			}
+		},
+		"propToVariantKeys": { "variant": ["dividerVariantRoot"] },
+		"runtimeConfigDefaultProps": {},
+		"runtimeConfigGetStyles": {},
+		"runtimeConfigInternalComponentProps": {},
+		"motionVarPrefixes": []
+	},
 	Badge: {
 		"name": "Badge",
 		"defaultProps": {

package/generated/componentData.json

@@ -491,6 +491,92 @@
     "runtimeConfigInternalComponentProps": {},
     "motionVarPrefixes": []
   },
+  "Table.mocks": {
+    "name": "Table.mocks",
+    "defaultProps": {},
+    "getStylesLiterals": {},
+    "cxLiterals": [],
+    "internalComponents": [],
+    "internalComponentProps": {},
+    "propToVariantKeys": {},
+    "runtimeConfigDefaultProps": {},
+    "runtimeConfigGetStyles": {},
+    "runtimeConfigInternalComponentProps": {},
+    "motionVarPrefixes": []
+  },
+  "Spinner": {
+    "name": "Spinner",
+    "defaultProps": {
+      "color": "primary",
+      "size": "lg"
+    },
+    "getStylesLiterals": {},
+    "cxLiterals": [
+      "self-center",
+      "relative",
+      "sr-only"
+    ],
+    "internalComponents": [
+      "Icon"
+    ],
+    "internalComponentProps": {
+      "Icon": {
+        "role": [
+          "img"
+        ],
+        "className": [
+          "animate-spin"
+        ],
+        "aria-hidden": [
+          "true"
+        ]
+      }
+    },
+    "propToVariantKeys": {},
+    "runtimeConfigDefaultProps": {},
+    "runtimeConfigGetStyles": {},
+    "runtimeConfigInternalComponentProps": {},
+    "motionVarPrefixes": []
+  },
+  "Table": {
+    "name": "Table",
+    "defaultProps": {
+      "display": "table-cell",
+      "overflow": "hidden",
+      "borderColor": "muted",
+      "borderRadius": "md",
+      "spacing": "3",
+      "borderBottomColor": "muted",
+      "borderBottomWidth": "thin",
+      "color": "primary"
+    },
+    "getStylesLiterals": {
+      "textAlign": "start"
+    },
+    "cxLiterals": [],
+    "internalComponents": [
+      "CellComponent",
+      "Box",
+      "Text",
+      "Table.Root",
+      "Table.Header",
+      "Table.Row",
+      "Table.Cell",
+      "Table.Body"
+    ],
+    "internalComponentProps": {
+      "Table.Cell": {
+        "asHeaderCell": [
+          "column"
+        ]
+      }
+    },
+    "propToVariantKeys": {},
+    "runtimeConfigDefaultProps": {},
+    "runtimeConfigGetStyles": {},
+    "runtimeConfigInternalComponentProps": {},
+    "motionVarPrefixes": []
+  },
   "DividerLabel": {
     "name": "DividerLabel",
     "defaultProps": {
@@ -593,92 +679,6 @@
     "runtimeConfigInternalComponentProps": {},
     "motionVarPrefixes": []
   },
-  "Table.mocks": {
-    "name": "Table.mocks",
-    "defaultProps": {},
-    "getStylesLiterals": {},
-    "cxLiterals": [],
-    "internalComponents": [],
-    "internalComponentProps": {},
-    "propToVariantKeys": {},
-    "runtimeConfigDefaultProps": {},
-    "runtimeConfigGetStyles": {},
-    "runtimeConfigInternalComponentProps": {},
-    "motionVarPrefixes": []
-  },
-  "Spinner": {
-    "name": "Spinner",
-    "defaultProps": {
-      "color": "primary",
-      "size": "lg"
-    },
-    "getStylesLiterals": {},
-    "cxLiterals": [
-      "self-center",
-      "relative",
-      "sr-only"
-    ],
-    "internalComponents": [
-      "Icon"
-    ],
-    "internalComponentProps": {
-      "Icon": {
-        "role": [
-          "img"
-        ],
-        "className": [
-          "animate-spin"
-        ],
-        "aria-hidden": [
-          "true"
-        ]
-      }
-    },
-    "propToVariantKeys": {},
-    "runtimeConfigDefaultProps": {},
-    "runtimeConfigGetStyles": {},
-    "runtimeConfigInternalComponentProps": {},
-    "motionVarPrefixes": []
-  },
-  "Table": {
-    "name": "Table",
-    "defaultProps": {
-      "display": "table-cell",
-      "overflow": "hidden",
-      "borderColor": "muted",
-      "borderRadius": "md",
-      "spacing": "3",
-      "borderBottomColor": "muted",
-      "borderBottomWidth": "thin",
-      "color": "primary"
-    },
-    "getStylesLiterals": {
-      "textAlign": "start"
-    },
-    "cxLiterals": [],
-    "internalComponents": [
-      "CellComponent",
-      "Box",
-      "Text",
-      "Table.Root",
-      "Table.Header",
-      "Table.Row",
-      "Table.Cell",
-      "Table.Body"
-    ],
-    "internalComponentProps": {
-      "Table.Cell": {
-        "asHeaderCell": [
-          "column"
-        ]
-      }
-    },
-    "propToVariantKeys": {},
-    "runtimeConfigDefaultProps": {},
-    "runtimeConfigGetStyles": {},
-    "runtimeConfigInternalComponentProps": {},
-    "motionVarPrefixes": []
-  },
   "Badge": {
     "name": "Badge",
     "defaultProps": {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@yahoo/uds",
   "description": "Yahoo Universal System",
-  "version": "3.174.1",
+  "version": "3.175.0",
   "type": "module",
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",