@yahoo/uds 3.169.1 → 3.171.0

package/dist/automated-config/dist/generated/autoVariantTemplates.cjs

@@ -0,0 +1,218 @@
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+//#region ../automated-config/dist/generated/autoVariantTemplates.js
+/*! © 2026 Yahoo, Inc. UDS Default Config v0.0.0-development */
+/**
+* Class-name templates for the auto-generated component variants. `%v` is
+* replaced with the normalized variant value at runtime. Templates exist so
+* the client bundle does not need the enumerated `autoVariants` map;
+* `autoVariants` remains the source of truth for build-time tooling (CSS
+* generation, purging).
+*/
+const autoVariantTemplates = {
+	avatarIconVariantRoot: "uds-avatar-icon-variant-%v-root",
+	avatarImageVariantRoot: "uds-avatar-image-variant-%v-root",
+	avatarSizeIcon: "uds-avatar-size-%v-icon",
+	avatarSizeRoot: "uds-avatar-size-%v-root",
+	avatarTextVariantRoot: "uds-avatar-text-variant-%v-root",
+	badgeSizeIcon: "uds-badge-size-%v-icon",
+	badgeSizeRoot: "uds-badge-size-%v-root",
+	badgeVariantIcon: "uds-badge-variant-%v-icon",
+	badgeVariantRoot: "uds-badge-variant-%v-root",
+	bannerSizeClose: "uds-banner-size-%v-close",
+	bannerSizeDescription: "uds-banner-size-%v-description",
+	bannerSizeIcon: "uds-banner-size-%v-icon",
+	bannerSizeRoot: "uds-banner-size-%v-root",
+	bannerSizeTitle: "uds-banner-size-%v-title",
+	bannerVariantDescription: "uds-banner-variant-%v-description",
+	bannerVariantIcon: "uds-banner-variant-%v-icon",
+	bannerVariantRoot: "uds-banner-variant-%v-root",
+	bannerVariantTitle: "uds-banner-variant-%v-title",
+	bottomsheetVariantHandleIndicator: "uds-bottomsheet-variant-%v-handleindicator",
+	bottomsheetVariantHeader: "uds-bottomsheet-variant-%v-header",
+	bottomsheetVariantRoot: "uds-bottomsheet-variant-%v-root",
+	buttonSizeIcon: "uds-button-size-%v-icon",
+	buttonSizeRoot: "uds-button-size-%v-root",
+	buttonVariantIcon: "uds-button-variant-%v-icon",
+	buttonVariantRoot: "uds-button-variant-%v-root",
+	checkboxSizeCheckbox: "uds-checkbox-size-%v-checkbox",
+	checkboxSizeRoot: "uds-checkbox-size-%v-root",
+	checkboxVariantCheckbox: "uds-checkbox-variant-%v-checkbox",
+	checkboxVariantCheckboxIcon: "uds-checkbox-variant-%v-checkboxicon",
+	checkboxVariantRoot: "uds-checkbox-variant-%v-root",
+	checkboxVariantValueCheckbox: "uds-checkbox-variant-value-%v-checkbox",
+	checkboxVariantValueCheckboxIcon: "uds-checkbox-variant-value-%v-checkboxicon",
+	checkboxVariantValueRoot: "uds-checkbox-variant-value-%v-root",
+	chipDismissibleVariantIcon: "uds-chip-dismissible-variant-%v-icon",
+	chipDismissibleVariantRoot: "uds-chip-dismissible-variant-%v-root",
+	chipLinkVariantIcon: "uds-chip-link-variant-%v-icon",
+	chipLinkVariantRoot: "uds-chip-link-variant-%v-root",
+	chipSizeIcon: "uds-chip-size-%v-icon",
+	chipSizeRoot: "uds-chip-size-%v-root",
+	chipToggleVariantActiveIcon: "uds-chip-toggle-variant-active-%v-icon",
+	chipToggleVariantActiveRoot: "uds-chip-toggle-variant-active-%v-root",
+	chipToggleVariantIcon: "uds-chip-toggle-variant-%v-icon",
+	chipToggleVariantRoot: "uds-chip-toggle-variant-%v-root",
+	dividerVariantLabel: "uds-divider-variant-%v-label",
+	dividerVariantLine: "uds-divider-variant-%v-line",
+	dividerVariantRoot: "uds-divider-variant-%v-root",
+	iconbuttonSizeIcon: "uds-iconbutton-size-%v-icon",
+	iconbuttonSizeRoot: "uds-iconbutton-size-%v-root",
+	inputSizeEndIcon: "uds-input-size-%v-endicon",
+	inputSizeHelperIcon: "uds-input-size-%v-helpericon",
+	inputSizeHelperText: "uds-input-size-%v-helpertext",
+	inputSizeInput: "uds-input-size-%v-input",
+	inputSizeInputWrapperDynamic: "uds-input-size-%v-inputwrapperdynamic",
+	inputSizeInputWrapperStatic: "uds-input-size-%v-inputwrapperstatic",
+	inputSizeLabel: "uds-input-size-%v-label",
+	inputSizeRoot: "uds-input-size-%v-root",
+	inputSizeStartIcon: "uds-input-size-%v-starticon",
+	inputVariantEndIcon: "uds-input-variant-%v-endicon",
+	inputVariantHelperIcon: "uds-input-variant-%v-helpericon",
+	inputVariantHelperText: "uds-input-variant-%v-helpertext",
+	inputVariantInput: "uds-input-variant-%v-input",
+	inputVariantInputPlaceholder: "uds-input-variant-%v-inputplaceholder",
+	inputVariantInputWrapper: "uds-input-variant-%v-inputwrapper",
+	inputVariantLabel: "uds-input-variant-%v-label",
+	inputVariantLabelRequired: "uds-input-variant-%v-labelrequired",
+	inputVariantRoot: "uds-input-variant-%v-root",
+	inputVariantStartIcon: "uds-input-variant-%v-starticon",
+	inputVariantValueEndIcon: "uds-input-variant-value-%v-endicon",
+	inputVariantValueHelperIcon: "uds-input-variant-value-%v-helpericon",
+	inputVariantValueHelperText: "uds-input-variant-value-%v-helpertext",
+	inputVariantValueInput: "uds-input-variant-value-%v-input",
+	inputVariantValueInputPlaceholder: "uds-input-variant-value-%v-inputplaceholder",
+	inputVariantValueInputWrapper: "uds-input-variant-value-%v-inputwrapper",
+	inputVariantValueLabel: "uds-input-variant-value-%v-label",
+	inputVariantValueLabelRequired: "uds-input-variant-value-%v-labelrequired",
+	inputVariantValueRoot: "uds-input-variant-value-%v-root",
+	inputVariantValueStartIcon: "uds-input-variant-value-%v-starticon",
+	linkTextStyleIcon: "uds-link-textstyle-%v-icon",
+	linkTextStyleRoot: "uds-link-textstyle-%v-root",
+	linkVariantIconEnd: "uds-link-variant-%v-iconend",
+	linkVariantIconStart: "uds-link-variant-%v-iconstart",
+	linkVariantRoot: "uds-link-variant-%v-root",
+	menucontentSizeRoot: "uds-menucontent-size-%v-root",
+	menucontentVariantRoot: "uds-menucontent-variant-%v-root",
+	menuitemDividerVariantLine: "uds-menuitem-divider-variant-%v-line",
+	menuitemDividerVariantRoot: "uds-menuitem-divider-variant-%v-root",
+	menuitemDividerVariantText: "uds-menuitem-divider-variant-%v-text",
+	menuitemItemCheckboxVariantActiveEndIcon: "uds-menuitem-itemcheckbox-variant-active-%v-endicon",
+	menuitemItemCheckboxVariantActiveRoot: "uds-menuitem-itemcheckbox-variant-active-%v-root",
+	menuitemItemCheckboxVariantActiveStartIcon: "uds-menuitem-itemcheckbox-variant-active-%v-starticon",
+	menuitemItemCheckboxVariantActiveText: "uds-menuitem-itemcheckbox-variant-active-%v-text",
+	menuitemItemCheckboxVariantEndIcon: "uds-menuitem-itemcheckbox-variant-%v-endicon",
+	menuitemItemCheckboxVariantRoot: "uds-menuitem-itemcheckbox-variant-%v-root",
+	menuitemItemCheckboxVariantStartIcon: "uds-menuitem-itemcheckbox-variant-%v-starticon",
+	menuitemItemCheckboxVariantText: "uds-menuitem-itemcheckbox-variant-%v-text",
+	menuitemItemVariantActiveIcon: "uds-menuitem-item-variant-active-%v-icon",
+	menuitemItemVariantActiveRoot: "uds-menuitem-item-variant-active-%v-root",
+	menuitemItemVariantActiveText: "uds-menuitem-item-variant-active-%v-text",
+	menuitemItemVariantIcon: "uds-menuitem-item-variant-%v-icon",
+	menuitemItemVariantRoot: "uds-menuitem-item-variant-%v-root",
+	menuitemItemVariantText: "uds-menuitem-item-variant-%v-text",
+	menuitemSizeEndIcon: "uds-menuitem-size-%v-endicon",
+	menuitemSizeRoot: "uds-menuitem-size-%v-root",
+	menuitemSizeStartIcon: "uds-menuitem-size-%v-starticon",
+	menuitemSizeText: "uds-menuitem-size-%v-text",
+	modalSizeActions: "uds-modal-size-%v-actions",
+	modalSizeCloseIcon: "uds-modal-size-%v-closeicon",
+	modalSizeCloseIconContainer: "uds-modal-size-%v-closeiconcontainer",
+	modalSizeDescription: "uds-modal-size-%v-description",
+	modalSizeHeader: "uds-modal-size-%v-header",
+	modalSizeRoot: "uds-modal-size-%v-root",
+	modalSizeScrim: "uds-modal-size-%v-scrim",
+	modalSizeSpacingHorizontal: "uds-modal-size-%v-spacinghorizontal",
+	modalSizeTitle: "uds-modal-size-%v-title",
+	modalSizeTitleDescriptionWrapper: "uds-modal-size-%v-titledescriptionwrapper",
+	modalVariantCloseIcon: "uds-modal-variant-%v-closeicon",
+	modalVariantDescription: "uds-modal-variant-%v-description",
+	modalVariantRoot: "uds-modal-variant-%v-root",
+	modalVariantTitle: "uds-modal-variant-%v-title",
+	paddlenavSizeIcon: "uds-paddlenav-size-%v-icon",
+	paddlenavSizeRoot: "uds-paddlenav-size-%v-root",
+	paddlenavVariantBackground: "uds-paddlenav-variant-%v-background",
+	paddlenavVariantIcon: "uds-paddlenav-variant-%v-icon",
+	paddlenavVariantRoot: "uds-paddlenav-variant-%v-root",
+	paginationSizeIcon: "uds-pagination-size-%v-icon",
+	paginationSizeItem: "uds-pagination-size-%v-item",
+	paginationSizeRoot: "uds-pagination-size-%v-root",
+	paginationSizeText: "uds-pagination-size-%v-text",
+	paginationVariantActiveRoot: "uds-pagination-variant-active-%v-root",
+	paginationVariantRoot: "uds-pagination-variant-%v-root",
+	popoverSizeCloseIcon: "uds-popover-size-%v-closeicon",
+	popoverSizeCloseIconContainer: "uds-popover-size-%v-closeiconcontainer",
+	popoverSizeContentWrapper: "uds-popover-size-%v-contentwrapper",
+	popoverSizeRoot: "uds-popover-size-%v-root",
+	popoverSizeSvgBase: "uds-popover-size-%v-svgbase",
+	popoverSizeSvgBorder: "uds-popover-size-%v-svgborder",
+	popoverVariantBlur: "uds-popover-variant-%v-blur",
+	popoverVariantCloseIcon: "uds-popover-variant-%v-closeicon",
+	popoverVariantRoot: "uds-popover-variant-%v-root",
+	popoverVariantSvgBase: "uds-popover-variant-%v-svgbase",
+	popoverVariantSvgBorder: "uds-popover-variant-%v-svgborder",
+	radioSizeRadio: "uds-radio-size-%v-radio",
+	radioSizeRoot: "uds-radio-size-%v-root",
+	radioVariantRadio: "uds-radio-variant-%v-radio",
+	radioVariantRadioCircle: "uds-radio-variant-%v-radiocircle",
+	radioVariantRoot: "uds-radio-variant-%v-root",
+	radioVariantValueRadio: "uds-radio-variant-value-%v-radio",
+	radioVariantValueRadioCircle: "uds-radio-variant-value-%v-radiocircle",
+	radioVariantValueRoot: "uds-radio-variant-value-%v-root",
+	scrimVariantRoot: "uds-scrim-variant-%v-root",
+	selectVariantRoot: "uds-select-variant-%v-root",
+	selectcontentSizeRoot: "uds-selectcontent-size-%v-root",
+	selectcontentVariantRoot: "uds-selectcontent-variant-%v-root",
+	selectitemDividerVariantLine: "uds-selectitem-divider-variant-%v-line",
+	selectitemDividerVariantRoot: "uds-selectitem-divider-variant-%v-root",
+	selectitemDividerVariantText: "uds-selectitem-divider-variant-%v-text",
+	selectitemItemVariantActiveIcon: "uds-selectitem-item-variant-active-%v-icon",
+	selectitemItemVariantActiveRoot: "uds-selectitem-item-variant-active-%v-root",
+	selectitemItemVariantActiveText: "uds-selectitem-item-variant-active-%v-text",
+	selectitemItemVariantIcon: "uds-selectitem-item-variant-%v-icon",
+	selectitemItemVariantRoot: "uds-selectitem-item-variant-%v-root",
+	selectitemItemVariantText: "uds-selectitem-item-variant-%v-text",
+	selectitemSizeEndIcon: "uds-selectitem-size-%v-endicon",
+	selectitemSizeRoot: "uds-selectitem-size-%v-root",
+	selectitemSizeStartIcon: "uds-selectitem-size-%v-starticon",
+	selectitemSizeText: "uds-selectitem-size-%v-text",
+	switchSizeHandle: "uds-switch-size-%v-handle",
+	switchSizeHandleIcon: "uds-switch-size-%v-handleicon",
+	switchSizeRoot: "uds-switch-size-%v-root",
+	switchSizeSwitch: "uds-switch-size-%v-switch",
+	switchVariantActiveHandle: "uds-switch-variant-active-%v-handle",
+	switchVariantActiveHandleIcon: "uds-switch-variant-active-%v-handleicon",
+	switchVariantActiveRoot: "uds-switch-variant-active-%v-root",
+	switchVariantActiveSwitch: "uds-switch-variant-active-%v-switch",
+	switchVariantHandle: "uds-switch-variant-%v-handle",
+	switchVariantHandleIcon: "uds-switch-variant-%v-handleicon",
+	switchVariantRoot: "uds-switch-variant-%v-root",
+	switchVariantSwitch: "uds-switch-variant-%v-switch",
+	tabSizeIcon: "uds-tab-size-%v-icon",
+	tabSizeRoot: "uds-tab-size-%v-root",
+	tabVariantActiveIcon: "uds-tab-variant-active-%v-icon",
+	tabVariantActiveRoot: "uds-tab-variant-active-%v-root",
+	tabVariantIcon: "uds-tab-variant-%v-icon",
+	tabVariantRoot: "uds-tab-variant-%v-root",
+	tabsVariantRoot: "uds-tabs-variant-%v-root",
+	toastSizeActionButton: "uds-toast-size-%v-actionbutton",
+	toastSizeCloseIcon: "uds-toast-size-%v-closeicon",
+	toastSizeIcon: "uds-toast-size-%v-icon",
+	toastSizeLabel: "uds-toast-size-%v-label",
+	toastSizeRoot: "uds-toast-size-%v-root",
+	toastVariantActionButton: "uds-toast-variant-%v-actionbutton",
+	toastVariantCloseIcon: "uds-toast-variant-%v-closeicon",
+	toastVariantIcon: "uds-toast-variant-%v-icon",
+	toastVariantRoot: "uds-toast-variant-%v-root",
+	tooltipSizeBody: "uds-tooltip-size-%v-body",
+	tooltipSizeEndContent: "uds-tooltip-size-%v-endcontent",
+	tooltipSizeIcon: "uds-tooltip-size-%v-icon",
+	tooltipSizeRoot: "uds-tooltip-size-%v-root",
+	tooltipSizeSvg: "uds-tooltip-size-%v-svg",
+	tooltipSizeTitle: "uds-tooltip-size-%v-title",
+	tooltipVariantBlur: "uds-tooltip-variant-%v-blur",
+	tooltipVariantIcon: "uds-tooltip-variant-%v-icon",
+	tooltipVariantRoot: "uds-tooltip-variant-%v-root",
+	tooltipVariantSvg: "uds-tooltip-variant-%v-svg"
+};
+//#endregion
+exports.autoVariantTemplates = autoVariantTemplates;

