@evolve.ui/theme-system 1.0.0

package/plugin-DPtvp4lp.cjs

@@ -0,0 +1,601 @@
+const require_fontFamily = require("./fontFamily-BBoee6cS.cjs");
+const require_spacing = require("./spacing-B2mhXYOl.cjs");
+let tailwindcss_plugin_js = require("tailwindcss/plugin.js");
+tailwindcss_plugin_js = require_fontFamily.__toESM(tailwindcss_plugin_js);
+//#region src/tailwind/colors.ts
+/**
+* Color configuration for Tailwind CSS
+*
+* Maps CSS custom properties to Tailwind color utilities using nested objects.
+* Uses wrapVariableOpacity() for dynamic alpha support (e.g., `bg-primary-500/50`)
+* and wrapOpacity() for fixed opacity values.
+*
+* @see https://tailwindcss.com/docs/customizing-colors#using-css-variables
+* Internal reference: Hammer UI patterns
+* Ported from the upstream theme system.
+*/
+const colors = {
+	background: {
+		"critical-dark": require_spacing.wrapVariableOpacity(require_spacing.wrapVar(require_spacing.colorBackgroundCriticalDark)),
+		"critical-light": require_spacing.wrapVariableOpacity(require_spacing.wrapVar(require_spacing.colorBackgroundCriticalLight)),
+		disabled: require_spacing.wrapVariableOpacity(require_spacing.wrapVar(require_spacing.colorBackgroundDisabled)),
+		hover: require_spacing.wrapOpacity(require_spacing.wrapVar(require_spacing.colorBackgroundHover), 5),
+		"hover-inverse": require_spacing.wrapOpacity(require_spacing.wrapVar(require_spacing.colorBackgroundHoverInverse), 5),
+		"info-dark": require_spacing.wrapVariableOpacity(require_spacing.wrapVar(require_spacing.colorBackgroundInfoDark)),
+		"info-light": require_spacing.wrapVariableOpacity(require_spacing.wrapVar(require_spacing.colorBackgroundInfoLight)),
+		inverse: require_spacing.wrapVariableOpacity(require_spacing.wrapVar(require_spacing.colorBackgroundInverse)),
+		overlay: require_spacing.wrapOpacity(require_spacing.wrapVar(require_spacing.colorBackgroundOverlay), 40),
+		pressed: require_spacing.wrapOpacity(require_spacing.wrapVar(require_spacing.colorBackgroundPressed), 20),
+		"pressed-inverse": require_spacing.wrapOpacity(require_spacing.wrapVar(require_spacing.colorBackgroundPressedInverse), 20),
+		primary: require_spacing.wrapVariableOpacity(require_spacing.wrapVar(require_spacing.colorBackgroundPrimary)),
+		secondary: require_spacing.wrapVariableOpacity(require_spacing.wrapVar(require_spacing.colorBackgroundSecondary)),
+		subdued: require_spacing.wrapVariableOpacity(require_spacing.wrapVar(require_spacing.colorBackgroundSubdued)),
+		"success-dark": require_spacing.wrapVariableOpacity(require_spacing.wrapVar(require_spacing.colorBackgroundSuccessDark)),
+		"success-light": require_spacing.wrapVariableOpacity(require_spacing.wrapVar(require_spacing.colorBackgroundSuccessLight)),
+		tertiary: require_spacing.wrapVariableOpacity(require_spacing.wrapVar(require_spacing.colorBackgroundTertiary)),
+		"warning-dark": require_spacing.wrapVariableOpacity(require_spacing.wrapVar(require_spacing.colorBackgroundWarningDark)),
+		"warning-light": require_spacing.wrapVariableOpacity(require_spacing.wrapVar(require_spacing.colorBackgroundWarningLight))
+	},
+	border: {
+		black: require_spacing.wrapVariableOpacity(require_spacing.wrapVar(require_spacing.colorBorderBlack)),
+		critical: require_spacing.wrapVariableOpacity(require_spacing.wrapVar(require_spacing.colorBorderCritical)),
+		disabled: require_spacing.wrapVariableOpacity(require_spacing.wrapVar(require_spacing.colorBorderDisabled)),
+		hover: require_spacing.wrapVariableOpacity(require_spacing.wrapVar(require_spacing.colorBorderHover)),
+		info: require_spacing.wrapVariableOpacity(require_spacing.wrapVar(require_spacing.colorBorderInfo)),
+		inverse: require_spacing.wrapVariableOpacity(require_spacing.wrapVar(require_spacing.colorBorderInverse)),
+		primary: require_spacing.wrapVariableOpacity(require_spacing.wrapVar(require_spacing.colorBorderPrimary)),
+		secondary: require_spacing.wrapVariableOpacity(require_spacing.wrapVar(require_spacing.colorBorderSecondary)),
+		selected: require_spacing.wrapVariableOpacity(require_spacing.wrapVar(require_spacing.colorBorderSelected)),
+		success: require_spacing.wrapVariableOpacity(require_spacing.wrapVar(require_spacing.colorBorderSuccess)),
+		tertiary: require_spacing.wrapVariableOpacity(require_spacing.wrapVar(require_spacing.colorBorderTertiary)),
+		warning: require_spacing.wrapVariableOpacity(require_spacing.wrapVar(require_spacing.colorBorderWarning))
+	},
+	critical: {
+		"100": require_spacing.wrapVariableOpacity(require_spacing.wrapVar(require_spacing.colorCritical100)),
+		"200": require_spacing.wrapVariableOpacity(require_spacing.wrapVar(require_spacing.colorCritical200)),
+		"300": require_spacing.wrapVariableOpacity(require_spacing.wrapVar(require_spacing.colorCritical300)),
+		"400": require_spacing.wrapVariableOpacity(require_spacing.wrapVar(require_spacing.colorCritical400)),
+		"50": require_spacing.wrapVariableOpacity(require_spacing.wrapVar(require_spacing.colorCritical50)),
+		"500": require_spacing.wrapVariableOpacity(require_spacing.wrapVar(require_spacing.colorCritical500)),
+		"600": require_spacing.wrapVariableOpacity(require_spacing.wrapVar(require_spacing.colorCritical600)),
+		"700": require_spacing.wrapVariableOpacity(require_spacing.wrapVar(require_spacing.colorCritical700)),
+		"800": require_spacing.wrapVariableOpacity(require_spacing.wrapVar(require_spacing.colorCritical800)),
+		"900": require_spacing.wrapVariableOpacity(require_spacing.wrapVar(require_spacing.colorCritical900))
+	},
+	current: "currentColor",
+	focus: {
+		inverse: require_spacing.wrapOpacity(require_spacing.wrapVar(require_spacing.colorFocusInverse), 50),
+		primary: require_spacing.wrapOpacity(require_spacing.wrapVar(require_spacing.colorFocusPrimary), 50)
+	},
+	"focus-inverse": require_spacing.wrapVariableOpacity(require_spacing.wrapVar(require_spacing.colorFocusInverse)),
+	"focus-primary": require_spacing.wrapVariableOpacity(require_spacing.wrapVar(require_spacing.colorFocusPrimary)),
+	icon: {
+		critical: require_spacing.wrapVariableOpacity(require_spacing.wrapVar(require_spacing.colorIconCritical)),
+		default: require_spacing.wrapVariableOpacity(require_spacing.wrapVar(require_spacing.colorIconPrimary)),
+		disabled: require_spacing.wrapVariableOpacity(require_spacing.wrapVar(require_spacing.colorIconDisabled)),
+		hover: require_spacing.wrapVariableOpacity(require_spacing.wrapVar(require_spacing.colorIconSecondary)),
+		info: require_spacing.wrapVariableOpacity(require_spacing.wrapVar(require_spacing.colorIconInfo)),
+		inverse: require_spacing.wrapVariableOpacity(require_spacing.wrapVar(require_spacing.colorIconInverse)),
+		primary: require_spacing.wrapVariableOpacity(require_spacing.wrapVar(require_spacing.colorIconPrimary)),
+		secondary: require_spacing.wrapVariableOpacity(require_spacing.wrapVar(require_spacing.colorIconSecondary)),
+		success: require_spacing.wrapVariableOpacity(require_spacing.wrapVar(require_spacing.colorIconSuccess)),
+		warning: require_spacing.wrapVariableOpacity(require_spacing.wrapVar(require_spacing.colorIconWarning))
+	},
+	info: {
+		"100": require_spacing.wrapVariableOpacity(require_spacing.wrapVar(require_spacing.colorInfo100)),
+		"200": require_spacing.wrapVariableOpacity(require_spacing.wrapVar(require_spacing.colorInfo200)),
+		"300": require_spacing.wrapVariableOpacity(require_spacing.wrapVar(require_spacing.colorInfo300)),
+		"400": require_spacing.wrapVariableOpacity(require_spacing.wrapVar(require_spacing.colorInfo400)),
+		"50": require_spacing.wrapVariableOpacity(require_spacing.wrapVar(require_spacing.colorInfo50)),
+		"500": require_spacing.wrapVariableOpacity(require_spacing.wrapVar(require_spacing.colorInfo500)),
+		"600": require_spacing.wrapVariableOpacity(require_spacing.wrapVar(require_spacing.colorInfo600)),
+		"700": require_spacing.wrapVariableOpacity(require_spacing.wrapVar(require_spacing.colorInfo700)),
+		"800": require_spacing.wrapVariableOpacity(require_spacing.wrapVar(require_spacing.colorInfo800)),
+		"900": require_spacing.wrapVariableOpacity(require_spacing.wrapVar(require_spacing.colorInfo900))
+	},
+	link: {
+		disabled: require_spacing.wrapVariableOpacity(require_spacing.wrapVar(require_spacing.colorLinkDisabled)),
+		hover: require_spacing.wrapVariableOpacity(require_spacing.wrapVar(require_spacing.colorLinkHover)),
+		inverse: require_spacing.wrapVariableOpacity(require_spacing.wrapVar(require_spacing.colorLinkInverse)),
+		"inverse-disabled": require_spacing.wrapVariableOpacity(require_spacing.wrapVar(require_spacing.colorLinkInverseDisabled)),
+		"inverse-hover": require_spacing.wrapVariableOpacity(require_spacing.wrapVar(require_spacing.colorLinkInverseHover)),
+		"inverse-pressed": require_spacing.wrapVariableOpacity(require_spacing.wrapVar(require_spacing.colorLinkInversePressed)),
+		monochrome: require_spacing.wrapVariableOpacity(require_spacing.wrapVar(require_spacing.colorLinkMonochrome)),
+		pressed: require_spacing.wrapVariableOpacity(require_spacing.wrapVar(require_spacing.colorLinkPressed)),
+		primary: require_spacing.wrapVariableOpacity(require_spacing.wrapVar(require_spacing.colorLinkPrimary)),
+		secondary: require_spacing.wrapVariableOpacity(require_spacing.wrapVar(require_spacing.colorLinkSecondary))
+	},
+	primary: {
+		"100": require_spacing.wrapVariableOpacity(require_spacing.wrapVar(require_spacing.colorPrimary100)),
+		"200": require_spacing.wrapVariableOpacity(require_spacing.wrapVar(require_spacing.colorPrimary200)),
+		"300": require_spacing.wrapVariableOpacity(require_spacing.wrapVar(require_spacing.colorPrimary300)),
+		"400": require_spacing.wrapVariableOpacity(require_spacing.wrapVar(require_spacing.colorPrimary400)),
+		"50": require_spacing.wrapVariableOpacity(require_spacing.wrapVar(require_spacing.colorPrimary50)),
+		"500": require_spacing.wrapVariableOpacity(require_spacing.wrapVar(require_spacing.colorPrimary500)),
+		"600": require_spacing.wrapVariableOpacity(require_spacing.wrapVar(require_spacing.colorPrimary600)),
+		"700": require_spacing.wrapVariableOpacity(require_spacing.wrapVar(require_spacing.colorPrimary700)),
+		"800": require_spacing.wrapVariableOpacity(require_spacing.wrapVar(require_spacing.colorPrimary800)),
+		"900": require_spacing.wrapVariableOpacity(require_spacing.wrapVar(require_spacing.colorPrimary900))
+	},
+	secondary: {
+		"100": require_spacing.wrapVariableOpacity(require_spacing.wrapVar(require_spacing.colorSecondary100)),
+		"200": require_spacing.wrapVariableOpacity(require_spacing.wrapVar(require_spacing.colorSecondary200)),
+		"300": require_spacing.wrapVariableOpacity(require_spacing.wrapVar(require_spacing.colorSecondary300)),
+		"400": require_spacing.wrapVariableOpacity(require_spacing.wrapVar(require_spacing.colorSecondary400)),
+		"50": require_spacing.wrapVariableOpacity(require_spacing.wrapVar(require_spacing.colorSecondary50)),
+		"500": require_spacing.wrapVariableOpacity(require_spacing.wrapVar(require_spacing.colorSecondary500)),
+		"600": require_spacing.wrapVariableOpacity(require_spacing.wrapVar(require_spacing.colorSecondary600)),
+		"700": require_spacing.wrapVariableOpacity(require_spacing.wrapVar(require_spacing.colorSecondary700)),
+		"800": require_spacing.wrapVariableOpacity(require_spacing.wrapVar(require_spacing.colorSecondary800)),
+		"900": require_spacing.wrapVariableOpacity(require_spacing.wrapVar(require_spacing.colorSecondary900))
+	},
+	success: {
+		"100": require_spacing.wrapVariableOpacity(require_spacing.wrapVar(require_spacing.colorSuccess100)),
+		"200": require_spacing.wrapVariableOpacity(require_spacing.wrapVar(require_spacing.colorSuccess200)),
+		"300": require_spacing.wrapVariableOpacity(require_spacing.wrapVar(require_spacing.colorSuccess300)),
+		"400": require_spacing.wrapVariableOpacity(require_spacing.wrapVar(require_spacing.colorSuccess400)),
+		"50": require_spacing.wrapVariableOpacity(require_spacing.wrapVar(require_spacing.colorSuccess50)),
+		"500": require_spacing.wrapVariableOpacity(require_spacing.wrapVar(require_spacing.colorSuccess500)),
+		"600": require_spacing.wrapVariableOpacity(require_spacing.wrapVar(require_spacing.colorSuccess600)),
+		"700": require_spacing.wrapVariableOpacity(require_spacing.wrapVar(require_spacing.colorSuccess700)),
+		"800": require_spacing.wrapVariableOpacity(require_spacing.wrapVar(require_spacing.colorSuccess800)),
+		"900": require_spacing.wrapVariableOpacity(require_spacing.wrapVar(require_spacing.colorSuccess900))
+	},
+	surface: {
+		"100": require_spacing.wrapVariableOpacity(require_spacing.wrapVar(require_spacing.colorSurface100)),
+		"200": require_spacing.wrapVariableOpacity(require_spacing.wrapVar(require_spacing.colorSurface200)),
+		"300": require_spacing.wrapVariableOpacity(require_spacing.wrapVar(require_spacing.colorSurface300)),
+		"400": require_spacing.wrapVariableOpacity(require_spacing.wrapVar(require_spacing.colorSurface400)),
+		"50": require_spacing.wrapVariableOpacity(require_spacing.wrapVar(require_spacing.colorSurface50)),
+		"500": require_spacing.wrapVariableOpacity(require_spacing.wrapVar(require_spacing.colorSurface500)),
+		"600": require_spacing.wrapVariableOpacity(require_spacing.wrapVar(require_spacing.colorSurface600)),
+		"700": require_spacing.wrapVariableOpacity(require_spacing.wrapVar(require_spacing.colorSurface700)),
+		"800": require_spacing.wrapVariableOpacity(require_spacing.wrapVar(require_spacing.colorSurface800)),
+		"900": require_spacing.wrapVariableOpacity(require_spacing.wrapVar(require_spacing.colorSurface900))
+	},
+	tertiary: {
+		"100": require_spacing.wrapVariableOpacity(require_spacing.wrapVar(require_spacing.colorTertiary100)),
+		"200": require_spacing.wrapVariableOpacity(require_spacing.wrapVar(require_spacing.colorTertiary200)),
+		"300": require_spacing.wrapVariableOpacity(require_spacing.wrapVar(require_spacing.colorTertiary300)),
+		"400": require_spacing.wrapVariableOpacity(require_spacing.wrapVar(require_spacing.colorTertiary400)),
+		"50": require_spacing.wrapVariableOpacity(require_spacing.wrapVar(require_spacing.colorTertiary50)),
+		"500": require_spacing.wrapVariableOpacity(require_spacing.wrapVar(require_spacing.colorTertiary500)),
+		"600": require_spacing.wrapVariableOpacity(require_spacing.wrapVar(require_spacing.colorTertiary600)),
+		"700": require_spacing.wrapVariableOpacity(require_spacing.wrapVar(require_spacing.colorTertiary700)),
+		"800": require_spacing.wrapVariableOpacity(require_spacing.wrapVar(require_spacing.colorTertiary800)),
+		"900": require_spacing.wrapVariableOpacity(require_spacing.wrapVar(require_spacing.colorTertiary900))
+	},
+	text: {
+		critical: require_spacing.wrapVariableOpacity(require_spacing.wrapVar(require_spacing.colorTextCritical)),
+		disabled: require_spacing.wrapVariableOpacity(require_spacing.wrapVar(require_spacing.colorTextDisabled)),
+		inactive: require_spacing.wrapVariableOpacity(require_spacing.wrapVar(require_spacing.colorTextInactive)),
+		info: require_spacing.wrapVariableOpacity(require_spacing.wrapVar(require_spacing.colorTextInfo)),
+		inverse: require_spacing.wrapVariableOpacity(require_spacing.wrapVar(require_spacing.colorTextInverse)),
+		primary: require_spacing.wrapVariableOpacity(require_spacing.wrapVar(require_spacing.colorTextPrimary)),
+		secondary: require_spacing.wrapVariableOpacity(require_spacing.wrapVar(require_spacing.colorTextSecondary)),
+		success: require_spacing.wrapVariableOpacity(require_spacing.wrapVar(require_spacing.colorTextSuccess)),
+		warning: require_spacing.wrapVariableOpacity(require_spacing.wrapVar(require_spacing.colorTextWarning))
+	},
+	transparent: "transparent",
+	warning: {
+		"100": require_spacing.wrapVariableOpacity(require_spacing.wrapVar(require_spacing.colorWarning100)),
+		"200": require_spacing.wrapVariableOpacity(require_spacing.wrapVar(require_spacing.colorWarning200)),
+		"300": require_spacing.wrapVariableOpacity(require_spacing.wrapVar(require_spacing.colorWarning300)),
+		"400": require_spacing.wrapVariableOpacity(require_spacing.wrapVar(require_spacing.colorWarning400)),
+		"50": require_spacing.wrapVariableOpacity(require_spacing.wrapVar(require_spacing.colorWarning50)),
+		"500": require_spacing.wrapVariableOpacity(require_spacing.wrapVar(require_spacing.colorWarning500)),
+		"600": require_spacing.wrapVariableOpacity(require_spacing.wrapVar(require_spacing.colorWarning600)),
+		"700": require_spacing.wrapVariableOpacity(require_spacing.wrapVar(require_spacing.colorWarning700)),
+		"800": require_spacing.wrapVariableOpacity(require_spacing.wrapVar(require_spacing.colorWarning800)),
+		"900": require_spacing.wrapVariableOpacity(require_spacing.wrapVar(require_spacing.colorWarning900))
+	}
+};
+//#endregion
+//#region src/tailwind/text.ts
+const textComponents = {
+	".hui-link-md": {
+		fontFamily: require_fontFamily.fontFamily.primary,
+		fontSize: "16px",
+		fontWeight: require_spacing.wrapVar(require_spacing.fontWeightBodyPrimary),
+		letterSpacing: require_spacing.wrapVar(require_spacing.letterSpacingBodyPrimary),
+		lineHeight: "24px"
+	},
+	".hui-link-sm": {
+		fontFamily: require_fontFamily.fontFamily.primary,
+		fontSize: "14px",
+		fontWeight: require_spacing.wrapVar(require_spacing.fontWeightBodyPrimary),
+		letterSpacing: require_spacing.wrapVar(require_spacing.letterSpacingBodyPrimary),
+		lineHeight: "22px"
+	},
+	".hui-link-xs": {
+		fontFamily: require_fontFamily.fontFamily.primary,
+		fontSize: "12px",
+		fontWeight: require_spacing.wrapVar(require_spacing.fontWeightBodyPrimary),
+		letterSpacing: require_spacing.wrapVar(require_spacing.letterSpacingBodyPrimary),
+		lineHeight: "18px"
+	},
+	".hui-text-body-primary": {
+		fontFamily: require_fontFamily.fontFamily.primary,
+		fontSize: "16px",
+		fontWeight: require_spacing.wrapVar(require_spacing.fontWeightBodyPrimary),
+		letterSpacing: require_spacing.wrapVar(require_spacing.letterSpacingBodyPrimary),
+		lineHeight: "24px"
+	},
+	".hui-text-body-secondary": {
+		fontFamily: require_fontFamily.fontFamily.primary,
+		fontSize: "14px",
+		fontWeight: require_spacing.wrapVar(require_spacing.fontWeightBodySecondary),
+		letterSpacing: require_spacing.wrapVar(require_spacing.letterSpacingBodySecondary),
+		lineHeight: "22px"
+	},
+	".hui-text-caption": {
+		fontFamily: require_fontFamily.fontFamily.primary,
+		fontSize: "12px",
+		fontWeight: require_spacing.wrapVar(require_spacing.fontWeightCaption),
+		letterSpacing: require_spacing.wrapVar(require_spacing.letterSpacingCaption),
+		lineHeight: "18px"
+	},
+	".hui-text-h1": {
+		fontFamily: require_fontFamily.fontFamily.secondary,
+		fontSize: "32px",
+		fontWeight: require_spacing.wrapVar(require_spacing.fontWeightH1),
+		letterSpacing: require_spacing.wrapVar(require_spacing.letterSpacingH1),
+		lineHeight: "48px",
+		[`@media (width < ${require_spacing.screens.smMax.max})`]: {
+			fontSize: "24px",
+			letterSpacing: require_spacing.wrapVar(require_spacing.letterSpacingH1Mobile),
+			lineHeight: "36px"
+		}
+	},
+	".hui-text-h2": {
+		fontFamily: require_fontFamily.fontFamily.secondary,
+		fontSize: "24px",
+		fontWeight: require_spacing.wrapVar(require_spacing.fontWeightH2),
+		letterSpacing: require_spacing.wrapVar(require_spacing.letterSpacingH2),
+		lineHeight: "36px",
+		[`@media (width < ${require_spacing.screens.smMax.max})`]: {
+			fontSize: "20px",
+			letterSpacing: require_spacing.wrapVar(require_spacing.letterSpacingH2Mobile),
+			lineHeight: "30px"
+		}
+	},
+	".hui-text-h3": {
+		fontFamily: require_fontFamily.fontFamily.secondary,
+		fontSize: "20px",
+		fontWeight: require_spacing.wrapVar(require_spacing.fontWeightH3),
+		letterSpacing: require_spacing.wrapVar(require_spacing.letterSpacingH3),
+		lineHeight: "30px",
+		[`@media (width < ${require_spacing.screens.smMax.max})`]: {
+			fontSize: "16px",
+			letterSpacing: require_spacing.wrapVar(require_spacing.letterSpacingH3Mobile),
+			lineHeight: "24px"
+		}
+	},
+	".hui-text-h4": {
+		fontFamily: require_fontFamily.fontFamily.secondary,
+		fontSize: "16px",
+		fontWeight: require_spacing.wrapVar(require_spacing.fontWeightH4),
+		letterSpacing: require_spacing.wrapVar(require_spacing.letterSpacingH4),
+		lineHeight: "24px"
+	},
+	".hui-text-h5": {
+		fontFamily: require_fontFamily.fontFamily.primary,
+		fontSize: "16px",
+		fontWeight: require_spacing.wrapVar(require_spacing.fontWeightH5),
+		letterSpacing: require_spacing.wrapVar(require_spacing.letterSpacingH5),
+		lineHeight: "24px"
+	},
+	".hui-text-h6": {
+		fontFamily: require_fontFamily.fontFamily.primary,
+		fontSize: "14px",
+		fontWeight: require_spacing.wrapVar(require_spacing.fontWeightH6),
+		letterSpacing: require_spacing.wrapVar(require_spacing.letterSpacingH6),
+		lineHeight: "22px",
+		textTransform: require_spacing.wrapVar(require_spacing.textTransformH6)
+	},
+	".hui-text-label-mini": {
+		fontFamily: require_fontFamily.fontFamily.primary,
+		fontSize: "12px",
+		fontWeight: require_spacing.wrapVar(require_spacing.fontWeightLabelMini),
+		letterSpacing: require_spacing.wrapVar(require_spacing.letterSpacingLabelMini),
+		lineHeight: "14px",
+		textTransform: require_spacing.wrapVar(require_spacing.textTransformLabelMini)
+	},
+	".hui-text-label-mini-strong": {
+		fontFamily: require_fontFamily.fontFamily.primary,
+		fontSize: "12px",
+		fontWeight: require_spacing.wrapVar(require_spacing.fontWeightLabelStrong),
+		letterSpacing: require_spacing.wrapVar(require_spacing.letterSpacingLabelMini),
+		lineHeight: "14px",
+		textTransform: require_spacing.wrapVar(require_spacing.textTransformLabelMini)
+	},
+	".hui-text-label-strong": {
+		fontFamily: require_fontFamily.fontFamily.primary,
+		fontSize: "14px",
+		fontWeight: require_spacing.wrapVar(require_spacing.fontWeightLabelStrong),
+		letterSpacing: require_spacing.wrapVar(require_spacing.letterSpacingLabelStrong),
+		lineHeight: "22px"
+	}
+};
+//#endregion
+//#region src/tailwind/width.ts
+/**
+* Layout width configuration for Tailwind CSS
+*
+* Internal reference: Hammer UI patterns
+* Ported from the upstream theme system.
+*/
+const width = {
+	dense: require_spacing.wrapVar(require_spacing.widthDense),
+	page: require_spacing.wrapVar(require_spacing.widthPage)
+};
+//#endregion
+//#region src/tailwind/plugin.ts
+/**
+* Main Tailwind CSS plugin for the theme system
+*
+* Composes all theme configuration modules (colors, spacing, typography, etc.)
+* into a single Tailwind plugin. The plugin's second argument defines the complete
+* theme, so consumers only need `plugins: [themePlugin]` — no separate theme extension.
+*
+* Internal reference: Hammer UI patterns
+* Ported from the upstream theme system.
+*/
+const autofillStyles = {
+	"-webkit-box-shadow": "0 0 0 12px rgb(var(--color-background-primary)) inset !important",
+	"box-shadow": "0 0 0 12px rgb(var(--color-background-primary)) inset !important"
+};
+const themePlugin = (0, tailwindcss_plugin_js.default)(({ addBase, addComponents, matchUtilities }) => {
+	addComponents(textComponents);
+	addComponents({
+		".hui-autofill-transparent": {
+			"&:-webkit-autofill": autofillStyles,
+			"&:-webkit-autofill:active": autofillStyles,
+			"&:-webkit-autofill:focus": autofillStyles,
+			"&:-webkit-autofill:hover": autofillStyles
+		},
+		".hui-focus-visible-outline": { "@apply focus-visible:outline-focus-primary focus-visible:outline focus-visible:outline-4": {} },
+		".hui-focus-visible-outline-inverse": { "@apply focus-visible:outline-focus-inverse focus-visible:outline focus-visible:outline-4": {} },
+		".scrollbar-default": {
+			"&::-webkit-scrollbar": { display: "block" },
+			"-ms-overflow-style": "auto",
+			"scrollbar-width": "auto"
+		},
+		".scrollbar-hide": {
+			"&::-webkit-scrollbar": { display: "none" },
+			"-ms-overflow-style": "none",
+			"scrollbar-width": "none"
+		}
+	});
+	addBase({
+		"@keyframes saveButtonWiggle": {
+			"0%, 100%": { transform: "rotate(0deg) scale(1)" },
+			"10%": { transform: "rotate(-6deg) scale(1.03)" },
+			"25%": { transform: "rotate(5deg) scale(1.03)" },
+			"40%": { transform: "rotate(-4deg) scale(1.02)" },
+			"55%": { transform: "rotate(3deg) scale(1.02)" },
+			"70%": { transform: "rotate(-1.5deg) scale(1.01)" },
+			"85%": { transform: "rotate(0.5deg) scale(1)" }
+		},
+		"@keyframes saveHeartTwirlBloom": {
+			"0%": { transform: "rotateY(0deg) scale(1)" },
+			"50%": { transform: "rotateY(180deg) scale(1.35)" },
+			"100%": { transform: "rotateY(360deg) scale(1)" }
+		},
+		"@keyframes saveHeartColorFlash": {
+			"0%": { fill: "rgb(var(--hui-save-color-critical-500, var(--color-critical-500)))" },
+			"40%": { fill: "rgb(var(--hui-save-color-critical-300, var(--color-critical-300)))" },
+			"60%": { fill: "rgb(var(--hui-save-color-critical-500, var(--color-critical-500)))" },
+			"100%": { fill: "rgb(var(--hui-save-color-critical-500, var(--color-critical-500)))" }
+		},
+		"@keyframes saveLabelShimmer": {
+			"0%": { backgroundPosition: "200% center" },
+			"100%": { backgroundPosition: "-200% center" }
+		},
+		"@keyframes saveButtonPulse": {
+			"0%": { transform: "scale(1)" },
+			"35%": { transform: "scale(1.08)" },
+			"65%": { transform: "scale(0.97)" },
+			"100%": { transform: "scale(1)" }
+		},
+		"@keyframes saveHeartPop": {
+			"0%": { transform: "scale(1)" },
+			"20%": { transform: "scale(0.6)" },
+			"60%": { transform: "scale(1.35)" },
+			"100%": { transform: "scale(1)" }
+		},
+		".hui-fb-shimmer": {
+			lineHeight: "normal",
+			backgroundImage: "linear-gradient(90deg, currentColor 0%, currentColor 20%, rgb(var(--hui-save-color-critical-200, var(--color-critical-200))) 33%, rgb(var(--hui-save-color-critical-500, var(--color-critical-500))) 50%, rgb(var(--hui-save-color-tertiary-400, var(--color-tertiary-400))) 67%, currentColor 80%, currentColor 100%)",
+			backgroundSize: "200% 100%",
+			backgroundClip: "text",
+			"-webkit-background-clip": "text",
+			"-webkit-text-fill-color": "transparent",
+			"@media (prefers-reduced-motion: reduce)": {
+				backgroundImage: "none !important",
+				"-webkit-text-fill-color": "currentColor !important"
+			}
+		},
+		".hui-fb-color-flash .hui-fb-icon-frame svg path": {
+			animation: "saveHeartColorFlash 1100ms cubic-bezier(0.45, 0, 0.55, 1) 1",
+			animationFillMode: "forwards"
+		},
+		"@media (prefers-reduced-motion: reduce)": { ".hui-fb-color-flash .hui-fb-icon-frame svg path": { animation: "none !important" } }
+	});
+	matchUtilities({ "grid-area": (value) => {
+		return { "grid-area": value };
+	} });
+}, { theme: {
+	borderRadius: require_spacing.borderRadius,
+	boxShadow: require_fontFamily.boxShadow,
+	colors,
+	extend: {
+		animation: {
+			fadeIn: "fadeIn .2s ease-in-out",
+			fadeInOpacity: "fadeInOpacity 0.5s ease-in-out",
+			fadeInScaled: "fadeInScaled .2s ease-in",
+			fadeOut: "fadeOut .2s ease-in-out",
+			loading: "loading 1.4s infinite ease-in-out",
+			"progress-completion": "shrink 0.15s ease-in-out both, grow 0.15s ease-in-out 0.15s both",
+			"progress-icon-fade-in": "fadeInOpacity 0.15s ease-in-out 0.15s both",
+			"progress-wave": "progressWave 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, progressWaveRotate 1568ms linear infinite both",
+			saveButtonPulse: "saveButtonPulse 500ms cubic-bezier(0.34, 1.56, 0.64, 1)",
+			saveButtonWiggle: "saveButtonWiggle 1.3s cubic-bezier(0.36, 0, 0.66, -0.56)",
+			saveHeartColorFlash: "saveHeartColorFlash 1100ms cubic-bezier(0.45, 0, 0.55, 1)",
+			saveHeartPop: "saveHeartPop 480ms cubic-bezier(0.34, 1.56, 0.64, 1)",
+			saveHeartTwirlBloom: "saveHeartTwirlBloom 1100ms cubic-bezier(0.45, 0, 0.55, 1)",
+			saveLabelShimmer: "saveLabelShimmer 1100ms ease-in-out",
+			slideDown: "slideDown 0.3s ease-in forwards",
+			slideUp: "slideUp 0.3s ease-out forwards"
+		},
+		keyframes: {
+			fadeIn: {
+				from: { opacity: "0" },
+				to: { opacity: "1" }
+			},
+			fadeInOpacity: {
+				from: {
+					opacity: "0",
+					visibility: "hidden"
+				},
+				to: {
+					opacity: "1",
+					visibility: "visible"
+				}
+			},
+			fadeInScaled: {
+				from: {
+					opacity: "0",
+					transform: "scale(0.7)"
+				},
+				to: {
+					opacity: "1",
+					transform: "scale(1)"
+				}
+			},
+			fadeOut: {
+				from: {
+					opacity: "1",
+					transform: "scale(1)"
+				},
+				to: {
+					opacity: "0",
+					transform: "scale(0.7)"
+				}
+			},
+			grow: {
+				from: { transform: "scale(0.5)" },
+				to: { transform: "scale(1)" }
+			},
+			loading: {
+				"0%, 100%, 80%": { transform: "scale(0)" },
+				"40%": { transform: "scale(1)" }
+			},
+			progressWave: {
+				"0%": {
+					strokeDasharray: "var(--progress-wave-start)",
+					strokeDashoffset: "0"
+				},
+				"100%": {
+					strokeDasharray: "var(--progress-wave-end)",
+					strokeDashoffset: "var(--progress-wave-full)"
+				},
+				"50%": {
+					strokeDasharray: "var(--progress-wave-mid)",
+					strokeDashoffset: "var(--progress-wave-offset)"
+				}
+			},
+			progressWaveRotate: {
+				"0%": { transform: "rotate(-90deg)" },
+				"100%": { transform: "rotate(270deg)" }
+			},
+			saveButtonPulse: {
+				"0%": { transform: "scale(1)" },
+				"35%": { transform: "scale(1.08)" },
+				"65%": { transform: "scale(0.97)" },
+				"100%": { transform: "scale(1)" }
+			},
+			saveButtonWiggle: {
+				"0%, 100%": { transform: "rotate(0deg) scale(1)" },
+				"10%": { transform: "rotate(-6deg) scale(1.03)" },
+				"25%": { transform: "rotate(5deg) scale(1.03)" },
+				"40%": { transform: "rotate(-4deg) scale(1.02)" },
+				"55%": { transform: "rotate(3deg) scale(1.02)" },
+				"70%": { transform: "rotate(-1.5deg) scale(1.01)" },
+				"85%": { transform: "rotate(0.5deg) scale(1)" }
+			},
+			saveHeartColorFlash: {
+				"0%": { fill: "rgb(var(--hui-save-color-critical-500, var(--color-critical-500)))" },
+				"40%": { fill: "rgb(var(--hui-save-color-critical-300, var(--color-critical-300)))" },
+				"60%": { fill: "rgb(var(--hui-save-color-critical-500, var(--color-critical-500)))" },
+				"100%": { fill: "rgb(var(--hui-save-color-critical-500, var(--color-critical-500)))" }
+			},
+			saveHeartPop: {
+				"0%": { transform: "scale(1)" },
+				"20%": { transform: "scale(0.6)" },
+				"60%": { transform: "scale(1.35)" },
+				"100%": { transform: "scale(1)" }
+			},
+			saveHeartTwirlBloom: {
+				"0%": { transform: "rotateY(0deg) scale(1)" },
+				"50%": { transform: "rotateY(180deg) scale(1.35)" },
+				"100%": { transform: "rotateY(360deg) scale(1)" }
+			},
+			saveLabelShimmer: {
+				"0%": { backgroundPosition: "200% center" },
+				"100%": { backgroundPosition: "-200% center" }
+			},
+			shrink: {
+				from: { transform: "scale(1)" },
+				to: { transform: "scale(0.5)" }
+			},
+			slideDown: {
+				"0%": {
+					opacity: "1",
+					transform: "translateY(0)"
+				},
+				"100%": {
+					opacity: "0",
+					transform: "translateY(100%)"
+				}
+			},
+			slideUp: {
+				"0%": {
+					opacity: "0",
+					transform: "translateY(100%)"
+				},
+				"100%": {
+					opacity: "1",
+					transform: "translateY(0)"
+				}
+			}
+		},
+		maxWidth: width,
+		minWidth: width,
+		spacing: require_spacing.spacing,
+		width
+	},
+	fontFamily: require_fontFamily.fontFamily,
+	screens: require_spacing.screens
+} });
+//#endregion
+Object.defineProperty(exports, "colors", {
+	enumerable: true,
+	get: function() {
+		return colors;
+	}
+});
+Object.defineProperty(exports, "textComponents", {
+	enumerable: true,
+	get: function() {
+		return textComponents;
+	}
+});
+Object.defineProperty(exports, "themePlugin", {
+	enumerable: true,
+	get: function() {
+		return themePlugin;
+	}
+});
+
+//# sourceMappingURL=plugin-DPtvp4lp.cjs.map