package/dist/automated-config/dist/generated/autoVariantTemplates.js

@@ -0,0 +1,218 @@
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+//#region ../automated-config/dist/generated/autoVariantTemplates.js
+/*! © 2026 Yahoo, Inc. UDS Default Config v0.0.0-development */
+/**
+* Class-name templates for the auto-generated component variants. `%v` is
+* replaced with the normalized variant value at runtime. Templates exist so
+* the client bundle does not need the enumerated `autoVariants` map;
+* `autoVariants` remains the source of truth for build-time tooling (CSS
+* generation, purging).
+*/
+const autoVariantTemplates = {
+	avatarIconVariantRoot: "uds-avatar-icon-variant-%v-root",
+	avatarImageVariantRoot: "uds-avatar-image-variant-%v-root",
+	avatarSizeIcon: "uds-avatar-size-%v-icon",
+	avatarSizeRoot: "uds-avatar-size-%v-root",
+	avatarTextVariantRoot: "uds-avatar-text-variant-%v-root",
+	badgeSizeIcon: "uds-badge-size-%v-icon",
+	badgeSizeRoot: "uds-badge-size-%v-root",
+	badgeVariantIcon: "uds-badge-variant-%v-icon",
+	badgeVariantRoot: "uds-badge-variant-%v-root",
+	bannerSizeClose: "uds-banner-size-%v-close",
+	bannerSizeDescription: "uds-banner-size-%v-description",
+	bannerSizeIcon: "uds-banner-size-%v-icon",
+	bannerSizeRoot: "uds-banner-size-%v-root",
+	bannerSizeTitle: "uds-banner-size-%v-title",
+	bannerVariantDescription: "uds-banner-variant-%v-description",
+	bannerVariantIcon: "uds-banner-variant-%v-icon",
+	bannerVariantRoot: "uds-banner-variant-%v-root",
+	bannerVariantTitle: "uds-banner-variant-%v-title",
+	bottomsheetVariantHandleIndicator: "uds-bottomsheet-variant-%v-handleindicator",
+	bottomsheetVariantHeader: "uds-bottomsheet-variant-%v-header",
+	bottomsheetVariantRoot: "uds-bottomsheet-variant-%v-root",
+	buttonSizeIcon: "uds-button-size-%v-icon",
+	buttonSizeRoot: "uds-button-size-%v-root",
+	buttonVariantIcon: "uds-button-variant-%v-icon",
+	buttonVariantRoot: "uds-button-variant-%v-root",
+	checkboxSizeCheckbox: "uds-checkbox-size-%v-checkbox",
+	checkboxSizeRoot: "uds-checkbox-size-%v-root",
+	checkboxVariantCheckbox: "uds-checkbox-variant-%v-checkbox",
+	checkboxVariantCheckboxIcon: "uds-checkbox-variant-%v-checkboxicon",
+	checkboxVariantRoot: "uds-checkbox-variant-%v-root",
+	checkboxVariantValueCheckbox: "uds-checkbox-variant-value-%v-checkbox",
+	checkboxVariantValueCheckboxIcon: "uds-checkbox-variant-value-%v-checkboxicon",
+	checkboxVariantValueRoot: "uds-checkbox-variant-value-%v-root",
+	chipDismissibleVariantIcon: "uds-chip-dismissible-variant-%v-icon",
+	chipDismissibleVariantRoot: "uds-chip-dismissible-variant-%v-root",
+	chipLinkVariantIcon: "uds-chip-link-variant-%v-icon",
+	chipLinkVariantRoot: "uds-chip-link-variant-%v-root",
+	chipSizeIcon: "uds-chip-size-%v-icon",
+	chipSizeRoot: "uds-chip-size-%v-root",
+	chipToggleVariantActiveIcon: "uds-chip-toggle-variant-active-%v-icon",
+	chipToggleVariantActiveRoot: "uds-chip-toggle-variant-active-%v-root",
+	chipToggleVariantIcon: "uds-chip-toggle-variant-%v-icon",
+	chipToggleVariantRoot: "uds-chip-toggle-variant-%v-root",
+	dividerVariantLabel: "uds-divider-variant-%v-label",
+	dividerVariantLine: "uds-divider-variant-%v-line",
+	dividerVariantRoot: "uds-divider-variant-%v-root",
+	iconbuttonSizeIcon: "uds-iconbutton-size-%v-icon",
+	iconbuttonSizeRoot: "uds-iconbutton-size-%v-root",
+	inputSizeEndIcon: "uds-input-size-%v-endicon",
+	inputSizeHelperIcon: "uds-input-size-%v-helpericon",
+	inputSizeHelperText: "uds-input-size-%v-helpertext",
+	inputSizeInput: "uds-input-size-%v-input",
+	inputSizeInputWrapperDynamic: "uds-input-size-%v-inputwrapperdynamic",
+	inputSizeInputWrapperStatic: "uds-input-size-%v-inputwrapperstatic",
+	inputSizeLabel: "uds-input-size-%v-label",
+	inputSizeRoot: "uds-input-size-%v-root",
+	inputSizeStartIcon: "uds-input-size-%v-starticon",
+	inputVariantEndIcon: "uds-input-variant-%v-endicon",
+	inputVariantHelperIcon: "uds-input-variant-%v-helpericon",
+	inputVariantHelperText: "uds-input-variant-%v-helpertext",
+	inputVariantInput: "uds-input-variant-%v-input",
+	inputVariantInputPlaceholder: "uds-input-variant-%v-inputplaceholder",
+	inputVariantInputWrapper: "uds-input-variant-%v-inputwrapper",
+	inputVariantLabel: "uds-input-variant-%v-label",
+	inputVariantLabelRequired: "uds-input-variant-%v-labelrequired",
+	inputVariantRoot: "uds-input-variant-%v-root",
+	inputVariantStartIcon: "uds-input-variant-%v-starticon",
+	inputVariantValueEndIcon: "uds-input-variant-value-%v-endicon",
+	inputVariantValueHelperIcon: "uds-input-variant-value-%v-helpericon",
+	inputVariantValueHelperText: "uds-input-variant-value-%v-helpertext",
+	inputVariantValueInput: "uds-input-variant-value-%v-input",
+	inputVariantValueInputPlaceholder: "uds-input-variant-value-%v-inputplaceholder",
+	inputVariantValueInputWrapper: "uds-input-variant-value-%v-inputwrapper",
+	inputVariantValueLabel: "uds-input-variant-value-%v-label",
+	inputVariantValueLabelRequired: "uds-input-variant-value-%v-labelrequired",
+	inputVariantValueRoot: "uds-input-variant-value-%v-root",
+	inputVariantValueStartIcon: "uds-input-variant-value-%v-starticon",
+	linkTextStyleIcon: "uds-link-textstyle-%v-icon",
+	linkTextStyleRoot: "uds-link-textstyle-%v-root",
+	linkVariantIconEnd: "uds-link-variant-%v-iconend",
+	linkVariantIconStart: "uds-link-variant-%v-iconstart",
+	linkVariantRoot: "uds-link-variant-%v-root",
+	menucontentSizeRoot: "uds-menucontent-size-%v-root",
+	menucontentVariantRoot: "uds-menucontent-variant-%v-root",
+	menuitemDividerVariantLine: "uds-menuitem-divider-variant-%v-line",
+	menuitemDividerVariantRoot: "uds-menuitem-divider-variant-%v-root",
+	menuitemDividerVariantText: "uds-menuitem-divider-variant-%v-text",
+	menuitemItemCheckboxVariantActiveEndIcon: "uds-menuitem-itemcheckbox-variant-active-%v-endicon",
+	menuitemItemCheckboxVariantActiveRoot: "uds-menuitem-itemcheckbox-variant-active-%v-root",
+	menuitemItemCheckboxVariantActiveStartIcon: "uds-menuitem-itemcheckbox-variant-active-%v-starticon",
+	menuitemItemCheckboxVariantActiveText: "uds-menuitem-itemcheckbox-variant-active-%v-text",
+	menuitemItemCheckboxVariantEndIcon: "uds-menuitem-itemcheckbox-variant-%v-endicon",
+	menuitemItemCheckboxVariantRoot: "uds-menuitem-itemcheckbox-variant-%v-root",
+	menuitemItemCheckboxVariantStartIcon: "uds-menuitem-itemcheckbox-variant-%v-starticon",
+	menuitemItemCheckboxVariantText: "uds-menuitem-itemcheckbox-variant-%v-text",
+	menuitemItemVariantActiveIcon: "uds-menuitem-item-variant-active-%v-icon",
+	menuitemItemVariantActiveRoot: "uds-menuitem-item-variant-active-%v-root",
+	menuitemItemVariantActiveText: "uds-menuitem-item-variant-active-%v-text",
+	menuitemItemVariantIcon: "uds-menuitem-item-variant-%v-icon",
+	menuitemItemVariantRoot: "uds-menuitem-item-variant-%v-root",
+	menuitemItemVariantText: "uds-menuitem-item-variant-%v-text",
+	menuitemSizeEndIcon: "uds-menuitem-size-%v-endicon",
+	menuitemSizeRoot: "uds-menuitem-size-%v-root",
+	menuitemSizeStartIcon: "uds-menuitem-size-%v-starticon",
+	menuitemSizeText: "uds-menuitem-size-%v-text",
+	modalSizeActions: "uds-modal-size-%v-actions",
+	modalSizeCloseIcon: "uds-modal-size-%v-closeicon",
+	modalSizeCloseIconContainer: "uds-modal-size-%v-closeiconcontainer",
+	modalSizeDescription: "uds-modal-size-%v-description",
+	modalSizeHeader: "uds-modal-size-%v-header",
+	modalSizeRoot: "uds-modal-size-%v-root",
+	modalSizeScrim: "uds-modal-size-%v-scrim",
+	modalSizeSpacingHorizontal: "uds-modal-size-%v-spacinghorizontal",
+	modalSizeTitle: "uds-modal-size-%v-title",
+	modalSizeTitleDescriptionWrapper: "uds-modal-size-%v-titledescriptionwrapper",
+	modalVariantCloseIcon: "uds-modal-variant-%v-closeicon",
+	modalVariantDescription: "uds-modal-variant-%v-description",
+	modalVariantRoot: "uds-modal-variant-%v-root",
+	modalVariantTitle: "uds-modal-variant-%v-title",
+	paddlenavSizeIcon: "uds-paddlenav-size-%v-icon",
+	paddlenavSizeRoot: "uds-paddlenav-size-%v-root",
+	paddlenavVariantBackground: "uds-paddlenav-variant-%v-background",
+	paddlenavVariantIcon: "uds-paddlenav-variant-%v-icon",
+	paddlenavVariantRoot: "uds-paddlenav-variant-%v-root",
+	paginationSizeIcon: "uds-pagination-size-%v-icon",
+	paginationSizeItem: "uds-pagination-size-%v-item",
+	paginationSizeRoot: "uds-pagination-size-%v-root",
+	paginationSizeText: "uds-pagination-size-%v-text",
+	paginationVariantActiveRoot: "uds-pagination-variant-active-%v-root",
+	paginationVariantRoot: "uds-pagination-variant-%v-root",
+	popoverSizeCloseIcon: "uds-popover-size-%v-closeicon",
+	popoverSizeCloseIconContainer: "uds-popover-size-%v-closeiconcontainer",
+	popoverSizeContentWrapper: "uds-popover-size-%v-contentwrapper",
+	popoverSizeRoot: "uds-popover-size-%v-root",
+	popoverSizeSvgBase: "uds-popover-size-%v-svgbase",
+	popoverSizeSvgBorder: "uds-popover-size-%v-svgborder",
+	popoverVariantBlur: "uds-popover-variant-%v-blur",
+	popoverVariantCloseIcon: "uds-popover-variant-%v-closeicon",
+	popoverVariantRoot: "uds-popover-variant-%v-root",
+	popoverVariantSvgBase: "uds-popover-variant-%v-svgbase",
+	popoverVariantSvgBorder: "uds-popover-variant-%v-svgborder",
+	radioSizeRadio: "uds-radio-size-%v-radio",
+	radioSizeRoot: "uds-radio-size-%v-root",
+	radioVariantRadio: "uds-radio-variant-%v-radio",
+	radioVariantRadioCircle: "uds-radio-variant-%v-radiocircle",
+	radioVariantRoot: "uds-radio-variant-%v-root",
+	radioVariantValueRadio: "uds-radio-variant-value-%v-radio",
+	radioVariantValueRadioCircle: "uds-radio-variant-value-%v-radiocircle",
+	radioVariantValueRoot: "uds-radio-variant-value-%v-root",
+	scrimVariantRoot: "uds-scrim-variant-%v-root",
+	selectVariantRoot: "uds-select-variant-%v-root",
+	selectcontentSizeRoot: "uds-selectcontent-size-%v-root",
+	selectcontentVariantRoot: "uds-selectcontent-variant-%v-root",
+	selectitemDividerVariantLine: "uds-selectitem-divider-variant-%v-line",
+	selectitemDividerVariantRoot: "uds-selectitem-divider-variant-%v-root",
+	selectitemDividerVariantText: "uds-selectitem-divider-variant-%v-text",
+	selectitemItemVariantActiveIcon: "uds-selectitem-item-variant-active-%v-icon",
+	selectitemItemVariantActiveRoot: "uds-selectitem-item-variant-active-%v-root",
+	selectitemItemVariantActiveText: "uds-selectitem-item-variant-active-%v-text",
+	selectitemItemVariantIcon: "uds-selectitem-item-variant-%v-icon",
+	selectitemItemVariantRoot: "uds-selectitem-item-variant-%v-root",
+	selectitemItemVariantText: "uds-selectitem-item-variant-%v-text",
+	selectitemSizeEndIcon: "uds-selectitem-size-%v-endicon",
+	selectitemSizeRoot: "uds-selectitem-size-%v-root",
+	selectitemSizeStartIcon: "uds-selectitem-size-%v-starticon",
+	selectitemSizeText: "uds-selectitem-size-%v-text",
+	switchSizeHandle: "uds-switch-size-%v-handle",
+	switchSizeHandleIcon: "uds-switch-size-%v-handleicon",
+	switchSizeRoot: "uds-switch-size-%v-root",
+	switchSizeSwitch: "uds-switch-size-%v-switch",
+	switchVariantActiveHandle: "uds-switch-variant-active-%v-handle",
+	switchVariantActiveHandleIcon: "uds-switch-variant-active-%v-handleicon",
+	switchVariantActiveRoot: "uds-switch-variant-active-%v-root",
+	switchVariantActiveSwitch: "uds-switch-variant-active-%v-switch",
+	switchVariantHandle: "uds-switch-variant-%v-handle",
+	switchVariantHandleIcon: "uds-switch-variant-%v-handleicon",
+	switchVariantRoot: "uds-switch-variant-%v-root",
+	switchVariantSwitch: "uds-switch-variant-%v-switch",
+	tabSizeIcon: "uds-tab-size-%v-icon",
+	tabSizeRoot: "uds-tab-size-%v-root",
+	tabVariantActiveIcon: "uds-tab-variant-active-%v-icon",
+	tabVariantActiveRoot: "uds-tab-variant-active-%v-root",
+	tabVariantIcon: "uds-tab-variant-%v-icon",
+	tabVariantRoot: "uds-tab-variant-%v-root",
+	tabsVariantRoot: "uds-tabs-variant-%v-root",
+	toastSizeActionButton: "uds-toast-size-%v-actionbutton",
+	toastSizeCloseIcon: "uds-toast-size-%v-closeicon",
+	toastSizeIcon: "uds-toast-size-%v-icon",
+	toastSizeLabel: "uds-toast-size-%v-label",
+	toastSizeRoot: "uds-toast-size-%v-root",
+	toastVariantActionButton: "uds-toast-variant-%v-actionbutton",
+	toastVariantCloseIcon: "uds-toast-variant-%v-closeicon",
+	toastVariantIcon: "uds-toast-variant-%v-icon",
+	toastVariantRoot: "uds-toast-variant-%v-root",
+	tooltipSizeBody: "uds-tooltip-size-%v-body",
+	tooltipSizeEndContent: "uds-tooltip-size-%v-endcontent",
+	tooltipSizeIcon: "uds-tooltip-size-%v-icon",
+	tooltipSizeRoot: "uds-tooltip-size-%v-root",
+	tooltipSizeSvg: "uds-tooltip-size-%v-svg",
+	tooltipSizeTitle: "uds-tooltip-size-%v-title",
+	tooltipVariantBlur: "uds-tooltip-variant-%v-blur",
+	tooltipVariantIcon: "uds-tooltip-variant-%v-icon",
+	tooltipVariantRoot: "uds-tooltip-variant-%v-root",
+	tooltipVariantSvg: "uds-tooltip-variant-%v-svg"
+};
+//#endregion
+export { autoVariantTemplates };

package/dist/components/IconSlot.cjs

@@ -1,8 +1,8 @@
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_runtime = require("../_virtual/_rolldown/runtime.cjs");
-const require_index = require("../css-tokens/dist/index.cjs");
 const require_styles_styler = require("../styles/styler.cjs");
+const require_index = require("../css-tokens/dist/index.cjs");
 const require_components_Icon = require("./Icon.cjs");
 let react = require("react");
 react = require_runtime.__toESM(react);

package/dist/components/IconSlot.js

@@ -1,6 +1,6 @@
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
-import { ICON_COLOR_OVERRIDE_ATTRIBUTE, ICON_SIZE_OVERRIDE_ATTRIBUTE } from "../css-tokens/dist/index.js";
 import { cx } from "../styles/styler.js";
+import { ICON_COLOR_OVERRIDE_ATTRIBUTE, ICON_SIZE_OVERRIDE_ATTRIBUTE } from "../css-tokens/dist/index.js";
 import { Icon } from "./Icon.js";
 import { cloneElement, isValidElement, memo } from "react";
 import { jsx } from "react/jsx-runtime";

package/dist/components/client/Button/Button.cjs

@@ -2,8 +2,8 @@
 "use client";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_runtime = require("../../../_virtual/_rolldown/runtime.cjs");
-const require_index = require("../../../css-tokens/dist/index.cjs");
 const require_utils_createSlot = require("../../../utils/createSlot.cjs");
+const require_index = require("../../../css-tokens/dist/index.cjs");
 const require_components_Icon = require("../../Icon.cjs");
 const require_components_IconSlot = require("../../IconSlot.cjs");
 const require_hooks_usePrefersReducedMotion = require("../../../hooks/usePrefersReducedMotion.cjs");

package/dist/components/client/Button/Button.js

@@ -1,7 +1,7 @@
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
 "use client";
-import { BUTTON_GAP_VAR, BUTTON_SCALE_EFFECT_HOVER, BUTTON_SCALE_EFFECT_PRESSED, BUTTON_SCALE_EFFECT_REST } from "../../../css-tokens/dist/index.js";
 import { createSlot } from "../../../utils/createSlot.js";
+import { BUTTON_GAP_VAR, BUTTON_SCALE_EFFECT_HOVER, BUTTON_SCALE_EFFECT_PRESSED, BUTTON_SCALE_EFFECT_REST } from "../../../css-tokens/dist/index.js";
 import { Icon } from "../../Icon.js";
 import { IconSlot } from "../../IconSlot.js";
 import { usePrefersReducedMotion } from "../../../hooks/usePrefersReducedMotion.js";

package/dist/components/client/IconButton/IconButton.cjs

@@ -2,8 +2,8 @@
 "use client";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 require("../../../_virtual/_rolldown/runtime.cjs");
-const require_index = require("../../../css-tokens/dist/index.cjs");
 const require_utils_createSlot = require("../../../utils/createSlot.cjs");
+const require_index = require("../../../css-tokens/dist/index.cjs");
 const require_components_Icon = require("../../Icon.cjs");
 const require_hooks_usePrefersReducedMotion = require("../../../hooks/usePrefersReducedMotion.cjs");
 const require_components_client_SpringMotionConfig = require("../SpringMotionConfig.cjs");

package/dist/components/client/IconButton/IconButton.js

@@ -1,7 +1,7 @@
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
 "use client";
-import { BUTTON_SCALE_EFFECT_HOVER, BUTTON_SCALE_EFFECT_PRESSED, BUTTON_SCALE_EFFECT_REST } from "../../../css-tokens/dist/index.js";
 import { createSlot } from "../../../utils/createSlot.js";
+import { BUTTON_SCALE_EFFECT_HOVER, BUTTON_SCALE_EFFECT_PRESSED, BUTTON_SCALE_EFFECT_REST } from "../../../css-tokens/dist/index.js";
 import { Icon } from "../../Icon.js";
 import { usePrefersReducedMotion } from "../../../hooks/usePrefersReducedMotion.js";
 import { SpringMotionConfig } from "../SpringMotionConfig.js";

package/dist/components/client/Menu/Menu.Content.cjs

@@ -5,11 +5,11 @@ require("../../../_virtual/_rolldown/runtime.cjs");
 const require_styles_styler = require("../../../styles/styler.cjs");
 const require_components_VStack = require("../../VStack.cjs");
 let react = require("react");
-let _yahoo_uds_fixtures = require("@yahoo/uds/fixtures");
 let react_jsx_runtime = require("react/jsx-runtime");
 let _ariakit_react = require("@ariakit/react");
 let motion_react = require("motion/react");
 let _ariakit_react_menu = require("@ariakit/react/menu");
+let _yahoo_uds_fixtures = require("@yahoo/uds/fixtures");
 //#region src/components/client/Menu/Menu.Content.tsx
 const MotionVStack = motion_react.m.create(require_components_VStack.VStack);
 const ANIMATION_CONFIG = {

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

@@ -160,6 +160,12 @@ interface MenuContentProps extends Omit<VStackProps, 'asChild'> {
    * @default true
    */
   focusable?: MenuProps['focusable'];
+  /**
+   * Whether to unmount the menu content from the DOM when hidden, instead of
+   * keeping it mounted but hidden.
+   * @default false
+   */
+  unmountOnHide?: MenuProps['unmountOnHide'];
   /**
    * This is an event handler prop triggered when the dialog's `close` event is
    * dispatched. The `close` event is similar to the native dialog

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

@@ -161,6 +161,12 @@ interface MenuContentProps extends Omit<VStackProps, 'asChild'> {
    * @default true
    */
   focusable?: MenuProps['focusable'];
+  /**
+   * Whether to unmount the menu content from the DOM when hidden, instead of
+   * keeping it mounted but hidden.
+   * @default false
+   */
+  unmountOnHide?: MenuProps['unmountOnHide'];
   /**
    * This is an event handler prop triggered when the dialog's `close` event is
    * dispatched. The `close` event is similar to the native dialog

package/dist/components/client/Menu/Menu.Content.js

@@ -3,11 +3,11 @@
 import { cx, getStyles } from "../../../styles/styler.js";
 import { VStack } from "../../VStack.js";
 import { forwardRef, useEffect, useMemo, useState } from "react";
-import { spacingMap } from "@yahoo/uds/fixtures";
 import { jsx } from "react/jsx-runtime";
 import { useStoreState } from "@ariakit/react";
 import { AnimatePresence, m } from "motion/react";
 import { Menu, useMenuContext } from "@ariakit/react/menu";
+import { spacingMap } from "@yahoo/uds/fixtures";
 //#region src/components/client/Menu/Menu.Content.tsx
 const MotionVStack = m.create(VStack);
 const ANIMATION_CONFIG = {

package/dist/components/client/Modal/Modal.cjs

@@ -24,7 +24,7 @@ let react_jsx_runtime = require("react/jsx-runtime");
 let _ariakit_react = require("@ariakit/react");
 //#region src/components/client/Modal/Modal.tsx
 require_utils_exposeAriakitScrollbarWidth.exposeAriakitScrollbarWidth();
-const Modal = ({ children, open, onClose, onOpen, portal = true, modal = true, includeScrim, closeAriaLabel = "Close", slotProps, hideDismissButton = false, reduceMotion: forceReduceMotion = false, closeIcon = _yahoo_uds_icons.Cross, maxWidth = "auto", maxHeight: maxHeightProp = "auto", fullWidth = false, fullHeight = false, title: titleProp, description: descriptionProp, content: contentProp, actions: actionsProp, scrollBehavior = "outside", className, style }) => {
+const Modal = ({ children, open, unmountOnHide = false, onClose, onOpen, portal = true, modal = true, includeScrim, closeAriaLabel = "Close", slotProps, hideDismissButton = false, reduceMotion: forceReduceMotion = false, closeIcon = _yahoo_uds_icons.Cross, maxWidth = "auto", maxHeight: maxHeightProp = "auto", fullWidth = false, fullHeight = false, title: titleProp, description: descriptionProp, content: contentProp, actions: actionsProp, scrollBehavior = "outside", className, style }) => {
 	const prevOpen = (0, react.useRef)(open);
 	const positionerRef = (0, react.useRef)(null);
 	const { size, variant, animationDuration, animationEasing, gutter } = require_components_client_Modal_UDSModalConfigProvider.useModalConfig();
@@ -54,6 +54,7 @@ const Modal = ({ children, open, onClose, onOpen, portal = true, modal = true, i
 		reducedMotion,
 		durationOut
 	]);
+	const shouldRenderContent = !unmountOnHide || open || shouldLockScroll;
 	(0, react.useLayoutEffect)(() => {
 		if (!open) return;
 		const positioner = positionerRef.current;
@@ -151,20 +152,19 @@ const Modal = ({ children, open, onClose, onOpen, portal = true, modal = true, i
 				}
 			})
 		}),
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_components_client_Modal_ModalContext.ModalContext.Provider, {
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_client_Modal_ModalContext.ModalContext.Provider, {
 			value: {
 				scrollBehavior,
 				shouldRenderHeader,
 				hasContent
 			},
-			children: [
+			children: shouldRenderContent && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
 				shouldRenderHeader && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_components_HStack.HStack, {
 					...slotProps?.header,
 					className: require_styles_styler.cx(classNames.header, slotProps?.header?.className),
 					children: [!hideDismissButton && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ariakit_react.DialogDismiss, {
 						render: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_client_Pressable.Pressable, {
 							"aria-label": closeAriaLabel,
-							onClick: (e) => onClose?.(e.nativeEvent),
 							...slotProps?.closeIconContainer,
 							className: require_styles_styler.cx(classNames.closeIconContainer, slotProps?.closeIconContainer?.className)
 						}),
@@ -184,7 +184,7 @@ const Modal = ({ children, open, onClose, onOpen, portal = true, modal = true, i
 				}),
 				modalContent || (contentProp ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_client_Modal_ModalContent.ModalContent, { children: contentProp }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Box.Box, { flexGrow: "1" })),
 				modalActions || (actionsProp ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_client_Modal_ModalActions.ModalActions, { children: actionsProp }) : null)
-			]
+			] })
 		})
 	});
 };

package/dist/components/client/Modal/Modal.d.cts

@@ -23,6 +23,7 @@ declare const Modal: {
   ({
     children,
     open,
+    unmountOnHide,
     onClose,
     onOpen,
     portal,

package/dist/components/client/Modal/Modal.d.ts

@@ -24,6 +24,7 @@ declare const Modal: {
   ({
     children,
     open,
+    unmountOnHide,
     onClose,
     onOpen,
     portal,